:root{--bg:#080d19;--panel:#111a2b;--panel2:#172238;--line:#263652;--text:#edf3ff;--muted:#8ea0bd;--blue:#5281ff;--green:#21c98b;--red:#ff5d6c;--amber:#ffbf4b}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#070b14,#101a2c);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.auth-bg{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(520px,100%);background:rgba(17,26,43,.97);border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 24px 70px #0008}.auth-card h1{margin:0 0 6px}.muted{color:var(--muted)}label{display:block;color:#c9d4e7;font-size:14px;margin:14px 0 6px}input,select,textarea{width:100%;background:#0a1220;color:var(--text);border:1px solid #30415f;border-radius:9px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue)}button,.btn{display:inline-block;border:0;border-radius:9px;padding:10px 15px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.btn.green{background:var(--green);color:#06150f}.btn.red{background:var(--red)}.btn.ghost{background:#26344e}.btn.amber{background:var(--amber);color:#221800}.alert{padding:12px 14px;border-radius:10px;margin:14px 0;background:#19365e}.alert.error{background:#55222a}.alert.success{background:#164634}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.side{background:#0b1220;border-right:1px solid var(--line);padding:24px 16px;position:sticky;top:0;height:100vh}.brand{font-size:21px;font-weight:900;margin:0 10px 30px}.brand small{display:block;color:var(--blue);font-size:11px;letter-spacing:2px;margin-top:4px}.nav a{display:block;padding:12px;border-radius:9px;color:var(--muted);margin:5px 0}.nav a:hover,.nav a.active{background:#17253d;color:#fff}.main{padding:28px;max-width:1600px}.top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.top h1{margin:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{background:rgba(17,26,43,.96);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}.stat strong{display:block;font-size:30px;margin-top:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:880px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#283852;font-size:12px;margin:2px}.badge.ok{background:#174d3c;color:#5af0b5}.badge.off{background:#55252d;color:#ff9ca5}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions form{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.checks{display:flex;flex-wrap:wrap;gap:10px}.checks label{margin:0;background:#0a1220;border:1px solid #30415f;border-radius:8px;padding:9px 12px}.checks input{width:auto;margin-right:6px}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#07101e;border:1px solid var(--line);padding:12px;border-radius:9px;overflow:auto;color:#b9d0ff}.modalish{border-left:4px solid var(--blue)}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:1fr}.side{height:auto;position:relative}.nav{display:flex;flex-wrap:wrap}.main{padding:18px}}@media(max-width:620px){.grid,.form-grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}}
