:root{color-scheme:dark;--bg:#0b0f13;--ink:#eef3fa;--blue:#ff8a19;--blue2:#e57410;--muted:#a9b8cd;--line:#2a3442;--white:#141b24;--green:#91e1b4;--red:#ffb3b3;--gold:#ffcd75}
.server-delete{max-width:300px;margin-top:16px}.server-delete summary{cursor:pointer;color:#ffb3b3;font-weight:700}.server-delete p{font-size:.85rem}button.danger{background:#842d3c;color:#fff;border-color:#b65a69}button.danger:hover{background:#a13b4d;color:#fff}
html{background:var(--bg);color:var(--ink)}body{min-width:320px}a{color:#9dcaff}a:hover{color:#d0e5ff}p{color:#b2c2d7}h1,h2,h3,label{color:var(--ink)}.stat{background:#151e29}.stat b{color:#ffae5e}
.nav{position:sticky;top:0;z-index:20;background:#0c1117;border-bottom:1px solid var(--line);box-shadow:none}.nav .shell{max-width:none;padding:12px 24px;min-height:74px}.brand{color:#f4f7fc}.brand small{color:var(--muted)}.links{gap:10px}.links a,.links button{border:1px solid var(--line);background:#1b232f;border-radius:10px;padding:10px 13px;color:#edf2f8;font-size:.82rem}.links form{margin:0}
.nav .brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none}.nav .brand img{display:block;width:142px;height:auto;flex:none;border-radius:8px}.nav .brand small{font-size:.64rem;line-height:1.35;letter-spacing:.08em;max-width:12rem}
@media(max-width:650px){.nav .brand img{width:120px}.nav .brand{gap:9px}}
main.shell{max-width:1440px;padding-top:28px;padding-bottom:24px;min-width:0}.card,.panel{background:linear-gradient(135deg,#171e28,#111820);border-color:var(--line);box-shadow:none;border-radius:16px}.card p{color:#b2c2d7}.hero{background:linear-gradient(120deg,#141b24,#102633);border:1px solid var(--line);border-radius:22px;padding:32px;margin:12px 0 28px}.eyebrow{color:#ffb261}
.btn,button{background:#ff8a19;color:#14100b;border:1px solid transparent;min-height:40px}.btn:hover,button:hover{background:#ffad52;color:#15100a}.btn.ghost{background:#1d2735;color:#d7e7fa;border-color:#334154}.btn.ghost:hover{background:#2b394c}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #ffb95e;outline-offset:3px}
input,select,textarea{background:#0d141d;color:#edf3fb;border-color:#3a4a5e;min-width:0}input::placeholder,textarea::placeholder{color:#8fa1b9}input:focus,select:focus,textarea:focus{outline:2px solid #ffac53;outline-offset:2px}input[type=checkbox],input[type=radio]{width:auto;accent-color:#ff8a19}.field label{line-height:1.5}
.table-wrap{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px}table{background:#111923;border-radius:0;overflow:visible}th{background:#1d2938;color:#dfebfa}td,th{border-color:var(--line);line-height:1.5;overflow-wrap:anywhere}td small{display:block;margin-top:6px;color:var(--muted)}td form{min-width:160px}td select{min-width:140px}td .sm{margin-top:6px}.tag{background:#233a52;color:#b6d9ff}.tag.green{background:#123628;color:#9ee6be}.tag.gold{background:#3c2c13;color:#ffce7f}.aside-note{background:#211e16;color:#f3cf8b;border-color:#ff9b35}.alert{background:#192b3c;color:#d5eaff;border:1px solid #385b78;border-radius:10px}.alert.success{background:#123326;color:#b4efcc;border-color:#316349}.alert.error{background:#391b22;color:#ffc5cc;border-color:#80404b}.steps span{background:#202d3e;color:#c4d6ee}.steps .active{color:#14100b}.footer{color:#a7b8ce;border-color:var(--line)}
.admin-quick-access [aria-current=page]{background:#343027;color:#ffc887;border-color:#94602c}.hosting-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:24px;align-items:start}.hosting-grid>.panel{width:100%;max-width:none;margin:0;min-width:0}.hosting-grid table{min-width:650px}.hosting-grid td small{overflow-wrap:anywhere}.admin-heading h1{color:var(--ink)}.hosting-setup{max-width:none;scroll-margin-top:140px}.hosting-setup li{margin:14px 0;line-height:1.7;color:#c7d5e7}.hosting-setup pre{max-width:100%;overflow-x:auto;padding:16px;background:#0b121c;border:1px solid var(--line);border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.hosting-setup code{overflow-wrap:anywhere;font-size:.9em}.hosting-setup [hidden]{display:none!important}#hosting-editor{scroll-margin-top:140px}
@media(min-width:1100px){body:has(.admin-quick-access) main.shell{max-width:1680px;margin-left:220px;padding:32px 36px}body:has(.admin-quick-access) .panel{max-width:none}.admin-quick-access{position:sticky;top:14px;align-self:start;display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px;padding:18px 14px;background:#0c121a;border:1px solid var(--line);border-radius:14px;margin:0 0 24px}.admin-quick-access a{text-align:left;padding:11px 14px;flex-shrink:0}body:has(.admin-quick-access) main.shell{position:relative}.admin-quick-access{position:absolute;left:-206px;top:32px;width:192px}.admin-editor{margin-left:0!important}}
@media(max-width:1350px){.hosting-grid{grid-template-columns:1fr}}
@media(max-width:1099px){.admin-quick-access{padding-bottom:8px;border-bottom:1px solid var(--line)}.admin-quick-access a{flex:1 1 120px;text-align:center}.nav .shell{padding:14px 18px}.nav{position:static}.links{gap:6px}.links a{font-size:.78rem}main.shell{padding-top:20px}.hero{padding:24px}.panel{max-width:none}.table-wrap{margin:0}.grid,.grid.two{grid-template-columns:1fr}}
@media(max-width:650px){.admin-heading .actions{width:100%}.admin-editor,.hosting-grid>.panel{padding:18px}.links{width:100%}.links a,.links button{padding:9px}.nav .shell{gap:14px}.hero{grid-template-columns:1fr}main.shell{padding-left:14px;padding-right:14px}.hosting-grid{grid-template-columns:minmax(0,1fr)}.stats{grid-template-columns:1fr 1fr}}
.admin-dashboard{padding-top:14px}.admin-dashboard-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.admin-dashboard-head h1{font-size:clamp(2rem,3vw,2.8rem);margin:8px 0}.admin-dashboard-head p{margin:0}.admin-dashboard-head-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-dashboard-metric{display:flex;flex-direction:column;gap:10px;padding:20px 22px;background:#141e2b;border:1px solid #334458;border-radius:14px;color:#dcecff;min-height:145px}.admin-dashboard-metric:hover{border-color:#ff9a39;color:white;text-decoration:none;background:#1b2a3b}.admin-dashboard-metric strong{font-size:2.3rem;line-height:1;color:#fff}.admin-dashboard-metric small{color:#a9c0d8}.admin-dashboard-metric.tone-red strong{color:#ffadad}.admin-dashboard-metric.tone-amber strong{color:#ffba6d}.admin-dashboard-metric.tone-green strong{color:#8be0ab}.admin-dashboard-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-top:20px}.admin-dashboard-columns>.card{min-width:0}.admin-dashboard-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.admin-dashboard-section-head h2,.admin-dashboard-quick h2{margin:8px 0 14px}.admin-dashboard-queue ul{list-style:none;padding:0;margin:0}.admin-dashboard-queue li+li{border-top:1px solid #314054}.admin-dashboard-queue li a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 0;color:#dcecff}.admin-dashboard-queue li a span:nth-child(2){grid-column:1;color:#aac0d8;overflow-wrap:anywhere}.admin-dashboard-queue li a span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:#ffad52}.admin-dashboard-empty{padding:22px;border:1px dashed #40516a;border-radius:10px}.admin-dashboard-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-dashboard-action-grid a{padding:13px 14px;border:1px solid #34465c;border-radius:9px;background:#1b2839;color:#dcecff;display:flex;justify-content:space-between}.admin-dashboard-action-grid a:hover{border-color:#ffad52;text-decoration:none}.staff-admin-panel{max-width:none;margin:22px 0}.staff-admin-panel fieldset{border:0;padding:0}.staff-admin-panel form{max-width:750px}.staff-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:16px 0}.staff-permissions label{font-weight:500;display:flex;gap:8px;align-items:center}.staff-permissions input{flex:none}.staff-setup-link{display:block;overflow-wrap:anywhere;padding:14px;background:#0b121c;border:1px solid #41536a;border-radius:8px}
@media(max-width:900px){.admin-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-columns{grid-template-columns:1fr}.admin-dashboard-head{align-items:start;flex-direction:column}}@media(max-width:550px){.admin-dashboard-metrics,.admin-dashboard-action-grid,.staff-permissions{grid-template-columns:1fr}.admin-dashboard-head-actions{width:100%}.admin-dashboard-head-actions .btn{flex:1;text-align:center}}