:root{
  --bg:#0f172a;
  --bg2:#111827;
  --panel:#111827;
  --panel-soft:#172033;
  --border:rgba(255,255,255,.08);
  --text:#e5eefc;
  --muted:#94a3b8;
  --primary:#4f8cff;
  --success:#16a34a;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#09111f 0%,#0f172a 100%);color:var(--text);font-family:Inter,Arial,sans-serif}
.layout{display:flex;min-height:100vh}
.sidebar{width:280px;background:rgba(7,12,23,.9);border-right:1px solid var(--border);padding:24px;position:sticky;top:0;height:100vh}
.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--primary),#7c3aed);display:grid;place-items:center;font-weight:700;font-size:24px}
.sidebar h2{font-size:1.3rem;margin:0 0 6px}
.sidebar .nav-link{color:#cbd5e1;border:1px solid transparent;border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.02)}
.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(79,140,255,.14);color:#fff;border-color:rgba(79,140,255,.35)}
.sidebar .nav-link i{margin-right:8px}
.main-content{flex:1}
.page-head{display:flex;justify-content:space-between;gap:20px;align-items:end}
.page-head h1{margin:0;font-size:2rem}
.page-head p{margin:.35rem 0 0;color:var(--muted)}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#7dd3fc;font-size:.75rem;font-weight:700}
.head-actions{display:flex;gap:10px;flex-wrap:wrap}
.metric-card,.panel-card{background:rgba(15,23,42,.9);border:1px solid var(--border);border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.metric-card{padding:22px;min-height:120px}
.metric-card span{display:block;color:var(--muted);margin-bottom:8px}
.metric-card strong{font-size:1.7rem}
.panel-card .card-header{background:transparent;border-bottom:1px solid var(--border)}
.panel-header{padding:18px 22px}
.panel-header h3{margin:0;font-size:1.1rem}
.panel-header p{margin:6px 0 0;color:var(--muted)}
.table-theme table{margin:0}
.table-theme .table{--bs-table-bg:transparent;--bs-table-color:#e5eefc;--bs-table-border-color:rgba(255,255,255,.08)}
.table-theme thead th{background:rgba(255,255,255,.04);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:#bfdbfe;padding:14px 16px}
.table-theme tbody td,.table-theme tfoot th{padding:14px 16px}
.table-theme tbody tr:hover{background:rgba(255,255,255,.03)}
.form-control,.form-select{background:#0b1220;border:1px solid rgba(255,255,255,.12);color:#e5eefc;border-radius:14px;padding:.75rem .9rem}
.form-control:focus,.form-select:focus{background:#0b1220;color:#fff;border-color:rgba(79,140,255,.55);box-shadow:0 0 0 .2rem rgba(79,140,255,.14)}
.btn{border-radius:14px;padding:.75rem 1rem;font-weight:600}
.btn-outline-light{border-color:rgba(255,255,255,.2);color:#e2e8f0}
.btn-outline-secondary{color:#cbd5e1;border-color:rgba(255,255,255,.14)}
.alert{border-radius:16px}
.upload-box{background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.18);padding:18px;border-radius:18px}
.pagination .page-link{background:#0b1220;border-color:rgba(255,255,255,.12);color:#e5eefc}
.pagination .page-item.active .page-link{background:var(--primary);border-color:var(--primary)}
@media (max-width: 992px){.layout{display:block}.sidebar{width:100%;height:auto;position:relative}.page-head{display:block}.head-actions{margin-top:16px}}