@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#1e2022;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1e2022;--muted:#727780;--line:#e5e8ef;--panel:#fff;--soft:#edf4ff;--page:#f7f9ff;--green:#10b981;--blue:#2563eb;--yellow:#f59e0b;--purple:#8b5cf6;--orange:#f97316;--shadow:0 8px 24px #1e20220d;background:#f7f9ff;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--page);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.brand{color:var(--ink);align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:42px;height:42px}.login-page{background:radial-gradient(circle at 15% 15%, #8b5cf614, transparent 28%), radial-gradient(circle at 85% 80%, #2563eb12, transparent 30%), var(--page);place-items:center;min-height:100svh;padding:32px;display:grid}.login-shell{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:28px;width:min(1040px,100%);display:grid}.login-intro,.login-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe0;border-radius:18px}.login-intro{flex-direction:column;justify-content:center;min-height:620px;padding:46px;display:flex}.login-brand{margin-bottom:80px}.login-kicker,.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:12px;font-weight:700}.login-intro h1{letter-spacing:-.045em;max-width:520px;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(40px,5vw,62px);line-height:1}.login-copy{max-width:540px;color:var(--muted);margin:20px 0 28px;font-size:16px;line-height:1.7}.login-features{color:#4d525a;gap:13px;font-size:13px;display:grid}.login-features span{align-items:center;gap:10px;display:flex}.feature-dot{border-radius:50%;flex:none;width:8px;height:8px}.feature-dot.green{background:var(--green)}.feature-dot.purple{background:var(--purple)}.feature-dot.amber{background:var(--amber)}.login-card{flex-direction:column;justify-content:center;min-height:620px;padding:46px;display:flex}.login-card-header h2{letter-spacing:-.025em;margin:0;font-family:Space Grotesk,sans-serif;font-size:30px}.login-card-header>p:last-child{color:var(--muted);margin:8px 0 30px;font-size:14px}.login-form{gap:18px;display:grid}.field{gap:8px;display:grid}.field label{color:#353940;font-size:13px;font-weight:600}.field-label-row{justify-content:space-between;align-items:center;display:flex}.field-label-row span{color:var(--muted);font-size:11px}.field input{border:1px solid var(--line);width:100%;height:48px;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#a0a5ad}.field input:focus{border-color:#aeb8cf;box-shadow:0 0 0 4px #2563eb12}.login-error{color:#b42318;background:#fff7f7;border:1px solid #fecaca;border-radius:9px;margin:0;padding:10px 12px;font-size:12px}.login-submit{background:var(--ink);color:#fff;border:0;border-radius:10px;justify-content:space-between;align-items:center;height:48px;padding:0 16px;font-weight:600;display:flex}.login-submit:hover{opacity:.92}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-footnote{color:#9297a0;margin:22px 0 0;font-size:11px;line-height:1.5}.mail-app{background:var(--page);grid-template-columns:230px minmax(460px,1fr) 390px;min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--line);background:#ffffffc7;flex-direction:column;height:100svh;padding:26px 14px 18px;display:flex;position:sticky;top:0}.sidebar-heading{color:#9a9fa7;letter-spacing:.1em;text-transform:uppercase;margin:0 12px 9px;font-size:10px;font-weight:700}.sidebar-nav{gap:3px;display:grid}.nav-item,.logout-button{color:#6f747c;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;display:flex}.nav-item:hover,.nav-item.active{color:var(--ink);background:#edf1f7}.nav-dot{border-radius:50%;flex:none;width:8px;height:8px}.nav-dot.green,.mini-dot.green{background:var(--green)}.nav-dot.blue,.mini-dot.blue{background:var(--blue)}.nav-dot.yellow,.mini-dot.yellow{background:var(--yellow)}.nav-dot.purple,.mini-dot.purple{background:var(--purple)}.nav-dot.orange,.mini-dot.orange{background:var(--orange)}.nav-dot.gray,.mini-dot.gray{background:#a3a8b0}.nav-label{flex:1;font-size:13px;font-weight:500}.nav-count{color:#969ba3;text-align:right;min-width:24px;font-size:11px;font-weight:600}.manage-icon{color:#9a9fa7;text-align:center;flex:none;width:18px;font-size:14px}.sidebar-bottom{margin-top:auto}.logout-button{color:#858a92}.mail-main{min-width:0;padding:38px 34px 50px;overflow:hidden}.mobile-header,.mobile-only,.bottom-nav{display:none}.directory-header{justify-content:space-between;gap:24px;margin-bottom:30px;display:flex}.directory-header h1{letter-spacing:-.045em;max-width:650px;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(31px,3.3vw,47px);line-height:1.05}.header-subtitle{max-width:680px;color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.65}.inbox-stat{border:1px solid var(--line);background:var(--panel);text-align:right;border-radius:12px;min-width:125px;height:max-content;padding:15px;box-shadow:0 4px 14px #1e202206}.header-actions{align-items:flex-start;gap:8px;display:flex}.inbox-stat strong,.inbox-stat span{display:block}.inbox-stat strong{font-size:24px}.inbox-stat span{color:var(--muted);margin-top:2px;font-size:11px}.sync-button{border:1px solid var(--line);background:var(--ink);color:#fff;border-radius:10px;height:47px;padding:0 13px;font-size:11px;font-weight:600}.sync-button:disabled{opacity:.55;cursor:not-allowed}.sync-message{color:var(--muted);margin:-18px 0 15px;font-size:11px}.directory-toolbar{align-items:center;gap:12px;margin-bottom:11px;display:flex}.search-bar{border:1px solid var(--line);background:var(--panel);min-width:0;height:45px;color:var(--muted);border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex;box-shadow:0 3px 12px #1e202206}.search-bar input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.search-bar button{color:var(--muted);background:0 0;border:0;font-size:19px}.selection-tools{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.selected-count{color:var(--ink);font-weight:600}.sidebar-summary{color:#9a9fa7;padding:7px 10px 3px 28px;font-size:10px}.sidebar-summary strong{color:#737982}.sender-list{gap:7px;display:grid}.sender-card{border:1px solid var(--line);background:var(--panel);border-radius:11px;align-items:center;gap:9px;padding:10px;transition:all .15s;display:flex;box-shadow:0 3px 12px #1e202206}.sender-card:hover,.sender-card.selected{box-shadow:var(--shadow);border-color:#cbd2df;transform:translateY(-1px)}.sender-checkbox{padding:5px}.sender-checkbox input{accent-color:var(--ink)}.sender-main{text-align:left;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;align-items:center;gap:12px;display:flex}.avatar,.contact-avatar{border-radius:12px;flex:none;place-items:center;font-weight:700;display:grid}.avatar{color:#555b65;background:#eef0f4;width:40px;height:40px;font-size:12px}.avatar.green{color:#079669;background:#e7f8f1}.avatar.blue{color:#2459c8;background:#e8f0ff}.avatar.yellow{color:#bd7900;background:#fff4dc}.avatar.purple{color:#7042d8;background:#f0eafe}.avatar.orange{color:#d95f0b;background:#fff0e6}.sender-copy{flex:1;gap:3px;min-width:0;display:grid}.sender-title-line{align-items:center;gap:7px;min-width:0;display:flex}.sender-title-line strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sender-copy strong,.sender-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sender-copy strong{font-size:13px}.sender-copy>span{color:var(--muted);font-size:11px}.category-badge{color:#777c84;background:#f0f1f4;border-radius:999px;flex:none;padding:3px 6px;font-size:9px;font-weight:600}.category-badge.green{color:#079669;background:#e7f8f1}.category-badge.blue{color:#2459c8;background:#e8f0ff}.category-badge.yellow{color:#bd7900;background:#fff4dc}.category-badge.purple{color:#7042d8;background:#f0eafe}.category-badge.orange{color:#d95f0b;background:#fff0e6}.sender-subject{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;color:#555b64!important;font-size:10px!important}.sender-signals{align-items:center;gap:5px;display:flex;color:#8a9099!important;font-size:10px!important}.mini-dot,.status-bullet{border-radius:50%;flex:none;width:5px;height:5px}.signal-separator{color:#c1c5cb}.sender-volume{flex:0 0 62px;justify-items:end;gap:2px;width:62px;display:grid}.sender-volume b{font-size:12px}.sender-volume small{color:var(--muted);font-size:9px}.sender-last{border-left:1px solid #f0f1f4;flex:0 0 116px;justify-items:end;gap:2px;width:116px;padding-left:8px;display:grid}.sender-last b{text-overflow:ellipsis;white-space:nowrap;color:#555b64;max-width:116px;font-size:10px;font-weight:600;overflow:hidden}.sender-last small{color:#9a9fa7;text-align:right;font-size:9px}.contact-panel{border-left:1px solid var(--line);background:var(--panel);height:100svh;padding:34px 26px;position:sticky;top:0;overflow:auto}.empty-contact{text-align:center;place-items:center;min-height:75%;padding:50px;display:grid}.empty-contact>div{max-width:250px}.contact-placeholder{color:#b1b5bc;font-size:42px}.empty-contact h2{font-family:Space Grotesk,sans-serif}.empty-contact p{color:var(--muted);font-size:13px;line-height:1.6}.contact-top{text-align:center;border-bottom:1px solid var(--line);padding-bottom:23px;position:relative}.panel-close{background:var(--soft);border:0;border-radius:8px;width:31px;height:31px;font-size:18px;position:absolute;top:0;right:0}.contact-avatar{color:#4c535d;background:#eef0f4;width:64px;height:64px;margin:8px auto 13px;font-size:21px}.contact-top h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:20px}.contact-top p{color:var(--muted);margin:4px 0 10px;font-size:12px}.contact-stats{grid-template-columns:1fr 1fr;gap:8px;margin:17px 0;display:grid}.contact-stats div{border:1px solid var(--line);border-radius:10px;padding:11px}.contact-stats strong,.contact-stats span{display:block}.contact-stats span{color:var(--muted);margin-top:2px;font-size:10px}.contact-last{border:1px solid var(--line);background:#fafbfc;border-radius:10px;gap:3px;margin-bottom:23px;padding:11px;display:grid}.contact-last span{color:var(--muted);font-size:10px}.contact-last strong{font-size:11px}.panel-section-heading{justify-content:space-between;margin-bottom:9px;display:flex}.panel-section-heading h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:13px}.panel-section-heading span{color:var(--muted);font-size:11px}.email-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:9px;padding:11px 0;display:flex}.email-dot{border-radius:50%;width:6px;height:6px;margin-top:5px}.email-row.unread .email-dot{background:var(--ink)}.email-row strong{font-size:11px}.email-row p{color:var(--muted);margin:3px 0 0;font-size:9px}.email-actions{align-items:center;gap:5px;margin-left:8px;display:flex}.email-actions button{border:1px solid var(--line);color:#666c75;background:#fff;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:600}.email-actions button:hover:not(:disabled){background:var(--soft);color:var(--ink)}.email-actions button.danger:hover:not(:disabled){color:#b42318;background:#fff1f2;border-color:#fecaca}.email-actions button:disabled{opacity:.5;cursor:not-allowed}.email-action-error{color:#b42318;background:#fff7f7;border:1px solid #fecaca;border-radius:8px;margin:0 0 8px;padding:8px 10px;font-size:10px}.empty-state{text-align:center;background:#ffffff8c;border:1px dashed #d6dae2;border-radius:14px;margin-top:35px;padding:48px 24px}.empty-state h3{margin:10px 0 5px}.empty-state p,.muted{color:var(--muted);font-size:13px}.app-loading,.error-page{place-items:center;min-height:100svh;display:grid}.error-page{padding:30px}.error-card{border:1px solid var(--line);background:var(--panel);width:min(480px,100%);box-shadow:var(--shadow);border-radius:16px;padding:28px}.error-card h1{letter-spacing:-.03em;margin:0;font-family:Space Grotesk,sans-serif;font-size:28px}.error-card p:not(.eyebrow){color:var(--muted);overflow-wrap:anywhere;margin:10px 0 20px;font-size:13px;line-height:1.6}.error-actions{gap:8px;display:flex}.error-actions button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:9px;padding:10px 16px;font-size:12px;font-weight:600}.error-actions button.secondary{border-color:var(--line);color:var(--ink);background:#fff}.connected-account-error{color:#b42318;background:#fff7f7;border:1px solid #fecaca;border-radius:8px;margin:0 12px 9px;padding:8px 9px;font-size:10px;line-height:1.45}@media (width<=1150px){.mail-app{grid-template-columns:205px minmax(400px,1fr)}.contact-panel{display:none}}@media (width<=760px){.login-page{padding:16px}.login-shell{grid-template-columns:1fr;gap:14px}.login-intro{min-height:auto;padding:30px 24px}.login-brand{margin-bottom:46px}.login-intro h1{font-size:39px}.login-copy{font-size:14px}.login-card{min-height:auto;padding:28px 24px}.mail-app{padding-bottom:76px;display:block}.sidebar{display:none}.mail-main{padding:16px 15px 30px}.mobile-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.mobile-header button{background:var(--soft);border:0;border-radius:9px;width:36px;height:36px}.directory-header{margin-bottom:18px;display:block}.directory-header h1{font-size:31px}.header-subtitle{font-size:13px}.header-actions{margin-top:14px}.inbox-stat{text-align:left;display:block}.sync-button{flex:1}.mobile-only{display:block}.category-pills{scrollbar-width:none;gap:7px;padding:3px 0 13px;display:flex;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}.category-pills button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;flex:none;padding:8px 12px;font-size:12px}.category-pills button.active{background:var(--ink);color:#fff}.directory-toolbar{display:block}.selection-tools{margin:9px 2px 11px}.sync-message{margin:-4px 2px 11px}.sender-card{padding:9px 7px}.sender-last{display:none}.contact-panel{z-index:20;height:100svh;padding:24px 18px 90px;display:block;position:fixed;inset:0}.empty-contact{display:none}.bottom-nav{z-index:30;border-top:1px solid var(--line);background:#fffffff7;grid-template-columns:repeat(2,1fr);height:68px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);background:0 0;border:0;align-content:center;place-items:center;gap:2px;display:grid}.bottom-nav button.active{color:var(--ink)}.bottom-nav small{font-size:9px}.email-row{padding-right:0;position:relative}.email-actions{flex-wrap:wrap;justify-content:flex-end;max-width:150px}.email-actions button{font-size:8px}}@media (width<=430px){.sender-copy{max-width:none}.sender-volume{flex-basis:52px;width:52px}.sender-last,.login-intro{display:none}}.mail-app{grid-template-columns:222px minmax(520px,1fr) 410px}.sidebar{background:#ffffffeb;padding:22px 13px 16px}.sidebar-section{margin-top:22px}.sidebar-section+.sidebar-section{margin-top:16px}.sidebar-nav{gap:3px}.nav-item{min-height:34px;padding:7px 9px}.sidebar-heading{margin-bottom:6px}.sidebar-summary{margin-top:7px}.sidebar-category-section{margin-top:14px}.sidebar-category-section .sidebar-heading{margin-bottom:5px}.sidebar-category-section .nav-item{min-height:31px;padding-top:6px;padding-bottom:6px}.mail-main{padding:32px 32px 44px}.directory-header{align-items:flex-start;margin-bottom:22px}.directory-header .eyebrow{opacity:1;margin:0 0 8px;font-size:13px;font-weight:600;display:block}.directory-header h1{font-size:clamp(30px,3vw,43px)}.header-subtitle{max-width:620px;margin-top:11px}.header-actions{flex:none;align-items:stretch}.inbox-stat{min-width:112px;padding:12px 14px}.sync-button{background:var(--blue);border-color:var(--blue);min-width:105px;box-shadow:0 6px 16px #2563eb2e}.sync-button:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.sync-message{border:1px solid var(--line);background:#fff;border-radius:8px;margin:-8px 0 12px;padding:8px 10px}.directory-toolbar{margin-bottom:13px}.selection-tools{padding-right:2px}.sender-list{gap:6px}.sender-card{border-radius:10px;padding:9px 10px}.sender-card:hover,.sender-card.selected{border-color:#c4ccda;transform:none;box-shadow:0 5px 18px #1e20220e}.sender-card.has-unread{border-color:#d8e2f5}.sender-card.has-unread .sender-title-line strong{font-weight:750}.sender-card.has-unread .sender-subject{color:#3f4650;font-weight:600}.sender-main{gap:11px}.sender-copy{gap:2px}.sender-domain{color:var(--muted)}.sender-volume{border-left:1px solid #f0f1f4;flex-basis:68px;width:68px;padding-left:8px}.sender-last{flex-basis:128px;width:128px}.sender-last b{max-width:128px}.sender-unread-count{color:var(--blue);font-weight:800}.category-badge{padding:3px 7px}.sender-unsubscribe{margin-top:8px;display:inline-flex}.sender-account,.account-chip{color:#64748b;text-overflow:ellipsis;white-space:nowrap;background:#f1f5fb;border-radius:999px;width:fit-content;max-width:100%;margin-top:2px;padding:2px 6px;font-size:8px;font-weight:700;display:inline-flex;overflow:hidden}.account-chip{margin-top:8px;font-size:9px}.smart-inbox{background:linear-gradient(#fff 0%,#f9fbff 100%);border:1px solid #dfe5ee;border-radius:14px;margin:0 0 18px;padding:18px;box-shadow:0 7px 24px #1e20220b}.smart-inbox-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:15px;display:flex}.smart-eyebrow{color:var(--blue);letter-spacing:.08em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.smart-inbox-header h2{color:var(--ink);margin:0;font-family:Space Grotesk,sans-serif;font-size:20px;line-height:1.2}.smart-inbox-header p{color:var(--muted);margin:5px 0 0;font-size:10px}.smart-inbox-total{text-align:center;background:#f7faff;border:1px solid #dce5f5;border-radius:10px;min-width:70px;padding:8px 10px}.smart-inbox-total strong{color:var(--blue);font-size:20px;line-height:1;display:block}.smart-inbox-total span{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:700}.smart-inbox-grid{grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr);gap:10px;margin-top:12px;display:grid}.smart-inbox-panel,.smart-recent{background:#fff;border:1px solid #e7ebf1;border-radius:10px;min-width:0;padding:12px}.smart-recent{margin-top:10px}.smart-panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.smart-panel-heading span{color:var(--ink);font-size:10px;font-weight:800}.smart-panel-heading small{color:var(--muted);font-size:8px}.smart-attention-list,.smart-category-list,.smart-recent-list{display:grid}.smart-recent-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.smart-attention-row,.smart-recent-item{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #f0f2f5;width:100%}.smart-attention-row{justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.smart-recent-item{border:1px solid #eef1f5;border-radius:8px;align-items:flex-start;gap:7px;min-width:0;padding:9px 7px;display:flex;position:relative}.smart-attention-copy,.smart-recent-copy{gap:2px;min-width:0;display:grid}.smart-attention-copy strong,.smart-recent-copy strong{color:#343941;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.smart-attention-copy small,.smart-recent-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.smart-arrow{color:#9aa3af;flex:none;font-size:14px}.smart-attention-row:hover .smart-arrow{color:var(--blue)}.smart-category-row{border-top:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.smart-category-row span{color:var(--muted);font-size:9px}.smart-category-row strong{color:var(--ink);font-size:10px}.smart-empty{color:var(--muted);margin:0;padding:12px 0 4px;font-size:9px}.smart-recent-item:hover{background:#f8faff;border-color:#d5deec}.smart-recent-dot{background:#aeb7c5;border-radius:50%;flex:0 0 6px;width:6px;height:6px;margin-top:4px}.smart-recent-copy{flex:1}.smart-recent-copy em{color:var(--muted);font-size:7px;font-style:normal}.smart-recent-item b{color:var(--blue);flex:none;font-size:8px}.all-mail-panel{min-width:0;padding:4px 0 20px}.all-mail-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.all-mail-heading h2{margin:2px 0 4px;font-family:Space Grotesk,sans-serif;font-size:22px}.all-mail-heading p{color:var(--muted);margin:0;font-size:11px}.all-mail-heading>strong{color:var(--muted);flex:none;font-size:10px;font-weight:600}.all-mail-panel .email-history{margin-top:0}.all-mail-panel .email-row{padding:11px 0}.email-row-sender{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:9px;font-weight:600;display:block;overflow:hidden}.all-mail-pagination{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.all-mail-pagination button{border:1px solid var(--line);color:#5f6670;background:#fff;border-radius:7px;min-height:30px;padding:6px 10px;font-size:9px;font-weight:700}.all-mail-pagination button:hover:not(:disabled){background:#f5f7fa}.all-mail-pagination button:disabled{cursor:not-allowed;opacity:.45}.all-mail-pagination span{color:var(--muted);font-size:9px}.all-mail-state,.all-mail-error{color:var(--muted);padding:28px 0;font-size:11px}.all-mail-error{color:#b42318}.email-list{border-top:1px solid var(--line)}.email-row{cursor:pointer;align-items:center;gap:8px;min-height:57px;padding:9px 0;transition:background .12s}.email-row:hover{background:#f7f9fc;border-radius:8px;margin-inline:-8px;padding-inline:8px}.email-row:focus-visible{outline-offset:-2px;outline:2px solid #2563eb59}.email-row-main{flex:1;min-width:0}.email-row-main strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.email-row-main p{text-overflow:ellipsis;overflow:hidden}.email-row.unread .email-row-main strong{color:var(--ink);font-weight:700}.email-row-account{color:#64748b;text-overflow:ellipsis;white-space:nowrap;width:fit-content;max-width:100%;margin-top:2px;font-size:8px;font-weight:700;display:block;overflow:hidden}.email-actions{flex:none;margin-left:7px}.email-actions button,.email-view-actions button{border:1px solid var(--line);color:#606671;background:#fff;border-radius:7px;min-height:28px;padding:5px 8px;font-size:9px;font-weight:600}.email-actions button:hover:not(:disabled),.email-view-actions button:hover:not(:disabled){color:var(--ink);background:#f3f6fa;border-color:#c5cedd}.email-actions button.danger,.email-view-actions button.danger{color:#b42318}.email-actions button.danger:hover:not(:disabled),.email-view-actions button.danger:hover:not(:disabled){color:#b42318;background:#fff1f2;border-color:#fecaca}.email-action-error,.email-view-error{color:#b42318;background:#fff7f7;border:1px solid #fecaca;border-radius:8px;margin:0 0 10px;padding:9px 10px;font-size:10px}.contact-panel{background:#fff;padding:28px 24px 34px}.contact-top{padding-bottom:19px}.contact-stats{gap:7px;margin:14px 0}.contact-stats div{flex-direction:column;justify-content:center;min-height:62px;padding:10px;display:flex}.contact-last{margin-bottom:18px}.domain-chip{color:#707681;background:#f1f4f8;border-radius:999px;align-items:center;padding:4px 8px;font-size:9px;font-weight:600;display:inline-flex}.connected-accounts{margin-top:24px;padding:0 4px}.connected-account-list{gap:8px;margin-top:10px;display:grid}.connected-account{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:9px;min-width:0;padding:8px 34px 8px 7px;display:flex;position:relative}.gmail-account-logo,.microsoft-account-logo{color:#fff;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.gmail-account-logo{background:conic-gradient(#4285f4 0 25%, #34a853 25% 50%, #fbbc05 50% 75%, #ea4335 75% 100%)}.microsoft-account-logo{background:#0078d4}.connected-account-copy{gap:2px;min-width:0;display:grid}.connected-account-copy strong,.connected-account-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connected-account-copy strong{font-size:10px;font-weight:700}.connected-account-copy span{color:var(--muted);font-size:8px}.connected-empty{color:var(--muted);margin:9px 0;font-size:9px;line-height:1.4}.connected-account-action{color:#5d6570;background:0 0;border:1px dashed #cbd3df;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:9px;padding:7px 8px;font-size:9px;font-weight:700;display:flex}.connected-account-action:hover{background:#f7f9fc;border-color:#aeb8c7}.connected-account-remove{color:#8b929d;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:24px;height:24px;font-size:15px;line-height:1;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.connected-account-remove:hover{color:#b42318;background:#fff1f2;border-color:#fecaca}.mobile-connected-accounts{display:none}.mobile-signout{border:1px solid var(--line);color:#626873;background:#fff;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:700}.email-view-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14181f6b;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.email-view{background:#fff;border:1px solid #dfe4ec;border-radius:14px;flex-direction:column;width:min(900px,100%);height:min(760px,92vh);display:flex;overflow:hidden;box-shadow:0 24px 70px #14181f33}.email-view-header{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px 20px;display:grid}.email-view-close{border:1px solid var(--line);color:#626873;background:#f7f9fc;border-radius:8px;width:34px;height:34px;font-size:20px}.email-view-heading{min-width:0}.email-view-heading .eyebrow{margin-bottom:4px;font-size:9px}.email-view-heading h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Space Grotesk,sans-serif;font-size:18px;overflow:hidden}.email-view-actions{gap:6px;display:flex}.email-view-actions button{min-height:32px}.email-view-state{color:var(--muted);flex:1;place-items:center;font-size:12px;display:grid}.email-meta{border-bottom:1px solid var(--line);background:#fbfcfe;gap:9px;padding:15px 20px;display:grid}.email-meta div{grid-template-columns:52px minmax(0,1fr);align-items:baseline;gap:10px;min-width:0;display:grid}.email-meta span{color:#9096a0;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700}.email-meta strong{text-overflow:ellipsis;white-space:nowrap;color:#454b54;font-size:11px;font-weight:500;overflow:hidden}.email-meta .account-chip{display:block}.unsubscribe-badge{color:#047857;background:#ecfdf5;border-radius:999px;align-items:center;width:fit-content;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.email-meta .unsubscribe-badge{margin-top:2px;display:inline-flex}.email-view-body{background:#fff;flex:1;min-height:0}.email-html-frame{background:#fff;border:0;width:100%;height:100%;display:block}.email-text-body{color:#30343a;white-space:normal;overflow-wrap:anywhere;height:100%;padding:24px;font-size:13px;line-height:1.7;overflow:auto}.email-text-body img{max-width:100%;height:auto}.auth-switch{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:12px;display:flex}.auth-switch button{color:var(--blue);background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.auth-switch button:hover{text-decoration:underline}.password-input-wrap{position:relative}.password-input-wrap input{width:100%;padding-right:62px}.password-toggle{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:4px 5px;font-size:10px;font-weight:700;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.password-toggle:hover{text-decoration:underline}.mobile-category-menu{z-index:1000;background:#fffffffa;border:1px solid #141e3214;border-radius:16px;padding:12px;position:fixed;bottom:76px;left:12px;right:12px;box-shadow:0 12px 35px #141e3229}.mobile-category-menu-header{justify-content:space-between;align-items:center;padding:2px 4px 9px;font-size:13px;font-weight:700;display:flex}.mobile-category-menu-header button{cursor:pointer;color:inherit;background:0 0;border:0;font-size:22px;line-height:1}.mobile-category-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mobile-category-item{min-height:40px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#141e3206;border:1px solid #141e3212;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.mobile-category-item.active{background:#141e3214;font-weight:700}.mobile-category-item>span:first-child{font-size:9px}@media (width<=1150px){.mail-app{grid-template-columns:205px minmax(400px,1fr)}.contact-panel{z-index:80;border-left:1px solid var(--line);width:min(410px,90vw);height:100vh;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-12px 0 35px #14181f1f}.email-view{width:min(820px,100%)}.smart-inbox-grid{grid-template-columns:1fr}.smart-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.mail-app{display:block}.mail-main{flex-direction:column;width:100%;padding:15px 15px 30px;display:flex;overflow:visible}.mobile-header{z-index:60;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f9fffa;order:1;margin:-15px -15px 0;padding:12px 15px;position:sticky;top:0}.mobile-header .mobile-signout{white-space:nowrap;width:auto;min-width:92px;height:40px;color:var(--ink);background:#fff;border:1px solid #b8c1d0;border-radius:9px;padding:0 14px;font-size:12px;font-weight:800;box-shadow:0 2px 8px #1e202214}.mobile-header .mobile-signout:hover{background:#f5f7fa;border-color:#8e99ab}.directory-header{margin-bottom:15px;display:contents}.directory-header>div:first-child{order:2;padding-top:18px}.directory-header .eyebrow{color:var(--ink);letter-spacing:-.035em;text-transform:none;margin-bottom:7px;font-size:31px;font-weight:700;line-height:1.05}.directory-header h1{letter-spacing:-.015em;font-size:18px;font-weight:600;line-height:1.25}.mobile-connected-accounts{border-top:1px solid var(--line);order:3;margin:10px 0 16px;padding:10px 12px;display:block}.mobile-connected-accounts .connected-account-list{flex-direction:column;gap:5px;max-height:120px;padding-bottom:2px;padding-right:2px;display:flex;overflow:auto}.mobile-connected-accounts .connected-account{gap:7px;min-width:205px;min-height:42px;padding:6px 8px}.mobile-connected-accounts .connected-account-copy{min-width:0}.mobile-connected-accounts .connected-account-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.mobile-connected-accounts .connected-account-copy span{font-size:10px}.mobile-connected-accounts .connected-account-remove{flex:none}.mobile-connected-accounts .connected-account-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;display:grid}.mobile-connected-accounts .connected-account-action{max-width:240px;min-height:34px;padding:6px 8px;font-size:11px}.mobile-connected-accounts .sidebar-heading{margin-bottom:6px}.directory-header .header-actions{order:4}.header-actions{align-items:stretch}.sync-message{order:5}.directory-toolbar{order:6}.smart-inbox{border-radius:12px;order:7;margin-top:4px;padding:13px}.sender-list,.all-mail-panel{order:8}.smart-inbox-header h2{font-size:17px}.smart-inbox-header p{font-size:9px}.smart-inbox-total{min-width:58px}.smart-recent-list{grid-template-columns:1fr}.contact-panel{width:100%;max-width:none;box-shadow:none;border-left:0}.email-view-backdrop{place-items:stretch stretch;padding:0}.email-view{border:0;border-radius:0;width:100%;height:100%}.email-view-header{grid-template-columns:34px minmax(0,1fr);align-items:start;padding:14px 15px}.email-view-actions{flex-wrap:wrap;grid-column:2}.email-view-heading h2{font-size:16px}.email-meta{padding:13px 15px}.email-text-body{padding:18px 15px 28px}.email-actions{max-width:none}.email-actions button{min-height:27px;font-size:8px}.all-mail-heading{align-items:flex-start}.all-mail-heading h2{font-size:19px}.all-mail-heading>strong{font-size:9px}.bottom-nav{grid-template-columns:repeat(3,1fr);gap:4px;padding:7px 8px;display:grid}.bottom-nav button{border-radius:12px;min-height:52px;padding:6px 4px}.bottom-nav button span{font-size:18px;line-height:20px;display:block}.bottom-nav button small{margin-top:3px;font-size:10px;line-height:12px;display:block}.bottom-nav button.active{font-weight:700}}@media (width<=520px){.sender-volume{flex-basis:52px;justify-items:end;width:52px;display:grid}.sender-volume b{font-size:11px}.sender-volume small{font-size:8px}.email-row{align-items:flex-start}.email-actions{display:none}.email-row-main p{font-size:8px}}@media (width<=430px){.auth-switch{flex-direction:column;align-items:flex-start;gap:6px}}@media (width>=761px){.mobile-category-menu{display:none}}.app-loading{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;min-height:100svh;display:flex;overflow:hidden}.app-loading-logo{object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:min(340px,72vw);height:auto;max-height:160px;animation:1.8s cubic-bezier(.22,1,.36,1) infinite sortmail-loading-logo;transform:scale(.96)}.app-loading-text{letter-spacing:.01em;color:#666;opacity:0;margin:0;font-size:14px;font-weight:500;line-height:1.4;animation:1.8s ease-in-out infinite sortmail-loading-text}@keyframes sortmail-loading-logo{0%{opacity:0;transform:scale(.96)}25%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1)}75%{opacity:0;transform:scale(.985)}to{opacity:0;transform:scale(.96)}}@keyframes sortmail-loading-text{0%{opacity:0}25%{opacity:.65}50%{opacity:.65}75%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.app-loading-logo{animation:1s ease-in-out infinite alternate sortmail-loading-logo-reduced}.app-loading-text{animation:1s ease-in-out infinite alternate sortmail-loading-text-reduced}}@keyframes sortmail-loading-logo-reduced{0%{opacity:.45}to{opacity:1}}@keyframes sortmail-loading-text-reduced{0%{opacity:.35}to{opacity:.7}}