:root{
  --bg:#07111f;--panel:#0d1b2d;--panel2:#11243b;--line:#203b5b;
  --text:#eef6ff;--muted:#8fa8c3;--cyan:#29d3ff;--blue:#3578ff;
  --green:#31d487;--yellow:#ffc857;--red:#ff5d73;
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#050b14,#0a1830);color:var(--text)}
a{text-decoration:none;color:inherit}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.sidebar{background:rgba(6,16,30,.96);border-right:1px solid var(--line);padding:24px;position:sticky;top:0;height:100vh}
.brand{font-weight:800;font-size:22px;letter-spacing:.5px;margin-bottom:32px}.brand span{color:var(--cyan)}
.nav a{display:block;padding:12px 14px;border-radius:10px;color:var(--muted);margin:5px 0}.nav a:hover,.nav a.active{background:var(--panel2);color:#fff}
.main{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:rgba(13,27,45,.92);border:1px solid var(--line);border-radius:16px;padding:20px}
.card h3{margin:0 0 6px;color:var(--muted);font-size:14px}.metric{font-size:30px;font-weight:800}
.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.btn{display:inline-block;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#00101a;border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}
.btn.secondary{background:var(--panel2);color:#fff;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;background:rgba(13,27,45,.9);border:1px solid var(--line);border-radius:14px;overflow:hidden}
th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{color:var(--muted);font-size:12px;text-transform:uppercase}
.badge{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.badge-success{background:#123d31;color:#59e5ad}.badge-warning{background:#4b3a12;color:#ffd978}.badge-danger{background:#4a1d29;color:#ff91a1}.badge-secondary{background:#253348;color:#c5d3e2}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}
input,select,textarea{width:100%;background:#081727;border:1px solid var(--line);color:#fff;padding:11px 12px;border-radius:9px}textarea{min-height:100px}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px}
.alert{padding:11px 13px;border-radius:9px;margin-bottom:14px;background:#4a1d29;color:#ffbec8}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.grid{grid-template-columns:repeat(2,1fr)}.nav{display:flex;gap:6px;overflow:auto}.nav a{white-space:nowrap}.main{padding:18px}}
@media(max-width:560px){.grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.topbar,.section-head{align-items:flex-start;gap:12px;flex-direction:column}th:nth-child(3),td:nth-child(3){display:none}}