:root{--font-sans:"DM Sans", system-ui, sans-serif;--font-serif:"DM Serif Display", serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-title:var(--font-serif);--font-body:var(--font-sans);--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--blue-50:#f0f5ff;--blue-100:#dbeafe;--blue-200:#bed5ff;--blue-300:#91b7ff;--blue-400:#5e94ff;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#001d76;--blue-900:#000753;--blue-950:#00012e;--primary:var(--blue-600);--on-primary:#fff;--primary-container:var(--blue-100);--on-primary-container:var(--blue-700);--surface:#fff;--on-surface:var(--slate-900);--on-surface-variant:var(--slate-500);--surface-dim:var(--slate-100);--surface-bright:var(--slate-50);--outline:var(--slate-200);--outline-variant:var(--slate-400);--error:#ef4444;--on-error:#fff;--warning:#f59e0b;--success:#10b981;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-500:#ef4444;--red-700:#b91c1c;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-500:#f59e0b;--amber-700:#b45309;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-500:#10b981;--emerald-600:#059669;--sidebar-bg:linear-gradient(180deg, #202c3d 0%, #141925 100%);--sidebar-text:#e2e8f0;--sidebar-muted:#94a3b8;--sidebar-border:#ffffff21;--sidebar-active-bg:#2563eb;--sidebar-active-text:#fff;--sidebar-brand-text:#e8e8e8;--sidebar-icon-color:#3b82f6;--sidebar-w:220px;--header-h:56px;--radius:8px;--shadow:0 1px 3px #00000014;--shadow-lg:0 4px 12px #0000001a;--spring-duration:.5s;--spring-bounce:.2;--spring-stiffness:160}[data-skin=personal]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#f2f6f1;--on-surface:#161916;--primary:#6a7e66;--on-primary:#fff;--primary-container:#d8e5d5;--on-primary-container:#3d4f3a;--surface-dim:#e5e9e4;--surface-bright:#f7faf6;--outline:#c8ccc7;--outline-variant:#969995;--on-surface-variant:#585c58;--font-sans:"DM Sans", system-ui, sans-serif;--font-title:"DM Serif Display", serif;--font-body:var(--font-sans);--accent-lavender:#796c85;--accent-rose:#88696e;--sidebar-bg:#f2f6f1;--sidebar-text:#161916;--sidebar-muted:#585c58;--sidebar-border:#c8ccc7;--sidebar-active-bg:#6a7e66;--sidebar-active-text:#fff;--sidebar-brand-text:#161916;--sidebar-icon-color:#6a7e66;--spring-duration:.6s;--spring-bounce:.25;--spring-stiffness:150}[data-skin=business]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#f3f5fb;--on-surface:#17181c;--primary:#566cd9;--on-primary:#fff;--primary-container:#dee3f8;--on-primary-container:#2a3580;--surface-dim:#e6e8ed;--surface-bright:#f8f9fd;--outline:#c8cad0;--outline-variant:#96989d;--on-surface-variant:#595b5f;--font-sans:"Inter", system-ui, sans-serif;--font-title:"Space Grotesk", system-ui, sans-serif;--font-body:var(--font-sans);--sidebar-bg:#2a2b2f;--sidebar-text:#e2e4e8;--sidebar-muted:#8a8c92;--sidebar-border:#ffffff1a;--sidebar-active-bg:#566cd9;--sidebar-active-text:#fff;--sidebar-brand-text:#e2e4e8;--sidebar-icon-color:#566cd9;--spring-duration:.35s;--spring-bounce:.12;--spring-stiffness:190}[data-skin=agent]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#060a0c;--on-surface:#e3e9ec;--primary:#52c6f8;--on-primary:#06191f;--primary-container:#0e3444;--on-primary-container:#8edcff;--surface-dim:#15191b;--surface-bright:#1e2325;--outline:#3a3f42;--outline-variant:#565c5e;--on-surface-variant:#73787b;--font-sans:"Inter", system-ui, sans-serif;--font-title:"JetBrains Mono", ui-monospace, monospace;--font-body:var(--font-sans);--sidebar-bg:#040608;--sidebar-text:#cfd5d8;--sidebar-muted:#73787b;--sidebar-border:#2a2f31;--sidebar-active-bg:#52c6f826;--sidebar-active-text:#52c6f8;--sidebar-brand-text:#52c6f8;--sidebar-icon-color:#52c6f8;--spring-duration:.4s;--spring-bounce:.15;--spring-stiffness:180;--error:#f87171;--warning:#fbbf24;--success:#34d399;--red-100:#3b1418;--red-200:#5b1f26;--red-700:#fca5a5;--amber-50:#2d2207;--amber-100:#3f2f0d;--amber-200:#5f4611;--amber-700:#fcd34d;--emerald-50:#08241c;--emerald-100:#0f352b;--emerald-600:#34d399}:root{--thread-list-w:380px}*{box-sizing:border-box}body{background:var(--surface-bright);font-family:var(--font-body,var(--font-sans));color:var(--on-surface);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);height:100vh;color:var(--sidebar-text);flex-direction:column;display:flex;position:sticky;top:0;box-shadow:inset 0 0 40px #0000000a}.sidebar-brand{border-bottom:1px solid var(--sidebar-border);padding:16px 14px}.sidebar-brand-name{font-family:var(--font-body,var(--font-sans));color:var(--sidebar-brand-text);letter-spacing:-.3px;font-size:14px;font-weight:600}.sidebar-brand-sub{font-family:var(--font-mono);color:var(--sidebar-muted);font-size:11px}.sidebar-mailbox{border-bottom:1px solid var(--sidebar-border);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.sidebar-mailbox-label{font-family:var(--font-mono);color:var(--sidebar-muted);letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:500}.sidebar-mailbox-row{align-items:center;gap:8px;display:flex}.sidebar-mailbox-icon{color:var(--sidebar-icon-color)}.sidebar-mailbox-addr{font-family:var(--font-mono);color:var(--sidebar-text);font-size:12px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px 6px;display:flex}.sidebar-nav-label{font-family:var(--font-mono);color:var(--sidebar-muted);letter-spacing:.8px;text-transform:uppercase;padding:8px 16px 4px;font-size:11px;font-weight:500}.nav-item{color:var(--sidebar-muted);font-family:var(--font-body,var(--font-sans));transition:background var(--spring-duration) ease, color var(--spring-duration) ease;border-radius:6px;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{color:var(--sidebar-text);background:#8080801a}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.nav-item.active svg{color:var(--sidebar-active-text)}.sidebar-user{border-top:1px solid var(--sidebar-border);align-items:center;gap:10px;margin-top:auto;padding:16px;display:flex}.sidebar-user-avatar{background:var(--outline-variant);border-radius:50%;width:32px;height:32px}.sidebar-user-name{font-family:var(--font-body,var(--font-sans));color:var(--sidebar-brand-text);font-size:13px;font-weight:500}.sidebar-user-email{font-family:var(--font-mono);color:var(--sidebar-muted);font-size:11px}.main{flex-direction:column;min-width:0;min-height:100vh;display:flex}.readonly-banner{border:1px solid var(--amber-200);background:var(--amber-50);color:var(--amber-700);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 16px;display:flex}.top-bar{background:var(--surface);border-bottom:1px solid var(--outline);flex-shrink:0;align-items:center;height:56px;padding:0 24px;display:flex}.top-bar-title{font-family:var(--font-title);color:var(--on-surface);margin:0;font-size:20px}.mail-content{flex:1;min-height:0;display:flex;overflow:hidden}.thread-list{width:var(--thread-list-w);border-right:1px solid var(--outline);background:var(--surface-bright);flex-direction:column;flex-shrink:0;gap:4px;padding:4px;display:flex;overflow-y:auto}.thread-list.narrow{width:320px}.thread-item{cursor:pointer;transition:background var(--spring-duration) ease;border-radius:8px;padding:12px 16px;display:block}.thread-item:hover{background:var(--surface-dim)}.thread-item.active{background:var(--primary-container)}.thread-item.unread .thread-from,.thread-item.unread .thread-subject{color:var(--on-surface);font-weight:700}.thread-header-row{justify-content:space-between;align-items:center;display:flex}.thread-from{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);font-size:13px;font-weight:500}.thread-time{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);font-size:11px}.thread-subject{font-family:var(--font-body,var(--font-sans));color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;font-weight:500;overflow:hidden}.thread-snippet{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.thread-sent-to{color:var(--primary)}.thread-waiting{color:var(--on-surface-variant);margin-left:6px;font-size:11px;font-style:italic}.thread-view{flex-direction:column;flex:1;gap:8px;padding:24px;display:flex;overflow-y:auto}.thread-view-header{justify-content:space-between;align-items:center;display:flex}.thread-view-title{font-family:var(--font-title);color:var(--on-surface);font-size:22px}.thread-view-meta{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);margin-top:4px;font-size:12px}.actions-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-action{border:1px solid var(--outline);color:var(--on-surface-variant);font-family:var(--font-body,var(--font-sans));cursor:pointer;transition:background var(--spring-duration) ease, border-color var(--spring-duration) ease, color var(--spring-duration) ease;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.btn-action:hover{background:var(--surface-dim);border-color:var(--outline-variant)}.message-card{background:var(--surface);border:1px solid var(--outline);border-radius:8px;flex-direction:column;gap:12px;margin-top:12px;padding:20px;display:flex}.message-header{justify-content:space-between;align-items:start;display:flex}.message-from{font-family:var(--font-body,var(--font-sans));color:var(--on-surface);font-size:14px;font-weight:600}.message-to{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);margin-top:2px;font-size:12px}.message-date{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);font-size:12px}.message-body{font-family:var(--font-body,var(--font-sans));color:var(--on-surface);font-size:13px;line-height:1.6}.message-pre{white-space:pre-wrap;font:inherit;margin:0}.message-attachments{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--primary-container);font-family:var(--font-body,var(--font-sans));border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--outline-variant)}.chip-name{color:var(--on-primary-container);font-weight:500}.chip-size{color:var(--on-surface-variant);font-size:11px}.field-note{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);margin:6px 0 0;font-size:12px}.bubble-row{display:flex}.bubble-row.bubble-inbound{justify-content:flex-start}.bubble-row.bubble-outbound{justify-content:flex-end}.bubble{max-width:70%;font-family:var(--font-body,var(--font-sans));word-break:break-word;border-radius:18px;padding:10px 14px;font-size:14px;line-height:1.5}.bubble-blue{background:var(--primary);color:var(--on-primary);border-bottom-right-radius:4px}.bubble-gray{background:var(--surface-dim);color:var(--on-surface);border-bottom-left-radius:4px}.bubble-sender{opacity:.7;margin-bottom:2px;font-size:11px;font-weight:600}.bubble-text{white-space:pre-wrap}.bubble-time{opacity:.6;text-align:right;margin-top:4px;font-size:10px}.message-body-collapsed{max-height:120px;position:relative;overflow:hidden}.message-body-collapsed:after{content:"";background:linear-gradient(transparent, var(--surface));pointer-events:none;height:48px;position:absolute;bottom:0;left:0;right:0}.message-body-expanded{max-height:600px;overflow-y:auto}.message-toggle{align-self:flex-start;align-items:center;gap:4px;font-size:12px;display:inline-flex}.bubble-pending{opacity:.7}.quick-reply{background:var(--surface);border-top:1px solid var(--outline);margin:8px -24px -24px;padding:12px 24px;position:sticky;bottom:0}.quick-reply-form{flex-direction:column;gap:10px;display:flex}.quick-reply-row{align-items:flex-end;gap:8px;display:flex}.quick-reply-input{resize:none;border:1px solid var(--outline);font-family:var(--font-body,var(--font-sans));background:var(--surface-dim);color:var(--on-surface);border-radius:18px;outline:none;flex:1;padding:8px 14px;font-size:14px;line-height:1.4;overflow:hidden}.quick-reply-input:focus{border-color:var(--primary)}.quick-reply-input::placeholder{color:var(--on-surface-variant)}.quick-reply-send{background:var(--primary);width:36px;height:36px;color:var(--on-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-reply-send:disabled{opacity:.4;cursor:default}.quick-reply-send:not(:disabled):hover{opacity:.9}.quick-reply-attachments{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quick-reply-attach{cursor:pointer}.quick-reply-attachments input[type=file]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quick-reply-attachment-list,.quick-reply-note,.quick-reply-error{font-size:12px}.quick-reply-attachment-list,.quick-reply-note{color:var(--on-surface-variant)}.batch-status{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.batch-status-text{opacity:.8}.batch-send-now{padding:2px 8px;font-size:12px}@media (width<=960px){.bubble{max-width:85%}}.empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.empty-state-icon{color:var(--outline-variant)}.empty-state-text{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);font-size:14px}.empty-state-circle{background:var(--surface-dim);width:64px;height:64px;color:var(--on-surface-variant);border-radius:999px;justify-content:center;align-items:center;display:flex}.empty-state-title{font-family:var(--font-title);color:var(--on-surface);margin:12px 0 0;font-size:18px}.empty-state-desc{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);text-align:center;max-width:280px;margin:4px 0 0;font-size:13px}.thread-list-empty{padding:32px}.btn{background:var(--primary);color:var(--on-primary);font-family:var(--font-body,var(--font-sans));cursor:pointer;transition:filter var(--spring-duration) ease, transform var(--spring-duration) ease;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(.95)}.btn-secondary{border:1px solid var(--outline);background:var(--surface);color:var(--on-surface-variant);font-family:var(--font-body,var(--font-sans));cursor:pointer;transition:background var(--spring-duration) ease, border-color var(--spring-duration) ease, color var(--spring-duration) ease;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--surface-dim);border-color:var(--outline-variant)}.btn-ghost{color:var(--on-surface-variant);font-family:var(--font-body,var(--font-sans));cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-ghost:hover{background:var(--surface-dim)}.button-row{flex-wrap:wrap;gap:10px;display:flex}.settings-header{margin-bottom:24px}.settings-title{font-family:var(--font-title);color:var(--on-surface);margin:0;font-size:22px}.settings-desc{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);margin-top:4px;font-size:13px}.info-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.section-card{background:var(--surface);border:1px solid var(--outline);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.section-card-title{font-family:var(--font-title);color:var(--on-surface);margin:0;font-size:14px;font-weight:700}.section-card-row{justify-content:space-between;align-items:center;display:flex}.section-card-label{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);font-size:13px}.section-card-value{font-family:var(--font-body,var(--font-sans));color:var(--on-surface);font-size:13px;font-weight:500}.status-badge{font-family:var(--font-body,var(--font-sans));border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.success{background:var(--emerald-50);color:var(--emerald-600)}.status-badge.info{background:var(--blue-100);color:var(--blue-700)}.mailbox-row{border-bottom:1px solid var(--outline);align-items:center;gap:10px;padding:8px 0;display:flex}.mailbox-row:last-child{border-bottom:none}.mailbox-icon{color:var(--on-surface-variant)}.compose-form{flex-direction:column;gap:12px;max-width:720px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field label{font-family:var(--font-body,var(--font-sans));color:var(--on-surface);font-size:13px;font-weight:500}.field input,.field textarea,.field select{border:1px solid var(--outline);background:var(--surface);border-radius:6px;width:100%;padding:8px 12px;font-size:13px}.field textarea{resize:vertical;min-height:180px}.form-error{color:#b91c1c;font-size:12px}.reply-context{background:var(--surface-dim);border:1px solid var(--outline);border-radius:8px;flex-direction:column;gap:8px;max-width:720px;padding:12px 16px;display:flex}.reply-context-label{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);font-size:12px}.reply-context-body{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);font-size:13px;line-height:1.5}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:24px 24px 0;display:flex}.page-head h1{font-family:var(--font-title);margin:0 0 6px;font-size:22px}.page-head p{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);margin:0;font-size:13px}.muted{color:var(--on-surface-variant)}.stat{background:var(--surface);border:1px solid var(--outline);border-radius:8px;padding:16px}.stat-label{font-family:var(--font-mono);color:var(--on-surface-variant);letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:500}.stat-value{font-family:var(--font-sans);color:var(--on-surface);margin-top:6px;font-size:14px;font-weight:600}.card{background:var(--surface);border:1px solid var(--outline);border-radius:8px;padding:16px}.settings-card{margin-top:20px}.settings-card-title{margin-top:0}.message-lines{flex-direction:column;gap:4px;font-size:13px;display:flex}.thread-inner{flex-direction:column;gap:20px;display:flex}.thread-meta{font-family:var(--font-body,var(--font-sans));color:var(--on-surface-variant);justify-content:space-between;gap:12px;font-size:13px;display:flex}.mobile-back,.mobile-menu-btn,.sidebar-close,.sidebar-overlay{display:none}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:100;width:280px;height:100dvh;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:99;background:#0006;display:block;position:fixed;inset:0}.sidebar-brand{justify-content:space-between;align-items:center;display:flex}.sidebar-close{color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.mobile-menu-btn{z-index:50;border:1px solid var(--outline);background:var(--surface);width:36px;height:36px;color:var(--on-surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex;position:fixed;top:12px;left:12px}.mail-content{flex-direction:column}.top-bar{padding-left:56px}.thread-list{border-right:none;flex:1;width:100%;max-height:none}.thread-list.narrow{display:none}.app-shell:has(.thread-list.narrow) .top-bar{display:none}.app-shell:has(.thread-list.narrow) .mobile-menu-btn{display:none}.thread-view{height:100dvh;padding:16px}.thread-view-header{flex-direction:column;align-items:flex-start;gap:8px}.thread-view-title{font-size:18px}.mobile-back{font-family:var(--font-body,var(--font-sans));color:var(--primary);align-items:center;gap:4px;padding-bottom:8px;font-size:14px;display:flex}.quick-reply{margin:8px -16px -16px;padding:10px 16px}.info-grid{grid-template-columns:1fr}}