/* MailForge — self-contained dark admin UI */
:root{--bg:#090b0f;--surface:#0f1218;--surface-2:#141820;--surface-3:#1a1f29;--line:rgba(204,224,255,.13);--line-strong:rgba(214,235,253,.22);--text:#f3f5f7;--muted:#8d96a5;--muted-2:#626b78;--accent:#a7ff62;--accent-soft:rgba(167,255,98,.11);--blue:#60a5fa;--violet:#a78bfa;--green:#4ade80;--amber:#fbbf24;--red:#fb7185;--radius:14px;--radius-sm:9px;--sidebar:248px;--topbar:64px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;min-width:320px}button,input,select,textarea{font:inherit;color:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{display:block}::selection{background:rgba(167,255,98,.24)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;padding:8px 12px;background:var(--accent);color:#071005;z-index:1000;transform:translateY(-150%);border-radius:8px;font-weight:700}.skip-link:focus{transform:none}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:22px 14px 16px;border-right:1px solid var(--line);background:#0b0e13;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;height:38px;font-size:17px;font-weight:700;letter-spacing:-.45px}.brand>span:last-child>span{color:var(--accent)}.brand-mark{width:27px;height:27px;position:relative;display:inline-flex;align-items:center;gap:2px;justify-content:center;transform:skewX(-9deg)}.brand-mark i{display:block;width:4px;border-radius:4px;background:var(--accent)}.brand-mark i:nth-child(1){height:11px;opacity:.55}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:14px;opacity:.8}.nav-list{display:flex;flex-direction:column;gap:3px;margin-top:30px}.nav-item{height:42px;padding:0 12px;border-radius:9px;display:flex;align-items:center;gap:11px;color:var(--muted);font-weight:520;transition:.15s ease}.nav-item:hover{color:var(--text);background:rgba(255,255,255,.035)}.nav-item.is-active{color:var(--text);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line)}.nav-item.is-active .icon{color:var(--accent)}.nav-item b{margin-left:auto;background:var(--accent);color:#0a1205;border-radius:99px;min-width:19px;height:19px;display:grid;place-items:center;font-size:10px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:16px 6px 0;display:flex;align-items:center;gap:8px}.account-chip{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.account-chip>span:last-child{display:flex;flex-direction:column;min-width:0}.account-chip strong,.account-chip small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-chip strong{font-size:12px}.account-chip small{font-size:10px;color:var(--muted)}.avatar,.sender-avatar{width:32px;height:32px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#283040,#171c25);border:1px solid var(--line-strong);font-weight:700;color:#cbd5e1}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;background:transparent;border-radius:8px;color:var(--muted)}.icon-button:hover{background:var(--surface-3);border-color:var(--line);color:var(--text)}.icon-button--danger:hover{color:var(--red);background:rgba(251,113,133,.08)}
.app-content{margin-left:var(--sidebar);min-height:100vh}.topbar{height:var(--topbar);position:sticky;top:0;z-index:30;padding:0 32px;display:flex;align-items:center;background:rgba(9,11,15,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar-title{font-size:13px;font-weight:600;color:#d6dbe2}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.main-content{width:min(100%,1440px);padding:38px 40px 60px}.mobile-menu{display:none}.mobile-backdrop{display:none}.loading-bar{position:fixed;z-index:100;top:0;left:0;width:0;height:2px;background:var(--accent);box-shadow:0 0 12px var(--accent);opacity:0;transition:width .3s,opacity .3s}.is-loading-page .loading-bar{width:72%;opacity:1}
.button{min-height:38px;padding:0 15px;border-radius:9px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:13px;transition:.15s ease;white-space:nowrap}.button--small{min-height:34px;padding:0 12px;font-size:12px}.button--primary{background:var(--accent);color:#0b1307;border-color:var(--accent);box-shadow:0 0 22px rgba(167,255,98,.09)}.button--primary:hover{background:#b8ff80;transform:translateY(-1px)}.button--secondary{background:var(--surface-2);border-color:var(--line-strong);color:#e7e9ed}.button--secondary:hover{background:var(--surface-3);border-color:rgba(214,235,253,.32)}.button--danger{background:rgba(251,113,133,.1);border-color:rgba(251,113,133,.25);color:#fda4af}.button--wide{width:100%;height:44px}.button.is-disabled{opacity:.4;pointer-events:none}.text-link{display:inline-flex;align-items:center;gap:2px;color:#c4cbd4;font-size:12px;font-weight:600}.text-link:hover{color:var(--accent)}.spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:none;animation:spin .7s linear infinite}.is-submitting .spinner{display:block}.is-submitting .button>span:not(.spinner){opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}
.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.page-header h1{font-size:32px;line-height:1.12;letter-spacing:-1.2px;margin:8px 0 7px}.page-header p{margin:0;color:var(--muted);font-size:14px}.page-header--compact{margin-bottom:22px}.eyebrow,.overline{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.eyebrow{display:flex;align-items:center;gap:7px}.eyebrow i{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 9px var(--accent)}.last-updated{font-size:11px;color:var(--muted-2)}.panel,.table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel-header{min-height:70px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-header h2,.panel-header p{margin:0}.panel-header h2{font-size:14px;letter-spacing:-.2px}.panel-header p{font-size:11px;color:var(--muted);margin-top:3px}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{min-height:126px;padding:20px;background:linear-gradient(145deg,var(--surface),#0d1016);border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:14px}.stat-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.stat-icon--blue{color:var(--blue);background:rgba(96,165,250,.1)}.stat-icon--violet{color:var(--violet);background:rgba(167,139,250,.1)}.stat-icon--green{color:var(--green);background:rgba(74,222,128,.1)}.stat-icon--amber{color:var(--amber);background:rgba(251,191,36,.1)}.stat-card>div{display:flex;flex-direction:column}.stat-card small{color:var(--muted);font-size:11px}.stat-card strong{font-size:27px;line-height:1.2;letter-spacing:-1px;margin:4px 0}.stat-card p{font-size:10px;color:var(--muted);margin:auto 0 0}.good{width:5px;height:5px;background:var(--green);display:inline-block;border-radius:50%;margin-right:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:16px}.message-list{padding:6px}.message-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px}.message-row:hover{background:var(--surface-2)}.message-row.is-unread .message-copy strong{color:var(--text)}.message-copy{display:flex;flex-direction:column;min-width:0;flex:1}.message-copy strong,.message-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-copy strong{font-size:12px;color:#c4cbd4}.message-copy span{font-size:11px;color:var(--muted)}.message-meta{font-size:10px;color:var(--muted-2);display:flex;align-items:center;gap:7px}.message-meta i,.unread-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px rgba(167,255,98,.5)}.domain-health-list{padding:6px}.domain-health-list>a{padding:11px 12px;display:flex;align-items:center;gap:10px;border-radius:9px}.domain-health-list>a:hover{background:var(--surface-2)}.domain-health-list>a>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.domain-health-list strong{font-size:12px}.domain-health-list small{font-size:10px;color:var(--muted)}.domain-icon,.resource-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-weight:700}.system-strip{min-height:66px;margin-top:16px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.system-strip>div{display:flex;align-items:center;gap:11px}.system-strip>div>span:last-child{display:flex;flex-direction:column}.system-strip strong{font-size:12px}.system-strip small{color:var(--muted);font-size:10px}.pulse-dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(74,222,128,.08),0 0 14px rgba(74,222,128,.3)}
.status{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:4px 8px;border-radius:99px;font-size:9px;line-height:1;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status--success{color:var(--green);background:rgba(74,222,128,.08)}.status--warning{color:var(--amber);background:rgba(251,191,36,.08)}.status--danger{color:var(--red);background:rgba(251,113,133,.08)}.status--neutral{color:#aab2be;background:rgba(170,178,190,.08)}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.resource-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:19px}.resource-card>header{display:flex;align-items:center;gap:11px}.resource-card>header>div:nth-child(2){flex:1}.resource-card h2,.resource-card p{margin:0}.resource-card h2{font-size:14px}.resource-card p{font-size:10px;color:var(--muted);margin-top:2px}.resource-stats{display:grid;grid-template-columns:1fr 1fr;margin:18px 0;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.resource-stats div{padding:0 10px}.resource-stats div+div{border-left:1px solid var(--line)}.resource-stats dt{font-size:10px;color:var(--muted)}.resource-stats dd{font-size:14px;font-weight:650;margin:3px 0 0}.resource-card>footer{display:flex;align-items:center;gap:5px;margin-top:16px}.resource-card>footer>.button{margin-right:auto}.dns-progress{margin-top:14px}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:7px}.progress-label b{color:var(--text)}.progress-track{height:5px;border-radius:99px;background:#20252e;overflow:hidden}.progress-track i{height:100%;display:block;background:linear-gradient(90deg,#72c93c,var(--accent));border-radius:inherit;transition:width .5s}.dns-progress>p{margin-top:7px;font-size:9px}
.toolbar,.inbox-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:13px}.search-input{height:38px;display:flex;align-items:center;gap:8px;min-width:240px;flex:1;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:0 11px;color:var(--muted)}.search-input:focus-within{border-color:var(--line-strong)}.search-input input{width:100%;border:0;background:transparent;outline:0}.toolbar select,.inbox-toolbar select,.field select,.field input,.date-field input{height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:0 11px;outline:0}.toolbar select:focus,.field input:focus,.field select:focus,.date-field input:focus{border-color:rgba(167,255,98,.5);box-shadow:0 0 0 3px var(--accent-soft)}.date-field{height:38px;display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding-left:10px;color:var(--muted);font-size:10px}.date-field input{border:0;height:36px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line)}th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:650;background:rgba(255,255,255,.012)}td{font-size:12px;color:#bdc4ce}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(255,255,255,.015)}.identity-cell{display:flex;align-items:center;gap:10px}.identity-cell>span:last-child{display:flex;flex-direction:column}.identity-cell strong{color:var(--text)}.identity-cell small{color:var(--muted);font-size:10px}.row-actions{display:flex;justify-content:flex-end;gap:2px}.row-actions form{display:flex}.role-tag,.you-tag{font-style:normal;border:1px solid var(--line);background:var(--surface-2);border-radius:6px;padding:3px 7px;font-size:9px}.you-tag{margin-left:6px;color:var(--accent);border-color:rgba(167,255,98,.2)}.log-table td:nth-child(2) strong,.log-table td:nth-child(2) small{display:block}.log-table td:nth-child(2) small{color:var(--muted);font-size:10px;margin-top:2px}.mono,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}.pagination span{font-size:10px;color:var(--muted)}
.empty-state{min-height:270px;border:1px dashed var(--line-strong);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:var(--muted)}.empty-state>.icon{color:var(--accent);margin-bottom:12px}.empty-state h3{font-size:14px;color:var(--text);margin:0 0 5px}.empty-state p{max-width:360px;margin:0 0 16px;font-size:11px}.panel .empty-state{border:0;min-height:210px}.modal{width:min(480px,calc(100% - 28px));padding:0;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.55)}.modal::backdrop{background:rgba(2,4,7,.76);backdrop-filter:blur(4px)}.modal form{padding:22px}.modal header{display:flex;align-items:flex-start;justify-content:space-between}.modal h2{margin:5px 0 0;font-size:20px;letter-spacing:-.5px}.modal form>p{font-size:12px;color:var(--muted);margin:10px 0 20px}.modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.field{display:flex;flex-direction:column;gap:7px;margin-top:14px}.field>span{font-size:11px;font-weight:600;color:#d4d8de}.field>span small{color:var(--muted);font-weight:400}.field>small{font-size:9px;color:var(--muted)}.field input,.field select{width:100%;background:#0b0e13}.input-prefix{display:flex;height:39px;border:1px solid var(--line);border-radius:9px;background:#0b0e13;overflow:hidden}.input-prefix>span{display:flex;align-items:center;padding:0 10px;background:var(--surface-2);border-right:1px solid var(--line);font-size:11px;color:var(--muted)}.input-prefix input{border:0;border-radius:0}.address-builder{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:9px}.address-builder>span{padding-bottom:9px;color:var(--muted)}
.inbox-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.mailbox-filter{padding:15px 8px;align-self:start}.mailbox-filter h2{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 10px 9px}.mailbox-filter nav{display:flex;flex-direction:column;gap:2px}.mailbox-filter nav>a{min-height:40px;border-radius:8px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.mailbox-filter nav>a:hover,.mailbox-filter nav>a.is-active{background:var(--surface-2);color:var(--text)}.mailbox-filter nav>a.is-active{box-shadow:inset 2px 0 var(--accent)}.mailbox-filter nav>a>span{display:flex;align-items:center;gap:8px;min-width:0}.mailbox-filter nav>a>span>span{display:flex;flex-direction:column;min-width:0}.mailbox-filter small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailbox-filter b{font-size:9px}.mailbox-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}.inbox-panel{overflow:hidden}.inbox-toolbar{padding:12px;margin:0;border-bottom:1px solid var(--line)}.inbox-message{position:relative;display:grid;grid-template-columns:32px minmax(120px,.65fr) minmax(180px,1.4fr) minmax(100px,.6fr) 80px;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid var(--line)}.inbox-message:last-child{border-bottom:0}.inbox-message:hover{background:var(--surface-2)}.inbox-message.is-unread{background:rgba(167,255,98,.018)}.inbox-sender,.inbox-subject{min-width:0;display:flex;flex-direction:column}.inbox-sender strong,.inbox-sender small,.inbox-subject strong,.inbox-subject small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-sender strong,.inbox-subject strong{font-size:11px}.inbox-sender small,.inbox-subject small{font-size:9px;color:var(--muted)}.inbox-message:not(.is-unread) strong{font-weight:500;color:#c2c8d0}.inbox-mailbox{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-message time{font-size:9px;color:var(--muted);text-align:right}.inbox-message .unread-dot{position:absolute;right:7px}
.back-link{display:flex;align-items:center;gap:7px;color:var(--muted)}.back-link:hover{color:var(--text)}.message-detail{max-width:1040px;margin:auto}.message-header{padding:25px}.message-header>time{float:right;margin-top:-42px;color:var(--muted);font-size:10px}.message-title{display:flex;align-items:flex-start;gap:14px;padding-right:130px}.sender-avatar--large{width:42px;height:42px;border-radius:11px}.message-title h1{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:0}.message-title p{margin:5px 0 0;font-size:11px;color:var(--muted)}.message-headers{margin:20px 0 0 56px;padding-top:14px;border-top:1px solid var(--line)}.message-headers summary{font-size:10px;color:var(--muted);cursor:pointer}.message-headers dl{margin:12px 0 0}.message-headers dl div{display:grid;grid-template-columns:90px 1fr;padding:4px 0;font-size:10px}.message-headers dt{color:var(--muted)}.message-headers dd{margin:0;word-break:break-all}.attachments{margin:14px 0}.attachments h2{font-size:11px;color:var(--muted);font-weight:500}.attachments h2 span{padding:2px 6px;background:var(--surface-2);border-radius:99px}.attachments>div{display:flex;gap:8px;flex-wrap:wrap}.attachment{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--line);background:var(--surface);border-radius:9px}.attachment:hover{border-color:var(--line-strong)}.attachment>span:first-child{color:var(--accent)}.attachment>span:last-child{display:flex;flex-direction:column}.attachment strong{font-size:10px}.attachment small{font-size:8px;color:var(--muted)}.reply-panel{padding:22px;margin:14px 0}.reply-panel>header h2{font-size:14px;margin:0}.reply-panel>header p{font-size:10px;color:var(--muted);margin:4px 0 16px}.reply-panel form{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.reply-panel .field{width:100%}.reply-panel textarea{width:100%;resize:vertical;min-height:150px}.reply-notice{padding:10px 12px;border-radius:8px;font-size:11px}.reply-notice--success{color:var(--green);background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.2)}.reply-notice--warning{color:var(--amber);background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.2)}.message-body{padding:8px;min-height:500px}.message-frame{width:100%;height:650px;border:0;border-radius:9px;background:#fff}.plain-message{margin:0;padding:24px;white-space:pre-wrap;word-break:break-word;color:#d9dde3;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}
.settings-form{max-width:850px}.settings-section{display:grid;grid-template-columns:230px 1fr;gap:35px;padding:24px;margin-bottom:12px}.settings-section>header h2{font-size:13px;margin:0}.settings-section>header p{font-size:10px;color:var(--muted);margin:5px 0}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.settings-fields .field{margin:0}.field--full{grid-column:1/-1}.toggle-list{display:flex;flex-direction:column}.toggle-list label{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}.toggle-list label:first-child{padding-top:0}.toggle-list label:last-child{border:0;padding-bottom:0}.toggle-list label>span{display:flex;flex-direction:column}.toggle-list strong{font-size:11px}.toggle-list small{font-size:9px;color:var(--muted);margin-top:2px}.toggle-list input{position:absolute;opacity:0}.toggle-list i{width:34px;height:19px;border-radius:99px;background:#262c35;border:1px solid var(--line-strong);position:relative;transition:.2s}.toggle-list i:after{content:"";position:absolute;width:13px;height:13px;left:2px;top:2px;border-radius:50%;background:#8992a0;transition:.2s}.toggle-list input:checked+i{background:var(--accent);border-color:var(--accent)}.toggle-list input:checked+i:after{transform:translateX(15px);background:#0a1206}.sticky-actions{position:sticky;bottom:16px;margin-left:265px;padding:10px 10px 10px 15px;background:rgba(20,24,32,.9);backdrop-filter:blur(12px);border:1px solid var(--line-strong);border-radius:11px;display:flex;align-items:center;justify-content:flex-end;gap:12px}.sticky-actions [data-unsaved]{font-size:10px;color:var(--amber);margin-right:auto}
.verification-hero{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:26px;padding:25px;margin-bottom:14px}.verification-ring{--p:calc(var(--progress)*3.6deg);width:94px;height:94px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(closest-side,var(--surface) 83%,transparent 84% 99%),conic-gradient(var(--accent) var(--p),#242a33 0)}.verification-ring strong{font-size:19px}.verification-ring small{font-size:8px;color:var(--muted);text-transform:uppercase}.verification-hero h2{font-size:17px;margin:0}.verification-hero p{font-size:11px;color:var(--muted);margin:5px 0 13px}.dns-panel .panel-header>span{font-size:10px;color:var(--muted)}.dns-records{display:flex;flex-direction:column}.dns-record{padding:20px}.dns-record+.dns-record{border-top:1px solid var(--line)}.dns-record>header{display:flex;align-items:center;gap:11px;margin-bottom:14px}.dns-record>header>div{display:flex;flex-direction:column;gap:3px}.dns-record>header strong{font-size:11px}.record-type{width:42px;height:29px;display:grid;place-items:center;border-radius:7px;color:var(--accent);background:var(--accent-soft);font:700 9px ui-monospace,monospace}.dns-record dl{margin:0;display:grid;grid-template-columns:1fr 2fr auto;gap:10px}.dns-record dt{font-size:9px;color:var(--muted);margin-bottom:4px}.dns-record dd{margin:0;display:flex;height:36px;align-items:center;background:#0a0d12;border:1px solid var(--line);border-radius:8px;padding-left:10px;max-width:100%;overflow:hidden}.dns-record code{overflow:auto;white-space:nowrap;flex:1;color:#cfd5dd}.copy-button{width:34px;height:34px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center}.copy-button:hover{color:var(--accent)}.info-callout{display:flex;gap:11px;padding:15px;margin-top:13px;border:1px solid rgba(96,165,250,.18);background:rgba(96,165,250,.06);border-radius:10px}.info-callout>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(96,165,250,.15);color:var(--blue);font:bold 11px serif}.info-callout strong{font-size:10px}.info-callout p{font-size:9px;color:var(--muted);margin:2px 0 0}
.toast-stack{position:fixed;right:22px;top:78px;z-index:80;display:flex;flex-direction:column;gap:8px}.toast{min-width:280px;max-width:390px;padding:11px 11px 11px 14px;border:1px solid var(--line-strong);background:rgba(20,24,32,.96);backdrop-filter:blur(14px);border-radius:10px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 38px rgba(0,0,0,.28);animation:toast-in .25s ease}.toast:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}.toast--success:before{background:var(--green)}.toast--error:before{background:var(--red)}.toast--warning:before{background:var(--amber)}.toast span{font-size:11px;flex:1}.toast button{border:0;background:transparent;color:var(--muted)}@keyframes toast-in{from{transform:translateY(-8px);opacity:0}}
.auth-page{overflow-x:hidden}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.08fr) minmax(420px,.92fr)}.auth-brand{position:relative;overflow:hidden;padding:42px clamp(40px,6vw,90px);display:flex;flex-direction:column;background:radial-gradient(circle at 65% 42%,rgba(167,255,98,.09),transparent 27%),linear-gradient(145deg,#0b0f14,#080a0d);border-right:1px solid var(--line)}.brand--large{padding:0;font-size:19px}.auth-copy{margin:auto 0;position:relative;z-index:2}.auth-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.01;letter-spacing:-3.5px;margin:19px 0 24px;max-width:720px}.auth-copy h1 em{font-style:normal;color:var(--accent)}.auth-copy p{max-width:490px;color:var(--muted);font-size:15px;line-height:1.7}.auth-brand>small{color:var(--muted-2);font-size:10px}.auth-signal{position:absolute;right:-8%;bottom:13%;width:75%;height:32%;display:flex;align-items:center;gap:5%;opacity:.36;mask-image:linear-gradient(90deg,transparent,#000 30%,#000)}.auth-signal span{width:2px;background:var(--accent);border-radius:9px;box-shadow:0 0 14px var(--accent)}.auth-signal span:nth-child(1){height:16%}.auth-signal span:nth-child(2){height:38%}.auth-signal span:nth-child(3){height:79%}.auth-signal span:nth-child(4){height:55%}.auth-signal span:nth-child(5){height:100%}.auth-signal span:nth-child(6){height:31%}.auth-form-wrap{display:grid;place-items:center;padding:32px;background:#090b0f}.auth-card{width:min(100%,390px)}.auth-card h2{font-size:25px;letter-spacing:-.8px;margin:7px 0 5px}.auth-card>div:first-child>p,.auth-help{font-size:11px;color:var(--muted);margin:0}.auth-card .field{margin-top:19px}.password-field{position:relative;display:block}.password-field input{padding-right:58px}.password-field button{position:absolute;right:7px;top:7px;height:25px;border:0;background:transparent;color:var(--muted);font-size:9px}.check-field{display:flex;align-items:center;gap:8px;margin:15px 0;color:var(--muted);font-size:10px}.check-field input{accent-color:var(--accent)}.auth-help{text-align:center;margin-top:18px}.form-alert{margin:17px 0 -4px;padding:10px 12px;border:1px solid rgba(251,113,133,.25);background:rgba(251,113,133,.07);color:#fda4af;border-radius:8px;font-size:11px}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.inbox-message{grid-template-columns:32px minmax(110px,.7fr) minmax(180px,1.3fr) 70px}.inbox-mailbox{display:none}.card-grid{grid-template-columns:1fr}.dns-record dl{grid-template-columns:1fr}.auth-copy h1{font-size:48px}}
@media(max-width:820px){:root{--topbar:58px}.sidebar{transform:translateX(-100%);transition:transform .22s ease}.sidebar.is-open{transform:none;box-shadow:20px 0 60px rgba(0,0,0,.5)}.mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:35}.sidebar.is-open+.mobile-backdrop{display:block}.app-content{margin-left:0}.mobile-menu{display:grid;margin-right:10px}.topbar{padding:0 18px}.main-content{padding:28px 20px 45px}.dashboard-grid{grid-template-columns:1fr}.inbox-layout{grid-template-columns:1fr}.mailbox-filter{overflow:auto;padding:8px}.mailbox-filter h2{display:none}.mailbox-filter nav{flex-direction:row;width:max-content}.mailbox-filter nav>a{min-width:120px}.mailbox-filter nav>a.is-active{box-shadow:inset 0 -2px var(--accent)}.settings-section{grid-template-columns:1fr;gap:18px}.sticky-actions{margin-left:0}.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:320px;padding:28px}.auth-copy{margin:55px 0 40px}.auth-copy h1{font-size:43px}.auth-copy p{font-size:13px}.auth-form-wrap{min-height:540px}.auth-signal{bottom:2%;height:48%}}
@media(max-width:600px){.topbar-actions .button .icon{display:none}.main-content{padding:24px 14px 40px}.page-header{align-items:flex-start;flex-direction:column;margin-bottom:22px}.page-header h1{font-size:27px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:14px;min-height:112px;gap:10px}.stat-icon{width:30px;height:30px}.stat-card strong{font-size:22px}.stat-card p{display:none}.panel-header{padding:15px}.toolbar{align-items:stretch;flex-wrap:wrap}.search-input{min-width:100%;order:-1}.toolbar select,.date-field{flex:1}.inbox-toolbar{flex-direction:column;align-items:stretch}.inbox-message{grid-template-columns:32px minmax(0,1fr) 58px;padding:11px}.inbox-sender{display:none}.inbox-subject strong{font-size:11px}.inbox-message time{font-size:8px}.message-header{padding:18px}.message-title{padding-right:0}.message-title h1{font-size:18px}.message-header>time{float:none;display:block;margin:12px 0 0 56px}.message-headers{margin-left:0}.message-body{padding:4px}.message-frame{height:560px}.settings-fields{grid-template-columns:1fr}.field--full{grid-column:auto}.settings-section{padding:18px}.verification-hero{grid-template-columns:1fr;text-align:center}.verification-ring{margin:auto}.dns-record{padding:15px}.system-strip{align-items:flex-start}.system-strip .text-link{display:none}.modal form{padding:18px}.address-builder{grid-template-columns:1fr 18px 1fr}.toast-stack{left:12px;right:12px;top:68px}.toast{min-width:0;max-width:none}.auth-brand{min-height:280px}.auth-copy h1{font-size:37px;letter-spacing:-2px}.auth-copy p{display:none}.auth-form-wrap{padding:30px 22px;min-height:500px}}
@media(max-width:390px){.stat-grid{grid-template-columns:1fr}.stat-card{min-height:90px}.stat-card p{display:block}.topbar-title{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-copy h1{font-size:33px}.auth-brand{min-height:250px}.resource-card{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.bulk-toolbar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:1rem}.bulk-toolbar .check-field{margin-left:auto}.table-subtitle{display:block;color:var(--muted);max-width:32rem;margin-top:.25rem}.progress-track--small{width:8rem;height:4px;margin-top:.45rem}.page-header--compact{margin-top:2rem}.data-table input[type="checkbox"]{width:1.05rem;height:1.05rem;accent-color:var(--accent)}
@media(max-width:760px){.bulk-toolbar .check-field{margin-left:0;width:100%}.data-table{min-width:980px}}
.reply-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin:14px 0}.reply-actions h2{font-size:14px;margin:0}.reply-actions p{font-size:10px;color:var(--muted);margin:4px 0 0}.reply-actions .button{flex:0 0 auto}.reply-modal{width:min(680px,calc(100% - 28px))}.reply-modal textarea{width:100%;min-height:230px;resize:vertical;background:#0b0e13;border:1px solid var(--line);border-radius:9px;padding:12px;line-height:1.55}.reply-modal textarea:focus{border-color:var(--line-strong);outline:2px solid var(--accent);outline-offset:2px}.reply-modal input[type=file]{width:100%;padding:9px 11px;background:#0b0e13;border:1px dashed var(--line-strong);border-radius:9px;color:var(--muted);font-size:12px;height:auto}.reply-modal input[type=file]::file-selector-button{margin-right:10px;padding:5px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--text);font-size:12px;cursor:pointer}.reply-modal input[type=file]::file-selector-button:hover{border-color:var(--line-strong)}.reply-modal .icon-button{font-size:22px;line-height:1}.reply-notice{margin:14px 0;padding:10px 12px;border-radius:8px;font-size:11px}.reply-notice--success{color:var(--green);background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.18)}.reply-notice--warning{color:var(--amber);background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.18)}
@media(max-width:600px){.reply-actions{align-items:stretch;flex-direction:column}.reply-actions .button{width:100%}.reply-modal textarea{min-height:200px}.reply-modal footer{flex-direction:column-reverse}.reply-modal footer .button{width:100%}}