*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8fb;color:#202539;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}input,select{width:100%;padding:12px 14px;border:1px solid #dfe3ec;border-radius:8px;background:#fff;color:#202539;min-height:46px}label{display:block;font-size:13px;font-weight:600;margin-bottom:19px}label input,label select{margin-top:8px;font-weight:400}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1.1px;line-height:1.3;margin-bottom:10px}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:14px}button{border:0;background:none}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 17px;border-radius:8px;font-weight:650;font-size:13px;white-space:nowrap}.primary{background:#5149dc;color:white;box-shadow:0 3px 7px #5149dc1c}.primary:hover{background:#4138c5}.secondary{background:#fff;border:1px solid #e0e3eb;color:#4d566c}.secondary:hover{background:#f4f4ff}.text-button{color:#5e59ce;font-size:12px;padding:8px 4px;font-weight:600}.full{width:100%;justify-content:space-between}.muted{color:#858c9e;font-weight:400}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:#8a91a5}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap;letter-spacing:1.1px;font-size:15px;font-weight:750}.brand b{font-size:10px;color:#8e95a7;margin-left:0;letter-spacing:2px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:10px;background:#5149dc;color:#fff;font-size:27px;font-weight:800;font-style:italic;line-height:1;margin-right:3px}.workspace{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 20px 20px;background:#fff;border-right:1px solid #e9ebf2;overflow:auto}.workspace-label{font-size:9px;letter-spacing:1px;color:#9ba1b1;margin:35px 8px 18px}.workspace-label span{letter-spacing:0;background:#f4f4fa;padding:3px 7px;border-radius:4px;margin-left:6px;font-size:9px}.nav-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;color:#747d92;font-size:13px;margin:4px 0}.nav-item>span{font-size:18px;width:21px}.nav-item b{margin-left:auto;font-size:11px}.nav-item.active{background:#eeedfd;color:#5149dc;font-weight:700}.nav-item:hover{background:#f5f5fc}.sidebar-section{margin-top:31px}.sidebar-heading{display:flex;justify-content:space-between;font-size:11px;color:#9299aa;margin:0 10px 12px}.sidebar-heading a{font-size:17px;line-height:1}.account-nav{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px}.account-nav.selected{background:#f5f5fb}.account-nav>span:nth-child(2){min-width:0;flex:1}.account-nav strong{display:block;font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-nav small{display:block;color:#9299ab;font-size:10px;overflow:hidden;text-overflow:ellipsis}.account-nav b{font-size:10px;color:#8c93a5}.account-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#4f46e5}.color-4f46e5{background-color:#4f46e5}.color-08916e{background-color:#08916e}.color-d97706{background-color:#d97706}.color-db2777{background-color:#db2777}.color-2563eb{background-color:#2563eb}.ai-note{margin-top:auto;padding:25px 12px 20px}.ai-note .eyebrow{font-size:8px;color:#928dc5}.ai-note strong{display:block;font-size:12px;margin-top:8px;color:#7f84a0}.ai-note p{font-size:11px;line-height:1.8;color:#a1a6b7;margin:7px 0}.profile{border-top:1px solid #eeeef5;padding-top:18px;display:flex;align-items:center;gap:10px}.avatar{width:33px;height:33px;border-radius:50%;background:#ececfa;color:#6862c3;display:grid;place-items:center;font-size:12px}.profile strong{display:block;font-size:12px}.profile a{display:block;font-size:10px;color:#979dae}.profile form{margin-left:auto}.icon-button{font-size:20px;color:#8e96a8;padding:6px}.main-content{min-width:0}.topbar{height:75px;background:#fff;border-bottom:1px solid #e9ebf2;padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8e95a6;letter-spacing:.4px}.topbar i{font-style:normal;margin:0 12px;color:#c5c9d3}.topbar-status{font-size:9px;letter-spacing:1px}.topbar-status i{display:inline-block;width:5px;height:5px;background:#34ad8b;border-radius:50%;margin-right:7px}.page-content{padding:37px 40px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading .eyebrow{display:block;margin-bottom:11px}.page-heading p{font-size:13px;color:#939aac;margin:0}.account-strip{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.account-chip{display:inline-flex;gap:8px;align-items:center;border:1px solid #e4e6ef;background:#fff;color:#8b92a3;font-size:11px;padding:7px 12px;border-radius:7px}.account-chip.chosen{background:#eeedfd;border-color:#dad7ff;color:#5951d4;font-weight:650}.mail-panel{border:1px solid #e7e9f0;border-radius:11px;background:#fff;overflow:hidden}.mail-toolbar{min-height:75px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #eef0f5}.mail-tabs{align-self:stretch;display:flex;gap:23px}.mail-tabs a{display:flex;align-items:center;gap:7px;font-size:12px;color:#a1a6b7;position:relative}.mail-tabs a.selected{font-weight:700;color:#5851d9}.mail-tabs a.selected:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:#625ae6}.mail-tabs b{background:#f0efff;padding:1px 7px;border-radius:5px;font-size:10px}.search{display:flex;position:relative;width:255px}.search input{background:#f7f8fb;border:1px solid #eef0f4;padding:8px 35px 8px 12px;min-height:35px;font-size:11px}.search button{position:absolute;right:5px;top:1px;height:32px;font-size:23px;color:#a0a7b7}.mail-table-label{display:grid;grid-template-columns:230px minmax(0,1fr) 175px;padding:12px 22px;font-size:10px;background:#fcfcfe;color:#a4aaba;border-bottom:1px solid #f1f2f7}.mail-table-label span:last-child{text-align:right}.mail-row{display:grid;grid-template-columns:230px minmax(0,1fr) 175px;gap:0;padding:20px 22px;min-height:83px;align-items:center;border-bottom:1px solid #f0f1f6;transition:background .15s}.mail-row:hover{background:#f8f8ff}.sender{display:flex;align-items:center;gap:10px;min-width:0;padding-right:17px}.mail-unread-dot{color:#6861e5;width:5px;flex:0 0 5px;font-size:8px}.sender-avatar{width:32px;height:32px;border-radius:10px;background:#f0f1f8;color:#9b9fb4;font-size:11px;flex:0 0 32px;display:grid;place-items:center}.sender-copy{min-width:0}.sender strong{display:block;font-size:11px;color:#768098;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender small{display:block;font-size:9px;color:#b0b5c3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.subject{display:flex;gap:8px;min-width:0;padding-right:20px}.subject strong{font-size:12px;font-weight:400;color:#838b9f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.unread .subject strong,.unread .sender strong{color:#333b52;font-weight:650}.unread .sender-avatar{background:#eeedfc;color:#716bc3}.star{font-size:12px;color:#d9af45}.mail-meta{display:flex;align-items:center;justify-content:flex-end;gap:12px}.tag{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#9499aa;border:1px solid #ebedf4;border-radius:4px;padding:2px 6px;max-width:110px;overflow:hidden;white-space:nowrap}.tag .account-dot{width:5px;height:5px;flex-basis:5px}.mail-meta time{white-space:nowrap;font-size:10px;color:#9ea5b6}.pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 23px;color:#a0a6b6;font-size:10px}.pagination>div{display:flex;gap:8px}.pagination .secondary{font-size:10px;padding:6px 12px;min-height:29px}.sync-summary{margin-top:32px}.section-caption h2{font-size:15px;margin-bottom:5px}.section-caption p{font-size:11px;color:#949bae;margin-bottom:20px}.sync-account{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #e9ecf3}.sync-account strong{font-size:12px}.sync-account small{display:block;font-size:10px;color:#a1a8b8;margin-top:3px}.sync-account .secondary{font-size:10px;min-height:34px;padding:6px 12px}.footnote{font-size:10px;color:#a1a8b8;margin:20px 0 0;line-height:1.8}.notice,.sync-feedback{padding:14px 17px;border:1px solid #e0defa;background:#f1f0ff;border-radius:8px;margin-bottom:22px;font-size:12px;color:#615ac1;line-height:1.7}.notice.error{background:#fff1f0;border-color:#f9d9d5;color:#b9514a}.notice.success{background:#edf9f3;border-color:#d1ebdf;color:#3e8a66}.error-text{font-size:11px;color:#bd6157;margin:10px 0}.settings-card{background:#fff;border:1px solid #e5e8ef;border-radius:12px;padding:27px;margin-bottom:25px}.settings-card.narrow{max-width:580px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.account-card{margin:0 0 25px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.account-symbol{width:35px;height:35px;border-radius:10px;color:#fff;display:grid;place-items:center;font-size:18px}.status-pill{display:inline-block;font-size:10px;padding:4px 9px;border-radius:20px;background:#edf8f2;color:#569775;white-space:nowrap}.status-pill.failed{background:#fff1eb;color:#b87b5b}.account-card h2{margin-bottom:4px}.account-email{color:#939aad;font-size:12px}.connection-info{display:grid;grid-template-columns:65px 1fr;gap:9px;font-size:11px;padding:17px 0;border-top:1px solid #f0f1f6;border-bottom:1px solid #f0f1f6}.connection-info dt{color:#a1a7b6}.connection-info dd{margin:0;color:#717b92}.connection-info small{font-size:9px;margin-left:6px;color:#aaa}.card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.card-actions .secondary{font-size:11px;min-height:36px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-section{border-top:1px solid #eceef4;padding-top:23px;margin-top:8px}.server-hint{font-size:11px;color:#939bb0}.form-section .footnote{margin:-5px 0 24px}.check-label{display:flex;align-items:center;gap:8px;align-self:center}.check-label input{width:auto;min-height:0;margin:0;accent-color:#5149dc}.form-footer{display:flex;gap:10px;padding-top:10px}.empty{text-align:center;padding:70px 25px}.empty-icon{font-size:38px;color:#b5b1eb;margin-bottom:12px}.empty h2{font-size:17px}.empty p{font-size:12px;color:#9ba3b5}.empty .secondary{margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.back-link{font-size:12px;color:#8a91a4}.message-heading{margin:25px 0}.message-heading h1{font-size:25px;margin-top:12px;overflow-wrap:anywhere}.message-envelope{display:flex;align-items:flex-start;gap:13px;padding-bottom:24px;border-bottom:1px solid #eceef5;margin-bottom:27px;font-size:12px;overflow-wrap:anywhere}.message-envelope>div{min-width:0}.message-envelope time{margin-left:auto;white-space:nowrap;color:#a0a8b7;font-size:10px}.message-envelope p{font-size:11px;color:#929bae;margin:5px 0 0}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:13px;color:#525e76;max-width:100%}.message-card .footnote{padding-top:20px;border-top:1px solid #eceef5;margin-top:32px}.thread-section{margin-top:32px}.count-badge{display:inline-block;background:#eeedff;color:#655fd4;padding:0 7px;border-radius:5px;font-size:11px;margin-left:5px}.thread-item{background:white;border:1px solid #e4e7ef;border-radius:9px;margin:10px 0}.thread-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;cursor:pointer;font-size:12px}.thread-item summary span{min-width:0}.thread-item summary small{display:block;color:#a0a6b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}.thread-item summary time{font-size:10px;color:#a0a7b9;white-space:nowrap}.thread-preview{padding:20px;border-top:1px solid #eceef4}.login-page{background:#f5f6fa;min-height:100vh;display:grid;place-items:center;padding:40px}.login-shell{display:grid;grid-template-columns:1.05fr 1fr;max-width:1060px;width:100%;min-height:600px;background:white;border:1px solid #e9eaf3;border-radius:20px;overflow:hidden;box-shadow:0 20px 80px #30386509}.login-intro{padding:40px 45px;background:radial-gradient(ellipse at bottom left,#dfddff 0,transparent 65%),#f1f1fc;display:flex;flex-direction:column;justify-content:space-between}.login-intro h1{font-size:35px;line-height:1.55;letter-spacing:-1.6px;margin:20px 0;color:#343153}.login-intro p{color:#9995b0;font-size:13px;line-height:1.9}.login-intro .eyebrow{font-size:9px;color:#9891c5}.login-intro small{font-size:9px;color:#aba5c6;letter-spacing:1px}.login-features{display:flex;flex-direction:column;gap:11px;font-size:11px;color:#8780ae;margin-top:30px}.login-form{padding:90px 50px 55px;align-self:center}.login-form h2{font-size:24px;letter-spacing:-1px;margin:11px 0}.login-form>.muted{font-size:12px;margin-bottom:32px}.login-form form button{margin-top:7px;min-height:48px}.login-note{font-size:10px;color:#afb3c2;text-align:center;line-height:1.9;margin:30px 0 0}
@media(min-width:1700px){.mail-table-label,.mail-row{grid-template-columns:270px minmax(0,1fr) 190px}}
@media(max-width:1200px){.workspace{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:25px 13px}.page-content{padding:28px 25px}.topbar{padding:0 25px}.mail-table-label,.mail-row{grid-template-columns:170px minmax(0,1fr) 125px}.sender-avatar{display:none}.mail-meta{flex-direction:column;align-items:flex-end;gap:5px}.brand{font-size:13px}.brand b{font-size:8px}.page-heading h1{font-size:27px}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:18px 20px;border-right:0;border-bottom:1px solid #e4e7f0;overflow:visible}.sidebar>.brand{margin-bottom:16px}.sidebar nav{display:flex;gap:8px;flex-wrap:wrap}.nav-item{font-size:11px;padding:8px;gap:6px;margin:0}.nav-item>span{font-size:15px;width:16px}.workspace-label,.sidebar-section,.ai-note{display:none}.profile{position:absolute;right:20px;top:17px;padding:0;border:0}.profile .avatar,.profile strong{display:none}.profile a{font-size:10px}.topbar{height:48px;padding:0 20px}.topbar-status{display:none}.page-content{padding:26px 18px}.mail-table-label{display:none}.mail-row{grid-template-columns:155px minmax(0,1fr) 105px;padding:18px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading .primary{font-size:11px;padding:10px 12px}.account-grid{gap:14px}.settings-card{padding:22px}.login-page{padding:20px}.login-intro{padding:30px}.login-intro h1{font-size:27px}.login-form{padding:50px 30px}}
@media(max-width:600px){.page-heading{flex-wrap:wrap;gap:18px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:11px}.mail-toolbar{padding:14px 15px 0;display:block}.mail-tabs{min-height:38px;margin-bottom:12px}.search{width:100%;margin-bottom:15px}.mail-row{grid-template-columns:minmax(0,1fr) 90px;row-gap:8px;padding:16px}.sender{grid-column:1;grid-row:1}.sender-avatar{display:grid;width:26px;height:26px;flex-basis:26px;border-radius:8px}.sender small{display:none}.subject{grid-row:2;grid-column:1/-1;padding-left:15px;padding-right:0}.mail-meta{grid-row:1;grid-column:2}.mail-meta .tag{max-width:85px;font-size:8px}.subject strong{font-size:12px}.mail-row .sender strong{font-size:11px}.pagination{padding:15px;flex-wrap:wrap}.sync-account{align-items:flex-start;flex-wrap:wrap}.sync-account small{font-size:9px}.account-grid,.form-grid{grid-template-columns:1fr;gap:0}.form-grid label{margin-bottom:16px}.account-card{margin-bottom:15px}.settings-card{padding:20px}.message-envelope{flex-wrap:wrap}.message-envelope time{width:100%;margin-left:45px}.message-heading h1{font-size:21px}.message-body{font-size:12px}.thread-item summary{gap:10px}.thread-item summary time{font-size:8px}.login-page{padding:18px}.login-shell{display:block;min-height:0}.login-intro{padding:25px;background:#f1f1fc}.login-intro>div,.login-intro>small{display:none}.login-form{padding:35px 26px}.login-form h2{font-size:22px}.sidebar .brand{max-width:180px}.profile a{font-size:9px}.topbar{font-size:9px}.notice{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Phase 2 mail actions and composer */
.sidebar-compose{margin:0 0 15px}.sidebar-compose .full{justify-content:center}.workspace-label span{display:none}.message-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.attachment-panel{padding:18px 0;margin-bottom:20px;border-bottom:1px solid #e9ecf3}.attachment-panel h3{font-size:12px}.attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attachment-file{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid #e5e8f0;background:#fafbff;border-radius:8px;min-width:0}.attachment-file>span:first-child{font-size:22px;color:#726aca}.attachment-file>span:last-child{min-width:0}.attachment-file strong{font-size:12px;display:block;overflow-wrap:anywhere}.attachment-file small{display:block;font-size:10px;color:#989fb1}.body-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#929bb0;margin-bottom:10px}.mail-html-frame{border:1px solid #eceef4;width:100%;height:650px;border-radius:8px;background:#fff}.plain-toggle{margin-top:16px}.plain-toggle summary{cursor:pointer;font-size:12px;color:#8c94a8}.plain-toggle .message-body{padding:20px 0}.compose-card fieldset{border:0;padding:0;margin:0;min-width:0}.compose-card textarea{resize:vertical;min-height:260px;width:100%;padding:16px;border:1px solid #dfe3ec;border-radius:8px;font-size:14px;line-height:1.8;font-family:inherit;margin-top:8px;color:#36415a}.compose-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #edf0f5}.compose-footer .muted{font-size:10px}.upload-field input{border:1px dashed #d3d5ed;background:#fafaff}.upload-field .muted{display:block;font-size:10px;margin-top:6px}.draft-file{display:flex;gap:12px;align-items:center;margin:9px 0}.draft-file>a{flex:1}.draft-list-row{display:flex;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #edf0f4}.draft-list-row>div{flex:1;min-width:0}.draft-list-row strong{font-size:13px}.draft-list-row small{display:block;color:#a0a7b9;font-size:10px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-list-row time{font-size:10px;color:#a0a7b9}.bulk-toolbar{display:flex;align-items:center;gap:10px;padding:12px 22px;border-bottom:1px solid #edf0f5}.bulk-toolbar label{display:flex;align-items:center;gap:8px;margin:0 10px 0 0;font-size:11px;color:#929bb0}.bulk-toolbar input,.mail-select-row>input{width:15px;min-height:15px;height:15px;margin:0;accent-color:#5149dc}.bulk-toolbar button{font-size:10px;min-height:29px;padding:5px 10px}.mail-select-row{display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;border-bottom:1px solid #f0f1f6}.mail-select-row>input{margin-left:17px}.mail-select-row .mail-row{border:0;padding-left:4px}.mail-table-label{padding-left:40px}.paperclip{color:#9a9db4;font-size:14px}.is-submitting{opacity:.6;pointer-events:none}
@media(max-width:850px){.sidebar-compose{position:absolute;right:20px;top:62px;width:110px;margin:0}.sidebar-compose .primary{font-size:11px;padding:8px;min-height:34px}.sidebar nav{padding-right:115px}.sidebar .profile{top:20px}.nav-item.active{background:#eeedfd}}
@media(max-width:600px){.attachment-grid{grid-template-columns:1fr}.mail-html-frame{height:520px}.message-actions{gap:7px}.message-actions button{font-size:11px;padding:8px 10px;min-height:36px}.body-toolbar{align-items:flex-start;flex-direction:column}.draft-list-row{flex-wrap:wrap;gap:8px}.draft-list-row>div{flex-basis:100%}.bulk-toolbar{padding:10px;gap:6px}.bulk-toolbar label{font-size:10px;margin-right:3px}.mail-select-row{grid-template-columns:26px minmax(0,1fr)}.mail-select-row>input{margin-left:10px}.compose-footer{align-items:stretch}.compose-footer .muted{flex-basis:100%}}