:root{--bg:#eef1f0;--surface:#fbfcfb;--surface-muted:#f4f7f6;--surface-strong:#fff;--line:#d8dedb;--line-strong:#c3cbc7;--ink:#17201d;--ink-muted:#596661;--ink-soft:#7c8984;--accent:#0f766e;--accent-strong:#0b5f58;--accent-soft:#dcefeb;--warning:#a15c17;--warning-soft:#fff2dd;--danger:#a33939;--danger-soft:#fdecec;--shadow:0 18px 48px #16201d1f;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Aptos,IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-block-start:0}.app-shell{background:linear-gradient(135deg, #0f766e1f, transparent 28%), linear-gradient(315deg, #a15c1714, transparent 24%), var(--bg);grid-template-columns:minmax(270px,320px) minmax(0,1fr);min-height:100vh;display:grid}.mailbox-sidebar{border-right:1px solid var(--line);background:#fbfcfbeb;flex-direction:column;gap:18px;min-width:0;max-height:100vh;padding:22px 18px;display:flex;overflow:auto}.brand-panel,.sidebar-section{min-width:0}.brand-panel{border-bottom:1px solid var(--line);padding-bottom:18px}.brand-title-row,.section-heading,.toolbar,.message-panel-header,.reader-toolbar,.nav-item,.account-row,.message-row-top,.message-subject-line,.account-provider-row{align-items:center;display:flex}.brand-title-row,.section-heading,.toolbar,.message-panel-header,.reader-toolbar,.account-row,.message-row-top,.message-subject-line{justify-content:space-between}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:800;line-height:1.25}.brand-panel h2,.empty-state h2{color:var(--ink);margin:0;font-size:20px;line-height:1.18}.sidebar-note{color:var(--ink-muted);margin:10px 0 0;font-size:13px;line-height:1.5}.count-pill,.nav-count,.attachment-chip{border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.count-pill{background:var(--surface-muted);border:1px solid var(--line);color:var(--ink-muted);min-width:30px;padding:6px 8px}.section-heading{color:var(--ink-soft);gap:12px;margin-bottom:10px}.section-heading h2,.section-heading h3{color:var(--ink);letter-spacing:0;text-transform:uppercase;margin:0;font-size:13px;font-weight:800;line-height:1.2}.section-heading h2{font-size:15px}.section-heading span{font-size:12px;font-weight:700}.mailbox-nav{gap:6px;display:grid}.nav-item{color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;gap:10px;width:100%;min-height:54px;padding:9px}.nav-item:hover,.nav-item:focus-visible,.nav-item.active{background:var(--surface-strong);border-color:var(--line);outline:0;box-shadow:0 8px 24px #17201d14}.folder-mark{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #0f766e33;border-radius:7px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:900;display:inline-flex}.unread-mark{color:#37539a;background:#e9efff;border-color:#37539a38}.attachment-mark{background:var(--warning-soft);color:var(--warning);border-color:#a15c1738}.nav-copy{flex:auto;gap:2px;min-width:0;display:grid}.nav-copy span,.account-email,.message-sender,.message-subject,.message-time,.message-meta span,.attachment-row span,.sync-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-copy span{font-size:14px;font-weight:800}.nav-copy small{color:var(--ink-soft);font-size:12px;font-weight:650}.nav-count{background:var(--surface-muted);color:var(--ink-muted);min-width:26px;padding:6px 7px}.oauth-actions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.connect-entry-card{border:1px solid var(--line);background:#ffffffb3;border-radius:8px;gap:12px;padding:12px;display:grid}.connect-entry-card p{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.45}.admin-panel{border:1px solid var(--line);background:#ffffffa3;border-radius:8px;padding:12px}.admin-identity{background:var(--surface-strong);border:1px solid var(--line);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;min-height:38px;margin-bottom:10px;padding:9px 10px;font-size:14px;font-weight:850;overflow:hidden}.admin-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.connect-entry-card button,.back-button,.secondary-button{background:var(--ink);border:1px solid var(--ink);color:#fff;border-radius:7px;min-height:40px;padding:8px 14px;font-weight:800}.secondary-button{background:var(--surface-strong);border-color:var(--line-strong);color:var(--ink)}.secondary-button:disabled{cursor:not-allowed;opacity:.48}.connect-link{background:var(--ink);border:1px solid var(--ink);color:#fff;border-radius:7px;justify-content:center;align-items:center;min-height:38px;padding:8px 10px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.connect-link.outlook{background:var(--accent-strong);border-color:var(--accent-strong)}.connect-link:hover,.connect-link:focus-visible,.connect-entry-card button:hover,.connect-entry-card button:focus-visible,.back-button:hover,.back-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible{outline-offset:1px;outline:3px solid #0f766e3d;box-shadow:0 8px 22px #17201d2e}.password-settings-page{align-content:start}.password-settings-panel{min-width:0;max-width:520px}.password-settings-form{gap:14px;padding:18px}.setup-form{border:1px solid var(--line);background:#ffffff9e;border-radius:8px;gap:10px;padding:12px;display:grid}.setup-form h3,.attachment-list h3{color:var(--ink);margin:0;font-size:13px;line-height:1.25}.setup-form label{color:var(--ink-muted);gap:5px;font-size:12px;font-weight:800;display:grid}.setup-form input,.search-form input{background:var(--surface-strong);border:1px solid var(--line-strong);color:var(--ink);border-radius:7px;min-width:0;padding:9px 10px}.setup-form input{min-height:36px}.form-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.checkbox-field{align-items:center;min-height:36px;gap:8px!important;display:flex!important}.checkbox-field input{accent-color:var(--accent);width:16px;min-height:0}.setup-form button,.search-form button{background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:7px;min-height:40px;padding:8px 14px;font-weight:800}.setup-form button:disabled,.search-form button:disabled{cursor:wait;opacity:.72}.form-status{border-radius:7px;margin:0;padding:8px 10px;font-size:13px;line-height:1.4}.form-status.success{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #0f766e3d}.form-status.error,.status-banner{background:var(--warning-soft);color:#68400f;border:1px solid #a15c1747}.account-list{gap:8px;display:grid}.account-row{border:1px solid var(--line);color:inherit;cursor:pointer;text-align:left;background:#ffffffb3;border-radius:8px;gap:10px;width:100%;padding:11px}.account-row:hover,.account-row:focus-visible,.account-row.active{background:var(--surface-strong);border-color:var(--line-strong);outline:0;box-shadow:0 8px 24px #17201d14}.account-row.active{box-shadow:inset 3px 0 0 var(--accent), 0 8px 24px #17201d14}.account-main{min-width:0}.account-provider-row{color:var(--ink-soft);gap:7px;margin-bottom:5px;font-size:12px;font-weight:800}.provider-dot{background:var(--accent);border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.provider-dot.error{background:var(--danger)}.account-email{color:var(--ink);max-width:210px;font-size:14px;font-weight:800}.account-status{color:var(--ink-soft);gap:3px;margin-top:6px;font-size:12px;line-height:1.35;display:grid}.account-error{color:var(--danger)}.account-setup-shell{background:linear-gradient(135deg, #0f766e1f, transparent 32%), linear-gradient(315deg, #a15c1714, transparent 24%), var(--bg);color:var(--ink);min-height:100vh}.login-shell{background:linear-gradient(135deg, #0f766e21, transparent 30%), linear-gradient(315deg, #a15c171a, transparent 26%), var(--bg);align-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fbfcfbeb;border-radius:8px;width:min(100%,390px);max-width:390px;margin:0 auto;padding:22px}.login-panel h1{color:var(--ink);margin:0 0 18px;font-size:30px;line-height:1.08}.login-form{background:0 0;padding:0}.account-setup-topbar{border-bottom:1px solid var(--line);color:var(--ink-soft);background:#fbfcfbeb;justify-content:space-between;align-items:center;min-height:68px;padding:14px 24px;font-size:13px;font-weight:800;display:flex}.account-setup-page{gap:24px;max-width:1120px;margin:0 auto;padding:42px 24px 56px;display:grid}.setup-hero{max-width:680px}.setup-hero h1{color:var(--ink);margin:0 0 10px;font-size:40px;line-height:1.05}.setup-hero p:last-child{color:var(--ink-muted);margin:0;font-size:15px;line-height:1.55}.setup-layout{grid-template-columns:minmax(280px,.8fr) minmax(360px,1fr);align-items:start;gap:18px;display:grid}.provider-panel,.imap-panel{min-width:0}.provider-panel{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;padding:16px}.provider-grid{gap:10px;display:grid}.provider-card{background:var(--surface-strong);border:1px solid var(--line);color:var(--ink);border-radius:8px;align-items:center;gap:12px;min-height:86px;padding:14px;text-decoration:none;display:flex}.provider-card:hover,.provider-card:focus-visible{border-color:var(--line-strong);outline-offset:1px;outline:3px solid #0f766e2e;box-shadow:0 12px 28px #17201d1a}.provider-icon{background:var(--ink);color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:900;display:inline-flex}.provider-card.outlook .provider-icon{background:var(--accent-strong)}.provider-card strong,.provider-card small{display:block}.provider-card strong{color:var(--ink);margin-bottom:4px;font-size:16px;line-height:1.2}.provider-card small{color:var(--ink-muted);font-size:13px;line-height:1.35}.account-setup-form{gap:14px;padding:18px}.sync-panel{border-top:1px solid var(--line);padding-top:16px}.sync-note{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.45}.sync-list{gap:8px;display:grid}.sync-row{border:1px solid var(--line);color:var(--ink-muted);background:#ffffffa3;border-radius:8px;gap:6px;min-width:0;padding:10px;font-size:12px;display:grid}.sync-row div{justify-content:space-between;align-items:center;min-width:0;display:flex}.sync-row strong{color:var(--ink);font-size:12px}.mail-workspace{grid-template-columns:minmax(360px,.43fr) minmax(420px,.57fr);gap:0;min-width:0;max-height:100vh;display:grid;overflow:hidden}.message-column,.reader-column{background:#fbfcfbc7;min-width:0;overflow:auto}.message-column{border-right:1px solid var(--line)}.reader-column{background:#ffffffd6}.toolbar{border-bottom:1px solid var(--line);z-index:2;background:#fbfcfbf0;gap:16px;padding:22px 22px 18px;position:sticky;top:0}.title-block{min-width:0}.title-block h1{color:var(--ink);margin:0 0 4px;font-size:28px;line-height:1.08}.title-block p:last-child{color:var(--ink-muted);margin-bottom:0;font-size:13px;line-height:1.4}.search-form{grid-template-columns:minmax(160px,1fr) auto;gap:8px;min-width:min(100%,320px);display:grid}.search-form input:focus,.search-form button:focus-visible,.setup-form input:focus,.setup-form button:focus-visible{border-color:var(--accent);outline-offset:1px;outline:3px solid #0f766e38}.status-banner{border-radius:8px;margin:14px 16px 0;padding:10px 12px;font-size:13px}.message-panel-header,.reader-toolbar{border-bottom:1px solid var(--line);color:var(--ink-soft);letter-spacing:0;text-transform:uppercase;background:#f4f7f6e0;min-height:44px;padding:11px 18px;font-size:12px;font-weight:800}.reader-toolbar{z-index:1;position:sticky;top:0}.pagination-bar{border-bottom:1px solid var(--line);background:#fbfcfbd1;justify-content:flex-end;align-items:center;gap:10px;min-height:48px;padding:8px 18px;display:flex}.pagination-bar span{color:var(--ink-soft);text-align:center;min-width:58px;font-size:12px;font-weight:800}.pagination-bar .secondary-button{min-height:32px;padding:6px 10px}.message-list{padding:8px;display:grid}.message-row{color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;gap:8px;width:100%;min-width:0;padding:13px 12px;display:grid}.message-row+.message-row{border-top-color:var(--line)}.message-row.unread{background:#ffffff9e}.message-row:hover,.message-row:focus-visible,.message-row.selected{background:var(--surface-strong);border-color:var(--line-strong);outline:0;box-shadow:0 8px 24px #17201d14}.message-row.selected{box-shadow:inset 3px 0 0 var(--accent), 0 8px 24px #17201d14}.message-sender{color:var(--ink);gap:7px;min-width:0;font-size:14px;font-weight:850;display:flex}.unread-dot{background:var(--accent);border-radius:999px;flex:none;width:8px;height:8px;margin-top:5px}.message-time{color:var(--ink-soft);flex:none;max-width:120px;margin-left:12px;font-size:12px;font-weight:700}.message-subject-line{gap:8px;min-width:0}.message-subject{color:var(--ink);min-width:0;font-size:15px;font-weight:800}.attachment-chip{background:var(--warning-soft);color:var(--warning);border:1px solid #a15c1738;padding:5px 7px}.message-snippet{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.42;overflow:hidden}.message-meta{color:var(--ink-soft);gap:10px;min-width:0;font-size:12px;display:flex}.message-meta span:first-child{flex:auto}.empty-state{padding:42px 28px}.empty-state h2{margin-bottom:8px}.empty-state p{color:var(--ink-muted);max-width:460px;margin-bottom:0;font-size:14px;line-height:1.55}.reader-empty{min-height:340px}.detail-content{padding:24px}.detail-header{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.detail-header h2{color:var(--ink);margin:0;font-size:27px;line-height:1.16}.detail-meta{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;gap:0;margin:0 0 18px;display:grid;overflow:hidden}.detail-meta div{grid-template-columns:92px minmax(0,1fr);gap:12px;padding:10px 12px;display:grid}.detail-meta div+div{border-top:1px solid var(--line)}.detail-meta dt{color:var(--ink-soft);font-size:12px;font-weight:800}.detail-meta dd{color:var(--ink);overflow-wrap:anywhere;min-width:0;margin:0;font-size:14px}.message-body{border:1px solid var(--line);color:var(--ink);white-space:pre-wrap;background:#fcfdfc;border-radius:8px;max-height:52vh;margin:0 0 18px;padding:16px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow:auto}.attachment-list{gap:8px;display:grid}.attachment-list p{color:var(--ink-muted);margin:0;font-size:13px}.attachment-row{background:var(--surface-muted);border:1px solid var(--line);color:var(--ink-muted);border-radius:8px;grid-template-columns:minmax(120px,1fr) minmax(110px,.8fr) auto;align-items:center;gap:8px;min-width:0;padding:10px 12px;font-size:12px;display:grid}.attachment-row span:first-child{color:var(--ink);font-weight:800}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1180px){.app-shell{grid-template-columns:minmax(240px,290px) minmax(0,1fr)}.mail-workspace{grid-template-columns:minmax(310px,.46fr) minmax(360px,.54fr)}.toolbar{flex-direction:column;align-items:stretch}.search-form{min-width:100%}}@media (width<=940px){.app-shell{grid-template-columns:1fr}.mailbox-sidebar,.mail-workspace{max-height:none}.mailbox-sidebar{border-bottom:1px solid var(--line);border-right:0}.mailbox-nav,.account-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.mail-workspace{grid-template-columns:1fr;overflow:visible}.message-column{border-bottom:1px solid var(--line);border-right:0}.toolbar,.message-panel-header,.reader-toolbar{position:static}.account-email{max-width:none}.setup-layout{grid-template-columns:1fr}}@media (width<=620px){.mailbox-sidebar,.toolbar,.detail-content,.account-setup-topbar,.account-setup-page{padding:16px}.oauth-actions,.form-row,.search-form,.detail-meta div,.attachment-row{grid-template-columns:1fr}.message-list{padding:6px}.message-row{padding:12px 10px}.message-row-top,.message-subject-line,.message-meta{flex-direction:column;align-items:flex-start;gap:5px}.message-time{max-width:100%;margin-left:0}.detail-header h2{font-size:22px}.account-setup-topbar{flex-direction:column;align-items:stretch;gap:10px}.setup-hero h1{font-size:30px}}