:root{--bg:#f4f6fb;--surface:#fff;--surface-2:#f8f9fc;--text:#1b1f2a;--muted:#6b7385;--border:#e3e7ef;--hover:#eef1f8;--accent:#2f5bea;--accent-2:#20b2aa;--accent-soft:#e8eefe;--ok:#16a34a;--ok-soft:#e7f7ee;--ko:#dc2626;--ko-soft:#fdecec;--warn:#b45309;--warn-soft:#fef4e2;--shadow:0 1px 2px #141e3c0d, 0 2px 8px #141e3c0a;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f131b;--surface:#171c27;--surface-2:#1c2230;--text:#e6e9f0;--muted:#8d95a8;--border:#283042;--hover:#222a3a;--accent:#5b82ff;--accent-2:#2dc4bb;--accent-soft:#1f2a4a;--ok:#34d399;--ok-soft:#133226;--ko:#f87171;--ko-soft:#3a1b1f;--warn:#fbbf24;--warn-soft:#3a2d12;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2{margin:0;font-weight:600}h1{font-size:20px}h2{margin-bottom:12px;font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;outline:none;min-width:0;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;width:100%}.stack{flex-direction:column;gap:16px;display:flex}.narrow{max-width:720px}.row{align-items:center;display:flex}.between{justify-content:space-between}.end{justify-content:flex-end}.wrap{flex-wrap:wrap}.gap{gap:10px}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:12.5px}.strong{font-weight:600}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.nowrap{white-space:nowrap}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pad{padding:16px}.ok-text{color:var(--ok)}.ko-text{color:var(--ko)}.warn-text{color:var(--warn)}.center-screen{place-items:center;min-height:100%;padding:16px;display:grid}.btn{cursor:pointer;background:var(--surface-2);white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:500;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{border-color:var(--border);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--hover)}.btn.small{padding:5px 10px;font-size:12.5px}.btn.icon{border-color:#0000;padding:6px}.btn.danger{color:var(--ko)}.btn.block{width:100%}.link{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.link:hover{text-decoration:underline}.shell{grid-template-columns:240px 1fr;height:100%;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:16px;min-height:0;padding:16px 12px;display:flex}.brand{align-items:center;gap:10px;padding:4px 8px;font-size:16px;font-weight:700;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.sidebar nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-link{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-weight:500;display:flex}.nav-link:hover{background:var(--hover);color:var(--text);text-decoration:none}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.sidebar-foot{flex-direction:column;gap:8px;padding:0 8px;display:flex}.content{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.topbar{align-items:center;gap:8px;padding:18px 28px 0;display:flex}.page{flex:1;min-height:0;padding:18px 28px 32px}.menu-btn,.backdrop{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:18px}.card.flush{padding:0;overflow:hidden}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.kpi{flex-direction:column;gap:2px;display:flex}.kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:650}.grid-2{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;display:grid}.chart{width:100%}.status-list{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.status-list li{align-items:center;gap:10px;display:flex}.dot{border-radius:50%;flex:none;width:9px;height:9px}.dot.ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.dot.ko{background:var(--ko);box-shadow:0 0 0 3px var(--ko-soft)}.disk{flex-direction:column;gap:6px;display:flex}.meter{background:var(--hover);border-radius:99px;height:8px;overflow:hidden}.meter.thin{width:110px;height:5px}.meter>div{background:var(--accent);border-radius:99px;height:100%}.meter>div.danger{background:var(--ko)}.recent{margin:0;padding:0;list-style:none}.recent li{cursor:pointer;border-bottom:1px solid var(--border);border-radius:8px;padding:9px 8px}.recent li:last-child{border-bottom:0}.recent li:hover{background:var(--hover)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px}.table tr:last-child td{border-bottom:0}.table.compact td,.table.compact th{padding:7px 10px}.card:not(.flush) .table th{background:0 0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--hover)}.row-error td{background:var(--ko-soft)}.row-warn td{background:var(--warn-soft)}.empty{text-align:center;color:var(--muted);padding:32px!important}.quota-cell{flex-direction:column;gap:3px;display:flex}.detail-cell{max-width:360px}td.ellipsis{max-width:260px}.table.fixed{table-layout:fixed}.table.fixed td.ellipsis{max-width:none}.table .w-num{width:76px}.badge{background:var(--hover);color:var(--muted);border-radius:99px;margin-left:6px;padding:1px 8px;font-size:11.5px;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-soft);color:var(--ok);margin:0}.badge.ko{background:var(--ko-soft);color:var(--ko)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.accent{background:var(--accent);color:#fff}.alert{border:1px solid #0000;border-radius:8px;padding:10px 14px}.alert.error{background:var(--ko-soft);color:var(--ko)}.alert.success{background:var(--ok-soft);color:var(--ok)}.alert.warn{background:var(--warn-soft);color:var(--warn)}.alert.info{background:var(--accent-soft);color:var(--text)}.field{flex-direction:column;gap:5px;display:flex}.field>span{color:var(--muted);font-size:12.5px;font-weight:500}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:8px 0 12px;display:grid}.form-grid.two{grid-template-columns:1fr 1fr}.check{color:var(--muted);cursor:pointer;align-items:center;gap:8px;display:flex}.email-edit{align-items:center;gap:6px;display:flex}.email-edit input{width:220px;padding:4px 8px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:8px;max-width:420px;padding:0 10px;display:flex}.search input{box-shadow:none;color:var(--text);background:0 0;border:0;flex:1;padding:8px 0}.search:focus-within{border-color:var(--accent)}.pager{justify-content:center;align-items:center;gap:12px;padding:8px;display:flex}.preview-head{margin:12px 0}.dropzone{text-align:center;border:2px dashed var(--border);cursor:pointer;color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:48px 24px;display:flex}.dropzone h2{color:var(--text);margin:10px 0 0;font-size:17px}.dropzone p{margin:0}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.login-card{flex-direction:column;gap:14px;width:100%;max-width:380px;padding:28px;display:flex}.login-brand{padding:0;font-size:20px}.login-card p{margin:-8px 0 4px}.modal-backdrop{z-index:50;background:#0a0e1973;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;gap:12px;width:100%;max-width:560px;max-height:calc(100vh - 32px);display:flex;overflow:auto}.modal h2{margin:0}.secret{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.secret code{-webkit-user-select:all;user-select:all;font-size:17px}.mailbox-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.mailbox-tile{text-align:left;cursor:pointer;align-items:center;gap:12px;padding:14px;display:flex}.mailbox-tile:hover{border-color:var(--accent)}.tile-body{flex:1;min-width:0}.avatar{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.mailbox{flex-direction:column;gap:12px;height:calc(100vh - 110px);min-height:480px;display:flex}.mailbox-header{align-items:center;gap:12px;display:flex}.mailbox-body{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;grid-template-columns:200px minmax(280px,380px) 1fr;min-height:0;display:grid;overflow:hidden}.folders{border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:8px;display:flex;overflow:auto}.folder{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.folder:hover{background:var(--hover)}.folder.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.folder .badge{margin:0}.message-list{border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex}.list-search{flex:none;max-width:none;margin:8px}.list-scroll{flex:1;overflow:auto}.msg-row{text-align:left;border:0;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;flex-direction:column;gap:2px;width:100%;padding:10px 14px;display:flex}.msg-row:hover{background:var(--hover)}.msg-row.active{background:var(--accent-soft)}.msg-row.unseen .msg-from,.msg-row.unseen .msg-subject{font-weight:650}.msg-row.unseen{box-shadow:inset 3px 0 0 var(--accent)}.msg-subject{color:var(--muted);font-size:13px}.msg-row.unseen .msg-subject{color:var(--text)}.message-view{flex-direction:column;min-width:0;min-height:0;display:flex}.empty-view{flex:1;place-content:center;justify-items:center;gap:4px;display:grid}.viewer{flex-direction:column;height:100%;min-height:0;display:flex}.viewer-head{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 18px;display:flex}.viewer-subject{margin:0;font-size:18px}.headers{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;display:grid}.headers dt{color:var(--muted)}.headers dd{word-break:break-word;margin:0}.attachments{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;display:inline-flex}.chip:hover{border-color:var(--accent)}.mail-frame{background:#fff;border:0;flex:1;width:100%;min-height:300px}.mail-text{white-space:pre-wrap;word-wrap:break-word;flex:1;margin:0;padding:18px;font:14px/1.6 system-ui,sans-serif;overflow:auto}.back-btn{display:none}.compose textarea{font-family:inherit}.org-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:1px;padding:8px 10px;display:flex}.grow{flex:1;min-width:240px;margin:0}.empty-card{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:40px;display:flex}.empty-card h2{color:var(--text);margin:0}.empty-card p{margin:0}.domain-card{flex-direction:column;gap:12px;display:flex}.domain-name{margin:0;font-size:17px}.dns-table td{vertical-align:top}.dns-value{max-width:480px}.copy-value{align-items:flex-start;gap:4px;max-width:100%;display:inline-flex}.copy-text{word-break:break-all}.copy-value .btn.icon{flex:none;padding:2px}.subhead{margin:4px 0 0;font-size:13px}.domain-badge{margin:2px 4px 2px 0}@media (width<=1100px){.grid-2{grid-template-columns:1fr}.mailbox-body{grid-template-columns:170px 1fr}.message-view{display:none}.mailbox.has-message .mailbox-body{grid-template-columns:1fr}.mailbox.has-message .folders,.mailbox.has-message .message-list{display:none}.mailbox.has-message .message-view{display:flex}.back-btn{display:inline-flex}}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{z-index:40;width:250px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.nav-open .sidebar{transform:none}.nav-open .backdrop{z-index:30;background:#00000059;display:block;position:fixed;inset:0}.menu-btn{display:inline-flex}.topbar{padding:12px 16px 0}.page{padding:14px 16px 24px}.mailbox-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.mailbox.has-message .mailbox-body{grid-template-rows:1fr}.folders{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.folder{flex:none}.mailbox{height:calc(100vh - 90px)}.form-grid.two{grid-template-columns:1fr}.search{max-width:none}.email-edit input{width:140px}}