:root {
  --bg:#0b0f14; --card:#0f1620; --muted:#202a36; --accent:#35e49c; --text:#e9f1fb; --danger:#ff4d4f; --warn:#ffcc00;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--accent);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid #18212c;border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.flex{display:flex;gap:16px}
.grid{display:grid;gap:16px}
.btn{background:var(--accent);color:#001a10;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;font-weight:700}
.btn.secondary{background:#263141;color:#bcd7e9}
.btn.danger{background:var(--danger);color:white}
.input, select, textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #223042;background:#0e1520;color:#dce7f7;outline:none}
.input:focus{border-color:#2abf88}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#1b2531;border:1px solid #243246;color:#b6c7da;font-size:.8rem}
.nav{position:fixed;left:0;top:0;bottom:0;width:260px;background:#0f1520;border-right:1px solid #1b2634;padding:16px;overflow:auto}
.nav h2{margin:0 0 12px 0;font-size:18px;opacity:.9}
.nav .menu a{display:block;padding:10px 12px;border-radius:10px;color:#cde5f9;margin-bottom:6px}
.nav .menu a.active, .nav .menu a:hover{background:#1a2330}
.main{margin-left:260px;padding:24px}
.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kpi .card h3{margin:0 0 8px 0}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table th{font-size:.9rem;color:#b9cbe0;text-align:left;padding:8px 10px}
.table td{background:#0f1620;border:1px solid #1b2634;padding:10px;border-radius:10px}
hr{border:none;border-top:1px solid #1b2634;margin:14px 0}
.alert{padding:10px 12px;border-radius:10px;background:#13202c;border:1px solid #1c2e3f;color:#b8d2e8}
.alert.warn{background:#2d2409;border-color:#443510;color:#ffe7a0}
@media (max-width:900px){
  .nav{position:fixed;transform:translateX(-100%);transition:.25s;width:85vw;z-index:99}
  .nav.open{transform:none}
  .main{margin-left:0;padding-top:70px}
  .kpi{grid-template-columns:1fr}
  .header .mobile-toggle{display:inline-block}
}
.header .mobile-toggle{display:none;background:#203045;border:1px solid #2a3b52;color:#cde5f9;border-radius:10px;padding:8px 10px}
.footer{opacity:.6;font-size:.9rem;margin-top:24px}
.small{font-size:.85rem;opacity:.85}