@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080d14;--bg2:#0d1520;--panel:#ffffff0e;--panel-border:#ffffff1a;--ink:#e8edf5;--ink-soft:#8fa3be;--line:#ffffff14;--accent:#3b82f6;--accent-light:#60a5fa;--accent-glow:#3b82f640;--accent-dark:#1d4ed8;--green:#22c55e;--green-glow:#22c55e33;--danger:#f87171;--success:#4ade80;--theme-icon:"🌙";accent-color:var(--accent)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f9fc;--bg2:#f0f2f8;--panel:#ffffffeb;--panel-border:#00000014;--ink:#0f172a;--ink-soft:#475569;--line:#0000000f;--accent:#2563eb;--accent-light:#3b82f6;--accent-glow:#2563eb1f;--accent-dark:#1d4ed8;--green:#16a34a;--green-glow:#16a34a1f;--danger:#dc2626;--success:#16a34a;--theme-icon:"☀️"}[data-theme=light] body{background-image:radial-gradient(80% 50% at 20% -10%,#2563eb0d 0%,#0000 60%),radial-gradient(60% 40% at 80% 110%,#16a34a0a 0%,#0000 55%)}[data-theme=light] .topbar{background:#f8f9fce0;border-bottom-color:#0000000f}[data-theme=light] .nav a:hover{background:#0000000d}[data-theme=light] .home-card-footer{border-top-color:#0000000f}[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input[type=text],[data-theme=light] input[type=number],[data-theme=light] select{color:var(--ink);background:#fff;border-color:#0000001f}[data-theme=light] input::placeholder{color:#47556966}[data-theme=light] .suffix{color:var(--ink-soft);background:#00000008;border-color:#0000001f}[data-theme=light] .button:hover{background:#0000000a;border-color:#00000026}[data-theme=light] .button.primary:hover{background:#1d4ed8;box-shadow:0 0 20px #2563eb40}[data-theme=light] .button.ghost:hover{color:var(--ink);background:#0000000a}[data-theme=light] .button.danger:hover{background:#dc262614;border-color:#dc26264d}[data-theme=light] .button.green:hover{background:#15803d;box-shadow:0 0 20px #16a34a33}[data-theme=light] .home-card{box-shadow:0 0 0 1px #0000000f,0 8px 32px #0000000f,0 0 40px #2563eb0a}[data-theme=light] .home-card-alt{box-shadow:0 0 0 1px #0000000f,0 8px 32px #0000000f,0 0 40px #16a34a08}[data-theme=light] .form-card{box-shadow:0 8px 32px #0000000f}[data-theme=light] .login-card{box-shadow:0 8px 32px #00000014,0 0 40px #2563eb0a}[data-theme=light] .modal{background:#fff;box-shadow:0 20px 60px #0000001f}[data-theme=light] .modal-overlay{background:#0000004d}[data-theme=light] .home-headline,[data-theme=light] .login-panel-copy h1{background:linear-gradient(135deg,#0f172a 30%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .home-pill,[data-theme=light] .feature-list span{background:#00000008;border-color:#00000014}[data-theme=light] .pricing-price{color:var(--ink)}[data-theme=light] .pricing-card:hover{border-color:#0000001f;box-shadow:0 8px 32px #0000000f}[data-theme=light] .pricing-recommended{box-shadow:0 0 0 1px #2563eb1f,0 8px 32px #00000014}[data-theme=light] .pricing-recommended:hover{box-shadow:0 0 0 1px #2563eb33,0 12px 40px #00000014}[data-theme=light] .pricing-badge{color:var(--ink-soft);background:#0000000a}[data-theme=light] .pricing-badge-popular{color:var(--accent);background:#2563eb1a}[data-theme=light] .pricing-yearly-note{color:var(--green)}[data-theme=light] .billing-toggle{background:#0000000f;border-color:#0000001f}[data-theme=light] .billing-toggle:hover{border-color:#0003}[data-theme=light] .billing-toggle.yearly{border-color:var(--accent);background:#2563eb1f}[data-theme=light] .billing-toggle-knob{background:#fff;box-shadow:0 1px 3px #00000026}[data-theme=light] .billing-toggle-save{background:#16a34a1a}[data-theme=light] .comparison-table tbody tr:hover{background:#00000005}[data-theme=light] .comparison-td-popular{background:#2563eb0a}[data-theme=light] .faq-item{background:#fffc}[data-theme=light] .faq-item:hover{border-color:#0000001f}[data-theme=light] .faq-item-open{border-color:#2563eb33}[data-theme=light] .faq-question:hover{color:var(--accent)}[data-theme=light] .message.error{color:#b91c1c;background:#dc26260f;border-color:#dc262633}[data-theme=light] .message.success{color:#15803d;background:#16a34a0f;border-color:#16a34a33}[data-theme=light] .dash-message.error{color:#b91c1c;background:#dc26260f;border-color:#dc262633}[data-theme=light] .dash-message.success{color:#15803d;background:#16a34a0f;border-color:#16a34a33}[data-theme=light] .badge{color:var(--accent);background:#2563eb1a}[data-theme=light] .status-pending_dns{color:#b45309;background:#d9770614}[data-theme=light] .status-verified,[data-theme=light] .status-active{color:#15803d;background:#16a34a14}[data-theme=light] .badge-required{color:#b91c1c;background:#dc262614}[data-theme=light] .text-link{color:var(--accent)}[data-theme=light] .text-link:hover{color:#1d4ed8}[data-theme=light] .domain-card:hover{border-color:#0000001f;box-shadow:0 8px 32px #0000000f}[data-theme=light] .dns-record-display{background:#00000008}[data-theme=light] .dns-value{color:var(--ink);background:#0000000a}[data-theme=light] .dkim-record{background:#00000005}[data-theme=light] .dkim-record-fields .field code{color:var(--ink);background:#0000000a}[data-theme=light] .domain-action-card,[data-theme=light] .conn-details{background:#00000005}[data-theme=light] .conn-detail-value.mono{background:#0000000a}[data-theme=light] .mailbox-card:hover{border-color:#0000001f}[data-theme=light] .dash-tab:hover{background:#0000000a}[data-theme=light] .dash-tab.active{color:var(--accent);background:#2563eb1a;box-shadow:0 0 12px #2563eb1a}[data-theme=light] .dash-tab.active .tab-count{background:#2563eb26}[data-theme=light] .tab-count{background:#0000000f}[data-theme=light] .setup-step-dot{color:var(--ink-soft);background:#0000000a;border-color:#00000014}[data-theme=light] .setup-step-line{background:#0000000f}[data-theme=light] .add-domain-input{color:var(--ink);background:#fff;border-color:#0000001f}[data-theme=light] .add-domain-input::placeholder{color:#47556966}[data-theme=light] .stat-icon.domains{background:#2563eb1a}[data-theme=light] .stat-icon.mailboxes{background:#16a34a14}[data-theme=light] .stat-icon.aliases{color:#7c3aed;background:#9333ea1a}[data-theme=light] .stat-icon.active{color:#b45309;background:#d9770614}[data-theme=light] .dash-icon-wrap,[data-theme=light] .portal-icon{background:linear-gradient(135deg,#2563eb1f,#2563eb08);border-color:#2563eb1a}[data-theme=light] .add-domain-icon{background:#2563eb1a}[data-theme=light] .mailbox-card-avatar{background:linear-gradient(135deg,#2563eb1f,#2563eb08)}[data-theme=light] .domain-card-icon.blue{background:#2563eb1a}[data-theme=light] .domain-card-icon.green{background:#16a34a14}[data-theme=light] .domain-card-icon.purple{background:#9333ea1a}[data-theme=light] .alias-group-header svg,[data-theme=light] .alias-arrow,[data-theme=light] .action-card-header,[data-theme=light] .conn-detail-value a{color:var(--accent)}[data-theme=light] .conn-detail-value a:hover{color:#1d4ed8}[data-theme=light] .mark{box-shadow:0 0 12px #2563eb26}[data-theme=light] .mark-green{box-shadow:0 0 12px #16a34a26!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 50% at 20% -10%,#3b82f62e 0%,#0000 60%),radial-gradient(60% 40% at 80% 110%,#22c55e1a 0%,#0000 55%);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}.shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#080d14bf;justify-content:space-between;align-items:center;gap:20px;height:64px;padding:0 40px;display:flex;position:sticky;top:0}.brand{letter-spacing:.01em;color:var(--ink);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.mark{background:linear-gradient(135deg, var(--accent) 0%, #1d4ed8 100%);color:#fff;width:32px;height:32px;box-shadow:0 0 16px var(--accent-glow);border-radius:9px;place-items:center;font-size:15px;font-weight:900;display:grid}.mark.lg{width:44px;height:44px;box-shadow:0 0 24px var(--accent-glow);border-radius:13px;font-size:20px}.mark-green{background:linear-gradient(135deg, var(--green) 0%, #16a34a 100%)!important;box-shadow:0 0 24px var(--green-glow)!important}.nav{align-items:center;gap:6px;display:flex}.nav a{color:var(--ink-soft);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:color .15s,background .15s}.nav a:hover{color:var(--ink);background:#ffffff0f}.nav a.cta{background:var(--accent);color:#fff;padding:8px 18px;font-weight:600}.nav a.cta:hover{background:#2563eb}.nav button.cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.nav button.cta:hover{background:#2563eb}.nav .nav-user-email{opacity:.85;font-size:12px}.nav .logout-cta{align-items:center;gap:6px;display:inline-flex}.nav .nav-placeholder{width:100px;height:36px;display:inline-block}.theme-toggle{border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:16px;transition:background .15s,border-color .15s;display:grid}.theme-toggle:hover{background:var(--panel);border-color:var(--ink-soft)}.site-footer{border-top:1px solid var(--line);padding:40px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:min(1140px,100% - 48px);margin:0 auto;display:flex}.footer-copy{color:var(--ink-soft);font-size:13px}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--ink-soft);font-size:13px;transition:color .15s}.footer-links a:hover{color:var(--ink)}.cookie-notice{z-index:1200;border:1px solid var(--panel-border);width:min(760px,100% - 48px);color:var(--ink);-webkit-backdrop-filter:blur(20px);background:#080d14eb;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:16px;display:flex;position:fixed;bottom:24px;left:24px;right:24px;box-shadow:0 18px 60px #00000059}[data-theme=light] .cookie-notice{background:#fffffff5;box-shadow:0 18px 60px #0f172a24}.cookie-notice-copy{gap:4px;min-width:0;display:grid}.cookie-notice-copy strong{font-size:14px;font-weight:700}.cookie-notice-copy span{color:var(--ink-soft);font-size:13px;line-height:1.45}.cookie-notice-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.main{width:min(1140px,100% - 48px);margin:0 auto;padding:72px 0 48px}.mail-route .main,.marketing-route .main,.domains-route .main{width:100%;max-width:100%;margin:0;padding:0}.domains-route .main{padding:0 24px}.button{border:1px solid var(--panel-border);background:var(--panel);min-height:44px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.button:hover{background:#ffffff17;border-color:#fff3}.button.primary{background:var(--accent);color:#fff;box-shadow:0 0 20px var(--accent-glow);border-color:#0000}.button.primary:hover{background:#2563eb;box-shadow:0 0 28px #3b82f666}.button.full{width:100%}.button.danger{color:var(--danger);background:#f871711f;border-color:#0000}.button.danger:hover{border-color:var(--danger);background:#f8717138}.button.green{background:var(--green);color:#052e16;box-shadow:0 0 20px var(--green-glow);border-color:#0000}.button.green:hover{background:#16a34a;box-shadow:0 0 28px #22c55e59}.button.ghost{color:var(--ink-soft);box-shadow:none;background:0 0;border-color:#0000;min-height:36px;padding:0 12px}.button.ghost:hover{color:var(--ink);box-shadow:none;background:#ffffff0f;border-color:#0000}.button.danger.ghost{color:var(--danger)}.button.danger.ghost:hover{background:#f871711f}.button.small{min-height:32px;padding:0 10px;font-size:13px}.panel{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(24px);border-radius:16px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-light);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.field{gap:7px;margin-bottom:14px;display:grid}.field label{color:var(--ink-soft);font-size:13px;font-weight:600}input[type=email],input[type=password],input[type=text],input[type=number],select{width:100%;min-height:44px;color:var(--ink);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;padding:0 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#8fa3be80}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.message{border-radius:10px;margin-bottom:14px;padding:12px 14px;font-size:14px;line-height:1.5}.message.error{color:#fca5a5;background:#f871711f;border:1px solid #f8717140}.message.success{color:#86efac;background:#4ade801a;border:1px solid #4ade8040}.fine-print{color:var(--ink-soft);font-size:12px}.text-link{color:var(--accent-light);font-weight:500}.text-link:hover{color:#fff}.text-link.inline{display:inline}.input-group{display:flex}.input-group input{border-radius:10px 0 0 10px}.suffix{color:var(--ink-soft);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1f;border-left:0;border-radius:0 10px 10px 0;align-items:center;padding:0 14px;font-size:14px;display:inline-flex}.input-suffix{display:flex}.input-suffix input{border-radius:10px 0 0 10px;flex:1}.input-suffix .suffix{border-radius:0 10px 10px 0}.muted{color:var(--ink-soft)}.full{width:100%}.stack{gap:32px;display:grid}code{color:var(--ink-soft);overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:13px}.home-hero{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:start;gap:48px;padding-bottom:80px;display:grid}.home-copy{gap:20px;padding-top:16px;display:grid}.home-headline{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#93c5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,3.2vw,40px);font-weight:800;line-height:1.15}.home-sub{color:var(--ink-soft);max-width:460px;font-size:16px;line-height:1.6}.home-pills{flex-wrap:wrap;gap:8px;display:flex}.home-pill{border:1px solid var(--panel-border);color:var(--ink-soft);background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.home-login-cards{gap:24px;display:grid}.home-card{padding:32px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff12,0 32px 80px #00000080,0 0 60px #3b82f614}.home-card:before{content:"";background:linear-gradient(90deg, var(--accent), #818cf8, var(--accent));background-size:200% 100%;height:3px;animation:3s infinite mail-progress;position:absolute;top:0;left:0;right:0}.home-card-alt{box-shadow:0 0 0 1px #ffffff12,0 32px 80px #00000080,0 0 60px #22c55e0f}.home-card-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.home-card-header h2{font-size:20px;font-weight:700}.home-card-header p{color:var(--ink-soft);margin-top:2px;font-size:13px}.home-card-footer{color:var(--ink-soft);text-align:center;border-top:1px solid #ffffff14;margin-top:20px;padding-top:20px;font-size:13px}.home-card form{gap:10px;display:grid}.home-card .field{margin-bottom:0}.home-card .field label{color:var(--ink-soft);margin-bottom:0;font-size:13px;font-weight:500}.home-card input[type=text],.home-card input[type=password]{min-height:48px;color:var(--ink);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:0 18px;font-size:15px;transition:all .2s}.home-card input::placeholder{color:#8fa3be73;padding-left:2px;font-weight:400}.home-card input[type=text]:focus,.home-card input[type=password]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff12}.home-card .input-group{display:flex}.home-card .input-group input{min-height:48px;color:var(--ink);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px 0 0 10px;padding:0 18px;font-size:15px;transition:all .2s}.home-card .input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff12}.home-card .input-group .suffix{min-height:48px;color:var(--ink-soft);background:#ffffff0a;border:1px solid #ffffff1a;border-left:0;border-radius:0 10px 10px 0;padding:0 16px;font-size:14px;font-weight:500}.home-card .button.primary.full{letter-spacing:0;background:linear-gradient(135deg, var(--accent), #6366f1);cursor:pointer;border:none;border-radius:10px;min-height:48px;margin-top:4px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 16px #3b82f640}.home-card .button.primary.full:hover{background:linear-gradient(135deg,#3b82f6,#818cf8);transform:translateY(-1px);box-shadow:0 8px 28px #3b82f659}.home-card .button.primary.full:active{transform:translateY(0)}.home-card .button.primary.full:disabled{opacity:.6;cursor:not-allowed;transform:none}.home-card .message.error{border-radius:8px;margin-bottom:8px;padding:10px 14px;font-size:13px}.home-card p.text-link{color:var(--ink-soft);text-align:center;margin-top:16px;font-size:13px}.home-section-label{align-items:center;gap:12px;margin-bottom:28px;display:flex}.home-section-label h2{letter-spacing:-.02em;font-size:30px;font-weight:800}.home-section-label p{color:var(--ink-soft);margin-top:6px;font-size:15px}.domain-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;display:grid}.domain-card{border-radius:16px;gap:14px;padding:28px;transition:border-color .2s,box-shadow .2s;display:grid}.domain-card:hover{border-color:#ffffff29;box-shadow:0 16px 48px #0000004d}.domain-card-icon{border-radius:12px;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.domain-card-icon.blue{background:#3b82f626}.domain-card-icon.green{background:#22c55e1f}.domain-card-icon.purple{background:#a855f726}.domain-card h3{margin-bottom:4px;font-size:17px;font-weight:700}.domain-card p{color:var(--ink-soft);font-size:14px;line-height:1.55}.form-wrap{width:min(480px,100%);margin:0 auto}.form-card{padding:32px;box-shadow:0 32px 80px #0006}.form-card h1{margin-bottom:6px;font-size:26px;font-weight:800}.form-card>p{color:var(--ink-soft);margin-bottom:28px;font-size:14px}.form-heading{align-items:center;gap:12px;margin-bottom:28px;display:flex}.form-heading h2{margin:0 0 4px;font-size:22px;font-weight:700}.form-heading p{color:var(--ink-soft);margin:0;font-size:13px}.login-layout{grid-template-columns:1fr minmax(360px,440px);align-items:center;gap:48px;min-height:560px;display:grid}.login-panel-copy{gap:18px;display:grid}.login-panel-copy h1{letter-spacing:-.025em;background:linear-gradient(135deg,#fff 30%,#93c5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:560px;font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1.04}.login-panel-copy p{max-width:520px;color:var(--ink-soft);font-size:17px;line-height:1.6}.feature-list{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.feature-list span{border:1px solid var(--panel-border);color:var(--ink-soft);background:#ffffff0a;border-radius:999px;padding:6px 12px;font-size:13px}.login-card{box-shadow:0 32px 80px #00000080,0 0 60px #3b82f614}.page-heading{gap:8px;margin-bottom:32px;display:grid}.page-heading h1{letter-spacing:-.02em;font-size:36px;font-weight:800}.page-heading p{color:var(--ink-soft)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.metric{gap:6px;padding:20px;display:grid}.metric span{color:var(--ink-soft);font-size:13px}.metric strong{font-size:28px;font-weight:800}.two-column{grid-template-columns:1fr 1fr;gap:20px;display:grid}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.panel-header h2{font-size:15px;font-weight:700}.panel-header p{color:var(--ink-soft);font-size:13px}.table-panel{overflow:hidden}.data-table{display:grid}.data-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 130px 1.6fr;align-items:center;gap:14px;padding:14px 22px;font-size:14px;display:grid}.data-row:last-child{border-bottom:0}.dns-row{grid-template-columns:70px 130px 1fr}.domain-row{grid-template-columns:1fr 130px 2fr auto}.mailbox-row{grid-template-columns:1fr auto}.empty-row{color:var(--ink-soft);padding:18px 22px;font-size:14px}.badge{width:fit-content;color:var(--accent-light);background:#3b82f626;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-pending_dns{color:#fcd34d;background:#fbbf241f}.status-verified,.status-active{color:#86efac;background:#22c55e1f}.badge-required{color:#fca5a5;vertical-align:middle;background:#ef444426;margin-left:8px;padding:2px 8px;font-size:10px}.row-note{color:var(--ink-soft);margin:4px 0 0;font-size:12px}.dns-instructions{color:var(--ink-soft);gap:4px;font-size:13px;display:grid}.portal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.portal-card{align-content:start;gap:14px;padding:24px;display:grid}.portal-card h2,.panel-header h2,.form-card h2,.page-heading h1{margin:0}.portal-card p,.panel-header p,.page-heading p{color:var(--ink-soft);line-height:1.45}.portal-icon{background:linear-gradient(135deg,#3b82f633,#3b82f60d);border:1px solid #3b82f626;border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.pricing-card{border-radius:16px;flex-direction:column;gap:20px;padding:28px 22px;transition:border-color .25s,box-shadow .3s,transform .25s;display:flex;position:relative}.pricing-card:hover{border-color:#ffffff29;transform:translateY(-3px);box-shadow:0 16px 48px #0000004d}.pricing-recommended{border-color:var(--accent);box-shadow:0 0 0 1px #3b82f626,0 16px 48px #0006}.pricing-recommended:hover{border-color:var(--accent-light);box-shadow:0 0 0 1px #3b82f64d,0 20px 56px #0006}.pricing-badge{text-transform:uppercase;letter-spacing:.06em;width:fit-content;color:var(--ink-soft);background:#ffffff0f;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.pricing-badge-popular{color:var(--accent-light);background:#3b82f626}.pricing-header{gap:6px;display:grid}.pricing-name{font-size:20px;font-weight:800}.pricing-desc{color:var(--ink-soft);font-size:13px;line-height:1.45}.pricing-amount{align-items:baseline;gap:4px;margin-top:4px;display:flex}.pricing-price{letter-spacing:-.03em;color:#fff;font-size:38px;font-weight:900;line-height:1}.pricing-period{color:var(--ink-soft);font-size:14px;font-weight:500}.pricing-yearly-note{color:var(--green);font-size:12px;font-weight:600}.pricing-features{flex:1;gap:8px;margin:0;padding:0;list-style:none;display:grid}.pricing-feature{color:var(--ink-soft);font-size:13px;line-height:1.4}.pricing-footnote{color:var(--ink-soft);text-align:center;margin-top:24px;font-size:13px;line-height:1.6}.billing-toggle-wrap{justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.billing-toggle-label{color:var(--ink-soft);font-size:14px;font-weight:500;transition:color .2s}.billing-toggle-label.active{color:var(--ink)}.billing-toggle-save{color:var(--green);text-transform:uppercase;letter-spacing:.03em;background:#22c55e26;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.billing-toggle{border:1px solid var(--panel-border);cursor:pointer;background:#ffffff0f;border-radius:999px;outline:none;width:48px;height:26px;padding:0;transition:background .25s,border-color .25s;position:relative}.billing-toggle:hover{border-color:#fff3}.billing-toggle.yearly{border-color:var(--accent);background:#3b82f633}.billing-toggle-knob{background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.billing-toggle.yearly .billing-toggle-knob{transform:translate(22px)}.comparison-section{margin-top:0}.comparison-table-wrap{-webkit-overflow-scrolling:touch;margin-top:28px;overflow-x:auto}.comparison-table{border-collapse:separate;border-spacing:0;width:100%;min-width:640px;font-size:14px}.comparison-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);border-bottom:1px solid var(--line);background:var(--bg);padding:14px 16px;font-size:13px;font-weight:700;position:sticky;top:0}.comparison-th-label{text-align:left;width:30%}.comparison-th{text-align:center;width:17.5%}.comparison-th-popular{color:var(--accent-light)!important}.comparison-table tbody tr{transition:background .15s}.comparison-table tbody tr:hover{background:#ffffff08}.comparison-table tbody td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 16px}.comparison-td-label{color:var(--ink);font-weight:600}.comparison-td{text-align:center;color:var(--ink-soft);font-size:13px}.comparison-td-popular{background:#3b82f60a}.faq-section{margin-top:0}.faq-list{gap:8px;max-width:720px;margin:28px auto 0;display:grid}.faq-item{border:1px solid var(--panel-border);background:var(--panel);border-radius:12px;transition:border-color .2s;overflow:hidden}.faq-item:hover{border-color:#ffffff24}.faq-item-open{border-color:#3b82f633}.faq-question{cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;display:flex}.faq-question:hover{color:var(--accent-light)}.faq-chevron{color:var(--ink-soft);flex-shrink:0;transition:transform .25s}.faq-item-open .faq-chevron{color:var(--accent-light);transform:rotate(180deg)}.faq-answer{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.faq-item-open .faq-answer{grid-template-rows:1fr}.faq-answer p{color:var(--ink-soft);padding:0 20px 18px;font-size:14px;line-height:1.65;overflow:hidden}@media (max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px;margin-left:auto;margin-right:auto}}@media (max-width:640px){.pricing-grid{grid-template-columns:1fr;max-width:400px}.pricing-price{font-size:34px}.comparison-table{min-width:0;font-size:13px}.comparison-table thead th,.comparison-table tbody td{padding:10px}.faq-question{padding:14px 16px;font-size:14px}.faq-answer p{padding:0 16px 14px;font-size:13px}}.mail-preview{padding:22px}.webmail-preview{align-self:stretch;min-height:300px}.mail-preview header{border-bottom:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;padding-bottom:16px;font-size:13px;display:flex}.mail-row{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:14px 0;font-size:14px;display:grid}.dot{background:var(--accent);border-radius:999px;width:8px;height:8px}.muted-dot{background:#8fa3be4d}@media (max-width:900px){.home-hero{grid-template-columns:1fr;gap:40px}.domain-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr;min-height:auto}.two-column{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.portal-grid{grid-template-columns:1fr}}@media (max-width:640px){.topbar{padding:0 20px}.main{padding:48px 0}.home-hero{padding-bottom:64px}.panel-header,.data-row,.dns-row,.domain-row,.mailbox-row{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.cookie-notice{flex-direction:column;align-items:stretch;width:calc(100% - 32px);bottom:16px;left:16px;right:16px}.cookie-notice-actions{justify-content:flex-end}}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.domain-info,.mailbox-info{gap:2px;display:grid}.mailbox-info span{color:var(--ink-soft);font-size:13px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--panel-border);background:var(--bg2);border-radius:16px;width:100%;max-width:480px;padding:28px;box-shadow:0 20px 60px #00000080}.modal h2{margin-bottom:4px;font-size:18px;font-weight:700}.modal-subtitle{color:var(--ink-soft);margin-bottom:20px;font-size:14px}.modal p{color:var(--ink-soft);margin-bottom:20px;font-size:14px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-wide{flex-direction:column;max-width:640px;max-height:90vh;display:flex}.modal-wide .dkim-records{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.modal-wide .modal-actions{flex-shrink:0}.dkim-records{gap:20px;margin-bottom:8px;display:grid}.dkim-record{border:1px solid var(--line);background:#ffffff08;border-radius:12px;padding:16px}.dkim-record h3{color:var(--accent-light);margin-bottom:4px;font-size:14px;font-weight:700}.dkim-record>p{color:var(--ink-soft);margin-bottom:12px;font-size:13px;line-height:1.45}.dkim-record-fields{gap:8px;display:grid}.dkim-record-fields .field{grid-template-columns:60px 1fr;align-items:baseline;gap:8px;margin-bottom:0;display:grid}.dkim-record-fields .field label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.dkim-record-fields .field code{color:var(--ink);overflow-wrap:break-word;word-break:break-all;background:#ffffff0f;border-radius:6px;padding:4px 8px;font-size:12px}.dkim-value{max-height:80px;overflow-y:auto}.dkim-value-long{max-height:120px;font-size:11px!important}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:var(--panel);color:var(--ink-soft);border:1px solid var(--panel-border)}.btn-secondary:hover{background:#ffffff14}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000000f}.form-group{margin-bottom:1rem}.form-group label{color:var(--ink-soft);margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--panel-border);width:100%;color:var(--ink);background:var(--bg2);box-sizing:border-box;border-radius:6px;padding:.5rem .75rem;font-size:.9rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-group textarea{resize:vertical;min-height:100px}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{text-align:left;color:var(--ink-soft);border-bottom:2px solid var(--line);text-transform:uppercase;letter-spacing:.05em;padding:.6rem .75rem;font-size:.8rem;font-weight:600}.data-table td{border-bottom:1px solid var(--line);color:var(--ink);padding:.6rem .75rem}.data-table tr:hover td{background:var(--panel)}.table-container{overflow-x:auto}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.inline-form .form-group{margin-bottom:0}.filter-select{border:1px solid var(--panel-border);background:var(--bg2);color:var(--ink);border-radius:6px;padding:.4rem .75rem;font-size:.85rem}.filters{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.section{margin-bottom:2rem}.section-title{color:var(--ink);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.preview-body{border:1px solid var(--panel-border);background:var(--bg2);border-radius:8px;min-height:200px;padding:1rem}.preview-body iframe{border:none;width:100%;min-height:300px}.inline-form .btn{align-self:flex-end}.action-card{background:var(--panel);border:1px solid var(--panel-border);color:var(--ink);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:all .15s;display:flex}.action-card:hover{border-color:var(--ink-soft);background:#ffffff14}.panel-page{box-sizing:border-box;gap:32px;width:100%;max-width:1400px;margin:0 auto;padding:32px 40px;display:grid}.panel-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-header-left{align-items:center;gap:16px;display:flex}.panel-icon{width:48px;height:48px;color:var(--accent-light);background:linear-gradient(135deg,#3b82f633,#3b82f60d);border:1px solid #3b82f626;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.panel-header-text h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800;line-height:1.2}.panel-header-text p{color:var(--ink-soft);margin:2px 0 0;font-size:14px}.panel-header-actions{align-items:center;gap:8px;display:flex}.panel-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.panel-stat{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;align-items:center;gap:16px;padding:22px 24px;display:flex}.panel-stat-icon{border-radius:11px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.panel-stat-info{gap:1px;display:grid}.panel-stat-info strong{font-size:24px;font-weight:800;line-height:1.1}.panel-stat-info span{color:var(--ink-soft);font-size:12px;font-weight:500}.panel-tabs{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;gap:4px;padding:4px;display:flex}.panel-tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.panel-tab:hover{color:var(--ink);background:#ffffff0d}.panel-tab.active{color:#fff;background:#3b82f633;box-shadow:0 0 12px #3b82f626}.panel-tab-count{background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.panel-tab.active .panel-tab-count{background:#3b82f64d}.panel-tab-content{gap:28px;display:grid}.panel-card{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;padding:28px}.panel-card h3{margin-bottom:4px;font-size:17px;font-weight:700}.panel-card>p{color:var(--ink-soft);font-size:14px;line-height:1.5}.panel-sidebar{background:var(--bg2);width:240px;min-height:100vh;color:var(--ink);border-right:1px solid var(--panel-border);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.panel-sidebar-header{border-bottom:1px solid var(--line);padding:1.25rem 1rem}.panel-sidebar-brand{color:var(--ink);margin-bottom:.25rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:block}.panel-sidebar-back{color:var(--ink-soft);font-size:.8rem;text-decoration:none}.panel-sidebar-back:hover{color:var(--ink)}.panel-sidebar-user{border-bottom:1px solid var(--line);padding:.75rem 1rem;font-size:.8rem}.panel-sidebar-user-name{color:var(--ink);font-weight:600;display:block}.panel-sidebar-user-email{color:var(--ink-soft);font-size:.75rem;display:block}.panel-sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto}.panel-sidebar-link{color:var(--ink-soft);align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;text-decoration:none;transition:all .15s;display:flex}.panel-sidebar-link:hover{color:var(--ink);background:#ffffff0d}.panel-sidebar-link.active{color:var(--accent-light);border-right:3px solid var(--accent);background:#3b82f61f;font-weight:600}.panel-sidebar-icon{text-align:center;width:1.25rem;font-size:1rem}.panel-sidebar-footer{border-top:1px solid var(--line);padding:.75rem 1rem}.panel-layout{background:var(--bg);min-height:100vh;display:flex}.panel-content{box-sizing:border-box;flex:1;width:100%;padding:40px 48px}.domains-dashboard{gap:32px;padding:8px;display:grid}.dash-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.dash-header-left{align-items:center;gap:16px;display:flex}.dash-icon-wrap{width:48px;height:48px;color:var(--accent-light);background:linear-gradient(135deg,#3b82f633,#3b82f60d);border:1px solid #3b82f626;border-radius:14px;place-items:center;display:grid}.dash-header h1{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.2}.dash-header p{color:var(--ink-soft);margin-top:2px;font-size:14px}.dash-message{border-radius:12px;align-items:center;gap:10px;padding:14px 18px;font-size:14px;line-height:1.5;display:flex}.dash-message.error{color:#fca5a5;background:#f871711f;border:1px solid #f8717140}.dash-message.success{color:#86efac;background:#4ade801a;border:1px solid #4ade8040}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;align-items:center;gap:16px;padding:22px 24px;display:flex}.stat-icon{border-radius:11px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.stat-icon.domains{color:var(--accent-light);background:#3b82f626}.stat-icon.mailboxes{color:var(--green);background:#22c55e1f}.stat-icon.aliases{color:#c084fc;background:#a855f726}.stat-icon.active{color:#fcd34d;background:#fbbf241f}.stat-info{gap:1px;display:grid}.stat-info strong{font-size:24px;font-weight:800;line-height:1.1}.stat-info span{color:var(--ink-soft);font-size:12px;font-weight:500}.dash-tabs{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;gap:4px;padding:4px;display:flex}.dash-tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.dash-tab:hover{color:var(--ink);background:#ffffff0d}.dash-tab.active{color:#fff;background:#3b82f633;box-shadow:0 0 12px #3b82f626}.tab-count{background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.dash-tab.active .tab-count{background:#3b82f64d}.tab-content{gap:24px;display:grid}.dash-card{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;padding:28px}.dash-card h3{margin-bottom:4px;font-size:17px;font-weight:700}.dash-card>p{color:var(--ink-soft);font-size:14px;line-height:1.5}.add-domain-card{gap:20px;display:grid}.add-domain-form-wrap{align-items:flex-start;gap:16px;display:flex}.add-domain-icon{width:44px;height:44px;color:var(--accent-light);background:#3b82f626;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.add-domain-form{gap:12px;display:grid}.add-domain-input-group{gap:10px;display:flex}.add-domain-input{min-height:48px;color:var(--ink);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex:1;padding:0 18px;font-size:15px;transition:border-color .15s,box-shadow .15s}.add-domain-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.add-domain-input::placeholder{color:#8fa3be66}.empty-state{text-align:center;color:var(--ink-soft);place-items:center;gap:12px;padding:60px 20px;display:grid}.empty-state svg{opacity:.3;width:48px;height:48px}.empty-state h3{color:var(--ink);font-size:18px;font-weight:700}.empty-state p{max-width:360px;font-size:14px}.domain-card-full{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;overflow:hidden}.domain-card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex}.domain-card-title{gap:6px;display:grid}.domain-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.domain-name{letter-spacing:-.01em;font-size:18px;font-weight:700}.domain-meta{color:var(--ink-soft);align-items:center;gap:8px;font-size:13px;display:flex}.meta-sep{color:#8fa3be4d}.setup-progress{border-bottom:1px solid var(--line);align-items:center;gap:0;padding:20px 28px;display:flex;overflow-x:auto}.setup-step{flex-shrink:0;align-items:center;gap:8px;display:flex}.setup-step-dot{width:28px;height:28px;color:var(--ink-soft);background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;place-items:center;font-size:12px;transition:all .2s;display:grid}.setup-step.complete .setup-step-dot{color:var(--green);background:#22c55e26;border-color:#22c55e4d}.setup-step.current .setup-step-dot{border-color:var(--accent);color:var(--accent-light);box-shadow:0 0 12px var(--accent-glow);background:#3b82f633}.setup-step-label{color:var(--ink-soft);white-space:nowrap;font-size:12px;font-weight:600}.setup-step.complete .setup-step-label{color:var(--green)}.setup-step.current .setup-step-label{color:var(--accent-light)}.setup-step-line{background:#ffffff0f;border-radius:2px;flex-shrink:0;width:40px;height:2px;margin:0 8px}.setup-step-line.complete{background:#22c55e4d}.domain-actions{gap:16px;padding:24px 28px;display:grid}.domain-action-card{border:1px solid var(--line);background:#ffffff08;border-radius:12px;gap:12px;padding:20px;display:grid}.action-card-header{color:var(--accent-light);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.action-card-header svg{flex-shrink:0}.domain-action-card>p{color:var(--ink-soft);font-size:13px;line-height:1.45}.action-card-buttons{flex-wrap:wrap;gap:10px;display:flex}.dns-record-display{border:1px solid var(--line);background:#0003;border-radius:10px;gap:8px;padding:12px;display:grid}.dns-field{grid-template-columns:60px 1fr;align-items:baseline;gap:8px;display:grid}.dns-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.dns-value{color:var(--ink);overflow-wrap:break-word;word-break:break-all;background:#ffffff0f;border-radius:5px;padding:3px 8px;font-size:12px}.dns-value-long{max-height:60px;font-size:11px;overflow-y:auto}.create-mailbox-form{margin-top:16px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mailbox-list{gap:10px;display:grid}.mailbox-card{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;align-items:center;gap:16px;padding:18px 24px;transition:border-color .15s;display:flex}.mailbox-card:hover{border-color:#ffffff29}.mailbox-card-avatar{width:40px;height:40px;color:var(--accent-light);background:linear-gradient(135deg,#3b82f633,#3b82f60d);border-radius:10px;flex-shrink:0;place-items:center;font-size:16px;font-weight:800;display:grid}.mailbox-card-info{flex:1;gap:1px;min-width:0;display:grid}.mailbox-card-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.mailbox-card-name{color:var(--ink-soft);font-size:13px}.mailbox-card-domain{color:#8fa3be80;font-size:11px}.mailbox-card-quota{color:var(--ink-soft);white-space:nowrap;font-size:13px;font-weight:500}.mailbox-card-actions{flex-shrink:0;gap:4px;display:flex}.alias-list{gap:16px;display:grid}.alias-group{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;overflow:hidden}.alias-group-header{border-bottom:1px solid var(--line);color:var(--ink-soft);align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;display:flex}.alias-group-header svg{color:var(--accent-light)}.alias-card{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.alias-card:last-child{border-bottom:none}.alias-card-info{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.alias-card-info strong{font-size:14px;font-weight:600}.alias-arrow{color:var(--accent-light);font-size:16px;font-weight:700}.alias-goto{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.alias-card-actions{flex-shrink:0;gap:4px;display:flex}.field-hint{color:var(--ink-soft);margin-top:4px;font-size:12px;line-height:1.4}.panel-footer{padding:16px 0 0}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.mailbox-card{flex-wrap:wrap}.mailbox-card-actions{justify-content:flex-end;width:100%}.alias-card{flex-wrap:wrap}.alias-card-actions{justify-content:flex-end;width:100%}}.conn-details{border:1px solid var(--line);background:#ffffff08;border-radius:10px;grid-column:1/-1;margin-top:12px;padding:16px 20px}.conn-details-header{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.conn-details-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:640px){.conn-details-grid{grid-template-columns:1fr}}.conn-detail-item{flex-direction:column;gap:2px;display:flex}.conn-detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-size:11px;font-weight:600}.conn-detail-value{color:var(--ink);word-break:break-all;font-size:14px}.conn-detail-value.mono{background:#ffffff0f;border-radius:4px;padding:2px 8px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;display:inline-block}.conn-detail-sub{color:var(--ink-soft);font-size:12px}.conn-detail-value a{color:var(--accent-light);text-underline-offset:2px;text-decoration:underline}.conn-detail-value a:hover{color:var(--accent)}@media (max-width:640px){.dash-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr 1fr}.dash-tabs,.add-domain-input-group{flex-direction:column}.domain-card-header{flex-direction:column;align-items:flex-start}.setup-progress{gap:4px}.setup-step-line{width:20px}}.webmail-route .topbar,.webmail-route .site-footer{display:none}.webmail-route .shell,.webmail-route .main{min-height:100vh}.webmail-route .main{padding:0}.mail-auth{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.mail-login-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;gap:18px;width:min(100%,420px);padding:28px;display:grid;box-shadow:0 18px 50px #22304a1f}.mail-login-card h1{color:var(--ink);margin:0 0 8px;font-size:28px}.mail-login-card p,.mail-toolbar p,.mail-reader-header p{color:var(--ink-soft);margin:0}.mail-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--accent-light)!important}.mail-login-card label{color:var(--ink-soft);gap:6px;font-size:13px;font-weight:700;display:grid}.mail-login-card input,.mail-compose input,.mail-compose textarea{border:1px solid var(--panel-border);width:100%;color:var(--ink);background:var(--bg2);font:inherit;border-radius:6px;padding:11px 12px}.mail-primary,.mail-compose-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:11px 14px;font-weight:800}.mail-primary:disabled,.mail-compose-button:disabled,.mail-toolbar button:disabled,.mail-danger:disabled{opacity:.6;cursor:not-allowed}.mail-error{color:var(--danger);background:#fff0f126;border:1px solid #f0bdc080;border-radius:6px;padding:10px 12px;font-size:13px;font-weight:700}.mail-forgot-link{text-align:center;color:var(--accent-light);font-size:13px;font-weight:600;text-decoration:none}.mail-forgot-link:hover{text-decoration:underline}.mail-shell{background:var(--bg);min-height:100vh;color:var(--ink);grid-template-columns:240px minmax(300px,420px) minmax(0,1fr);display:grid}.mail-loading{place-items:center;font-weight:800}.mail-sidebar,.mail-list-panel,.mail-reader{min-height:100vh}.mail-sidebar{background:var(--bg2);color:var(--ink);flex-direction:column;gap:18px;padding:18px;display:flex}.mail-account{word-break:break-word;gap:10px;display:grid}.mail-account button,.mail-toolbar button,.mail-compose header button{border:1px solid var(--panel-border);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:6px;padding:8px 10px;font-weight:800}.mail-account button{border-color:var(--panel-border);background:var(--panel);color:var(--ink)}.mail-folders{gap:4px;display:grid}.mail-folders button{color:var(--ink-soft);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 11px;display:flex}.mail-folders button.active,.mail-folders button:hover{background:var(--panel);color:var(--ink)}.mail-folders small{text-align:right;min-width:24px;color:var(--ink-soft)}.mail-list-panel{border-right:1px solid var(--panel-border);background:var(--bg);overflow:hidden}.mail-toolbar{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:16px;display:flex}.mail-toolbar-actions,.mail-search,.mail-reader-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mail-search input,.mail-reader-actions select{border:1px solid var(--panel-border);background:var(--bg);color:var(--ink);font:inherit;border-radius:6px;padding:8px 10px}.mail-toolbar h1{margin:0;font-size:22px}.mail-message-list{height:calc(100vh - 83px);overflow:auto}.mail-message-row{border:0;border-bottom:1px solid var(--line);background:var(--bg);text-align:left;width:100%;color:var(--ink);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:13px 16px;display:grid}.mail-message-row:hover,.mail-message-row.active{background:#3b82f60f}.mail-message-row.unread strong,.mail-message-row.unread .mail-row-from{font-weight:900}.mail-row-from,.mail-row-preview{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mail-row-date{color:var(--ink-soft);font-size:12px}.mail-row-preview{color:var(--ink-soft);grid-column:1/-1;font-size:13px}.mail-empty,.mail-reader-empty{color:var(--ink-soft);padding:28px;font-weight:700}.mail-reader{background:var(--bg);flex-direction:column;min-width:0;display:flex}.mail-reader-header{background:var(--bg2);border-bottom:1px solid var(--panel-border);justify-content:space-between;gap:18px;padding:18px 22px;display:flex}.mail-reader-header h2{margin:0 0 8px;font-size:22px}.mail-danger{color:var(--danger);cursor:pointer;background:#f8717114;border:1px solid #f8717140;border-radius:6px;align-self:flex-start;padding:8px 12px;font-weight:800}.mail-reader-actions button,.mail-reader-actions select{align-self:flex-start}.mail-reader-actions button{border:1px solid var(--panel-border);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:6px;padding:8px 10px;font-weight:800}.mail-reader-actions .mail-danger{color:var(--danger);background:#f8717114}.mail-attachments{background:var(--bg2);border-bottom:1px solid var(--panel-border);flex-wrap:wrap;gap:8px;padding:12px 22px;display:flex}.mail-attachments a{border:1px solid var(--panel-border);color:var(--ink);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;text-decoration:none}.mail-body-frame{background:var(--bg);border:0;flex:1;width:100%}.mail-compose-overlay{background:#0003;place-items:end;padding:22px;display:grid;position:fixed;inset:0}.mail-compose{background:var(--bg);border:1px solid var(--panel-border);border-radius:8px;gap:10px;width:min(680px,100%);padding:16px;display:grid;box-shadow:0 20px 70px #0000003d}.mail-compose header,.mail-compose footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.mail-compose h2{margin:0;font-size:18px}.mail-compose textarea{resize:vertical;min-height:260px}@media (max-width:1040px){.mail-shell{grid-template-columns:210px minmax(280px,380px)}.mail-reader{border-top:1px solid var(--panel-border);grid-column:1/-1;min-height:58vh}.mail-sidebar,.mail-list-panel{min-height:42vh}}@media (max-width:720px){.mail-shell{flex-direction:column;display:flex}.mail-sidebar,.mail-list-panel,.mail-reader{min-height:auto}.mail-message-list{height:48vh}.mail-reader{min-height:60vh}.mail-reader-header{flex-direction:column}.mail-toolbar{flex-direction:column;align-items:flex-start}.mail-search,.mail-search input{width:100%}}.mail-shell{background:var(--bg);grid-template-columns:270px minmax(380px,500px) minmax(0,1fr);font-size:14px}.mail-sidebar{background:var(--bg2);border-right:1px solid var(--panel-border);gap:14px;padding:16px 14px}.mail-brand-panel{align-items:center;gap:11px;padding:8px 8px 12px;display:flex}.mail-brand-mark{background:var(--accent);color:#fff;border-radius:7px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.mail-brand-panel div:last-child{gap:1px;display:grid}.mail-brand-panel strong{color:var(--ink);font-size:16px}.mail-brand-panel span,.mail-account span,.mail-sidebar-footer span,.mail-folder-heading{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.mail-account{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;gap:4px;padding:12px}.mail-account strong{color:var(--ink);font-size:13px}.mail-compose-button{background:var(--accent);min-height:42px;box-shadow:0 14px 28px var(--accent-glow);border-radius:8px;justify-content:center;align-items:center;gap:8px;display:flex}.mail-compose-button span{font-size:20px;line-height:1}.mail-folder-heading{padding:4px 8px 0}.mail-folders{gap:3px}.mail-folders button{border-radius:7px;min-height:46px;padding:8px 9px}.mail-folders button span{gap:2px;display:grid}.mail-folders b{color:inherit;font-size:14px}.mail-folders em{max-width:160px;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.mail-folders button.active{box-shadow:inset 3px 0 0 var(--accent-light);background:#3b82f61f}.mail-folders button.active em{color:var(--ink)}.mail-folders small{background:var(--panel);min-width:30px;color:var(--ink-soft);border-radius:999px;padding:3px 7px;font-weight:800}.mail-sidebar-footer{background:var(--panel);border-radius:8px;gap:10px;margin-top:auto;padding:12px;display:grid}.mail-sidebar-footer div{justify-content:space-between;align-items:center;display:flex}.mail-sidebar-footer strong{color:var(--ink)}.mail-sidebar-footer button{border:1px solid var(--panel-border);width:100%;color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;padding:8px;font-weight:800}.mail-list-panel{border-right:1px solid var(--panel-border)}.mail-appbar{background:var(--bg);border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;gap:14px;min-height:78px;padding:14px 16px;display:flex}.mail-appbar h1{color:var(--ink);margin:1px 0 0;font-size:24px}.mail-eyebrow{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.mail-appbar-stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.mail-appbar-stats span{border:1px solid var(--panel-border);background:var(--bg2);color:var(--ink-soft);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.mail-toolbar{background:var(--bg2);align-items:stretch;gap:10px;min-height:58px;padding:10px 12px}.mail-selection,.mail-toolbar-actions,.mail-toolbar-tools,.mail-search{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.mail-selection label{color:var(--ink-soft);align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.mail-toolbar button,.mail-toolbar select,.mail-search input,.mail-reader-actions button,.mail-reader-actions select{border:1px solid var(--panel-border);background:var(--bg);min-height:34px;color:var(--ink);border-radius:6px;padding:7px 9px;font-size:12px;font-weight:850}.mail-search input{width:170px;font-weight:600}.mail-message-list.compact .mail-message-row{min-height:48px;padding-block:8px}.mail-message-list.compact .mail-row-preview{display:none}.mail-message-row{border-left:3px solid #0000;grid-template-columns:22px 18px minmax(0,1fr) auto;gap:4px 9px;min-height:74px;padding:12px 14px}.mail-message-row.active{border-left-color:var(--accent);background:#3b82f60f}.mail-message-row.unread{background:#3b82f608}.mail-row-check{grid-row:1/span 3;align-items:flex-start;padding-top:2px;display:flex}.mail-row-status{color:var(--ink-soft);font-size:12px}.mail-message-row.unread .mail-row-status{color:var(--accent-light)}.mail-message-row strong{text-overflow:ellipsis;white-space:nowrap;grid-column:3/5;font-size:14px;line-height:1.25;overflow:hidden}.mail-row-from{color:var(--ink);grid-column:3/4;font-size:13px}.mail-row-date{grid-column:4/5;justify-self:end;font-weight:750}.mail-row-preview{grid-column:3/5}.mail-reader{background:var(--bg)}.mail-reader-header{box-shadow:0 1px 0 var(--line);align-items:flex-start;padding:18px 20px}.mail-reader-header h2{max-width:920px;color:var(--ink);font-size:24px;line-height:1.2}.mail-address-line{color:var(--ink-soft);gap:8px;margin-top:5px;font-size:13px;display:flex}.mail-address-line span{min-width:36px;color:var(--ink-soft);font-weight:800}.mail-address-line strong{color:var(--ink);font-weight:750}.mail-reader-actions{justify-content:flex-end;max-width:520px}.mail-reader-actions .mail-danger{border-color:#efc4c8}.mail-attachments{padding:10px 20px}.mail-body-frame{border:1px solid #dbe4ef;border-radius:8px;width:calc(100% - 32px);margin:16px;box-shadow:0 10px 28px #24314914}.mail-reader-empty{color:#66758b;place-items:center;min-height:100vh;display:grid}.mail-compose-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1018276b;place-items:center}.mail-compose{border-radius:8px;grid-template-rows:auto repeat(4,auto) minmax(220px,1fr) auto auto;width:min(860px,100vw - 32px);max-height:calc(100vh - 42px);overflow:auto;box-shadow:0 30px 90px #10182757}.mail-compose header{color:#fff;background:#142033;border-radius:8px 8px 0 0;margin:-16px -16px 4px;padding:13px 16px}.mail-compose header button{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.mail-compose textarea{min-height:300px}.mail-compose-tools{background:#f8fafc;border:1px dashed #cbd6e4;border-radius:7px;gap:8px;padding:10px;display:grid}.mail-compose-tools label{color:#33445e;gap:6px;font-size:12px;font-weight:900;display:grid}.mail-compose-tools input{padding:8px}.mail-compose-files{flex-wrap:wrap;gap:6px;display:flex}.mail-compose-files span{color:#1f5fbf;background:#e8f1ff;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.mail-compose footer span{color:#68758a;font-size:12px;font-weight:800}@media (max-width:1120px){.mail-shell{grid-template-columns:230px minmax(330px,430px)}.mail-message-list{height:calc(48vh - 137px)}}@media (max-width:760px){.mail-appbar,.mail-toolbar{flex-direction:column;align-items:flex-start}.mail-toolbar-actions,.mail-toolbar-tools,.mail-search,.mail-search input{width:100%}.mail-toolbar button,.mail-toolbar select{flex:auto}.mail-message-row{grid-template-columns:22px 18px minmax(0,1fr)}.mail-row-date{grid-column:3/4;justify-self:start}.mail-message-row strong,.mail-row-preview{grid-column:3/4}}.mail-loading{place-items:center;display:grid}.mail-loading-card{color:#142033;text-align:center;background:#fff;border:1px solid #dbe4ef;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:280px;padding:40px 48px;display:flex;box-shadow:0 18px 50px #2431491f}.mail-loading-spinner-wrapper{margin-bottom:8px}.mail-loading-title{color:#1a2a4a;font-size:1.1rem;font-weight:600}.mail-loading-subtitle{color:#6b7a99;margin:0;font-size:.85rem}.mail-spinner{border:3px solid #d9e4f2;border-top-color:#2f7df6;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite mail-spin}@keyframes mail-spin{to{transform:rotate(360deg)}}.mail-brand-panel.login{padding:0}.mail-login-card{width:min(100%,460px)}.mail-login-card .mail-brand-panel strong{color:var(--ink)}.mail-login-card .mail-brand-panel span{color:var(--ink-soft)}.mail-shell{height:100vh;min-height:620px;overflow:hidden}.mail-sidebar{overflow:auto}.mail-folders button{grid-template-columns:26px minmax(0,1fr) auto;gap:9px;display:grid}.mail-folders button i{background:var(--panel);width:26px;height:26px;color:var(--ink-soft);text-transform:uppercase;border-radius:6px;place-items:center;font-size:10px;font-style:normal;font-weight:900;display:grid}.mail-folders button.active i{background:var(--accent);color:#fff}.mail-progress{background:#e2eaf5;height:2px;overflow:hidden}.mail-progress:before{content:"";background:linear-gradient(90deg,#2f7df6,#18a058);width:45%;height:100%;animation:1.1s ease-in-out infinite mail-progress;display:block}@keyframes mail-progress{0%{transform:translate(-110%)}to{transform:translate(250%)}}.mail-message-list{scroll-behavior:smooth}.mail-message-row{grid-template-columns:22px 15px 34px minmax(0,1fr) auto;align-items:center;min-height:82px;transition:background .12s,border-color .12s,box-shadow .12s}.mail-message-row:hover{box-shadow:inset 0 0 0 1px #2f7df61a}.mail-row-check{grid-area:1/1/span 3/2}.mail-row-status{grid-area:1/2/span 3/3;align-self:start;padding-top:2px}.mail-row-avatar{color:#1f5fbf;background:#edf4ff;border-radius:8px;grid-area:1/3/span 3/4;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.mail-message-row.unread .mail-row-avatar{color:#174ea6;background:#dbeafe}.mail-row-from{grid-column:4/5;font-weight:750}.mail-row-date{white-space:nowrap;grid-column:5/6;align-self:start}.mail-message-row strong{grid-column:4/6}.mail-row-preview{grid-column:4/6;line-height:1.35}.mail-message-list.compact .mail-message-row{grid-template-columns:22px 15px minmax(0,1fr) auto;min-height:56px}.mail-message-list.compact .mail-row-avatar{display:none}.mail-message-list.compact .mail-row-from,.mail-message-list.compact .mail-message-row strong{grid-column-start:3}.mail-empty,.mail-reader-empty{text-align:center;align-content:center;justify-items:center;gap:6px;min-height:240px;padding:32px;display:grid}.mail-empty strong,.mail-reader-empty strong{color:#25344b;font-size:16px}.mail-empty span,.mail-reader-empty span{color:#66758b;max-width:320px;font-size:13px;line-height:1.5}.mail-reader{overflow:hidden}.mail-reader-header{max-height:42vh;overflow:auto}.mail-address-line{flex-wrap:wrap;align-items:baseline}.mail-address-line em{color:#7d8aa0;font-size:12px;font-style:normal}.mail-reader-actions button:hover,.mail-toolbar button:hover,.mail-compose header button:hover,.mail-compose-line button:hover{background:#f4f8fd;border-color:#9fb3cf}.mail-reader-actions button:disabled:hover,.mail-toolbar button:disabled:hover{background:#fff;border-color:#cfd9e6}.mail-body-frame{min-height:0}.mail-mobile-only{display:none}.mail-compose{grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto}.mail-compose-line{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.mail-compose-line button{color:#25344b;cursor:pointer;background:#fff;border:1px solid #cfd9e6;border-radius:6px;padding:0 12px;font-size:12px;font-weight:850}.mail-compose-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mail-editor{background:#fff;border:1px solid #cfd9e6;border-radius:8px;grid-template-rows:auto minmax(0,1fr);min-height:220px;display:grid;overflow:hidden}.mail-editor-toolbar{background:#f8fafc;border-bottom:1px solid #e2e9f2;flex-wrap:wrap;align-items:center;gap:5px;padding:8px;display:flex}.mail-editor-toolbar button,.mail-editor-toolbar label{color:#25344b;cursor:pointer;background:#fff;border:1px solid #d2dce9;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.mail-editor-toolbar button:hover,.mail-editor-toolbar label:hover{background:#eef5ff;border-color:#9fb3cf}.mail-editor-toolbar span{background:#d7e0ec;width:1px;height:22px;margin:0 2px}.mail-editor-toolbar input[type=color]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mail-editor-body{color:#172033;outline:none;min-height:180px;max-height:55vh;padding:16px;font:14px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;overflow:auto}.mail-editor-body:empty:before{content:attr(data-placeholder);color:#8a98ab}.mail-editor-body p,.mail-editor-body h1,.mail-editor-body h2,.mail-editor-body blockquote,.mail-editor-body ul,.mail-editor-body ol{margin:0 0 12px}.mail-editor-body h1{font-size:24px;line-height:1.25}.mail-editor-body h2{font-size:19px;line-height:1.3}.mail-editor-body blockquote{color:#4d5f78;border-left:3px solid #b9c8da;padding-left:12px}.mail-editor-body a{color:#1f5fbf}.mail-toast{z-index:1400;color:#fff;background:#10213a;border:1px solid #bcd0ea;border-radius:8px;max-width:min(360px,100vw - 44px);padding:12px 14px;font-size:13px;font-weight:800;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 45px #10213a47}@media (max-width:1120px){.mail-shell{grid-template-columns:220px minmax(310px,410px) minmax(0,1fr)}}@media (max-width:900px){.mail-shell{grid-template-columns:86px minmax(0,1fr)}.mail-sidebar{padding:12px 8px}.mail-brand-panel,.mail-account,.mail-sidebar-footer,.mail-folder-heading,.mail-folders em,.mail-folders b{display:none}.mail-compose-button{min-width:0;padding:0}.mail-compose-button span{font-size:24px}.mail-folders button{grid-template-columns:1fr;justify-items:center;padding:9px 4px}.mail-folders button small{min-width:0;padding:2px 5px;font-size:10px}.mail-list-panel{min-width:0}.mail-reader{z-index:1300;display:none;position:fixed;inset:0}.mail-reader.open{display:flex}.mail-mobile-only{display:inline-flex}}@media (max-width:640px){.mail-shell{grid-template-columns:1fr;min-height:100vh}.mail-sidebar{border-right:0;grid-template-columns:auto 1fr;gap:8px;height:auto;min-height:0;padding:10px;display:grid}.mail-compose-button{min-height:40px;padding:0 12px}.mail-compose-button span{font-size:18px}.mail-folders{grid-column:1/-1;padding-bottom:2px;display:flex;overflow-x:auto}.mail-folders button{min-width:58px}.mail-list-panel{height:calc(100vh - 104px)}.mail-appbar{flex-direction:column;align-items:flex-start;min-height:auto}.mail-appbar h1{font-size:21px}.mail-appbar-stats{justify-content:flex-start}.mail-toolbar{padding:9px}.mail-toolbar-actions,.mail-toolbar-tools{flex-wrap:nowrap;overflow-x:auto}.mail-toolbar button,.mail-toolbar select{flex:none}.mail-search{min-width:100%}.mail-message-list{height:calc(100vh - 286px)}.mail-message-row{grid-template-columns:20px 12px minmax(0,1fr) auto;min-height:74px;padding:11px 12px}.mail-row-avatar{display:none}.mail-row-from,.mail-message-row strong,.mail-row-preview{grid-column-start:3}.mail-reader-header{flex-direction:column;max-height:48vh;padding:14px}.mail-reader-header h2{font-size:20px}.mail-reader-actions{justify-content:flex-start;max-width:none}.mail-body-frame{width:calc(100% - 20px);margin:10px}.mail-compose-overlay{align-items:stretch;padding:0}.mail-compose{border:0;border-radius:0;width:100%;max-height:100vh}.mail-compose header{border-radius:0}.mail-compose-grid{grid-template-columns:1fr}.mail-toast{bottom:12px;right:12px}}.mail-auth{border:1px solid var(--panel-border);border-radius:8px;min-height:min(640px,100vh - 220px)}.mail-shell{border:1px solid #d7e0ec;border-radius:8px;height:min(780px,100vh - 180px);min-height:640px;overflow:hidden;box-shadow:0 18px 50px #0f172a1f}.mail-sidebar,.mail-list-panel,.mail-reader{height:100%;min-height:0}.mail-compose-button,.mail-toolbar button,.mail-reader-actions button,.mail-sidebar-footer button,.mail-primary,.mail-compose header button,.mail-compose-line button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.mail-toolbar button svg,.mail-reader-actions button svg,.mail-compose-button svg,.mail-sidebar-footer button svg,.mail-primary svg{flex:none}.mail-folders button i svg{stroke-width:2.2px}.mail-attachments a{align-items:center;gap:6px;display:inline-flex}.mail-message-list{height:calc(100% - 137px)}.mail-reader-empty{min-height:100%}@media (max-width:900px){.mail-shell{height:min(760px,100vh - 160px)}}@media (max-width:640px){.mail-auth{border-radius:8px;min-height:calc(100vh - 190px)}.mail-shell{height:auto;min-height:calc(100vh - 180px);overflow:visible}.mail-sidebar,.mail-list-panel{height:auto}.mail-list-panel{min-height:620px}.mail-message-list{height:360px}html,body{max-width:100vw;overflow-x:hidden}.topbar{box-sizing:border-box;flex-wrap:wrap;width:100vw;max-width:100vw;height:auto;min-height:64px;padding:10px 16px;overflow:hidden}.brand{flex:none}.nav{flex:100%;min-width:0;max-width:100%;padding-bottom:2px;overflow-x:auto}.nav a{white-space:nowrap;flex:none;padding:7px 10px;font-size:12px}.nav a.cta{padding:7px 12px}.main{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}}.mail-shell,.mail-sidebar,.mail-list-panel,.mail-reader,.mail-toolbar,.mail-toolbar-actions,.mail-toolbar-tools,.mail-search{box-sizing:border-box;min-width:0;max-width:100%}@media (max-width:640px){.mail-shell{width:100%;max-width:100%;display:block;overflow:hidden}.mail-toolbar-actions,.mail-toolbar-tools,.mail-folders{overscroll-behavior-inline:contain;width:100%;max-width:100%;overflow-x:auto}.mail-sidebar,.mail-list-panel,.mail-appbar,.mail-toolbar,.mail-message-list,.mail-message-row{width:100%;max-width:100%}.mail-toolbar-actions select{flex:0 0 150px;max-width:150px}.mail-search input{min-width:0}.mail-search button{flex:none}}.webmail-route{background:#1d282c}.webmail-route .shell,.webmail-route .main{width:100vw;max-width:100vw;min-height:100vh;padding:0}.webmail-route .mail-auth{background:#1d282c;border:0;border-radius:0;width:100vw;min-height:100vh}.webmail-route .mail-login-card{color:#cbd7da;background:#243236;border-color:#4f6770}.webmail-route .mail-login-card h1,.webmail-route .mail-login-card .mail-brand-panel strong{color:#eef5f6}.webmail-route .mail-shell{color:#c8d2d5;width:100vw;max-width:100vw;height:100vh;min-height:620px;box-shadow:none;background:#1d282c;border:0;border-radius:0;grid-template-columns:88px 280px 380px minmax(0,1fr);display:grid}.mail-rail{background:#1a2529;border-right:1px solid #4f6770;grid-template-rows:88px repeat(4,86px) 1fr repeat(3,82px);height:100vh;display:grid}.mail-rail-logo{border-bottom:1px solid #4f6770;place-items:center;display:grid}.mail-rail-logo span{clip-path:polygon(50% 0,88% 21%,88% 72%,50% 100%,12% 72%,12% 21%);background:linear-gradient(150deg,#cfd6d8 0 35%,#3db0e8 36% 68%,#063f54 69%);width:58px;height:58px;display:block}.mail-rail button{color:#c7d2d5;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #4f67705c;align-content:center;place-items:center;gap:7px;font-size:13px;font-weight:800;display:grid}.mail-rail button.active,.mail-rail button:hover{color:#35bdf2;background:#35464b}.mail-rail button.danger{color:#ff5d5d}.mail-rail-spacer{min-height:20px}.webmail-route .mail-sidebar{background:#1d282c;border-right:1px solid #4f6770;gap:0;height:100vh;padding:0}.webmail-route .mail-brand-panel{border-bottom:1px solid #4f6770;min-height:88px;padding:18px}.webmail-route .mail-brand-mark{display:none}.webmail-route .mail-brand-panel strong{color:#d6e1e4;font-size:15px}.webmail-route .mail-brand-panel span{display:none}.webmail-route .mail-account{background:#1d282c;border:0;border-bottom:1px solid #4f6770;border-radius:0;order:-1;place-content:center;min-height:88px;padding:0 18px}.webmail-route .mail-account span{display:none}.webmail-route .mail-account strong{color:#d6e1e4;font-size:15px}.webmail-route .mail-folder-heading{display:none}.webmail-route .mail-folders{gap:0;display:grid}.webmail-route .mail-folders button{color:#cbd5d8;border-bottom:1px solid #4f67704d;border-radius:0;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;min-height:46px;padding:0 12px;display:grid}.webmail-route .mail-folders button.active{color:#37bdf2;background:#34464b;box-shadow:inset 4px 0 #35bdf2}.webmail-route .mail-folders button i{width:26px;height:26px;color:inherit;background:0 0}.webmail-route .mail-folders b{font-size:15px}.webmail-route .mail-folders em{display:none}.webmail-route .mail-folders small{color:#dfe9eb;background:#62787f;border-radius:7px;min-width:28px;padding:2px 8px}.webmail-route .mail-sidebar-footer{background:0 0;border-top:1px solid #4f6770;border-radius:0;margin-top:auto;padding:12px 18px}.webmail-route .mail-sidebar-footer button{display:none}.webmail-route .mail-list-panel{background:#1d282c;border-right:1px solid #4f6770;grid-template-rows:88px 46px 1fr 36px;height:100vh;display:grid;position:relative}.mail-action-popover{z-index:25;color:#d6e1e4;background:#141f24fa;border:1px solid #58717a;border-radius:10px;gap:8px;width:min(320px,100% - 20px);padding:12px;display:grid;position:absolute;top:136px;right:10px;box-shadow:0 18px 50px #00000059}.mail-action-popover div,.mail-action-popover label{color:#91a5aa;gap:4px;font-size:12px;font-weight:800;display:grid}.mail-action-popover strong{color:#f0f7f8;font-size:14px}.mail-action-popover button,.mail-action-popover select{color:#d6e1e4;background:#24343a;border:1px solid #4f6770;border-radius:7px;justify-content:flex-start;align-items:center;gap:8px;min-height:36px;padding:8px 10px;font-weight:800;display:inline-flex}.mail-action-popover button:hover{color:#35bdf2;border-color:#35bdf2}.webmail-route .mail-appbar{background:#1d282c;border-bottom:1px solid #4f6770;align-items:center;min-height:88px;padding:0 14px}.webmail-route .mail-appbar h1{color:#d6e1e4;font-size:16px}.webmail-route .mail-eyebrow,.webmail-route .mail-appbar-stats{display:none}.webmail-route .mail-toolbar{background:#1d282c;border-bottom:1px solid #4f6770;grid-template-columns:1fr auto;gap:0;min-height:46px;padding:0;display:grid}.webmail-route .mail-selection,.webmail-route .mail-toolbar-actions{display:none}.webmail-route .mail-toolbar-tools{grid-column:1/-1;grid-template-columns:1fr repeat(3,auto);align-items:stretch;gap:0;width:100%;display:grid}.webmail-route .mail-search{grid-template-columns:1fr auto auto;gap:0;display:grid}.webmail-route .mail-search input{color:#d6e1e4;background:0 0;border:0;border-radius:0;width:100%;min-height:45px;font-size:16px}.webmail-route .mail-search input::placeholder{color:#8ea3a9}.webmail-route .mail-toolbar button,.webmail-route .mail-toolbar select,.webmail-route .mail-reader-actions button,.webmail-route .mail-reader-actions select{color:#cbd5d8;background:0 0;border:0;border-left:1px solid #4f67708c;border-radius:0;min-height:45px;padding:0 12px;font-size:13px}.webmail-route .mail-toolbar button:hover,.webmail-route .mail-reader-actions button:hover{color:#35bdf2;background:#34464b}.webmail-route .mail-progress{z-index:2;background:0 0;width:380px;position:absolute}.webmail-route .mail-message-list{background:#1d282c;height:auto;min-height:0}.webmail-route .mail-message-row{color:#cbd5d8;background:#1d282c;border-bottom:1px solid #4f677057;border-left:0;grid-template-columns:14px minmax(0,1fr) auto;gap:4px 8px;min-height:68px;padding:9px 12px 9px 20px}.webmail-route .mail-message-row:hover,.webmail-route .mail-message-row.active{background:#26363a}.webmail-route .mail-row-check,.webmail-route .mail-row-avatar{display:none}.webmail-route .mail-row-status{color:#c6d4d7;grid-area:2/1/3/2;padding:0}.webmail-route .mail-message-row.unread .mail-row-status{color:#d1a424}.webmail-route .mail-row-from{color:#93a9ae;grid-column:2/3;font-size:13px}.webmail-route .mail-row-date{color:#93a9ae;grid-column:3/4;font-size:13px}.webmail-route .mail-message-row strong{color:#d4dde0;grid-column:2/4;font-size:14px}.webmail-route .mail-row-preview{color:#82989e;grid-column:2/4;font-size:12px}.webmail-route .mail-empty{color:#91a5aa}.webmail-route .mail-list-panel:after{content:"Messages 1 to 50";color:#c5d0d3;border-top:1px solid #4f6770;justify-content:center;align-items:center;min-height:36px;font-size:13px;font-weight:800;display:flex}.webmail-route .mail-reader{background:#1d282c;height:100vh}.webmail-route .mail-reader-header{min-height:88px;max-height:220px;box-shadow:none;background:#1d282c;border-bottom:1px solid #4f6770;align-items:center;padding:0 16px}.webmail-route .mail-reader-header h2{color:#d6e1e4;font-size:18px}.webmail-route .mail-address-line,.webmail-route .mail-address-line span,.webmail-route .mail-address-line strong,.webmail-route .mail-address-line em{color:#93a9ae}.webmail-route .mail-reader-actions{max-width:none}.webmail-route .mail-reader-empty{color:#8fa2a8;background:radial-gradient(circle at 55% 45%,#59707699 0 80px,#0000 81px),linear-gradient(150deg,#0000 0 42%,#021014b3 43% 56%,#0000 57%),#1d282c;min-height:100%}.webmail-route .mail-reader-empty strong,.webmail-route .mail-reader-empty span{color:#0000}.webmail-route .mail-body-frame{width:100%;box-shadow:none;border:0;border-radius:0;margin:0}.webmail-route .mail-attachments{background:#1d282c;border-bottom-color:#4f6770}.webmail-route .mail-compose-overlay{z-index:1350;-webkit-backdrop-filter:none;backdrop-filter:none;background:#1d282c;grid-template-columns:88px minmax(0,1fr);place-items:stretch stretch;padding:0;display:grid;position:fixed;inset:0}.webmail-route .mail-compose-overlay:before{content:"";background:linear-gradient(#1a2529,#1a2529),#1a2529;border-right:1px solid #4f6770}.webmail-route .mail-compose{color:#cbd5d8;width:100%;height:100vh;max-height:none;box-shadow:none;background:#1d282c;border:0;border-radius:0;grid-template-rows:88px auto auto auto minmax(0,1fr) auto;grid-template-columns:minmax(520px,1fr) 360px;gap:0;padding:0 20px 18px;display:grid;overflow:hidden}.webmail-route .mail-compose header{background:#1d282c;border-bottom:1px solid #4f6770;border-radius:0;grid-column:1/-1;grid-template-columns:minmax(0,1fr) 360px auto;align-items:center;min-height:88px;margin:0 -20px 14px;padding:0 20px;display:grid}.mail-compose-top-actions{justify-content:center;gap:22px;display:flex}.webmail-route .mail-compose header button,.webmail-route .mail-compose-top-actions button{color:#cbd5d8;background:0 0;border:0;place-items:center;gap:5px;min-width:54px;font-size:13px;font-weight:800;display:grid}.webmail-route .mail-compose header button:hover,.webmail-route .mail-compose-top-actions button:hover{color:#35bdf2}.mail-compose-title{color:#d6e1e4;justify-self:center;font-weight:900}.webmail-route .mail-compose-from,.webmail-route .mail-compose-line{grid-column:1/2;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:0;margin:0;display:grid}.webmail-route .mail-compose-from span,.webmail-route .mail-compose-line>span{color:#cbd5d8;font-weight:800}.webmail-route .mail-compose-grid,.webmail-route .mail-compose-subject,.webmail-route .mail-editor,.webmail-route .mail-compose footer{grid-column:1/2}.webmail-route .mail-compose-grid{grid-template-columns:1fr 1fr;gap:8px;margin-left:170px}.webmail-route .mail-compose input,.webmail-route .mail-compose select{color:#d6e1e4;background:#1d282c;border:1px solid #5c737b;border-radius:4px;min-height:44px}.webmail-route .mail-compose-subject{width:calc(100% - 170px);margin-left:170px}.webmail-route .mail-compose-line button{color:#d6e1e4;background:#2f4045;border:1px solid #5c737b;border-left:0;border-radius:0 4px 4px 0;height:44px}.webmail-route .mail-editor{background:#fff;border:1px solid #5c737b;border-radius:4px;grid-template-rows:44px minmax(0,1fr);min-height:0;margin-top:10px}.webmail-route .mail-editor-toolbar{background:#34464b;border-bottom:1px solid #b7c6cb;flex-wrap:nowrap;gap:0;padding:0;overflow-x:auto}.webmail-route .mail-editor-toolbar button,.webmail-route .mail-editor-toolbar label,.webmail-route .mail-editor-toolbar select{color:#d0dbde;background:0 0;border:0;border-right:1px solid #5c737b;border-radius:0;width:44px;height:43px}.webmail-route .mail-editor-toolbar select{width:auto;min-width:78px;padding:0 10px;font-size:13px}.webmail-route .mail-editor-toolbar span{display:none}.webmail-route .mail-editor-body{color:#111827;background:#fff;min-height:0;max-height:none;padding:18px;font-family:Verdana,Geneva,sans-serif;font-size:14px}.webmail-route .mail-compose-tools{background:#1d282c;border:0;border-left:1px solid #4f6770;border-radius:0;grid-area:2/2/7/3;align-content:start;align-self:stretch;gap:18px;margin:-14px -20px -18px 24px;padding:28px 22px;display:grid}.webmail-route .mail-compose-tools>strong{color:#d6e1e4;text-align:center}.webmail-route .mail-compose-tools label:first-of-type{color:#9fb2b7;border:2px dashed #4f6770;place-items:center;gap:12px;min-height:220px;padding:20px;display:grid}.webmail-route .mail-compose-tools label:first-of-type input{display:none}.mail-attach-drop{color:#eef5f6;background:#536a72;border:1px solid #78909a;border-radius:4px;align-items:center;gap:8px;padding:10px 14px;font-weight:900;display:inline-flex}.mail-compose-option{color:#cbd5d8;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;font-weight:800;display:grid}.mail-compose-option input{accent-color:#35bdf2;width:36px;height:18px}.mail-compose-select{color:#cbd5d8;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:12px;font-weight:800;display:grid}.webmail-route .mail-compose-files span{color:#d6e1e4;background:#34464b}.webmail-route .mail-compose footer{justify-content:space-between;align-items:center;padding-top:14px;display:flex}.webmail-route .mail-compose footer span{color:#9fb2b7}.webmail-route .mail-primary{color:#fff;background:#0589bd;border:1px solid #35bdf2;border-radius:4px;min-height:48px;padding:0 18px}.mail-utility-panel{z-index:15;color:#d6e1e4;background:radial-gradient(circle at 100% 0,#35bdf221,#0000 340px),linear-gradient(135deg,#24343afa,#172227fa);border-left:1px solid #4f6770;grid-area:1/3/auto/-1;min-width:0;height:100vh;padding:34px;overflow:auto}.mail-utility-panel header{max-width:720px;margin-bottom:24px}.mail-utility-panel h2{color:#f4fafb;margin:4px 0 8px;font-size:34px}.mail-utility-panel p{color:#95abb1;margin:0}.mail-contact-grid,.mail-settings-grid,.mail-status-grid{gap:12px;display:grid}.mail-contact-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.mail-contact-grid button{color:#d6e1e4;text-align:left;background:#121c21c7;border:1px solid #4f6770;border-radius:10px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:4px 12px;min-height:92px;padding:14px;display:grid}.mail-contact-grid button:hover{background:#15313bd9;border-color:#35bdf2}.mail-contact-grid button>span{color:#fff;background:#0b87bd;border-radius:10px;grid-row:1/span 3;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.mail-contact-grid strong,.mail-contact-grid em,.mail-contact-grid small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mail-contact-grid em,.mail-contact-grid small{color:#9fb2b7;font-style:normal}.mail-settings-grid{max-width:620px}.mail-settings-grid label,.mail-settings-grid button{color:#d6e1e4;background:#121c21c7;border:1px solid #4f6770;border-radius:10px;gap:7px;padding:14px;font-weight:900;display:grid}.mail-settings-grid button{justify-content:flex-start;align-items:center;gap:9px;display:inline-flex}.mail-settings-grid select{color:#d6e1e4;background:#1d282c;border:1px solid #5c737b;border-radius:7px;min-height:40px;padding:0 10px}.mail-status-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.mail-status-grid div{background:#121c21c7;border:1px solid #4f6770;border-radius:10px;gap:4px;padding:18px;display:grid}.mail-status-grid strong{color:#35bdf2;font-size:34px}.mail-status-grid span{color:#9fb2b7;font-weight:800}.webmail-light{background:#edf4f7}.webmail-light .mail-shell,.webmail-light .mail-sidebar,.webmail-light .mail-list-panel,.webmail-light .mail-reader,.webmail-light .mail-reader-header,.webmail-light .mail-compose,.webmail-light .mail-compose header,.webmail-light .mail-compose-overlay,.webmail-light .mail-compose-tools{color:#1d2d35;background:#edf4f7}.webmail-light .mail-rail,.webmail-light .mail-compose-overlay:before{background:#dbe8ee}.webmail-light .mail-rail button,.webmail-light .mail-folders button,.webmail-light .mail-account strong,.webmail-light .mail-brand-panel strong,.webmail-light .mail-appbar h1,.webmail-light .mail-reader-header h2,.webmail-light .mail-compose header button,.webmail-light .mail-compose-top-actions button,.webmail-light .mail-compose-title,.webmail-light .mail-compose-from span,.webmail-light .mail-compose-line>span,.webmail-light .mail-compose-tools>strong,.webmail-light .mail-compose-option,.webmail-light .mail-compose-select{color:#23333a}.webmail-light .mail-folders button.active,.webmail-light .mail-rail button.active,.webmail-light .mail-rail button:hover{color:#0077a8;background:#cdeeff}.webmail-light .mail-nav-buttons button{color:#4a6a7a}.webmail-light .mail-nav-buttons button:hover{color:#1d2d35;background:#0000000a}.webmail-light .mail-nav-buttons button.active{color:#0077a8;background:#cdeeff}.webmail-light .mail-message-list,.webmail-light .mail-message-row{color:#263941;background:#f7fbfd}.webmail-light .mail-message-row:hover,.webmail-light .mail-message-row.active{background:#e5f5fc}.webmail-light .mail-row-from,.webmail-light .mail-row-date,.webmail-light .mail-row-preview,.webmail-light .mail-address-line,.webmail-light .mail-address-line span,.webmail-light .mail-address-line strong,.webmail-light .mail-address-line em,.webmail-light .mail-utility-panel p{color:#61747c}.webmail-light .mail-message-row strong,.webmail-light .mail-utility-panel h2{color:#17272f}.webmail-light .mail-toolbar,.webmail-light .mail-search input,.webmail-light .mail-toolbar button,.webmail-light .mail-reader-actions button,.webmail-light .mail-reader-actions select,.webmail-light .mail-compose input,.webmail-light .mail-compose select,.webmail-light .mail-compose-line button,.webmail-light .mail-settings-grid select{color:#1d2d35;background:#f7fbfd}.webmail-light .mail-toolbar button,.webmail-light .mail-reader-actions button{color:#61747c;background:0 0}.webmail-light .mail-toolbar button:hover,.webmail-light .mail-reader-actions button:hover{color:#1d2d35;background:#e5f5fc}.webmail-light .mail-toolbar-divider{background:#d0dce4}.webmail-light .mail-folders button svg{opacity:.7}.webmail-light .mail-folders button:hover svg{opacity:.9}.webmail-light .mail-folders button.active svg{opacity:1;color:var(--accent-light)}.webmail-light .mail-search button{color:#61747c;background:0 0}.webmail-light .mail-search button:hover{color:#1d2d35;background:#e5f5fc}.webmail-light .mail-action-popover,.webmail-light .mail-utility-panel,.webmail-light .mail-contact-grid button,.webmail-light .mail-settings-grid label,.webmail-light .mail-settings-grid button,.webmail-light .mail-status-grid div{color:#1d2d35;background:#f7fbfdfa}.webmail-light .mail-action-popover strong,.webmail-light .mail-contact-grid button,.webmail-light .mail-settings-grid label,.webmail-light .mail-settings-grid button{color:#1d2d35}@media (max-width:1180px){.webmail-route .mail-shell{grid-template-columns:76px 230px 340px minmax(0,1fr)}.webmail-route .mail-compose{grid-template-columns:minmax(0,1fr) 310px}}@media (max-width:860px){.webmail-route .mail-shell{grid-template-columns:72px minmax(0,1fr)}.webmail-route .mail-sidebar{display:none}.webmail-route .mail-reader{z-index:1300;display:none;position:fixed;inset:0}.webmail-route .mail-reader.open{display:flex}.webmail-route .mail-compose-overlay{grid-template-columns:72px minmax(0,1fr)}.webmail-route .mail-compose{grid-template-columns:1fr;overflow:auto}.webmail-route .mail-compose-tools{border-top:1px solid #4f6770;border-left:0;grid-area:auto/1/auto/2;margin:16px 0 0}}.mail-route .mail-auth{background:0 0;place-items:center;min-height:min(640px,100vh - 180px);padding:40px 24px;display:grid}.mail-route .mail-login-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;gap:18px;width:min(100%,420px);padding:28px;display:grid;box-shadow:0 18px 50px #22304a1f}.mail-route .mail-login-card h1{color:var(--ink);margin:0 0 8px;font-size:28px}.mail-route .mail-login-card p,.mail-route .mail-toolbar p,.mail-route .mail-reader-header p{color:var(--ink-soft);margin:0}.mail-route .mail-shell{background:var(--bg);border:1px solid var(--panel-border);border-radius:12px;grid-template-columns:270px minmax(380px,500px) minmax(0,1fr);min-height:calc(100vh - 180px);font-size:14px;display:grid;overflow:hidden;box-shadow:0 18px 50px #0f172a1f}.mail-route .mail-sidebar,.mail-route .mail-list-panel,.mail-route .mail-reader{height:100%;min-height:0}.mail-route .mail-sidebar{background:var(--bg2);border-right:1px solid var(--panel-border);gap:14px;padding:16px 14px}.mail-route .mail-list-panel{border-right:1px solid var(--panel-border);background:var(--bg)}.mail-route .mail-reader{background:var(--bg)}.mail-route .mail-message-list{height:calc(100% - 137px)}.mail-route .mail-reader-empty{min-height:100%}.mail-route .mail-toolbar{background:var(--bg2);border-bottom:1px solid var(--panel-border);align-items:center;gap:4px;min-height:48px;padding:6px 12px;display:flex}.mail-route .mail-toolbar button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:inline-flex}.mail-route .mail-toolbar button:hover{color:var(--ink);background:#ffffff14}.mail-route .mail-toolbar button:active{background:#ffffff1f}.mail-route .mail-toolbar-divider{background:var(--line);flex:none;width:1px;height:20px;margin:0 2px}.mail-route .mail-toolbar-actions{align-items:center;gap:2px;display:flex}.mail-route .mail-toolbar-actions select{border:1px solid var(--panel-border);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:6px;max-width:110px;min-height:28px;padding:2px 6px;font-size:12px;transition:all .15s}.mail-route .mail-toolbar-actions select:hover{border-color:var(--ink-soft);color:var(--ink)}.mail-route .mail-toolbar-tools{align-items:center;gap:2px;margin-left:auto;display:flex}.mail-route .mail-message-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:28px 28px 1fr auto;align-items:center;gap:4px 8px;padding:10px 12px;transition:background .1s;display:grid}.mail-route .mail-message-row:hover{background:#ffffff0a}.mail-route .mail-message-row.selected{border-left:3px solid var(--accent);background:#3b82f614}.mail-route .mail-message-row .mail-row-check{grid-column:1/2;align-items:center;display:flex}.mail-route .mail-message-row .mail-row-status{color:var(--ink-soft);grid-column:2/3;justify-content:center;align-items:center;font-size:13px;display:flex}.mail-route .mail-message-row.unread .mail-row-status{color:var(--accent-light)}.mail-route .mail-message-sender{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;grid-column:3/4;font-size:14px;font-weight:600;overflow:hidden}.mail-route .mail-message-subject{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;grid-column:3/4;font-size:13px;overflow:hidden}.mail-route .mail-message-date{color:var(--ink-soft);white-space:nowrap;text-align:right;grid-column:4/5;font-size:12px}.mail-route .mail-reader-header{background:var(--bg2);border-bottom:1px solid var(--panel-border);padding:14px 18px}.mail-route .mail-reader-header h2{color:var(--ink);margin:0 0 4px;font-size:18px}.mail-route .mail-reader-body{color:var(--ink);padding:20px;font-size:14px;line-height:1.6}.mail-route .mail-reader-actions{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.mail-route .mail-reader-actions button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:inline-flex}.mail-route .mail-reader-actions button:hover{color:var(--ink);background:#ffffff14}.mail-route .mail-reader-actions button:active{background:#ffffff1f}.mail-route .mail-reader-actions .mail-danger:hover{color:#f87171}.mail-route .mail-reader-actions select{border:1px solid var(--panel-border);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:6px;min-height:28px;padding:4px 8px;font-size:12px}.mail-route .mail-folders button{color:var(--ink-soft);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 12px;font-size:14px;transition:all .1s;display:flex}.mail-route .mail-folders button svg{opacity:.6;flex:none}.mail-route .mail-folders button:hover{color:var(--ink);background:#ffffff0d}.mail-route .mail-folders button:hover svg{opacity:.9}.mail-route .mail-folders button.active{color:var(--accent-light);background:#3b82f61f;font-weight:600}.mail-route .mail-folders button.active svg{opacity:1;color:var(--accent-light)}.mail-route .mail-brand-panel{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px;display:flex}.mail-route .mail-brand-mark{background:linear-gradient(135deg, var(--accent-light), #818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-color:var(--bg2);font-size:17px;font-weight:800}.mail-route .mail-account{border-bottom:1px solid var(--line);color:var(--ink-soft);padding:10px 14px;font-size:12px;line-height:1.4}.mail-route .mail-account strong{color:var(--ink);font-size:13px;font-weight:600;display:block}.mail-route .mail-folder-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);padding:10px 14px 4px;font-size:11px;font-weight:700}.mail-route .mail-sidebar-footer{border-top:1px solid var(--line);margin-top:auto;padding:12px 14px}.mail-route .mail-nav-buttons{gap:2px;margin-bottom:10px;display:grid}.mail-route .mail-nav-buttons button{width:100%;color:var(--ink-soft);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;font-weight:500;transition:all .1s;display:flex}.mail-route .mail-nav-buttons button:hover{color:var(--ink);background:#ffffff0d}.mail-route .mail-nav-buttons button.active{color:var(--ink);background:#ffffff14;font-weight:600}.mail-route .mail-nav-buttons button svg{opacity:.6;flex:none}.mail-route .mail-nav-buttons button:hover svg,.mail-route .mail-nav-buttons button.active svg{opacity:1}.mail-route .mail-compose-button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;margin-bottom:4px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .1s;display:flex}.mail-route .mail-compose-button:hover{color:var(--ink);background:#ffffff0d}.mail-route .mail-compose-button svg{opacity:.7;flex:none}.mail-route .mail-compose-button:hover svg{opacity:1}.mail-route .mail-selection{color:var(--ink-soft);white-space:nowrap;font-size:13px}.mail-route .mail-selection input[type=checkbox]{accent-color:var(--accent)}.mail-route .mail-progress{background:linear-gradient(90deg, var(--accent), #818cf8, var(--accent));background-size:200% 100%;height:2px;animation:1.5s infinite mail-progress}.mail-route .mail-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:15px;font-weight:600;transition:background .15s}.mail-route .mail-primary:hover{background:var(--accent-dark)}.mail-route .mail-error{color:#fca5a5;background:#f871711f;border:1px solid #f8717140;border-radius:8px;padding:10px 14px;font-size:13px}.mail-route .mail-forgot-link{color:var(--accent-light);font-size:13px;text-decoration:none}.mail-route .mail-forgot-link:hover{text-decoration:underline}.mail-route .mail-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-light);margin-bottom:8px;font-size:12px;font-weight:700}.mail-route .mail-attachments{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:12px 20px;display:flex}.mail-route .mail-attachments a{color:var(--accent-light);font-size:13px;text-decoration:none}.mail-route .mail-search{align-items:center;gap:0;display:flex}.mail-route .mail-search input{background:var(--bg2);border:1px solid var(--panel-border);color:var(--ink);box-sizing:border-box;border-radius:6px;width:120px;padding:4px 8px;font-size:12px;transition:all .15s}.mail-route .mail-search input::placeholder{color:var(--ink-soft);opacity:.6}.mail-route .mail-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none;width:150px}.mail-route .mail-search button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin-left:2px;padding:0;transition:all .15s;display:inline-flex}.mail-route .mail-search button:hover{color:var(--ink);background:#ffffff14}.mail-route .mail-compose{background:var(--bg);border:1px solid var(--panel-border);border-radius:12px;overflow:hidden}.mail-route .mail-compose header,.mail-route .mail-compose footer{background:var(--bg2);border-bottom:1px solid var(--panel-border);padding:12px 16px}.mail-route .mail-compose footer{border-bottom:none;border-top:1px solid var(--panel-border)}@media (max-width:1120px){.mail-route .mail-shell{grid-template-columns:230px minmax(330px,430px) minmax(0,1fr)}}@media (max-width:900px){.mail-route .mail-shell{grid-template-columns:86px minmax(0,1fr)}.mail-route .mail-sidebar{display:none}.mail-route .mail-reader{z-index:1300;display:none;position:fixed;inset:0}.mail-route .mail-reader.open{display:flex}}@media (max-width:640px){.mail-route .mail-auth{border-radius:8px;min-height:calc(100vh - 190px)}.mail-route .mail-shell{height:auto;min-height:calc(100vh - 180px);display:block;overflow:visible}}.toolbar-btn{width:28px;height:28px;color:var(--ink-soft,#8ba4ab);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.toolbar-btn:hover{color:var(--ink,#c8d2d5);background:#00000014}.toolbar-btn:active{background:#00000024}.toolbar-divider{background:var(--panel-border,#3d535b);flex-shrink:0;width:1px;height:18px;margin:0 3px;display:inline-block}