:root{
  --bg:#0b1220;
  --card:#121a2b;
  --text:#e8eefc;
  --muted:#aab6d6;
  --line:#22304f;
  --bad:#ffb3b3;
  --good:#b7ffcf;
  --btn:#2b63ff;
  --btn2:#25324f;
}

*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;}
body{margin:0;color:var(--text);background:var(--bg);}
a{color:var(--text);text-decoration:none}
.bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;max-width:1100px;width:100%;}
.login{max-width:420px;}
h1,h2{margin:0 0 10px 0;}
.muted{color:var(--muted);margin:0 0 14px 0;}
label{display:block;margin:10px 0 6px 0;color:var(--muted);font-size:14px;}
input,textarea,select{
  width:100%;padding:10px;border-radius:10px;border:1px solid var(--line);
  background:#0e1627;color:var(--text);outline:none;
}
textarea{min-height:120px;resize:vertical;}
button{
  width:100%;margin-top:12px;padding:10px;border:0;border-radius:10px;
  background:var(--btn);color:white;font-weight:600;cursor:pointer;
}
button.secondary{background:var(--btn2);border:1px solid var(--line);}
.topbar{
  display:flex;gap:12px;align-items:center;justify-content:space-between;
  padding:14px 18px;border-bottom:1px solid var(--line);
  background:#0e1627;position:sticky;top:0;z-index:10;
}
.nav{display:flex;gap:10px;flex-wrap:wrap;}
.nav a{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#0b1220;}
.nav a.active{background:var(--btn2);}
.wrap{max-width:1100px;margin:18px auto;padding:0 18px 30px 18px;}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;}
.col-6{grid-column:span 6;}
.col-4{grid-column:span 4;}
.col-12{grid-column:span 12;}
.box{border:1px solid var(--line);border-radius:14px;padding:14px;background:#0e1627;}
.kpi{font-size:28px;font-weight:800;margin-top:6px;}
.table{width:100%;border-collapse:collapse;}
.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;}
.bad{color:var(--bad);font-weight:700;}
.good{color:var(--good);font-weight:700;}
.alert{background:#2b1b1b;border:1px solid #5a2a2a;padding:10px;border-radius:12px;margin:10px 0;color:var(--bad);}
.ok{background:#112818;border:1px solid #1d5530;padding:10px;border-radius:12px;margin:10px 0;color:var(--good);}
.actions{display:flex;gap:8px;flex-wrap:wrap;}
.actions form{margin:0;}
.actions button{width:auto;margin:0;padding:8px 10px;}
small{color:var(--muted);}