:root{
  --bg:#0b1220;
  --panel:#121c2f;
  --panel2:#16233a;
  --line:rgba(120,145,184,.22);
  --text:#e8eef9;
  --muted:#8ea0bc;
  --primary:#4da3ff;
  --success:#23c483;
  --danger:#ff5d73;
  --warning:#f4b942;
}
html,body{
  background:
    radial-gradient(circle at 12% 8%, rgba(46,211,255,.14), transparent 20%),
    radial-gradient(circle at 88% 6%, rgba(77,163,255,.12), transparent 22%),
    linear-gradient(180deg,#09111d 0%,#0b1220 100%);
  color:var(--text);
  min-height:100%;
  font-family:Inter,Arial,sans-serif;
}
.topbar{backdrop-filter:blur(14px);background:rgba(10,17,30,.82);border-bottom:1px solid rgba(108,136,178,.18)}
.navbar-toggler{border-color:rgba(255,255,255,.2)}
.navbar-toggler-icon{filter:invert(1)}
.nav-link{color:#9fb0cb}.nav-link.active,.nav-link:hover{color:#fff}
.glass-card,.glass-modal{background:linear-gradient(180deg, rgba(18,28,47,.94), rgba(15,26,44,.96));border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.glass-card{padding:1.5rem}
.glass-modal{color:var(--text)}
.stat-card{min-height:170px}.mini-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:1rem;border-radius:18px}
.brand-badge{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg, rgba(46,211,255,.28), rgba(77,163,255,.16)), linear-gradient(135deg, #102746, #193458);font-size:1.3rem;font-weight:800}
.form-control,.form-select{background:#0d1729;border:1px solid rgba(255,255,255,.08);color:#fff}
.form-control:focus,.form-select:focus{background:#0d1729;color:#fff;border-color:#4da3ff;box-shadow:0 0 0 .2rem rgba(77,163,255,.15)}
.form-control::placeholder{color:#7d90af}
.text-secondary{color:var(--muted)!important}.table-dark{--bs-table-bg:transparent;--bs-table-striped-bg:rgba(255,255,255,.02);--bs-table-hover-bg:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
code{color:#9dd7ff}
.page-shell{overflow:hidden}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.eyebrow{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#7fc8ff;font-weight:700;margin-bottom:.35rem}
.toolbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.search-wrap{position:relative;min-width:280px}
.search-wrap.compact{min-width:220px}
.search-wrap i{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#86a4d1}
.search-wrap .form-control{padding-left:2.35rem}
.mini-select{width:88px}
.table-shell{border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden;background:rgba(9,16,28,.4)}
.table-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.pagination-lite{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}
.page-btn{border:1px solid rgba(255,255,255,.08);background:#0e182a;color:#fff;border-radius:12px;padding:.5rem .8rem;min-width:42px}
.page-btn.active{background:linear-gradient(135deg,#2d79ff,#4da3ff);border-color:transparent}
.page-btn:disabled{opacity:.45;cursor:not-allowed}
.btn-row{display:flex;gap:.5rem;flex-wrap:wrap}
.pill-dark{display:inline-flex;padding:.35rem .6rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.password-box{background:#0d1729;border:1px dashed rgba(255,255,255,.15);border-radius:16px;padding:1rem;white-space:pre-wrap;word-break:break-word;color:#dbe7ff}
.toast-wrap{position:fixed;right:16px;top:16px;z-index:2000;display:flex;flex-direction:column;gap:.6rem}
.toast-item{opacity:0;transform:translateY(-8px);transition:.25s ease;background:#0d1729;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.9rem 1rem;border-radius:14px;box-shadow:0 12px 26px rgba(0,0,0,.25)}
.toast-item.show{opacity:1;transform:translateY(0)}
.toast-item.success{border-left:4px solid var(--success)}
.toast-item.error{border-left:4px solid var(--danger)}
.modal-content{border:none;background:transparent}
.btn-primary{background:linear-gradient(135deg,#2d79ff,#4da3ff);border:none}
.btn-outline-light{border-color:rgba(255,255,255,.2)}
@media (max-width: 991px){
  .search-wrap,.search-wrap.compact{min-width:100%}
  .table-footer{align-items:flex-start}
}