:root{
  --bg:#07111f;
  --bg-soft:#0b1628;
  --card:rgba(15,23,42,.78);
  --card-2:rgba(9,18,32,.92);
  --line:rgba(148,163,184,.16);
  --line-strong:rgba(148,163,184,.24);
  --text:#e5eefc;
  --muted:#8ca1c2;
  --primary:#67e8f9;
  --primary-2:#8b5cf6;
  --success:#22c55e;
  --warning:#f59e0b;
  --danger:#ef4444;
  --shadow:0 18px 50px rgba(2,6,23,.42);
  --radius:24px;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
  background:
    radial-gradient(circle at top right, rgba(103,232,249,.10), transparent 28%),
    radial-gradient(circle at top left, rgba(139,92,246,.12), transparent 32%),
    linear-gradient(180deg, #06101d 0%, #0a1324 100%);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  letter-spacing:.01em;
}
.navbar{
  background:rgba(6,16,29,.84)!important;
  border-bottom:1px solid var(--line)!important;
  backdrop-filter:blur(16px);
}
.navbar-brand{font-weight:800;letter-spacing:.02em}
.nav-link{color:#c6d5f0!important;opacity:.88}
.nav-link:hover,.nav-link:focus{opacity:1;color:#fff!important}
.container{max-width:1180px}
.card,.stat,.hero,.copy-box,.table-wrap,.premium-panel{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  backdrop-filter:blur(16px);
}
.card{padding:1.15rem}
.hero{
  background:
    radial-gradient(circle at top right, rgba(103,232,249,.15), transparent 35%),
    radial-gradient(circle at bottom left, rgba(139,92,246,.12), transparent 32%),
    linear-gradient(135deg, rgba(10,22,40,.94), rgba(16,28,49,.92));
  padding:32px;
}
.hero h1,.hero .display-title{font-weight:800;letter-spacing:-.02em}
.stat{
  padding:1rem 1.05rem;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}
.sidebar-link{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px;border-radius:16px;color:#d9e7ff;text-decoration:none;
  background:rgba(255,255,255,.015);border:1px solid transparent;transition:.2s ease;
}
.sidebar-link:hover{transform:translateY(-1px);background:rgba(103,232,249,.08);border-color:rgba(103,232,249,.18);color:#fff}
.form-control,.form-select,textarea{
  background:rgba(6,16,29,.78)!important;color:#fff!important;border:1px solid var(--line-strong)!important;
  border-radius:16px!important;padding:.82rem .95rem!important;
}
.form-control::placeholder,textarea::placeholder{color:#6f85a8!important}
.form-control:focus,.form-select:focus,textarea:focus{
  border-color:rgba(103,232,249,.45)!important;
  box-shadow:0 0 0 .22rem rgba(103,232,249,.10)!important;
}
.btn{border-radius:16px;font-weight:700;letter-spacing:.01em}
.btn-primary{
  border:none;
  background:linear-gradient(135deg, var(--primary), var(--primary-2));
  color:#06101d;
  box-shadow:0 10px 24px rgba(103,232,249,.18);
}
.btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}
.btn-outline-light,.btn-outline-info,.btn-outline-danger,.btn-outline-warning{
  border-color:var(--line-strong)
}
.table{color:#e9f0ff;margin-bottom:0}
.table thead th{color:#9cb2d6;font-weight:700;border-bottom-color:var(--line)!important}
.table td,.table th{border-color:rgba(148,163,184,.10)!important;vertical-align:middle}
.table-responsive{border-radius:18px;overflow:auto}
.small,.text-secondary,.text-muted{color:var(--muted)!important}
.copy-box{padding:14px 16px;white-space:pre-wrap}
.badge-ready,.text-bg-success{background:rgba(34,197,94,.18)!important;color:#b8f7cb!important;border:1px solid rgba(34,197,94,.28)}
.badge-warning,.text-bg-warning{background:rgba(245,158,11,.18)!important;color:#ffe2a9!important;border:1px solid rgba(245,158,11,.28)}
.badge-danger,.text-bg-danger{background:rgba(239,68,68,.18)!important;color:#ffc3c3!important;border:1px solid rgba(239,68,68,.28)}
.alert{border-radius:18px;border:1px solid var(--line)}
.alert-success{background:rgba(34,197,94,.12);color:#d6ffe4;border-color:rgba(34,197,94,.22)}
.alert-danger{background:rgba(239,68,68,.10);color:#ffd5d5;border-color:rgba(239,68,68,.22)}
.alert-warning{background:rgba(245,158,11,.10);color:#ffe8c1;border-color:rgba(245,158,11,.22)}
.alert-info{background:rgba(56,189,248,.10);color:#d8f6ff;border-color:rgba(56,189,248,.22)}
.table-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kpi-value{font-size:1.65rem;font-weight:800;letter-spacing:-.03em}
.soft-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:1.15rem}
.section-title{font-weight:800;letter-spacing:-.02em}
.list-clean{display:grid;gap:10px}
.navbar .btn{border-radius:999px}
@media (max-width: 768px){
  .hero{padding:22px}
  .table-card-grid{grid-template-columns:1fr}
  .card,.stat,.hero{border-radius:20px}
}