:root{
  --brand:#7B2FBE;
  --brand-2:#B06AF0;
  --dark:#17122A;
  --bg:#f4f7fb;
  --card:#ffffff;
  --muted:#6b7280;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#eef2ff 0%,#f8fafc 38%,#f4f7fb 100%);color:#111827;margin:0}
a{text-decoration:none}
.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px}
.auth-wrapper{width:min(100%,540px)}
.glass-panel {
    background: rgba(26, 30, 53, 0.75);
    backdrop-filter: blur(16px);
    border: 1px solid rgb(73 67 67 / 35%);
    box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
    border-radius: 28px;
}
.auth-card{position:relative;overflow:hidden}
.auth-card::before{content:"";position:absolute;inset:auto -10% -30% auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--brand-2),transparent 70%);opacity:.12}
.brand-logo{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:grid;place-items:center;color:#fff;font-weight:800}
.auth-logo{width:68px;height:68px;font-size:1.5rem}
.form-control,.form-select{border-radius:18px;padding:.9rem 1rem;border:1px solid rgba(15,23,42,.08);box-shadow:none}
.form-control:focus,.form-select:focus{border-color:rgba(123,47,190,.35);box-shadow:0 0 0 .25rem rgba(123,47,190,.12)}
.btn{border-radius:18px}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border:none;box-shadow:0 12px 24px rgba(123,47,190,.18)}
.btn-soft{background:rgba(123,47,190,.08);color:var(--brand);border:none}
.panel-body{min-height:100vh}
.app-shell{display:grid;grid-template-columns:290px 1fr;min-height:100vh;padding:18px;gap:18px}
.topbar{background: rgb(13 28 47);backdrop-filter:blur(14px);border: 1px solid rgb(63 60 60 / 45%);padding:20px 24px;border-radius:26px;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.brand-box{display:flex;align-items:center;gap:14px}
.sidebar-nav .nav-link{color:rgba(255,255,255,.74);padding:12px 14px;border-radius:16px;margin-bottom:6px;font-weight:600}
.sidebar-nav .nav-link.active,.sidebar-nav .nav-link:hover{background:rgba(255,255,255,.1);color:#fff}
.app-main{min-width:0}
.topbar{background:rgba(255,255,255,.65);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.45);padding:20px 24px;border-radius:26px;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.content-card{background:#fff;border-radius:24px;border:1px solid rgba(15,23,42,.05);box-shadow:0 12px 34px rgba(15,23,42,.06)}
.metric-card{color:#fff;border-radius:24px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.metric-card small{display:block;opacity:.85;font-size:.85rem}
.metric-card h3{font-size:2.3rem;margin:.35rem 0 0;font-weight:800}
.metric-card i{font-size:2rem;opacity:.8}
.quick-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid rgba(15,23,42,.05);border-radius:18px;background:#fafbff}
.table thead th{font-size:.82rem;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid rgba(15,23,42,.06)}
.table td,.table th{padding:1rem .85rem}
.soft-card{border-radius:18px;background:#faf7ff;border:1px solid rgba(123,47,190,.12)}
.modal-content{border-radius:24px;border:none;box-shadow:0 30px 80px rgba(15,23,42,.15)}
.modal-header,.modal-footer{border:none}
@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}}