:root{font-family:Inter,ui-sans-serif,system-ui;color:#172033;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.app{min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid #e8ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:4}.brand{font-size:21px;font-weight:850;display:flex;align-items:center;gap:10px}.brandMark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#172033;color:#fff}.muted{color:#a0a8b8}.topActions,.addressActions,.readerActions{display:flex;gap:10px;align-items:center}.container{width:min(1180px,92%);margin:30px auto 80px}.heroCard{background:linear-gradient(135deg,#172033,#33456f);color:#fff;border-radius:22px;padding:32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 50px #17203322}.eyebrow{font-size:11px;letter-spacing:.14em;opacity:.7;font-weight:800}.heroCard h1{font-size:34px;margin:8px 0}.heroCard p{opacity:.75;margin:0}.heroProfile{text-align:right;display:flex;flex-direction:column}.heroProfile strong{font-size:34px}.heroProfile small{opacity:.7}.addressCard,.panel{background:#fff;border:1px solid #e8ebf2;border-radius:20px;box-shadow:0 10px 35px #1923370d}.addressCard{margin-top:18px;padding:23px}.addressLabel{font-size:13px;color:#697286;font-weight:750;margin-bottom:9px}.addressRow{display:flex;gap:10px;align-items:stretch}.addressText{flex:1;background:#f4f6fa;border:1px solid #e3e7ef;border-radius:12px;padding:11px 14px;display:flex;flex-direction:column}.addressText code{font-size:16px;margin-top:2px}.primary,.copy,.danger,.ghost{border-radius:10px;padding:10px 14px;font-weight:750}.primary{background:#172033;color:#fff}.copy{background:#e9edf5;color:#172033}.danger{background:#fff0f0;color:#a32929}.ghost{background:#eef1f6;color:#273148}.keep{color:#718096;font-size:12px}.addressActions{margin-top:14px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel{min-height:480px;overflow:hidden}.panelHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #edf0f5}.tabs{display:flex;gap:5px}.tabs button{background:none;color:#7b8494;padding:8px 10px;border-radius:8px}.tabs button b{font-size:11px;background:#edf0f5;border-radius:20px;padding:2px 6px}.tabs .activeTab{background:#172033;color:#fff}.tabs .activeTab b{background:#fff3}.messageList{display:flex;flex-direction:column}.messageRow{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;text-align:left;border-bottom:1px solid #eef0f4;background:#fff;padding:16px 18px;width:100%}.messageRow:hover{background:#f8f9fc}.messageRow.unread{background:#f5f7ff}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9edf5;font-weight:800}.messageMeta{display:flex;flex-direction:column;min-width:0}.messageMeta strong,.messageMeta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messageMeta span{font-size:13px;color:#6c7485;margin-top:3px}.messageRow time{font-size:11px;color:#8790a0}.empty{height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#7a8394}.emptyIcon{width:52px;height:52px;border-radius:16px;background:#eef1f6;display:grid;place-items:center;font-size:24px;margin-bottom:14px}.empty h3{margin:0;color:#30394c}.empty p{max-width:320px;font-size:13px}.readerHeader{padding:20px;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;gap:12px}.readerHeader h2{margin:0;font-size:18px}.emailLine{font-size:12px;color:#737d90;margin-top:4px}.emailFrame{width:100%;height:390px;border:0}.textEmail{white-space:pre-wrap;padding:22px;font-size:13px}.alert{background:#fff0f0;color:#922c2c;border:1px solid #ffd7d7;padding:12px 14px;border-radius:10px;margin-bottom:15px;display:flex;justify-content:space-between}.alert button{background:none}.toast{position:fixed;bottom:24px;right:24px;background:#172033;color:#fff;padding:12px 16px;border-radius:10px;z-index:9}.modal{position:fixed;inset:0;background:#17203388;display:grid;place-items:center;padding:20px;z-index:8}.profileCard{background:#fff;width:min(560px,100%);border-radius:18px;padding:22px}.modalHead{display:flex;justify-content:space-between;align-items:center}.modalHead h2{margin:0}.profileGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.profileGrid label{font-size:12px;font-weight:750;color:#687386}.profileGrid input{display:block;width:100%;margin-top:6px;border:1px solid #dfe3eb;border-radius:9px;padding:10px}.full{width:100%}@media(max-width:850px){.workspace{grid-template-columns:1fr}.heroCard{align-items:flex-start;gap:25px;flex-direction:column}.heroProfile{text-align:left}.heroCard h1{font-size:29px}}@media(max-width:550px){.topbar{padding:0 4%}.topActions .ghost{display:none}.container{width:94%;margin-top:18px}.addressRow{flex-wrap:wrap}.addressText{min-width:100%}.addressActions{flex-wrap:wrap}.messageRow{grid-template-columns:36px 1fr}.messageRow time{display:none}.readerHeader{flex-direction:column}.profileGrid{grid-template-columns:1fr}}.profileChips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.profileChips span{font-size:12px;background:#f0f3f8;border:1px solid #e2e6ee;color:#526076;border-radius:999px;padding:6px 10px}.historyCard{margin-top:18px;min-height:auto}.historyHint{display:block;color:#8790a0;font-size:12px;font-weight:500;margin-top:3px}.historyList{display:flex;flex-direction:column}.historyRow{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #eef0f4}.historyRow.current{background:#f5f7ff}.historyIdentity{display:flex;flex-direction:column;min-width:0}.historyIdentity strong,.historyIdentity code,.historyIdentity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.historyIdentity code{font-size:13px;margin-top:3px}.historyIdentity small{font-size:11px;color:#7b8494;margin-top:5px}.historyMeta{display:flex;gap:7px;align-items:center;flex-shrink:0}.historyMeta time{font-size:11px;color:#8790a0}.historyEmpty{padding:24px 20px;color:#7b8494;font-size:13px}@media(max-width:700px){.historyRow{align-items:flex-start;flex-direction:column}.historyMeta{width:100%;flex-wrap:wrap}.historyMeta time{margin-right:auto}}.authShell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#f5f7fb}.authAside{padding:clamp(30px,6vw,90px);background:linear-gradient(145deg,#121a2b,#304a7e);color:#fff;display:flex;flex-direction:column}.authAside .brand{color:#fff}.authPitch{max-width:560px;margin:auto 0}.authPitch h1{font-size:clamp(36px,5vw,66px);line-height:1.04;margin:15px 0}.authPitch p{font-size:18px;line-height:1.6;color:#dce4f5}.authBullets{display:grid;gap:12px;margin-top:28px;color:#dce4f5}.authCard{align-self:center;width:min(430px,88%);margin:auto;background:#fff;border:1px solid #e8ebf2;border-radius:22px;padding:32px;box-shadow:0 20px 50px #17203314}.authCard h2{font-size:30px;margin:10px 0}.authCard>label{display:block;font-size:12px;font-weight:800;color:#556178;margin:16px 0}.authCard input{display:block;width:100%;border:1px solid #dfe4ed;border-radius:10px;padding:12px;margin-top:7px;outline:none}.authCard input:focus{border-color:#536da9;box-shadow:0 0 0 3px #536da91b}.linkButton{display:block;background:none;color:#536da9;font-weight:750;margin:18px auto 0}.loadingScreen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;color:#59657a}.spinner{width:32px;height:32px;border:4px solid #dbe2ee;border-top-color:#172033;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.userBadge{font-size:12px;color:#6e7890;font-weight:700;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smsPanel{min-height:380px}.smsNotice{margin:18px;background:#f4f7fb;border:1px solid #e3e8f1;border-radius:12px;padding:14px;display:grid;gap:4px}.smsNotice span{font-size:12px;color:#6b7588}.smsRow{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #eef0f4}.smsRow p{margin:5px 0 0;color:#576277;white-space:pre-wrap}.smsRow time{font-size:11px;color:#8790a0;white-space:nowrap}.adminHero{background:linear-gradient(135deg,#151d31,#425b91);color:#fff;border-radius:22px;padding:30px;display:flex;justify-content:space-between;align-items:flex-end;box-shadow:0 20px 50px #17203322}.adminHero h1{font-size:34px;margin:8px 0}.adminHero p{margin:0;color:#d3dcf0}.adminTabs{display:flex;gap:8px;overflow:auto;margin:20px 0}.adminTabs button{background:#fff;border:1px solid #e3e7ef;color:#687386;border-radius:10px;padding:10px 15px;white-space:nowrap}.adminTabs button.activeTab{background:#172033;color:#fff;border-color:#172033}.metricGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.metricCard{background:#fff;border:1px solid #e8ebf2;border-radius:16px;padding:18px;box-shadow:0 10px 30px #1923370b;display:grid;gap:8px}.metricCard span,.metricCard small{color:#768197;font-size:12px}.metricCard strong{font-size:32px}.tablePanel{min-height:0}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid #edf0f5;font-size:13px;vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7d8799;background:#fafbfc}td small{display:block;color:#8290a4;margin-top:4px}.statusPill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eef1f6;color:#5d6b82;font-size:11px;font-weight:800}.statusPill.active{background:#e5f7ed;color:#26704a}.statusPill.suspended{background:#fff0f0;color:#9b3030}.smsSetup{margin:18px;padding:16px;border:1px dashed #cfd7e5;border-radius:12px;display:grid;gap:8px}.smsSetup p,.smsSetup small{margin:0;color:#687386;font-size:12px}.smsSetup code{background:#f4f6fa;border-radius:8px;padding:10px;overflow:auto}.adminApp .container{margin-top:28px}@media(max-width:950px){.metricGrid{grid-template-columns:repeat(3,1fr)}.authShell{grid-template-columns:1fr}.authAside{min-height:360px}.authPitch{margin:auto 0}.authPitch h1{font-size:42px}}@media(max-width:650px){.metricGrid{grid-template-columns:repeat(2,1fr)}.adminHero{align-items:flex-start;gap:20px;flex-direction:column}.topActions{gap:5px}.userBadge{display:none}}.smsMapForm{display:grid;grid-template-columns:1.1fr 1.5fr 1fr auto auto;gap:8px;align-items:center;margin-top:12px}.smsMapForm input,.smsMapForm select{border:1px solid #dfe4ed;border-radius:9px;padding:9px;background:#fff}.checkLabel{font-size:11px;color:#687386;display:flex;align-items:center;gap:5px;white-space:nowrap}.checkLabel input{width:auto}@media(max-width:900px){.smsMapForm{grid-template-columns:1fr 1fr}.smsMapForm .primary{grid-column:span 2}}.twoFactorCard{text-align:center}.twoFactorCard label{text-align:left}.totpQr{display:block;width:200px;height:200px;margin:18px auto;border-radius:12px;border:8px solid #fff;box-shadow:0 8px 24px #17203318}.totpSecret{display:block;background:#f1f4f9;border:1px solid #e0e5ee;border-radius:9px;padding:10px;word-break:break-all;color:#34415a;font-size:13px;margin-bottom:18px}.generateBar{margin-top:18px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.generateBar strong,.generateBar small{display:block}.generateBar small{color:#7b8494;font-size:12px;margin-top:4px}.generateActions{display:flex;gap:8px;flex-wrap:wrap}.customMailboxForm{margin-top:12px;padding:16px 20px;display:flex;align-items:end;gap:10px}.customMailboxForm label{flex:1;font-size:12px;font-weight:750;color:#687386}.customMailboxForm input{display:block;width:100%;margin-top:6px;border:1px solid #dfe4ed;border-radius:9px;padding:10px}.domainSuffix{color:#687386;font-size:13px;padding-bottom:11px;white-space:nowrap}.inviteHint{font-size:12px;color:#7b8494;text-align:center;margin:18px 0 0}.inviteIdentity{background:#f5f7fb;border:1px solid #e5e9f1;border-radius:10px;padding:12px;color:#59657a}.inviteForm{display:grid;grid-template-columns:1.1fr 1fr auto;gap:10px;padding:18px;border-bottom:1px solid #edf0f5}.inviteForm input{border:1px solid #dfe4ed;border-radius:9px;padding:10px}@media(max-width:700px){.generateBar,.customMailboxForm{align-items:stretch;flex-direction:column}.customMailboxForm .domainSuffix{padding:0}.generateActions{width:100%}.generateActions button{flex:1}.inviteForm{grid-template-columns:1fr}.inviteForm .primary{width:100%}}.brandLogo{width:40px;height:40px;flex:0 0 40px;display:block}.brand{min-width:0}.brand>span{white-space:nowrap}.topbar{height:auto;min-height:72px;gap:14px}.topActions{flex-wrap:wrap;justify-content:flex-end}.primary,.copy,.danger,.ghost,.adminTabs button,.tabs button{min-height:44px}.primary,.copy,.danger,.ghost{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary:hover,.copy:hover,.danger:hover,.ghost:hover{transform:translateY(-1px);box-shadow:0 5px 16px #1720331a}.iconButton{position:relative;display:grid;place-items:center;width:44px;height:44px;min-width:44px;border-radius:12px;background:#eef2f8;color:#172033}.iconButton svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.iconButton b{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;display:grid;place-items:center;background:#e6576f;color:#fff;font-size:10px;border:2px solid #fff}.syncStatus{display:inline-flex;align-items:center;gap:6px;color:#63708a;font-size:11px;font-weight:800;white-space:nowrap}.syncStatus i{width:8px;height:8px;border-radius:50%;background:#2ac18a;box-shadow:0 0 0 4px #2ac18a22;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px #2ac18a08}}.metricCard{border:1px solid #e8ebf2;text-align:left;color:#172033;font:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.metricCard:hover{transform:translateY(-3px);border-color:#aebbe0;box-shadow:0 16px 36px #19233717}.metricCard small{display:flex;justify-content:space-between;gap:8px;align-items:center}.metricCard em{font-size:10px;font-style:normal;color:#536da9;white-space:nowrap}.clickableRow{cursor:pointer;transition:background .15s ease}.clickableRow:hover{background:#f5f7ff}.tableLink{background:#eef1f6;color:#3f568a;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800;white-space:nowrap;min-height:38px}.adminInspectOverlay{align-items:center}.inspectCard{background:#fff;width:min(1050px,96vw);max-height:min(760px,92svh);border-radius:22px;box-shadow:0 30px 90px #10182e44;overflow:hidden;display:flex;flex-direction:column}.inspectHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid #edf0f5;background:linear-gradient(135deg,#f9fbff,#eef3fc)}.inspectHead h2{margin:7px 0 3px;font-size:22px;overflow-wrap:anywhere}.inspectHead p{margin:0;color:#758098;font-size:12px}.inspectProfile{padding:24px;overflow:auto}.inspectIdentity{display:grid;gap:6px;padding:18px;border:1px solid #e3e8f2;background:#f8faff;border-radius:16px}.inspectIdentity strong{font-size:20px}.inspectIdentity span{color:#718096;font-size:13px}.inspectIdentity>div{display:flex;gap:6px;margin-top:6px}.inspectStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.inspectStats>div{padding:14px;border:1px solid #e8ebf2;border-radius:13px;display:grid;gap:4px}.inspectStats b{font-size:14px;overflow-wrap:anywhere}.inspectStats small{font-size:11px;color:#8290a4}.inspectBoxList{display:grid;gap:8px}.inspectBox{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:14px 16px;border:1px solid #e3e8f2;border-radius:12px;background:#fff}.inspectBox:hover{background:#f5f7ff;border-color:#b7c5e8}.inspectBox span{display:grid;gap:4px;min-width:0}.inspectBox small{color:#6f7c92;overflow-wrap:anywhere}.inspectBox b{font-size:11px;color:#536da9;white-space:nowrap}.inspectInbox{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr);min-height:520px;overflow:hidden}.inspectMessageList{border-right:1px solid #edf0f5;overflow:auto;background:#fbfcfe}.inspectMailboxCard{display:grid;gap:5px;padding:18px;border-bottom:1px solid #edf0f5}.inspectMailboxCard strong{font-size:16px}.inspectMailboxCard span,.inspectMailboxCard small{font-size:12px;color:#748198;overflow-wrap:anywhere}.inspectInboxTitle{display:flex;justify-content:space-between;padding:14px 16px;color:#66738b;font-size:12px}.inspectMessage{width:100%;text-align:left;display:grid;gap:5px;padding:14px 16px;background:#fff;border:0;border-top:1px solid #edf0f5}.inspectMessage:hover,.inspectMessage.unread{background:#f1f5ff}.inspectMessage strong,.inspectMessage span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspectMessage span{font-size:12px;color:#66738b}.inspectMessage time{font-size:10px;color:#9aa3b2}.inspectTrash{padding:14px 16px;font-size:11px;color:#8792a5;border-top:1px solid #edf0f5}.inspectReader{min-width:0;overflow:auto;background:#fff}.inspectReaderHead{padding:22px;border-bottom:1px solid #edf0f5}.inspectReaderHead h3{margin:7px 0;font-size:20px;overflow-wrap:anywhere}.inspectReaderHead p{margin:0;color:#748198;font-size:12px}.inspectReader pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:22px;margin:0;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:#33415a}.inspectEmpty{display:grid;place-items:center;gap:7px;min-height:150px;padding:26px;text-align:center;color:#8290a4;font-size:12px}.inspectEmpty strong{color:#3c485d;font-size:15px}@media(max-width:760px){.topbar{padding:12px 4%;align-items:center}.topActions{width:100%;justify-content:flex-start;gap:6px}.topActions .userBadge{display:none}.topActions .ghost{display:inline-flex}.topActions .primary{margin-left:auto}.container{width:min(100% - 24px,1180px);margin-top:18px}.heroCard,.adminHero{border-radius:18px;padding:22px}.heroCard h1,.adminHero h1{font-size:28px}.addressCard{padding:17px}.workspace{grid-template-columns:1fr}.panel{border-radius:16px}.inspectCard{width:100%;max-height:96svh;border-radius:16px}.inspectInbox{grid-template-columns:1fr;min-height:0;max-height:76svh}.inspectMessageList{border-right:0;border-bottom:1px solid #edf0f5;max-height:38svh}.inspectReader{min-height:250px}.inspectStats{grid-template-columns:1fr}.adminTabs{margin:14px 0;scrollbar-width:none}.adminTabs::-webkit-scrollbar{display:none}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metricCard{padding:14px}.metricCard em{display:none}.authShell{display:block;min-height:100svh;padding-bottom:24px}.authAside{min-height:0;padding:24px 20px 78px}.authPitch{margin:38px 0 0}.authPitch h1{font-size:38px}.authPitch p{font-size:15px}.authCard{position:relative;margin:-42px auto 0;width:calc(100% - 28px);padding:24px;border-radius:18px}.authCard h2{font-size:26px}.generateBar,.customMailboxForm{align-items:stretch;flex-direction:column}.addressRow,.addressActions{align-items:stretch}.addressRow .copy,.addressActions .primary{flex:1}.smsMapForm{grid-template-columns:1fr}.smsMapForm .primary{grid-column:auto}.historyMeta{width:100%}}@media(max-width:430px){.topActions .ghost{padding:8px 10px;font-size:11px}.topActions .primary{font-size:11px;padding:8px 10px}.syncStatus{font-size:10px}.heroProfile strong{font-size:29px}.profileChips span{font-size:11px}.metricCard strong{font-size:26px}.tabs{overflow:auto}.tabs button{white-space:nowrap}.readerHeader{padding:16px}.readerActions{flex-wrap:wrap}.readerActions button{flex:1}.totpQr{width:min(200px,70vw);height:auto}}.adminSearch{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:10px 14px;border-radius:14px;box-shadow:0 8px 24px #1720330a}.adminSearch .searchIcon{font-size:22px;line-height:1;color:#6c7890}.adminSearch input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#172033;font:inherit;padding:8px 2px}.adminSearch input::placeholder{color:#9aa5b8}.adminSearch small{color:#8994a7;font-size:11px;white-space:nowrap}.statusPill.unread{background:#fff1d7;color:#99610a}.tablePanel time{white-space:nowrap;color:#536176;font-size:12px}@media(max-width:760px){.adminSearch{align-items:flex-start;flex-wrap:wrap}.adminSearch input{flex-basis:calc(100% - 36px)}.adminSearch small{width:100%;padding-left:32px}.adminSearch .ghost{margin-left:auto}.tablePanel table{min-width:760px}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#15213b;background:#f3f6fb}body{background:radial-gradient(circle at 12% 0%,#e9f5ff 0,#f3f6fb 34%,#f7f9fc);color:#15213b}.topbar{min-height:78px;height:auto;padding:14px clamp(18px,5vw,72px);background:#ffffffe6;border-bottom:1px solid #dfe7f2;box-shadow:0 10px 28px #1d3c5c0b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{font-size:22px;letter-spacing:-.03em;color:#12203a}.brandLogo{width:43px;height:43px;filter:drop-shadow(0 5px 10px #1d5a8a28)}.topActions{gap:8px}.topActions .userBadge{padding:9px 12px;border-radius:999px;background:#edf4fb;color:#47617f}.topActions .ghost{background:transparent;color:#4b607d}.topActions .ghost:hover{background:#eaf1f8}.topActions .primary{background:#16233e;border-radius:12px;box-shadow:0 8px 18px #15213b22}.container{width:min(1220px,calc(100% - 40px));margin:34px auto 88px}.heroCard{position:relative;isolation:isolate;min-height:218px;padding:36px 40px;border:1px solid #355d83;border-radius:28px;background:linear-gradient(125deg,#101b35,#1f3d68 53%,#087f91);box-shadow:0 26px 60px #183a5b30;overflow:hidden}.heroCard:before{content:"";position:absolute;z-index:-1;width:380px;height:380px;right:-110px;top:-185px;border-radius:50%;background:#58e2d033;box-shadow:0 0 0 70px #58e2d00c}.heroCard:after{content:"";position:absolute;z-index:-1;right:40px;bottom:-55px;width:210px;height:210px;border:1px solid #b7fff72b;border-radius:50%;box-shadow:0 0 0 30px #b7fff710,0 0 0 60px #b7fff707}.heroCard h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;margin:12px 0 10px}.heroCard p{font-size:14px;color:#d9e9f7;max-width:500px}.heroProfile{position:relative;z-index:1;min-width:150px;padding:14px 18px;border:1px solid #d8ffff35;border-radius:18px;background:#081a3033;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left}.heroProfile strong{font-size:48px;line-height:1}.heroProfile small{display:block;margin-top:5px;color:#c8e4ef}.heroProfile span{display:block;margin-bottom:14px;color:#b9f5eb;font-size:13px}.generateBar{min-height:0;margin-top:20px;padding:22px 24px;border-radius:20px;border:1px solid #dce6f1;background:linear-gradient(100deg,#fff,#f8fbff);box-shadow:0 14px 35px #2446680d}.generateBar strong{font-size:16px;letter-spacing:-.01em}.generateBar small{color:#73839b}.generateActions{gap:10px}.generateActions .primary{background:#147d82;box-shadow:0 8px 16px #147d8224}.generateActions .ghost{background:#eaf1f8;color:#304b6c}.addressCard{margin-top:20px;padding:24px;border-radius:22px;border:1px solid #dce6f1;box-shadow:0 14px 35px #2446680d}.addressLabel{display:flex;align-items:center;gap:8px;color:#607594;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.addressLabel:before{content:"";width:8px;height:8px;border-radius:50%;background:#16b894;box-shadow:0 0 0 5px #16b8941b}.addressRow{gap:12px}.addressText{background:#f3f8fc;border:1px solid #d9e6f1;border-radius:14px;padding:13px 16px}.addressText strong{font-size:14px;color:#425777}.addressText code{font-size:18px;font-weight:750;color:#13243f;letter-spacing:-.02em}.addressRow .copy{background:#edf4f8;border:1px solid #dce8f0;color:#345371}.addressActions{margin-top:16px}.addressActions .primary{background:#15243f}.keep{color:#7e8da1}.profileChips{margin-top:16px;gap:7px}.profileChips span{padding:7px 11px;background:#f4f7fb;border:1px solid #e0e8f1;color:#60718b}.historyCard{margin-top:20px;border-radius:22px;border:1px solid #dce6f1;box-shadow:0 14px 35px #2446680d}.historyCard .panelHeader{padding:18px 22px}.historyCard .panelHeader strong{font-size:16px}.historyRow{padding:16px 22px;border-bottom:1px solid #edf2f7}.historyRow:hover{background:#f7fbff}.historyRow.current{background:#eaf8f8;border-left:3px solid #149597}.historyIdentity code{color:#3a5c7b}.historyMeta .primary{background:#147d82}.historyMeta .ghost{background:#eaf1f8}.workspace{gap:20px;margin-top:20px}.workspace .panel{border-radius:22px;border:1px solid #dce6f1;box-shadow:0 14px 35px #2446680d}.workspace .inbox,.workspace .reader{min-height:560px}.panelHeader{padding:18px 22px;background:#fbfdff;border-bottom:1px solid #e8eef5}.tabs{gap:6px}.tabs button{font-weight:700;color:#71829a}.tabs .activeTab{background:#15243f;box-shadow:0 5px 14px #15243f21}.messageRow{padding:16px 20px;border-bottom:1px solid #edf2f7}.messageRow:hover{background:#f4fbfd}.messageRow.unread{background:#edf9f9;border-left:3px solid #18a19b}.avatar{background:#dff3f2;color:#137678}.messageMeta strong{color:#203957}.messageMeta span{color:#70839b}.emptyIcon{background:#e8f4f5;color:#198c8c}.readerHeader{padding:22px;background:#fbfdff}.readerHeader h2{font-size:20px;color:#1e3555}.readerActions .copy{background:#eaf2f8}.readerActions .danger{background:#fff1f2}.customMailboxForm{margin-top:12px;padding:18px 22px;border-radius:18px;border:1px solid #dce6f1;box-shadow:0 10px 25px #2446680a}.customMailboxForm input{border-color:#d6e1ec}.customMailboxForm .primary{background:#147d82}.toast{bottom:26px;right:26px;border-radius:14px;background:#15243f;box-shadow:0 14px 30px #15243f2c}@media(max-width:850px){.container{width:min(100% - 28px,680px)}.heroCard{padding:28px;min-height:0}.heroProfile{width:100%;display:grid;grid-template-columns:1fr auto;align-items:end}.heroProfile span{grid-column:1/-1}.heroProfile strong{font-size:40px}.heroProfile small{margin:0}.generateBar{padding:20px}.addressCard,.historyCard,.workspace .panel{border-radius:18px}}@media(max-width:600px){.container{width:calc(100% - 22px);margin-top:20px}.topbar{padding:12px 11px}.brand{font-size:18px}.brandLogo{width:38px;height:38px}.topActions{gap:4px}.topActions .userBadge{display:none}.topActions .ghost{padding:8px 9px;font-size:11px}.topActions .primary{padding:9px 10px;font-size:11px}.heroCard{padding:24px 20px;border-radius:20px}.heroCard h1{font-size:30px}.heroCard p{font-size:13px}.generateBar{padding:18px;gap:15px}.generateActions{width:100%}.generateActions button{flex:1;min-width:0;padding:10px 8px;font-size:12px}.addressCard{padding:18px}.addressText code{font-size:15px;overflow-wrap:anywhere}.historyCard .panelHeader{padding:16px 18px}.historyRow{padding:14px 18px}.workspace .panel{min-height:0}.workspace .inbox,.workspace .reader{min-height:460px}.panelHeader{padding:15px 16px}}.adminSearch.panel{min-height:0;height:auto;overflow:visible;padding:10px 16px;margin:0 0 18px}.overviewColumns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);gap:16px;margin-top:18px;align-items:start}.overviewActivity,.overviewQuick{min-height:0!important;border-radius:18px}.overviewActivity .tableWrap{max-height:440px}.overviewActivity table{min-width:600px}.overviewActivity th,.overviewActivity td{padding:13px 15px}.overviewActivity td strong,.overviewActivity td small{overflow-wrap:anywhere}.overviewEmpty{padding:30px 14px;text-align:center;color:#8190a6;font-size:13px;line-height:1.5}.quickLinkList{display:grid;padding:8px 14px}.quickLink{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:14px 4px;text-align:left;background:transparent;border-bottom:1px solid #edf1f6;color:#243956}.quickLink:last-child{border-bottom:0}.quickLink:hover strong{color:#117c83}.quickLink span{display:grid;gap:4px;min-width:0}.quickLink strong{font-size:13px}.quickLink small{color:#7b8ba2;font-size:11px;line-height:1.35}.quickLink b{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:9px;background:#eef4f8;color:#385778;font-size:12px}.quickLink em{font-style:normal;color:#8291a6}.overviewFoot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:4px 14px 14px;padding:11px 12px;border-radius:11px;background:#f4f8fb;color:#71839a;font-size:10px}.overviewFoot span{display:flex;align-items:center;gap:7px}.overviewFoot i{width:7px;height:7px;border-radius:50%;background:#18b58f;box-shadow:0 0 0 4px #18b58f1c}.overviewFoot button{padding:4px 6px;background:transparent;color:#257b83;font-weight:800;font-size:10px;white-space:nowrap}.metricGrid+.overviewColumns{margin-top:18px}@media(max-width:920px){.overviewColumns{grid-template-columns:1fr}.overviewQuick{order:-1}}@media(max-width:650px){.overviewActivity .tableWrap{max-height:none}.overviewActivity table{min-width:550px}.overviewFoot{align-items:flex-start;flex-direction:column}.adminSearch.panel{margin-bottom:14px}}.portalContainer{width:min(1440px,calc(100% - 42px));margin-top:28px}.portalWelcome{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:30px 34px;border:1px solid #d8e7f0;border-radius:26px;background:linear-gradient(120deg,#0f1d38,#1d416a 55%,#087f85);color:#fff;box-shadow:0 24px 55px #183a5b28;overflow:hidden;position:relative}.portalWelcome:after{content:"";position:absolute;width:270px;height:270px;border:1px solid #a7fff72b;border-radius:50%;right:-50px;top:-145px;box-shadow:0 0 0 35px #a7fff70b,0 0 0 70px #a7fff706}.portalWelcome h1{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;margin:10px 0 8px;position:relative;z-index:1}.portalWelcome p{margin:0;color:#d7e9f4;font-size:14px;position:relative;z-index:1}.welcomeStats{display:flex;gap:10px;position:relative;z-index:1}.welcomeStats div{min-width:116px;padding:14px 16px;border:1px solid #d4ffff3d;border-radius:16px;background:#061e3440;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcomeStats strong{display:block;font-size:30px;line-height:1}.welcomeStats span{display:block;color:#c4e6eb;font-size:11px;margin-top:6px}.portalGrid{display:grid;grid-template-columns:270px minmax(0,1.42fr) minmax(285px,.82fr);gap:18px;margin-top:18px;align-items:start}.portalSidebar,.portalReader{min-height:700px;overflow:hidden}.portalSidebar{padding:18px;background:linear-gradient(180deg,#fff,#f9fcfe)}.sideHeading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.sideHeading h2{font-size:20px;margin:6px 0 0;letter-spacing:-.03em}.smallIcon{width:35px;height:35px;min-width:35px;border-radius:10px;padding:0;background:#eef4f8;color:#3b607b}.sideGenerate,.sideCustom{width:100%;min-height:42px}.sideGenerate{background:#147d82;box-shadow:0 8px 18px #147d8224}.sideCustom{margin-top:8px;background:#e9f1f7;color:#385774}.sideCustomForm{margin-top:10px;padding:12px;border:1px solid #d8e5ef;border-radius:13px;background:#f6fafc;display:grid;gap:8px}.sideCustomForm label{font-size:11px;color:#62738b;font-weight:800}.sideCustomForm input{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #d5e1eb;border-radius:8px;background:#fff}.sideCustomForm span{font-size:11px;color:#72849a;margin-top:-4px}.sideCustomForm .primary{min-height:38px;padding:8px}.sideSectionTitle{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 8px;color:#536a84;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sideSectionTitle small{background:#e7f1f4;color:#39737a;border-radius:10px;padding:3px 7px}.addressHistory{display:grid;gap:5px;max-height:450px;overflow:auto;padding-right:2px}.addressItem{display:grid;grid-template-columns:32px minmax(0,1fr) 15px;align-items:center;gap:9px;width:100%;text-align:left;padding:10px 8px;border-radius:12px;background:transparent;color:#213956;border:1px solid transparent}.addressItem:hover{background:#eef8fa;border-color:#d5edef}.addressItem.selected{background:#e5f6f5;border-color:#bde5e1;box-shadow:inset 3px 0 #168c8c}.addressAvatar{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#dff1f1;color:#157d7f;font-weight:850;font-size:12px}.addressItemCopy{display:grid;gap:2px;min-width:0}.addressItemCopy strong,.addressItemCopy code,.addressItemCopy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addressItemCopy strong{font-size:12px}.addressItemCopy code{font-size:10px;color:#56708a}.addressItemCopy small{font-size:9px;color:#8b9aaa}.addressChevron{color:#4aa5a0;font-size:13px}.sideEmpty{padding:22px 8px;color:#8291a4;font-size:12px;line-height:1.5;text-align:center}.sideFooter{display:grid;gap:7px;margin-top:20px;padding-top:14px;border-top:1px solid #e6eef3;color:#8291a4;font-size:10px;line-height:1.4}.sideFooter span:first-child{display:flex;align-items:center;gap:6px;color:#4d7382}.sideFooter i{width:7px;height:7px;border-radius:50%;background:#16b58d;box-shadow:0 0 0 4px #16b58d1c}.portalCenter{min-width:0;display:grid;gap:14px}.currentMailbox{padding:22px 24px;border-radius:20px;overflow:hidden}.currentTop{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.currentTop h2{font-size:23px;letter-spacing:-.035em;margin:7px 0 4px;overflow-wrap:anywhere}.currentTop code{font-size:14px;color:#416581;overflow-wrap:anywhere}.currentActions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.currentActions button{font-size:11px;padding:8px 10px;min-height:38px}.currentMailbox .profileChips{margin-top:17px}.quickGenerate{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-radius:16px;min-height:0}.quickGenerate strong,.quickGenerate small{display:block}.quickGenerate strong{font-size:13px}.quickGenerate small{color:#8291a4;font-size:11px;margin-top:3px}.quickGenerate .primary{background:#147d82;min-height:39px;white-space:nowrap}.mailPanel{border-radius:20px;min-height:590px;overflow:hidden}.mailPanel .panelHeader{background:#fff}.mailPanel .messageList{max-height:630px;overflow:auto}.mailPanel .messageRow{grid-template-columns:38px minmax(0,1fr) auto;padding:14px 18px}.mailPanel .messageMeta small{font-size:10px;color:#9aa7b5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.mailPanel .empty{min-height:460px}.portalReader{background:#fff;border-radius:20px;display:flex;flex-direction:column}.portalReader>.readerHeader{padding:22px 20px;background:#f9fcfe}.portalReader>.readerHeader h2{overflow-wrap:anywhere;line-height:1.25}.portalReader>.emailFrame{min-height:430px;flex:1}.portalReader>.textEmail{flex:1;min-height:420px;overflow:auto}.readerEmptyState{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 26px;color:#73869a}.readerEmptyState h2{margin:10px 0 6px;color:#233c58;font-size:21px}.readerEmptyState p{font-size:12px;line-height:1.55;max-width:220px;margin:0}.readerIllustration{width:74px;height:74px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#e3f6f5,#e8f0fc);color:#168a8c;font-size:30px;box-shadow:0 12px 26px #167d8220;margin-bottom:17px}.readerHint{margin-top:25px;padding:9px 12px;border-radius:10px;background:#f4f8fb;color:#8a98a8;font-size:10px;line-height:1.4}.readerProfile{margin-top:auto;padding:16px 18px;border-top:1px solid #e7eef4;background:#fbfdff}.readerProfileTop{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px}.profileAvatar{width:38px;height:38px;display:grid;place-items:center;background:#dff1f1;color:#137f80;border-radius:12px;font-weight:850}.readerProfileTop strong,.readerProfileTop small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readerProfileTop strong{font-size:12px}.readerProfileTop small{font-size:10px;color:#7e8fa1;margin-top:3px}.readerProfileTop .ghost{min-height:33px;padding:6px 9px;font-size:10px}.readerProfileGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.readerProfileGrid span{display:grid;gap:4px;color:#8a98a8;font-size:9px}.readerProfileGrid b{font-size:12px;color:#3b5874;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portalAlert{margin-bottom:14px}.portalContainer .panel{box-shadow:0 14px 32px #2446680b;border-color:#dce7ef}@media(max-width:1120px){.portalGrid{grid-template-columns:240px minmax(0,1fr)}.portalReader{grid-column:1/-1;min-height:430px}.readerEmptyState{min-height:300px}.readerProfile{margin-top:0}}@media(max-width:780px){.portalContainer{width:calc(100% - 22px)}.portalWelcome{padding:24px 21px;align-items:flex-start;flex-direction:column}.welcomeStats{width:100%}.welcomeStats div{flex:1}.portalGrid{grid-template-columns:1fr;gap:13px}.portalSidebar{min-height:0}.addressHistory{max-height:300px}.portalReader{grid-column:auto;min-height:440px}.currentTop{flex-direction:column}.currentActions{justify-content:flex-start}.quickGenerate{align-items:flex-start;flex-direction:column}.quickGenerate .primary{width:100%}.mailPanel{min-height:500px}.readerEmptyState{min-height:320px}}@media(max-width:500px){.portalWelcome h1{font-size:28px}.welcomeStats strong{font-size:25px}.currentMailbox{padding:18px}.currentTop h2{font-size:20px}.currentActions{width:100%}.currentActions button{flex:1}.mailPanel .panelHeader{align-items:flex-start;gap:8px}.tabs{max-width:calc(100vw - 125px);overflow:auto}.tabs button{padding:8px 9px}.readerProfileGrid{grid-template-columns:1fr 1fr}.readerProfileGrid span:last-child{grid-column:1/-1}}@media(min-width:1100px){html,body,#root{height:100%;overflow:hidden}.app{height:100%;min-height:0}.portalContainer{height:calc(100vh - 78px);min-height:0;margin:0 auto;padding:18px 0;display:flex;flex-direction:column}.portalWelcome{min-height:106px;padding:19px 26px;border-radius:20px;flex:0 0 auto}.portalWelcome h1{font-size:30px;margin:6px 0 5px}.portalWelcome p{font-size:13px}.welcomeStats div{min-width:100px;padding:11px 13px}.welcomeStats strong{font-size:26px}.portalGrid{flex:1;min-height:0;height:auto;grid-template-columns:258px minmax(0,1.45fr) minmax(270px,.8fr);gap:14px;margin-top:14px}.portalSidebar,.portalCenter,.portalReader{height:100%;min-height:0}.portalSidebar{overflow:auto}.portalCenter{grid-template-rows:auto auto minmax(0,1fr);min-height:0}.currentMailbox{padding:16px 18px}.currentTop h2{font-size:20px;margin:5px 0 3px}.currentTop code{font-size:13px}.currentMailbox .profileChips{margin-top:12px}.quickGenerate{padding:10px 14px}.quickGenerate small{font-size:10px}.mailPanel{height:100%;min-height:0;display:flex;flex-direction:column}.mailPanel .panelHeader{flex:0 0 auto}.mailPanel .messageList{flex:1;min-height:0;max-height:none;overflow:auto}.mailPanel .empty{flex:1;min-height:0}.portalReader{overflow:auto}.readerEmptyState{flex:1;min-height:0}.readerProfile{margin-top:0}}@media(min-width:1100px)and (max-height:820px){.portalContainer{padding-top:12px;padding-bottom:12px}.portalWelcome{min-height:88px;padding:14px 22px}.portalWelcome h1{font-size:25px;margin:3px 0}.portalWelcome p{font-size:12px}.welcomeStats div{padding:8px 11px}.welcomeStats strong{font-size:22px}.currentMailbox{padding:12px 15px}.currentActions button{min-height:34px;padding:6px 8px}.profileChips{margin-top:8px}.profileChips span{padding:5px 8px;font-size:10px}}@media(min-width:1100px){html,body,#root{height:auto;overflow-x:hidden;overflow-y:auto}.app:not(.adminApp){height:100vh;min-height:0}}.historySearch{display:flex;align-items:center;gap:8px;margin:14px 0 8px;padding:7px 10px;border:1px solid #dbe6ef;border-radius:10px;background:#fff;color:#7e93a7}.historySearch span{font-size:17px;line-height:1}.historySearch input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#213956;font-size:11px}.historySearch input::placeholder{color:#9aaaba}.addressItem{grid-template-columns:27px 32px minmax(0,1fr) 15px}.addressId{font-size:10px;font-weight:850;color:#8192a5;text-align:center}.mailboxId{display:inline-flex;margin-left:8px;padding:4px 8px;border-radius:999px;background:#edf4fb;color:#58718b;font-size:10px;font-weight:800;vertical-align:middle}.readerTopBar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;border-bottom:1px solid #e7eef4;background:#fbfdff;color:#162a46}.readerTopBar strong{font-size:16px;letter-spacing:-.02em}.readerTopBar .primary{background:#2e6ef1;min-height:38px;padding:8px 14px}.composeCard{background:#fff;width:min(650px,100%);border-radius:20px;padding:24px;box-shadow:0 30px 90px #10182e44}.composeCard label{display:block;margin-top:15px;font-size:12px;font-weight:800;color:#596b82}.composeCard input,.composeCard textarea{display:block;width:100%;margin-top:7px;border:1px solid #d9e3ee;border-radius:10px;padding:11px 12px;outline:0;color:#1b2e4a;background:#fbfdff}.composeCard textarea{resize:vertical;min-height:160px;line-height:1.5}.composeCard input:focus,.composeCard textarea:focus{border-color:#2e6ef1;box-shadow:0 0 0 3px #2e6ef11a}.composeActions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.composeActions .primary{background:#2e6ef1}@media(min-width:1200px){.topbar{padding-left:32px;padding-right:32px}.portalContainer{width:calc(100% - 64px);max-width:none}.portalWelcome{display:none}.portalGrid{grid-template-columns:300px minmax(360px,380px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);margin-top:0;gap:24px}.portalCenter{grid-template-rows:auto minmax(0,1fr) auto;gap:0}.portalCenter .currentMailbox{min-height:0}.portalCenter .currentMailbox{border-radius:16px 16px 0 0;border-bottom:0;box-shadow:0 14px 32px #2446680b}.portalCenter .mailPanel{height:100%;min-height:0}.portalCenter .mailPanel{border-radius:0;border-top:0;box-shadow:none}.portalCenter .mailPanel .messageList{max-height:none}.portalCenter .quickGenerate{border:1px solid #dce7ef;border-top:0;border-radius:0 0 16px 16px;background:#fff;box-shadow:0 14px 32px #2446680b}.portalReader{min-width:0}.readerTopBar{padding:20px 24px}.tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap}}@media(min-width:1200px){.sideGenerate,.quickGenerate .primary{background:#2e6ef1;box-shadow:0 8px 18px #2e6ef124}.tabs .activeTab{background:#2e6ef1;box-shadow:0 5px 14px #2e6ef121}.messageRow.unread{background:#edf4ff;border-left-color:#2e6ef1}}@media(max-width:1199px){.readerTopBar{padding:16px 18px}.composeCard{max-width:620px}}@media(max-width:780px){.historySearch{margin-top:12px}.addressItem{grid-template-columns:27px 32px minmax(0,1fr) 15px}.readerTopBar{padding:14px 16px}.composeCard{padding:19px;border-radius:16px}}.composeNotice{margin:14px 0 0;padding:11px 12px;border:1px solid #dce8f3;border-radius:10px;background:#f3f8fd;color:#57718d;font-size:11px;line-height:1.5}@media(min-width:1200px){.portalGrid{grid-template-columns:330px minmax(410px,430px) minmax(0,1fr)}.portalSidebar .addressItem{grid-template-columns:31px 40px minmax(0,1fr) 15px;gap:10px;padding:12px 10px}.portalSidebar .addressAvatar{width:40px;height:40px;font-size:15px}.portalSidebar .addressId{font-size:11px}.portalSidebar .addressItemCopy strong{font-size:14px}.portalSidebar .addressItemCopy code{font-size:12px}.portalSidebar .addressItemCopy small{font-size:11px}.portalCenter .mailPanel .messageRow{grid-template-columns:40px minmax(0,1fr) auto;gap:14px;padding:14px}.portalCenter .mailPanel .messageMeta strong{font-size:14px}.portalCenter .mailPanel .messageMeta span{font-size:13px}.portalCenter .mailPanel .messageMeta small{font-size:12px}.portalCenter .mailPanel .messageRow time{font-size:11px}.portalReader .textEmail{font-size:15px;line-height:1.65}.portalReader .readerHeader h2{font-size:20px}.topActions>.iconButton{display:none}.portalSidebar{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}.portalSidebar .sideHeading{padding:0 4px}.portalSidebar .sideGenerate{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 15px #2563eb40}.portalSidebar .sideCustom{background:#fff;color:#0f172a;border-color:#e2e8f0}.portalSidebar .addressItem.selected{background:#fff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb,0 4px 6px -1px #0000000d}.portalSidebar .addressItem.selected .addressAvatar{background:#2563eb;color:#fff;box-shadow:0 4px 10px #2563eb4d}.portalCenter .currentTop{flex-direction:column;gap:12px}.portalCenter .currentActions{width:100%;justify-content:flex-start}.portalCenter .currentActions .primary{background:#0f172a}.portalCenter .mailPanel .panelHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:0 16px;background:#fafbfc;gap:8px}.portalCenter .mailPanel .panelHeader>.ghost{display:inline-flex;flex:0 0 auto}.portalCenter .mailPanel .tabs{gap:0;width:100%;min-width:0;max-width:none;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.portalCenter .mailPanel .tabs::-webkit-scrollbar{display:none}.portalCenter .mailPanel .tabs button{padding:12px 8px;border-radius:0;background:transparent;color:#94a3b8;box-shadow:none}.portalCenter .mailPanel .tabs button{min-width:0;font-size:11px}.portalCenter .mailPanel .tabs button:hover{color:#475569;background:transparent;box-shadow:none}.portalCenter .mailPanel .tabs .activeTab{color:#2563eb;background:transparent;border-bottom:2px solid #2563eb;box-shadow:none}.portalCenter .mailPanel .tabs button b{padding:1px 4px;background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.portalCenter .mailPanel .tabs .activeTab b{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.portalCenter .mailPanel .messageList{padding:8px}.portalCenter .mailPanel .messageRow{display:grid;gap:12px;border:1px solid transparent;border-radius:12px;margin-bottom:4px;padding:12px;background:#fff}.portalCenter .mailPanel .messageRow:hover{background:#f8fafc;border-color:transparent}.portalCenter .mailPanel .messageRow.unread{background:#eff6ff;border-color:#bfdbfe}.portalCenter .mailPanel .messageRow.unread .avatar{background:#fff;color:#2563eb;border-color:#bfdbfe}.portalReader>.readerTopBar{background:#fafbfc}.portalReader .readerIllustration{background:#eff6ff;color:#2563eb;box-shadow:none}.portalReader .readerHint{background:#f8fafc;border:1px solid #e2e8f0}.portalCenter .quickGenerate .primary{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 15px #2563eb40}}.senderIcon{width:40px;height:40px;border-radius:12px;background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;display:grid;place-items:center;position:relative;overflow:hidden;flex:0 0 40px}.senderIcon img{width:22px;height:22px;object-fit:contain;border-radius:5px;position:absolute}.senderIcon img:not([style*="display: none"])+b{opacity:0}.senderIcon b{font-size:13px}.currentMailbox{position:relative}.currentMailbox .eyebrow{color:#2563eb;opacity:1}.currentMailbox .mailboxId{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.currentEdit{position:absolute;right:16px;top:16px;min-height:34px;padding:7px 12px}.composeDock{position:fixed;right:28px;bottom:0;z-index:30;width:min(620px,calc(100vw - 32px));pointer-events:none}.composeDockCard{pointer-events:auto;background:#fff;border:1px solid #dbe5ef;border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 18px 60px #0f172a35;padding:0 16px 14px}.composeDockHead{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e2e8f0}.composeDockCard>input,.composeCcRow input{display:block;width:100%;border:0;border-bottom:1px solid #e2e8f0;padding:12px 4px;outline:0;background:#fff;color:#172033}.composeCcRow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.composeToolbar{display:flex;gap:6px;padding:8px 0;border-bottom:1px solid #e2e8f0}.composeToolbar button{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;padding:5px 9px;color:#334155;font-size:12px}.composeToolbar{flex-wrap:wrap;align-items:center;gap:6px}.composeToolbar select{height:31px;max-width:145px;border:1px solid #dbe5ef;border-radius:7px;background:#fff;color:#334155;padding:0 8px;font-size:12px}.composeToolbar button{min-width:32px;height:31px;cursor:pointer}.composeToolbar button:hover,.composeToolbar select:hover{border-color:#93b4fb;background:#eff6ff}.toolbarDivider{width:1px;height:22px;background:#dbe5ef;margin:0 2px}.editorColor{position:relative;width:32px;height:31px;display:grid;place-items:center;border:1px solid #dbe5ef;border-radius:7px;color:#334155;font-weight:800;cursor:pointer}.editorColor input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.highlightColor{font-size:15px;color:#2563eb}.composeEditor{min-height:170px;max-height:300px;overflow:auto;padding:12px 4px;outline:0;font-size:14px;line-height:1.55;color:#172033}.composeEditor:focus{box-shadow:inset 0 0 0 2px #dce9ff;border-radius:7px}.composeEditor img{max-width:min(100%,420px);height:auto;border-radius:6px}.composeEditor blockquote{margin:8px 0;padding:8px 12px;border-left:3px solid #93b4fb;background:#f7faff;color:#52657f}.composeEditor table{border-collapse:collapse;max-width:100%}.composeEditor td,.composeEditor th{border:1px solid #cbd5e1;padding:5px 8px}.composeEditor a{color:#2563eb;text-decoration:underline}.composeEditor:empty:before{content:attr(data-placeholder);color:#94a3b8}.composeDockFoot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;border-top:1px solid #e2e8f0}.composeDockFoot>span{font-size:11px;color:#64748b}.composeDockFoot>div{display:flex;gap:8px}.portalCenter .mailPanel .panelHeader>.ghost{display:none!important}@media(max-width:780px){.currentEdit{position:static;margin-left:auto}.composeDock{right:8px;width:calc(100vw - 16px)}.composeCcRow{grid-template-columns:1fr}.composeDockFoot{align-items:flex-start;flex-direction:column}.composeDockFoot>div{width:100%}.composeDockFoot button{flex:1}.portalCenter .currentTop{padding-right:0}}@media(max-width:520px){.composeDock{right:0;width:100vw}.composeDockCard{max-height:min(88dvh,780px);overflow:auto;border-radius:14px 14px 0 0;padding:0 12px 12px}.composeToolbar select{max-width:125px}.composeEditor{min-height:150px;max-height:34dvh}.composeDockFoot>div{flex-wrap:wrap}.toolbarDivider{display:none}}.brand,.brand:hover,.brand:focus,.brand:active{text-decoration:none;color:inherit}.toast{max-width:min(360px,calc(100vw - 32px));box-shadow:0 12px 30px #17203333;border:1px solid #ffffff22;font-size:13px;font-weight:700;line-height:1.35;animation:toastIn .18s ease-out}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.smallIcon{transition:transform .18s ease,background .18s ease}.smallIcon:active{transform:rotate(180deg) scale(.94)}.portalCenter .mailPanel .messageRow{position:relative;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.portalCenter .mailPanel .messageRow.selectedMessage{background:#eaf3ff;border-color:#4d83f5;box-shadow:inset 3px 0 #2563eb,0 4px 12px #2563eb18;transform:translate(2px)}.portalCenter .mailPanel .messageRow.selectedMessage .messageMeta strong{color:#1455c2}.portalCenter .mailPanel .messageRow.unread .messageMeta strong{font-weight:850;color:#172033}.messageReadState{display:inline-flex;align-self:flex-start;margin-top:5px;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.03em;color:#70829a}.messageRow.unread .messageReadState{color:#2563eb}.messageRow.unread .messageReadState:before{content:"";width:6px;height:6px;margin:2px 5px 0 0;border-radius:50%;background:#2563eb}.messageRow.selectedMessage .messageReadState{color:#1455c2}.portalLoading{position:fixed;inset:72px 0 0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#f7fbffeb,#edf7f8eb);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none;color:#294666}.portalLoading strong{font-size:15px;letter-spacing:-.01em}.portalLoading span{font-size:11px;color:#71869a}.loadingMark{width:68px;height:68px;padding:10px;border-radius:22px;background:#2563eb;box-shadow:0 14px 32px #2563eb40;animation:loadingPulse 1.5s ease-in-out infinite}.loadingMark svg{width:100%;height:100%;animation:loadingFloat 1.5s ease-in-out infinite}.loadingMark rect{fill:#fff}.loadingMark path{fill:none;stroke:#2563eb;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.loadingMark path:first-of-type{fill:#2563eb;stroke:none;opacity:.95}@keyframes loadingPulse{0%,to{transform:scale(.96);box-shadow:0 14px 32px #2563eb28}50%{transform:scale(1.04);box-shadow:0 18px 40px #2563eb52}}@keyframes loadingFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-2deg)}}.toast{top:88px;bottom:auto;right:24px;display:flex;align-items:center;gap:9px;border-radius:13px;background:#172b4d;box-shadow:0 14px 34px #172b4d3d;border:1px solid #ffffff20}.toast:before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#35c79a;color:#073e38;font-size:12px;font-weight:900}.toast{left:50%;right:auto;top:88px;transform:translate(-50%);pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.loadingScreen{background:linear-gradient(135deg,#f7fbff,#eef5fb);color:#294666}.bootBrand{display:flex;align-items:center;gap:10px;font-size:26px;letter-spacing:-.04em}.bootBrand svg{width:60px;height:60px;filter:drop-shadow(0 10px 20px #2563eb33)}.bootBrand svg rect{fill:#2563eb}.bootBrand svg path:first-of-type{fill:#fff;stroke:none}.bootBrand svg path:last-of-type{fill:none;stroke:#2563eb;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.bootBrand span{color:#9aa6b8}.bootSpinner{width:26px;height:26px;border:3px solid #dbe6f3;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.loadingScreen>strong{font-size:15px}.loadingScreen>span{font-size:12px;color:#71869a}.soundToggle{font-size:17px;background:#eef5ff}@media(max-width:600px){.portalLoading{inset:60px 0 0}.toast{top:72px;left:50%;right:auto;max-width:calc(100vw - 24px);justify-content:center}.portalCenter .mailPanel .messageRow.selectedMessage{transform:none}.soundToggle{display:grid!important}}.topActions>.soundToggle{display:grid!important}.globalHome{min-height:100vh;color:#16213d;background:radial-gradient(circle at 78% 13%,#dbeafe 0,transparent 28%),linear-gradient(180deg,#f8fbff,#edf5ff 54%,#f8fbff);overflow:hidden}.globalNav{height:82px;max-width:1240px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:28px}.globalBrand{display:inline-flex;align-items:center;gap:11px;color:#14213d;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.04em}.globalBrandDot{color:#6e88bb}.globalBrandMark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#2f80ff,#67b9ff);box-shadow:0 12px 25px #2d75ff35}.globalBrandMark svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.globalNavLinks{display:flex;gap:34px;margin-left:auto}.globalNavLinks a{color:#6c7d9b;text-decoration:none;font-size:14px;font-weight:700}.globalNavLinks a:hover{color:#2868dc}.globalNavCta,.globalPrimary{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:#fff;background:#2468ec;border-radius:12px;padding:13px 19px;font-size:14px;font-weight:800;box-shadow:0 12px 24px #2468ec2e;transition:transform .2s,box-shadow .2s}.globalNavCta:hover,.globalPrimary:hover{transform:translateY(-2px);box-shadow:0 16px 30px #2468ec45}.globalHero{max-width:1240px;margin:0 auto;padding:92px 30px 76px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.globalHeroCopy{max-width:590px}.globalEyebrow{display:inline-flex;align-items:center;gap:9px;color:#4176d8;font-size:11px;letter-spacing:.16em;font-weight:900}.globalEyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#45c49a;box-shadow:0 0 0 5px #45c49a1f}.globalHero h1{font-size:clamp(44px,5.2vw,76px);line-height:1.03;letter-spacing:-.07em;margin:20px 0 22px;color:#15223f}.globalHero h1 em{font-style:normal;color:#2b72e9}.globalHeroCopy>p{max-width:510px;color:#7182a0;font-size:18px;line-height:1.7;margin:0}.globalHeroActions{display:flex;align-items:center;gap:23px;margin-top:34px}.globalSecondary{color:#51709f;text-decoration:none;font-size:14px;font-weight:800}.globalSecondary span{padding-left:7px;color:#2b72e9}.globalTrust{display:flex;align-items:center;gap:12px;color:#8392aa;font-size:12px;font-weight:700;margin-top:38px}.globalAvatarStack{display:flex}.globalAvatarStack b{width:28px;height:28px;border:2px solid #f8fbff;margin-left:-7px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#76a6f2;font-size:11px}.globalAvatarStack b:first-child{margin-left:0;background:#3d7cf0}.globalAvatarStack b:last-child{background:#6ac6b2}.globalArt{height:460px;position:relative;display:grid;place-items:center}.globalGlow{position:absolute;width:360px;height:360px;border-radius:50%;background:#8bc7ff52;filter:blur(40px)}.globalGlobe{width:255px;height:255px;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle at 33% 24%,#9ee3ff,#3d85ec 48%,#1949a6);box-shadow:inset -26px -22px 50px #122c7e77,0 32px 65px #326ce65c;border:7px solid #ffffffb8}.globalGlobe:after{content:"";position:absolute;inset:10px;border-radius:50%;box-shadow:inset 10px 7px #fff2,inset -12px -8px #0b2c8250}.globeLat,.globeLong{position:absolute;border:1px solid #c3eaff80;border-radius:50%;z-index:2}.globeLat{left:-10%;width:120%;height:40%;top:30%}.latTwo{top:10%;height:80%}.globeLong{top:-10%;height:120%;width:43%;left:28%}.longTwo{left:8%;width:84%}.globeCore{position:absolute;width:9px;height:9px;right:58px;top:64px;border-radius:50%;background:#fff;box-shadow:0 0 0 8px #ffffff26,0 0 22px #fff;z-index:3}.globalOrbit{position:absolute;width:390px;height:145px;border:1px solid #75a9f88c;border-radius:50%;transform:rotate(-21deg)}.orbitTwo{width:330px;height:270px;transform:rotate(56deg);border-color:#90c8f47d}.globalCloud{position:absolute;z-index:4}.cloudBack{width:180px;height:54px;top:73px;right:55px;border-radius:50px;background:#ffffffd9;box-shadow:0 15px 30px #3f82e52e}.cloudBack:before,.cloudBack:after{content:"";position:absolute;border-radius:50%;background:#ffffffd9}.cloudBack:before{width:74px;height:74px;left:30px;bottom:14px}.cloudBack:after{width:58px;height:58px;right:30px;bottom:17px}.cloudFront{width:220px;height:61px;bottom:60px;left:27px;border-radius:50px;background:#fff;box-shadow:0 20px 30px #4378db40}.cloudFront span{position:absolute;border-radius:50%;background:#fff}.cloudFront span:nth-child(1){width:78px;height:78px;left:30px;bottom:22px}.cloudFront span:nth-child(2){width:65px;height:65px;right:28px;bottom:22px}.cloudFront span:nth-child(3){width:45px;height:45px;left:93px;bottom:35px}.globalDot{position:absolute;width:8px;height:8px;background:#4fd1b0;border-radius:50%;box-shadow:0 0 0 7px #4fd1b01c}.dotOne{top:55px;left:84px}.dotTwo{right:27px;bottom:144px;background:#f4b95a}.dotThree{left:8px;bottom:166px;background:#739bf4}.globalFeatureSection{max-width:1240px;margin:0 auto;padding:72px 30px 100px}.globalSectionIntro{text-align:center;max-width:660px;margin:auto}.globalSectionIntro h2,.globalBottomCta h2{font-size:clamp(29px,3.5vw,46px);letter-spacing:-.055em;margin:15px 0 12px}.globalSectionIntro p{color:#7b8ca8;margin:0;font-size:16px}.globalFeatureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.globalFeatureGrid article{padding:28px;border:1px solid #dce8f6;border-radius:20px;background:#ffffffad;box-shadow:0 15px 40px #3867a30d}.featureIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eaf2ff;color:#2a70eb;font-size:21px;font-weight:900}.globalFeatureGrid h3{margin:22px 0 9px;font-size:18px}.globalFeatureGrid p{color:#7b8ca8;line-height:1.6;font-size:14px;margin:0}.globalBottomCta{max-width:1180px;margin:0 auto 70px;padding:38px 45px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#16284d,#275cae);color:#fff;box-shadow:0 26px 60px #1e4c9430}.globalBottomCta .globalEyebrow{color:#9fc5ff}.globalBottomCta h2{margin:12px 0 0}.globalFooter{max-width:1240px;margin:auto;padding:0 30px 28px;color:#91a0b8;display:flex;justify-content:space-between;font-size:12px;font-weight:700}@media(max-width:900px){.globalNav{padding:0 20px}.globalNavLinks{display:none}.globalHero{grid-template-columns:1fr;padding-top:58px;text-align:center}.globalHeroCopy{margin:auto}.globalHeroCopy>p{margin:auto}.globalHeroActions,.globalTrust{justify-content:center}.globalArt{height:390px}.globalFeatureGrid{grid-template-columns:1fr}.globalBottomCta{margin:0 20px 50px;padding:30px;flex-direction:column;align-items:flex-start}.globalFooter{padding:0 20px 25px;gap:10px;flex-direction:column}}@media(max-width:520px){.globalNavCta{padding:10px 12px;font-size:12px}.globalBrand{font-size:17px}.globalHero{padding:48px 20px 55px}.globalHero h1{font-size:43px}.globalHeroCopy>p{font-size:16px}.globalHeroActions{flex-direction:column;gap:18px}.globalArt{transform:scale(.8);margin:-25px 0}.globalFeatureSection{padding:45px 20px 65px}.globalBottomCta{margin-left:20px;margin-right:20px}.globalBottomCta .globalPrimary{width:100%;justify-content:center}}