:root{--sidebar:#111827;--sidebar-2:#172033;--canvas:#f5f7fb;--panel:#fff;--line:#e8edf4;--text:#172033;--muted:#6b7280;--primary:#4f46e5;--primary-2:#4338ca}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2));z-index:1040}.main-area{min-height:100vh;margin-left:260px}.topbar{height:74px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1020}.content-wrap{max-width:1600px;margin:auto}.brand{display:flex;align-items:center;gap:.75rem;font-weight:800;font-size:1.08rem;text-decoration:none;color:#fff}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:inline-grid;place-items:center;color:#fff;box-shadow:0 10px 30px rgba(79,70,229,.3)}.brand-mark.light{background:rgba(255,255,255,.15);box-shadow:none}.sidebar .nav-link{display:flex;align-items:center;gap:.9rem;color:#aab3c5;border-radius:12px;padding:.78rem .9rem;font-weight:600}.sidebar .nav-link i{font-size:1.05rem;width:20px}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:#fff;background:rgba(255,255,255,.09)}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08)}.sidebar-mobile{width:280px;background:var(--sidebar);color:#fff}.sidebar-mobile .nav-link{color:#aab3c5;display:flex;gap:.8rem;padding:.75rem 1rem}.sidebar-mobile .nav-link.active{background:rgba(255,255,255,.08);color:#fff}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 30px rgba(17,24,39,.035);overflow:hidden}.panel-head{min-height:72px;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}.metric-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.25rem;box-shadow:0 8px 30px rgba(17,24,39,.035)}.metric-icon{width:44px;height:44px;border-radius:14px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;font-size:1.15rem}.metric-value{font-size:1.55rem;font-weight:800;margin-top:1rem;letter-spacing:-.03em}.metric-label{color:var(--muted);font-size:.88rem;margin-top:.18rem}.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:var(--primary-2);--bs-btn-hover-border-color:var(--primary-2);border-radius:10px;font-weight:650}.btn-light{border:1px solid var(--line);background:#fff;border-radius:10px}.form-control,.form-select{border-color:#dde3ec;border-radius:10px;min-height:44px}.form-control:focus,.form-select:focus{border-color:#a5b4fc;box-shadow:0 0 0 .22rem rgba(79,70,229,.10)}.form-label{font-weight:650;font-size:.88rem}.table>:not(caption)>*>*{padding:.92rem 1rem;border-bottom-color:#edf1f6}.table thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#7b8494;font-weight:750;background:#fbfcfe}.status-pill{display:inline-flex;align-items:center;padding:.3rem .62rem;border-radius:999px;font-size:.76rem;font-weight:750;background:#eef2f7;color:#556070}.status-active,.status-paid{background:#e9fbf1;color:#147a43}.status-unpaid,.status-suspended,.status-inactive{background:#fff0f0;color:#b42318}.status-partial,.status-trial{background:#fff7e6;color:#a15c00}.status-graduated{background:#eef2ff;color:#4338ca}.search-box{position:relative;min-width:min(420px,100%)}.search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9aa3b2}.search-box input{width:100%;height:44px;border:1px solid var(--line);border-radius:12px;padding:0 14px 0 42px;background:#fff;outline:none}.search-box input:focus{border-color:#a5b4fc;box-shadow:0 0 0 .22rem rgba(79,70,229,.08)}.user-menu{border:0;background:transparent;display:flex;align-items:center;gap:.65rem}.avatar-sm{width:34px;height:34px;border-radius:50%;background:#eef2ff;color:#4338ca;display:grid;place-items:center;font-weight:800}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.auth-body{background:#eef2f7}.auth-card{max-width:1080px;min-height:620px;border-radius:28px;box-shadow:0 30px 80px rgba(31,41,55,.16)}.auth-hero{background:radial-gradient(circle at top right,rgba(255,255,255,.13),transparent 35%),linear-gradient(145deg,#312e81,#4f46e5 55%,#7c3aed);color:#fff}.auth-card .form-control-lg{font-size:1rem;min-height:52px}.list-group-item{border-color:var(--line)}code{color:#4338ca;background:#f3f4ff;padding:.18rem .38rem;border-radius:6px}.modal-content{border-radius:18px}.alert{border-radius:14px}
@media(max-width:991.98px){.main-area{margin-left:0}.topbar{height:66px}.content-wrap{padding-bottom:5rem!important}}@media(max-width:575.98px){.panel,.metric-card{border-radius:15px}.table>:not(caption)>*>*{padding:.8rem .75rem}.metric-value{font-size:1.25rem}.search-box{min-width:100%}.auth-card{border-radius:20px;min-height:auto}.content-wrap{padding-left:.75rem!important;padding-right:.75rem!important}}