:root{--bg:#080d17;--surface:#101927;--raised:#1b293b;--line:#304158;--text:#f0f3f8;--muted:#afbdce;--accent:#ffa33f;--teal:#69baff;--danger:#ffadb7;--shadow:0 22px 70px #0007;--brand-blue:#258fff;--brand-orange:#ff951f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{background:var(--bg)}button,a,input,select,textarea{transition:background-color .16s,border-color .16s,box-shadow .16s}button{border-radius:12px}button:hover:not(:disabled){background:var(--raised);border-color:var(--teal)}button.primary{background:linear-gradient(135deg,#ffb752,#f78c1a);border-color:#ffb550;color:#251605;box-shadow:0 5px 18px #f78c1a20}button.primary:hover:not(:disabled){background:#ffbe6e;color:#251605;border-color:#ffd292}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);border-color:var(--teal);box-shadow:0 0 0 4px #258fff15}button:disabled{opacity:.5;box-shadow:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,a{touch-action:manipulation}
.workspace{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.topbar{flex-shrink:0;height:84px;padding-inline:26px;background:linear-gradient(100deg,#101a2a,#111a26);border-bottom:1px solid #38495d;box-shadow:0 1px 0 #ff951f55}.brand{gap:12px}.brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 2px 8px #ff951f22)}.brand h1{font-size:22px;letter-spacing:.02em;color:#edf2f9}.brand small{font-size:9px;color:#a6b9d1;letter-spacing:.12em}.topbar>.row{gap:10px}.topbar a{font-size:13px}.identity{padding-inline:12px;border-inline-start:1px solid var(--line)}.identity strong{font-size:13px}.workspace>.notice{flex-shrink:0;border-radius:0;margin:0;font-size:12px;padding:9px 24px;border-inline:0}.layout{flex:1;min-height:0;height:auto;grid-template-columns:232px minmax(300px,360px) minmax(0,1fr);background:var(--bg)}.sidebar{padding:24px 14px 16px;gap:18px;background:#0e1725;border-left-color:#26374e}.sidebar>label{padding:0 6px}.sidebar select{font-size:13px;background:#172338;border-color:#344a64;min-height:44px}.sidebar>.primary{min-height:50px;font-size:14px;justify-content:center}.folder{min-height:44px;color:#c1cddd;font-size:13px;gap:12px;margin-bottom:3px}.folder[aria-current=page]{background:linear-gradient(90deg,#17467744,#1c3d5e66);border-color:#3e7099;color:#eef6ff;box-shadow:inset -3px 0 #ffa33f}.folder .icon-svg{width:19px;height:19px;color:#9bbce4}.folder[aria-current=page] .icon-svg{color:#ffb750}.count{border:1px solid #35516f;border-radius:20px;padding:0 7px;line-height:20px;color:var(--text);font-size:11px}.sidebar-footer{padding-top:12px}.section-label{color:#8196b0;font-size:10px;letter-spacing:.06em}.mail-list{border-left:1px solid #293b53;background:#111c2c}.list-heading{padding:24px 20px 18px;background:linear-gradient(180deg,#17243a,#121e30);border-bottom:1px solid var(--line);gap:14px}.list-heading h2{font-size:20px}.search>input{background:#0c1625;border-color:#39516e}.filters{gap:5px;flex-wrap:wrap}.filters button{font-size:12px;min-height:34px;border-radius:20px}.filters button[aria-pressed=true]{color:#ffbf71;background:#633e152e;border-color:#bb813955}.messages{padding:8px}.message-row{border:1px solid transparent;border-bottom-color:#2a3b51;background:transparent;border-radius:12px;margin-bottom:3px;transition:background .15s}.message-row:hover{background:#22334c}.message-row.unread{background:#1c2d45;border-color:#344b68}.message-row.selected{background:#243c59;border-color:#6aa9dc}.message-open{padding:16px 12px;gap:6px;border-radius:10px}.sender{font-size:13px}.subject{font-size:14px;line-height:1.6}.preview{font-size:12px;color:var(--muted)}.time{font-size:10px;color:#9eb1c7}.reader{background:#0c1421;padding:0;overflow:auto}.reading-toolbar{position:sticky;top:0;z-index:2;padding:16px 24px;background:#111d2deb;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.reading-toolbar button{font-size:12px;min-height:36px}.reading-header{padding:28px 30px 20px;border-bottom:1px solid var(--line);display:grid;gap:18px}.reading-header h2{font-size:25px;line-height:1.5;overflow-wrap:anywhere}.reading-header .avatar{width:40px;height:40px;background:#234268;color:#d9ecff;border:1px solid #44729b;border-radius:12px}.reader>.message-body,.reader>.attachments,.reader>.row,.reader>.panel-card{margin:24px 30px}.message-body{line-height:1.95;font-size:15px}.reader>.mail-html{margin-inline:24px;width:calc(100% - 48px)}.reader>.empty{min-height:100%;padding:40px}.empty{gap:14px}.empty h2{font-size:21px}.empty p{max-width:360px;font-size:13px;line-height:1.9;color:var(--muted)}.empty-icon{background:linear-gradient(135deg,#203b5b,#172335);border:1px solid #3a5a7d;box-shadow:0 16px 45px #00132955;color:#86c3ff;border-radius:20px}.empty-icon .icon-svg{width:32px;height:32px}.panel-page{padding:32px;background:var(--bg);overflow:auto}.panel-page>header{margin-bottom:24px}.panel-card,.status-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:22px;margin-block:16px}.status-card{box-shadow:0 6px 18px #0001}.status-card h3{font-size:16px}.badge{border:1px solid #4b7390;border-radius:24px;padding:4px 10px;font-size:11px;background:#142c3d;color:#c2e7ff}.badge.warning{background:#442c1c;color:#ffd19b;border-color:#885931}.bulkbar{padding:10px 14px;background:#213753;border-bottom:1px solid #4d7195;gap:8px}.bulkbar button{font-size:11px;min-height:34px}.attachments{gap:10px}.attachment{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:12px}.attachment small{display:block;color:var(--muted)}.modal-backdrop{background:#030913c9;backdrop-filter:blur(6px)}.modal{border:1px solid #4a627e;background:#111d2c;border-radius:22px;box-shadow:0 24px 100px #0009}.modal-head{padding:20px 24px;background:linear-gradient(100deg,#1a2d44,#142132);border-bottom:1px solid var(--line)}.modal-head h2{font-size:19px}.modal-head:before{content:'';width:26px;height:26px;background:url('/brand/code-mail-icon.png') center/contain no-repeat;margin-inline-end:4px}.modal-head h2{margin-inline-end:auto}.modal-body{padding:24px;gap:16px}.modal-body label{font-size:12px;color:#b9cadd}.modal-body input,.modal-body textarea{background:#0b1523;border-color:#39526f}.modal-body textarea{min-height:220px}.modal-foot{padding:18px 24px;border-top:1px solid var(--line);background:#132033;gap:14px}.save-state{font-size:11px;color:#b7c5d5}.notice{background:#152d43;border-color:#365b7b;color:#d4e9ff;border-radius:12px}.notice.error{background:#442331;color:#ffd1d8;border-color:#795064}.toast{background:#1a3049;border:1px solid #6593bd;color:#f2f7ff;border-radius:14px;box-shadow:var(--shadow)}
.initial{background:radial-gradient(ellipse at 50% 44%,#14366188,transparent 50%),#080c14}.initial img{width:116px;filter:drop-shadow(0 8px 25px #ff8e242e);animation:brand-enter .7s ease-out both}.initial h1{font-size:28px;letter-spacing:.03em;color:#e9edf5}.initial p{font-size:13px;color:#a9bfd6}.gate{background:#080d17;min-height:100dvh;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr)}.gate-brand{position:relative;isolation:isolate;background:radial-gradient(ellipse at 70% 28%,#15385a99,transparent 60%),radial-gradient(ellipse at 20% 85%,#5b2b0c44,transparent 55%),#080d16;padding:48px clamp(30px,6vw,92px);border-left:1px solid #304056;overflow:hidden}.gate-brand:after{content:'';position:absolute;inset:auto 8% 12%;height:1px;background:linear-gradient(90deg,transparent,#ff9c39,#2a99ff,transparent);z-index:-1}.gate-brand .gate-logo{width:min(280px,70%);height:auto;max-height:290px;object-fit:contain;margin-bottom:24px;filter:drop-shadow(0 12px 40px #ff950f18)}.brand-kicker{display:block;color:#8bb7e4;font-size:10px;letter-spacing:.14em;margin-bottom:18px}.gate-brand h1{font-size:clamp(28px,3.4vw,46px);line-height:1.4;max-width:580px;color:#f2f5fa}.gate-brand p{color:#b6c6db;max-width:440px;line-height:1.9;font-size:14px;margin-top:20px}.gate-form{background:linear-gradient(130deg,#142137,#101928);padding:40px;display:grid;place-content:center}.login-card{max-width:440px;width:100%;background:#111b2a;border:1px solid #3b4e68;border-radius:24px;padding:32px;box-shadow:var(--shadow)}.login-card h2{font-size:25px}.login-card>div p{margin-top:10px}.login-card form{display:grid;gap:18px}.login-card form>button{margin-top:8px;min-height:48px}.login-card input{background:#0b1422;border-color:#405875}.account-links{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.gate-foot{font-size:11px;line-height:1.9;color:#91a6bf}.appearance-panel{border-color:#465c75;box-shadow:0 12px 35px #0005}.workspace-hub{background:radial-gradient(ellipse at 85% 0%,#173c6144,transparent 55%),var(--bg)}.ux-shortcut:first-child{background:linear-gradient(130deg,#53301a,#263b57);border-color:#927047}.ux-shortcut:first-child small{color:#edcfb1}.hub-service-icon{background:#1f4773;color:#92c8ff}.hub-card{border-color:#344b68}.hub-card .ux-open{background:#23394f;color:#d8eaff;border-color:#4e6d88}.hub-categories button[aria-pressed=true]{background:#ffb35f;color:#271804;border-color:#ffca8d}.hub-eyebrow{color:#91bce7}
@keyframes brand-enter{from{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-theme=light]{--bg:#eff3f9;--surface:#fff;--raised:#e9eff7;--line:#bdcbdc;--text:#182c43;--muted:#4a617a;--accent:#ffad51;--teal:#1663a8;--shadow:0 16px 45px #162c4a20;color-scheme:light}html[data-theme=light] .topbar{background:#fff;border-color:#c2ccda;box-shadow:0 2px 0 #f0b15d66}html[data-theme=light] .brand h1{color:#172e49}html[data-theme=light] .brand small{color:#536a86}html[data-theme=light] .sidebar{background:#e6edf7;border-color:#b9c9dc}html[data-theme=light] .sidebar select{background:#fff;color:var(--text);border-color:#b2c6db}html[data-theme=light] .folder{color:#334f70}html[data-theme=light] .folder[aria-current=page]{background:#d4e5f8;color:#153f6a;border-color:#97b9db;box-shadow:inset -3px 0 #dc8a26}html[data-theme=light] .folder .icon-svg{color:#4f749d}html[data-theme=light] .folder[aria-current=page] .icon-svg{color:#885015}html[data-theme=light] .count{color:#294b72;border-color:#a8c0da}html[data-theme=light] .mail-list{background:#f5f8fc;border-color:#bbcbdc}html[data-theme=light] .list-heading{background:#fff;border-color:#c9d4e3}html[data-theme=light] .search>input{background:#f0f5fb;border-color:#b2c5dc}html[data-theme=light] .filters button[aria-pressed=true]{color:#70420b;background:#fff0d9;border-color:#e3b77d}html[data-theme=light] .message-row{background:#fff;border-color:#e0e6ef}html[data-theme=light] .message-row.unread{background:#edf4fe;border-color:#c0d2e9}html[data-theme=light] .message-row:hover,html[data-theme=light] .message-row.selected{background:#dceafb;border-color:#97b9df}html[data-theme=light] .reading-toolbar{background:#f6f9ffed}html[data-theme=light] .reader{background:#fff}html[data-theme=light] .modal{background:#fff;border-color:#a5bad2}html[data-theme=light] .modal-head,html[data-theme=light] .modal-foot{background:#edf3fb}html[data-theme=light] .modal-body input,html[data-theme=light] .modal-body textarea{background:#f7faff;border-color:#acc2db}html[data-theme=light] .modal-body label,html[data-theme=light] .save-state{color:#415c7b}html[data-theme=light] .badge{background:#e2f0ff;color:#1f527d;border-color:#9cbcd8}html[data-theme=light] .badge.warning{background:#fff0de;color:#765021;border-color:#cba470}html[data-theme=light] .gate-form{background:#edf2f9}html[data-theme=light] .login-card{background:#fff;border-color:#b8c9dd}html[data-theme=light] .login-card input{background:#f6f9fe;border-color:#a7bed9}html[data-theme=light] .gate-brand{background:radial-gradient(ellipse at 80% 10%,#24436a88,transparent 60%),#0b1421;color:#eff5ff}html[data-theme=light] .gate-brand h1{color:#f2f5fa}html[data-theme=light] .gate-brand p{color:#b6c6db}html[data-theme=light] .gate-foot{color:#58708d}html[data-theme=light] .hub-categories button[aria-pressed=true]{background:#ffbd74;color:#49300b;border-color:#df9d55}html[data-theme=light] .toast{background:#fff;color:#193b60;border-color:#7198c0}html[data-theme=light] .ux-shortcut:first-child{background:linear-gradient(130deg,#fff0db,#e2edfa);border-color:#ccaf82}html[data-theme=light] .ux-shortcut:first-child small{color:#69512f}
@media(max-width:1200px) and (min-width:761px){.layout:not(.has-message){grid-template-columns:220px minmax(0,1fr)}.layout:not(.has-message)>.reader{display:none}.layout.has-message{grid-template-columns:200px minmax(260px,320px) minmax(0,1fr)}.reading-toolbar{padding:12px}.reading-header{padding:20px}.reader>.message-body,.reader>.attachments,.reader>.row{margin:20px}.topbar{padding-inline:18px}.topbar .identity{display:none}}
@media(max-width:900px){.gate{grid-template-columns:1fr}.gate-brand{padding:28px;display:grid;grid-template-columns:100px 1fr;gap:12px 24px;align-items:center}.gate-brand .gate-logo{width:100px;grid-row:1/4;margin:0}.brand-kicker{margin:0;font-size:9px}.gate-brand h1{font-size:26px}.gate-brand p{margin:0;font-size:12px}.gate-form{padding:28px 20px 90px;place-content:initial}.login-card{margin:auto}.topbar .identity{display:none}}
@media(max-width:760px){.topbar{height:72px;padding:10px 12px;gap:8px}.topbar .brand img{width:42px;height:42px}.topbar .brand h1{font-size:17px}.topbar .brand small{display:none}.topbar>.row{gap:6px}.topbar>.row>a{display:none}.topbar button{font-size:11px;min-height:40px;padding:7px 10px}.workspace>.notice{padding:8px 14px;font-size:11px}.layout,.layout.has-message,.layout:not(.has-message){display:grid;grid-template-columns:minmax(0,1fr);height:auto}.sidebar{position:absolute;inset-inline-start:0;top:72px;bottom:0;width:min(290px,86vw);z-index:20;display:none;box-shadow:var(--shadow);border-inline-end:1px solid var(--line)}.sidebar.open{display:flex}.layout>.mail-list{grid-column:1;grid-row:1}.layout>.reader{grid-column:1;grid-row:1;display:none}.layout.has-message>.mail-list{display:none}.layout.has-message>.reader{display:block}.layout>.panel-page{grid-column:1/-1;grid-row:1}.panel-page{padding:22px 16px 100px}.list-heading{padding:18px 16px 14px}.reading-toolbar{padding:12px}.reading-header{padding:20px}.reader>.message-body,.reader>.attachments,.reader>.row{margin:20px}.modal{width:100%;max-width:100%;max-height:100dvh;border-radius:18px 18px 0 0}.modal-backdrop{padding:0;align-items:end}.modal-head,.modal-body,.modal-foot{padding:16px}.modal-foot{flex-wrap:wrap}.modal-foot>.row{width:100%;justify-content:space-between}.modal-body textarea{min-height:180px}.account-links{gap:12px}.gate-brand{grid-template-columns:80px 1fr;padding:24px 18px;gap:8px 16px}.gate-brand .gate-logo{width:80px}.gate-brand h1{font-size:23px}.gate-brand p{grid-column:1/-1}.login-card{padding:24px}.initial img{width:96px}}
.ux-workspace:before{content:'';display:block;width:min(360px,100%);height:92px;margin-bottom:24px;background:#05080f url('/brand/code-mail-banner.png') center/contain no-repeat;border:1px solid #2c4563;border-radius:16px}html[data-theme=light] .ux-workspace:before{box-shadow:0 8px 24px #1b335b14}@media(max-width:600px){.ux-workspace:before{height:72px;width:280px;max-width:100%}}
.receipt-details{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.receipt-details summary{cursor:pointer;font-size:13px;color:var(--teal);min-height:36px}.receipt-details>p{margin-block:10px}.receipt-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;flex-wrap:wrap}.receipt-row>.ltr{overflow-wrap:anywhere;min-width:0}html[data-theme=light] .time,html[data-theme=light] .section-label{color:#516784}