@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--font-display:"Syne",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"DM Mono",monospace;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--sidebar-w:228px;--topbar-h:52px;--transition:.15s cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--bg:#0c0e14;--bg2:#13151f;--bg3:#1a1d29;--bg4:#212533;--bg5:#282d3e;--bg6:#2f3447;--border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.1);--border3:rgba(255,255,255,.16);--text:#eceef5;--text2:#9299b0;--text3:#565e7a;--text4:#363d55;--accent:#4f7fff;--accent2:#3d6ef5;--accent-bg:rgba(79,127,255,.12);--accent-glow:rgba(79,127,255,.2);--green:#34d399;--green-bg:rgba(52,211,153,.1);--amber:#fbbf24;--amber-bg:rgba(251,191,36,.1);--red:#f87171;--red-bg:rgba(248,113,113,.1);--purple:#a78bfa;--purple-bg:rgba(167,139,250,.1);--teal:#22d3ee;--teal-bg:rgba(34,211,238,.1);--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow:0 4px 12px rgba(0,0,0,.5);--shadow-lg:0 8px 32px rgba(0,0,0,.6)}[data-theme=light]{--bg:#f4f5f8;--bg2:#ffffff;--bg3:#f0f1f6;--bg4:#e8eaf0;--bg5:#dde0ea;--bg6:#d0d4e2;--border:rgba(0,0,0,.06);--border2:rgba(0,0,0,.1);--border3:rgba(0,0,0,.16);--text:#1a1d29;--text2:#4a5068;--text3:#7a82a0;--text4:#a8afc8;--accent:#2563eb;--accent2:#1d4ed8;--accent-bg:rgba(37,99,235,.08);--accent-glow:rgba(37,99,235,.15);--green:#059669;--green-bg:rgba(5,150,105,.08);--amber:#d97706;--amber-bg:rgba(217,119,6,.08);--red:#dc2626;--red-bg:rgba(220,38,38,.08);--purple:#7c3aed;--purple-bg:rgba(124,58,237,.08);--teal:#0891b2;--teal-bg:rgba(8,145,178,.08);--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 32px rgba(0,0,0,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:4px}.tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:500}.tag-order{background:var(--amber-bg);color:var(--amber)}.tag-urgent{background:var(--red-bg);color:var(--red)}.tag-support{background:var(--teal-bg);color:var(--teal)}.tag-question{background:var(--purple-bg);color:var(--purple)}.pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500}.pill-open{background:var(--accent-bg);color:var(--accent)}.pill-pending{background:var(--amber-bg);color:var(--amber)}.pill-resolved{background:var(--green-bg);color:var(--green)}.pill-closed{background:var(--bg4);color:var(--text3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;font-family:var(--font-body);cursor:pointer;border:1px solid var(--border2);background:var(--bg4);color:var(--text);transition:all var(--transition);white-space:nowrap;text-decoration:none}.btn:hover{background:var(--bg5)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2);border-color:var(--accent2)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text2)}.btn-ghost:hover{background:var(--bg3);color:var(--text)}.btn-danger{background:var(--red-bg);border-color:var(--red);color:var(--red)}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{padding:6px}.input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);padding:8px 12px;color:var(--text);font-size:13px;font-family:var(--font-body);outline:none;transition:border-color var(--transition)}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text3)}textarea.input{resize:vertical;min-height:80px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:500;color:var(--text2);margin-bottom:5px}.card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.card-accent{border-color:#a78bfa4d;background:#a78bfa0d}.card-success{border-color:#34d39940;background:var(--green-bg)}.card-warn{border-color:#fbbf2440;background:var(--amber-bg)}.card-danger{border-color:#f8717140;background:var(--red-bg)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;flex-shrink:0;font-family:var(--font-display)}.avatar-sm{width:24px;height:24px;font-size:9px}.avatar-md{width:32px;height:32px;font-size:11px}.avatar-lg{width:40px;height:40px;font-size:14px}.divider{height:1px;background:var(--border);margin:16px 0}.section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text3);margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg3) 0%,var(--bg4) 50%,var(--bg3) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease forwards}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-xl);padding:24px;width:480px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:fadeIn .2s ease}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-msg-menu-trigger]{color:var(--text2);border-radius:var(--radius-sm);transition:color .12s ease,background .12s ease}[data-msg-menu-trigger]:hover,[data-msg-menu-trigger]:focus-visible{color:var(--text);background:var(--bg4);outline:none}.ProseMirror{min-height:100%}.email-body-content img{max-width:100%;height:auto}