:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a12;--panel:#101622;--panel2:#151d2b;--border:#ffffff1a;--text:#eef2ff;--muted:#97a3b7;--accent:#6ea8fe;--good:#51d88a;--bad:#ff6b6b;--warn:#ffd166}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at top,#172033 0,#070a12 48%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}.loginPage{place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{border:1px solid var(--border);background:#101622eb;border-radius:24px;width:min(520px,100%);padding:28px;box-shadow:0 24px 80px #00000073}.loginCard h1{margin:0 0 10px}.loginCard p{color:var(--muted);margin:0 0 22px}.field{gap:8px;margin:0 0 14px;display:grid}.field span{color:var(--muted);font-size:13px}.input,.textarea,.select{border:1px solid var(--border);width:100%;color:var(--text);background:#0b111d;border-radius:12px;outline:none;padding:11px 12px}.textarea{resize:vertical;min-height:96px}.button{color:#fff;cursor:pointer;background:linear-gradient(#2f7cff,#1f5fd4);border:1px solid #ffffff24;border-radius:12px;padding:10px 14px;font-weight:700}.button.secondary{background:#182235}.button.danger{background:#67232c}.button.good{background:#1e6e44}.button:disabled{opacity:.55;cursor:not-allowed}.error{color:#ff9aa2;margin-top:10px;font-size:14px}.admin{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#070a12eb;height:100vh;padding:18px;position:sticky;top:0;overflow:auto}.brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.logo{background:linear-gradient(135deg,#6ea8fe,#9b8cff);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand strong{display:block}.brand small{color:var(--muted)}.nav{gap:8px;display:grid}.nav button{text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:10px 12px}.nav button.active,.nav button:hover{color:var(--text);border-color:var(--border);background:#ffffff0f}.content{width:100%;max-width:1600px;padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.topbar h1{margin:0;font-size:28px}.topbar p{color:var(--muted);margin:6px 0 0}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.card{border:1px solid var(--border);background:#101622e0;border-radius:20px;grid-column:span 12;padding:18px;box-shadow:0 18px 60px #00000038}.card.half{grid-column:span 6}.card.third{grid-column:span 4}.card h2{margin:0 0 12px;font-size:18px}.card h3{color:#dbe6ff;margin:0 0 10px;font-size:15px}.kpi{gap:6px;display:grid}.kpi b{font-size:28px}.kpi span{color:var(--muted)}.tableWrap{border:1px solid var(--border);border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:800px}th,td{border-bottom:1px solid var(--border);vertical-align:top;text-align:left;padding:10px 12px}th{color:#c8d5ee;background:#ffffff0a;font-size:13px;position:sticky;top:0}td{color:#edf2ff;font-size:14px}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.formGrid{grid-template-columns:repeat(4,minmax(160px,1fr));align-items:end;gap:12px;display:grid}.formGrid .wide{grid-column:span 2}.formGrid .full{grid-column:1/-1}.pill{border:1px solid var(--border);color:#dce7ff;background:#ffffff0d;border-radius:999px;padding:3px 8px;font-size:12px;display:inline-flex}.pill.good{color:#b8ffd5}.pill.bad{color:#ffb3b8}.pill.warn{color:#ffe6a3}.notice{color:#d6deef;background:#ffffff0a;border:1px dashed #ffffff38;border-radius:14px;padding:12px}@media (max-width:1000px){.admin{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.card.half,.card.third{grid-column:span 12}.formGrid{grid-template-columns:1fr}.formGrid .wide{grid-column:auto}}.miniForm{grid-template-columns:minmax(160px,1fr) minmax(180px,1.4fr) minmax(160px,1fr) auto;align-items:center;gap:8px;display:grid}.input.mini{min-width:140px;padding:9px 10px;font-size:12px}.sidebar .brand small{color:#9fd3ff}.notice code{background:#ffffff14;border-radius:6px;padding:2px 6px}@media (max-width:1100px){.miniForm{grid-template-columns:1fr}}.checkField{border:1px solid var(--border);background:#ffffff09;border-radius:14px;align-items:flex-start;gap:10px;min-height:58px;padding:12px;display:flex}.checkField input[type=checkbox]{flex:none;width:18px;height:18px;margin-top:2px}.checkField span{color:var(--text);gap:4px;font-size:14px;display:grid}.checkField small{color:var(--muted);font-size:12px;line-height:1.35;display:block}code{color:#ffd166}.fieldRows{gap:10px;margin-top:10px;display:grid}.fieldRow{border:1px solid var(--border);background:#ffffff06;border-radius:14px;grid-template-columns:minmax(180px,1.2fr) minmax(220px,1.4fr) minmax(150px,.8fr) minmax(130px,.7fr);align-items:center;gap:10px;padding:10px;display:grid}.miniCheck{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.miniCheck input[type=checkbox]{width:16px;height:16px}@media (max-width:1100px){.fieldRow{grid-template-columns:1fr}}.accessGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:8px;display:grid}.pillWrap{flex-wrap:wrap;gap:6px;display:flex}.loginForm{grid-template-columns:1fr;align-items:stretch;gap:12px;display:grid}.loginForm .field,.loginForm .full{grid-column:1/-1}.loginCard .button{justify-content:center;align-items:center;width:max-content;max-width:100%;text-decoration:none;display:inline-flex}.loginCard .input{max-width:100%}.permGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:10px;display:grid}.permCard{border:1px solid var(--border);background:#ffffff08;border-radius:14px;align-items:flex-start;gap:10px;padding:10px;display:flex}.permCard input{width:18px;height:18px;margin-top:2px}.permCard b{font-size:14px;display:block}.permCard small{color:var(--muted);margin-top:3px;line-height:1.35;display:block}.helpList{gap:8px;display:grid}.helpList code{margin:2px 4px 2px 0;display:inline-block}
