:root{--bg:#0b1020;--panel:#121a2e;--panel2:#18223b;--line:#26324f;--text:#eaf0ff;--muted:#8fa0c2;--primary:#5b8cff;--primary2:#79a0ff;--success:#35c58a;--danger:#ff667a;--warning:#f0b95c;--shadow:0 18px 45px rgba(0,0,0,.23)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:linear-gradient(180deg,#08101e,#0d1324 45%,#0a1020);color:var(--text)}a{color:#99b7ff;text-decoration:none}a:hover{color:#c4d5ff}.shell{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(8,13,26,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{font-size:20px;font-weight:800;letter-spacing:.02em}.brand span{font-weight:600;color:#91adff}.subtitle{font-size:12px;color:var(--muted);margin-top:3px}.account{display:flex;gap:10px;align-items:center;color:#dfe7fb}.role{font-size:11px;text-transform:uppercase;padding:4px 8px;border:1px solid #314267;border-radius:999px;color:#9fb2d8}.layout{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{padding:24px 14px;border-right:1px solid rgba(255,255,255,.055);background:rgba(8,13,26,.45)}.nav-item{display:block;padding:11px 14px;margin:3px 0;border-radius:10px;color:#99a9c9;font-weight:600}.nav-item:hover,.nav-item.active{background:#17213a;color:white}.content{padding:30px;max-width:1500px;width:100%;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.page-head h1{margin:0 0 6px;font-size:28px}.page-head p,.muted{margin:0;color:var(--muted)}.panel{background:linear-gradient(180deg,rgba(24,34,59,.98),rgba(16,24,43,.98));border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.panel.narrow,.narrow{max-width:700px}.panel h2{margin:0 0 16px;font-size:17px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric{padding:18px 20px;background:linear-gradient(145deg,#16213a,#101829);border:1px solid #263451;border-radius:14px}.metric div{font-size:13px;color:var(--muted)}.metric strong{display:block;font-size:30px;margin-top:8px;letter-spacing:-.02em}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.health{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-size:13px}.health span{width:8px;height:8px;border-radius:50%;background:var(--warning)}.health.ok span{background:var(--success);box-shadow:0 0 0 5px rgba(53,197,138,.1)}.health.bad span{background:var(--danger)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#8ea1c6;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid rgba(255,255,255,.055);vertical-align:middle}tbody tr:hover{background:rgba(255,255,255,.025)}.sub{font-size:11px;color:#7e91b6;margin-top:3px}.num{font-variant-numeric:tabular-nums}.status{display:inline-block;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700}.status.enabled{color:#74e2b5;background:rgba(53,197,138,.12);border:1px solid rgba(53,197,138,.25)}.status.disabled{color:#ffc4ce;background:rgba(255,102,122,.11);border:1px solid rgba(255,102,122,.24)}.status.deleted{color:#a4adc1;background:rgba(150,160,180,.1);border:1px solid rgba(150,160,180,.2)}.button,button{appearance:none;border:1px solid #334364;background:#1b2742;color:#e9f0ff;padding:9px 13px;border-radius:9px;font-weight:700;cursor:pointer;font-size:13px}.button:hover,button:hover{background:#243250;color:#fff}.primary{background:linear-gradient(180deg,#6792ff,#4e7df2);border-color:#628ef7;color:white}.primary:hover{background:linear-gradient(180deg,#79a0ff,#5d88fa)}.danger{background:#a92e42;border-color:#bd4054}.danger-lite{color:#ff95a6;border-color:#653544;background:#291925}.link-btn{border:0;background:transparent;padding:4px;color:#9fb8f6}.inline{display:inline}.actions{display:flex;gap:8px;align-items:center}.wide{width:100%}.empty{text-align:center;color:var(--muted);padding:30px}form label{display:block;margin:0 0 15px;font-size:13px;font-weight:650;color:#cfdaf1}input,textarea,select{display:block;width:100%;margin-top:7px;background:#0d1527;border:1px solid #2a3859;color:#f0f4ff;border-radius:9px;padding:10px 11px;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:#628cf1;box-shadow:0 0 0 3px rgba(91,140,255,.13)}label small{display:block;color:#7588ad;font-weight:400;margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox{display:flex;align-items:center;gap:8px;padding-top:25px}.checkbox input{width:auto;margin:0}.form-error,.warning,.success,.info,.flash{padding:11px 13px;border-radius:9px;margin:0 0 14px;border:1px solid}.form-error,.flash.error{background:rgba(255,102,122,.1);border-color:rgba(255,102,122,.3);color:#ffbec9}.warning,.flash.warning{background:rgba(240,185,92,.1);border-color:rgba(240,185,92,.3);color:#ffd892}.success,.flash.success{background:rgba(53,197,138,.1);border-color:rgba(53,197,138,.3);color:#93edc9}.info,.flash.info{background:rgba(91,140,255,.1);border-color:rgba(91,140,255,.3);color:#b9ccff}.auth-wrap{min-height:calc(100vh - 160px);display:grid;place-items:center}.auth-card{width:min(440px,92vw);background:linear-gradient(180deg,#18223b,#101829);border:1px solid #293755;border-radius:18px;padding:28px;box-shadow:var(--shadow)}.auth-card h1{margin:8px 0 8px}.auth-card p{color:var(--muted);margin:0 0 20px}.auth-logo{font-weight:900;color:#8eabff}.secret-box{position:relative;background:#0b1324;border:1px dashed #3b4e75;border-radius:10px;padding:13px;margin:12px 0 18px}.secret-box .label{font-size:11px;color:#8798bb;margin-bottom:7px}.secret-box .copy{margin-top:10px}.break{display:block;white-space:pre-wrap;word-break:break-all}.small{font-size:11px}.kv{display:grid;grid-template-columns:160px 1fr;margin:0}.kv dt,.kv dd{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055)}.kv dt{color:#889abd}.kv dd{margin:0}.progress{height:7px;background:#0c1425;border-radius:999px;overflow:hidden;margin-top:17px}.progress>div{height:100%;background:linear-gradient(90deg,#5b8cff,#35c58a)}.danger-zone{border-color:#5a2a38}.fatal{max-width:700px;margin:90px auto;background:#141d32;padding:30px;border-radius:16px;border:1px solid #273453}.fatal h1{font-size:50px;margin:0}.fatal p{color:#aab8d3}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px}.nav-item{white-space:nowrap}.content{padding:18px}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.topbar{padding:0 18px}.subtitle{display:none}.form-grid{grid-template-columns:1fr}.kv{grid-template-columns:120px 1fr}}@media(max-width:560px){.cards{grid-template-columns:1fr}.page-head{flex-direction:column}.account .role{display:none}}