:root{--bg:#0f1015;--surface:#181922;--surface-2:#1f212d;--border:#2a2c3a;--text:#c8c9d4;--text-strong:#f3f4f6;--text-muted:#7d7f8e;--accent:#7b5cff;--accent-strong:#9275ff;--accent-text:#fff;--danger:#ff5d6c;--warn-bg:#3a2e0e;--warn-border:#8a6a1d;--warn-text:#f3d68a;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:15px/1.45 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:light){:root{--bg:#f8f8fb;--surface:#fff;--surface-2:#f1f2f7;--border:#e2e3eb;--text:#424652;--text-strong:#0e1018;--text-muted:#7a7e8c;--warn-bg:#fef4d4;--warn-border:#c7a44a;--warn-text:#6b5009}}body{background:var(--bg);min-height:100svh;margin:0}#root{width:100%;min-height:100svh}h1,h2{color:var(--text-strong);letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}button{font:inherit;cursor:pointer}input,select{font:inherit}.muted{color:var(--text-muted);margin:0;font-size:13px}.error{color:var(--danger);margin:0;font-size:13px}.success{color:#2a9d4a;margin:0;font-size:13px}button.primary{background:var(--accent);color:var(--accent-text);border:1px solid var(--accent);border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}button.primary:disabled{opacity:.5;cursor:not-allowed}button.ghost{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:8px;padding:8px 14px;font-size:13px;transition:border-color .15s,color .15s}button.ghost:hover:not(:disabled){border-color:var(--accent);color:var(--text-strong)}button.ghost:disabled{opacity:.5;cursor:not-allowed}.boot{min-height:100svh;color:var(--text-muted);place-content:center;display:grid}main.login{place-content:center;min-height:100svh;padding:24px;display:grid}.login form{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;min-width:360px;max-width:100%;padding:32px;display:flex;box-shadow:0 30px 60px #0000002e}.login-brand{align-items:center;gap:12px;margin-bottom:4px;display:flex}.login h1{letter-spacing:-.02em;margin:0;font-size:24px}.login .lead{color:var(--text-muted);margin:-4px 0 8px;font-size:13px}.login label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.login input{border:1px solid var(--border);background:var(--surface-2);color:var(--text-strong);text-transform:none;letter-spacing:normal;border-radius:8px;padding:10px 12px;font-size:15px;font-weight:400}.login input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7b5cff2e}.login button.primary{margin-top:6px}.login form .lead strong{color:var(--text-strong)}.password-field{flex-direction:column;gap:6px;display:flex}.password-field>label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:600}.password-row{align-items:stretch;gap:6px;display:flex}.password-row input{border:1px solid var(--border);background:var(--surface-2);color:var(--text-strong);text-transform:none;letter-spacing:normal;border-radius:8px;flex:1;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:15px;font-weight:400}.password-row input:focus{border-color:var(--accent);outline:none}.password-row button.ghost.small{white-space:nowrap}.shell{grid-template-columns:240px 1fr;min-height:100svh;transition:grid-template-columns .2s;display:grid}.shell.sidebar-collapsed{grid-template-columns:72px 1fr}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100svh;padding:18px 12px;display:flex;position:sticky;top:0}.sidebar .brand{border-bottom:1px solid var(--border);margin-bottom:8px;padding:0 6px 18px}.side-nav{flex-direction:column;flex:1;gap:4px;display:flex}.side-nav-item{color:var(--text-muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:14px;font-weight:500;transition:color .15s,background .15s,border-color .15s;display:flex}.side-nav-item:hover{color:var(--text-strong);background:var(--surface-2)}.side-nav-item.active{color:var(--accent-text);background:var(--accent);border-color:var(--accent)}.side-nav-icon{flex-shrink:0;place-content:center;width:22px;height:22px;font-size:16px;display:inline-grid}.sidebar-foot{border-top:1px solid var(--border);margin-top:8px;padding-top:12px}.full-wide{width:100%}.main-area{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;justify-content:flex-end;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.who-meta,.brand{align-items:center;gap:10px;display:flex}.brand svg{flex-shrink:0;display:block}.brand .name{color:var(--text-strong);letter-spacing:-.01em;font-size:16px;font-weight:600}.who{align-items:center;gap:12px;display:flex}.who .email{color:var(--text-strong);font-size:14px}.who a.ghost{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:6px;align-items:center;padding:6px 12px;font-size:13px;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.who a.ghost:hover{border-color:var(--accent);color:var(--text-strong)}.who a.ghost.active{border-color:var(--accent);color:var(--accent)}.role{text-transform:uppercase;letter-spacing:.6px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.role-admin{color:var(--accent-strong);background:#7b5cff26;border:1px solid #7b5cff66}.role-user{color:var(--text);border:1px solid var(--border);background:#78788226}.content{flex-direction:column;flex:1;gap:20px;width:100%;max-width:1180px;margin:0 auto;padding:32px 24px 48px;display:flex}.hero{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.hero h1{margin:0 0 4px;font-size:26px}.hero-actions{flex-shrink:0;gap:8px;display:flex}button.ghost.danger{color:var(--danger);border-color:#ff5d6c66}button.ghost.danger:hover:not(:disabled){background:#ff5d6c14}.banner{border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:12px 16px;font-size:13px;display:flex}.banner.warn{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text)}.banner strong{font-weight:600}.toast{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 14px;font-size:13px}.toast.err{color:var(--danger);border-color:#ff5d6c66}.toast.ok{color:var(--text-strong)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.card-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.card-head h2{margin:0;font-size:16px}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.toolbar input,.toolbar select{border:1px solid var(--border);background:var(--surface-2);color:var(--text-strong);border-radius:8px;min-width:150px;padding:8px 12px;font-size:13px}.toolbar input[type=search]{min-width:180px}.toolbar input::placeholder{color:var(--text-muted);opacity:1}.toolbar input:focus,.toolbar select:focus{border-color:var(--accent);outline:none}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:11px 16px}th{letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);background:var(--surface-2);font-size:12px;font-weight:600}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--text-strong)}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}td.num{font-variant-numeric:tabular-nums;color:var(--text-muted);width:60px}td.mono{color:var(--text-strong);font-family:ui-monospace,Consolas,monospace}td.empty{color:var(--text-muted);text-align:center;padding:24px}.tag{text-transform:uppercase;letter-spacing:.5px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;display:inline-flex}.tag-primary{color:var(--accent-strong);background:#7b5cff1f;border-color:#7b5cff59}.tag-addon{color:#7cc4ff;background:#50b4ff1f;border-color:#50b4ff59}.tag-subdomain,.tag-parked,.tag-alias{color:#d4b06a;background:#c8a0501f;border-color:#c8a05059}.tag-active{color:#69d18a;background:#50c8821f;border-color:#50c88259}.tag-disabled{color:var(--text-muted);border-color:var(--border);background:#b4b4c81a}.tag-deleted{color:var(--danger);background:#ff5d6c1a;border-color:#ff5d6c4d;text-decoration:line-through;text-decoration-thickness:1px}.tag-danger{color:var(--danger);background:#ff5d6c1f;border-color:#ff5d6c59}.nav{align-items:center;gap:4px;display:flex}.nav-item{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:color .15s,background .15s,border-color .15s}.nav-item:hover{color:var(--text-strong)}.nav-item.active{color:var(--text-strong);background:var(--surface-2);border-color:var(--border)}.create-card .card-body{padding:18px}.form-grid{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.form-grid .full{grid-column:1/-1}.form-grid label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.form-grid input,.form-grid select{border:1px solid var(--border);background:var(--surface-2);color:var(--text-strong);text-transform:none;letter-spacing:normal;border-radius:8px;padding:9px 12px;font-size:14px;font-weight:400}.form-grid input:focus,.form-grid select:focus{border-color:var(--accent);outline:none}.form-grid .error.full{color:var(--danger)}button.ghost.small{border-radius:6px;padding:5px 10px;font-size:12px}td.actions{text-align:right;width:110px}td.small,td .small{color:var(--text-muted);font-size:12px}.pager{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;padding:12px 16px;display:flex}tbody tr.clickable{cursor:pointer}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:14px 18px;list-style:none;display:flex}.chips .empty{color:var(--text-muted);font-size:13px}.chip{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 12px;font-size:13px;display:inline-flex}.card-foot{border-top:1px solid var(--border);background:var(--surface-2);padding:14px 18px;font-size:13px}.card-foot .spacer{margin-right:10px}.info-card{border-style:dashed}.small{color:var(--text-muted);font-size:12px}.hero .ghost.small{margin-bottom:8px}.hero p .spacer{width:8px;display:inline-block}code{background:var(--surface-2);color:var(--text-strong);border-radius:4px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace;font-size:.9em}.row-actions{justify-content:flex-end;gap:6px;display:inline-flex}button.ghost.small.danger{color:var(--danger);border-color:#ff5d6c66}button.ghost.small.danger:hover:not(:disabled){background:#ff5d6c14}button.primary.danger{background:var(--danger);border-color:var(--danger)}button.primary.danger:hover:not(:disabled){background:#ff7a86;border-color:#ff7a86}.mailbox-create-form{flex-direction:column;gap:14px;padding:18px;display:flex}.form-row{display:block}.quota-row{text-transform:none;letter-spacing:normal;color:var(--text-strong);flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;font-weight:400;display:flex}.quota-row.stacked{flex-direction:column;align-items:flex-start;gap:10px}.inline-radio{color:var(--text-strong);text-transform:none;letter-spacing:normal;cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:400;display:inline-flex}.inline-radio input[type=radio]{cursor:pointer;margin:0}.quota-input{border:1px solid var(--border);background:var(--surface-2);width:90px;color:var(--text-strong);border-radius:6px;padding:6px 10px;font-size:14px}.quota-unit{color:var(--text-muted);font-size:12px}.options-block{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:14px 16px}.options-block legend{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;padding:0 6px;font-size:11px;font-weight:600}.check-row{cursor:pointer;color:var(--text);text-transform:none;letter-spacing:normal;align-items:flex-start;gap:10px;padding:6px 0;font-size:14px;font-weight:400;display:flex}.check-row.indent{padding-left:26px}.check-row input[type=checkbox]{cursor:pointer;margin-top:3px}.check-row strong{color:var(--text-strong);font-weight:600}.check-row small{color:var(--text-muted)}.modal-overlay{z-index:100;background:#08090e99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(520px,100%);box-shadow:0 30px 80px #00000080}.modal header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal header h2{margin:0;font-size:16px}.modal-body{flex-direction:column;gap:14px;padding:18px;display:flex}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:8px;padding-top:6px;display:flex}.modal-actions button{padding-block:9px}.confirm-input{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.confirm-input input{border:1px solid var(--border);background:var(--surface-2);color:var(--text-strong);text-transform:none;letter-spacing:normal;border-radius:8px;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:14px;font-weight:400}.form-grid.mailbox-grid{grid-template-columns:1.2fr 1.4fr 1fr}@media (width<=720px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;height:auto;padding:10px 12px;position:relative;overflow-x:auto}.sidebar .brand,.sidebar-foot{display:none}.side-nav{flex-direction:row}.form-grid.mailbox-grid,.form-grid{grid-template-columns:1fr}.nav{order:3;width:100%;padding-top:8px;overflow-x:auto}.topbar{flex-wrap:wrap}}