:root{
      --bg:#07111f; --panel:#0e1a2b; --panel2:#13243c; --line:rgba(255,255,255,.08);
      --txt:#eaf1fb; --muted:#9fb2cc; --sky:#38bdf8; --ind:#818cf8;
      --good:#22c55e; --warn:#f59e0b; --bad:#ef4444;
    }
    *{box-sizing:border-box}
    body{
      margin:0; color:var(--txt); font-family:Inter,Segoe UI,Arial,sans-serif;
      background:
        radial-gradient(circle at 0% 0%, rgba(56,189,248,.08), transparent 24%),
        radial-gradient(circle at 100% 0%, rgba(129,140,248,.08), transparent 20%),
        var(--bg);
    }
    .glass{
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      border:1px solid var(--line); box-shadow:0 16px 50px rgba(0,0,0,.28);
      backdrop-filter: blur(8px);
    }
    .kpi-value{font-weight:800; font-size:1.95rem; letter-spacing:-.03em}
    .muted{color:var(--muted)}
    .table-wrap{max-height:520px; overflow:auto}
    thead th{position:sticky; top:0; z-index:2; background:#14253d}
    th,td{padding:.8rem .9rem; text-align:left; border-bottom:1px solid rgba(255,255,255,.06)}
    tbody tr:hover{background:rgba(255,255,255,.03)}
    .btn{
      border:1px solid var(--line); border-radius:14px; padding:.85rem 1rem; font-weight:700;
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      transition:.2s ease;
    }
    .btn:hover{transform:translateY(-1px)}
    .btn-primary{
      background:linear-gradient(135deg, rgba(56,189,248,.22), rgba(129,140,248,.22));
      border-color:rgba(56,189,248,.25);
    }
    .field{
      width:100%; background:rgba(255,255,255,.04); color:var(--txt);
      border:1px solid var(--line); border-radius:14px; padding:.85rem .9rem; outline:none;
    }
    .badge{display:inline-flex; border:1px solid var(--line); border-radius:999px; padding:.35rem .7rem; color:var(--muted); font-size:.78rem}
    .good{color:var(--good)} .warn{color:var(--warn)} .bad{color:var(--bad)}
    .small{font-size:.82rem}