:root{--admin-bg: #f4f7fb;--admin-surface: rgba(255, 255, 255, .92);--admin-border: rgba(148, 163, 184, .18);--admin-text: #0f172a;--admin-muted: #667085;--admin-primary: #2563eb;--admin-secondary: #10b981;--admin-sidebar: #0f172a}body{min-height:100vh;background:radial-gradient(circle at top left,rgba(59,130,246,.14),transparent 28%),radial-gradient(circle at top right,rgba(16,185,129,.12),transparent 24%),var(--admin-bg);color:var(--admin-text);font-family:Inter,Segoe UI,sans-serif}#app{min-height:100vh}.app-shell{display:flex;min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,460px);gap:2rem;align-items:center;padding:2rem}.auth-hero{padding:2rem clamp(1rem,4vw,4rem)}.auth-brand-badge{width:4rem;height:4rem;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.25rem;background:linear-gradient(135deg,#60a5fa,#34d399);color:#fff;font-size:1.5rem;box-shadow:0 18px 42px #2563eb38}.auth-hero-title{max-width:12ch;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.95;letter-spacing:-.04em;margin:.8rem 0 1rem}.auth-hero-copy{max-width:44ch;color:var(--admin-muted);font-size:1.05rem}.auth-card{width:min(460px,100%);justify-self:end;border-radius:32px;border:1px solid rgba(148,163,184,.2);background:#ffffffe6;box-shadow:0 30px 70px #0f172a1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar{width:280px;background:linear-gradient(180deg,#0f172a,#111827 60%,#172033);color:#fff;position:sticky;top:0;height:100vh;padding:1.5rem 1.1rem;overflow-y:auto}.sidebar .brand-mark{width:2.5rem;height:2.5rem;border-radius:16px;background:linear-gradient(135deg,#60a5fa,#34d399);display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 18px 40px #60a5fa38}.sidebar .nav-link{color:#ffffffbf;border-radius:16px;padding:.8rem .95rem;display:flex;gap:.85rem;align-items:center;margin-bottom:.35rem;text-decoration:none}.sidebar .nav-link.active,.sidebar .nav-link:hover{color:#fff;background:#ffffff14}.content-area{flex:1;min-width:0;padding:1.5rem}.glass-card,.table-card{border:1px solid var(--admin-border);border-radius:28px;background:var(--admin-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 50px #0f172a14}.table-card{overflow:hidden}.stat-card{padding:1.25rem;height:100%}a.stat-card-link:hover .stat-card{border-color:#2563eb59;box-shadow:0 28px 56px #0f172a1f}.stat-icon{width:3rem;height:3rem;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:#2563eb1a;color:var(--admin-primary)}.topbar{border:1px solid var(--admin-border);border-radius:24px;background:#ffffffbd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:1rem 1.2rem;margin-bottom:1.5rem}.badge-soft{border-radius:999px;padding:.45rem .8rem;font-weight:600}.table thead th{color:var(--admin-muted);font-weight:600;background:#f8fafccc;border-bottom-width:1px}.table td,.table th{vertical-align:middle;padding-top:1rem;padding-bottom:1rem}.form-control,.form-select{border-radius:16px;border-color:#94a3b84d;min-height:48px}textarea.form-control{min-height:130px}.btn{border-radius:14px;font-weight:600}.soft-section-title{font-size:.85rem;color:#ffffff7a;letter-spacing:.08em;text-transform:uppercase;margin:1.4rem 0 .75rem}.mobile-sidebar{background:linear-gradient(180deg,#0f172a,#111827 55%,#172033);color:#fff}.mobile-sidebar .offcanvas-header{background:linear-gradient(180deg,#0f172a,#111827);border-bottom:1px solid rgba(255,255,255,.1)!important;padding:1rem 1.1rem}.mobile-sidebar .offcanvas-title{color:#fff;font-weight:700;letter-spacing:-.02em}.mobile-sidebar .mobile-sidebar-tagline{color:#ffffff8c;font-size:.8rem;margin-top:.15rem}.mobile-sidebar .offcanvas-body{padding-top:.75rem;padding-bottom:1.5rem}.mobile-sidebar .nav-link{color:#ffffffc7;border-radius:16px;padding:.8rem .95rem;display:flex;gap:.85rem;align-items:center;margin-bottom:.35rem;text-decoration:none}.mobile-sidebar .nav-link-button{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.mobile-sidebar .nav-link.active,.mobile-sidebar .nav-link:hover{color:#fff;background:#ffffff14}.mobile-sidebar .nav-link i{opacity:.95}.avatar-circle{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#dcfce7);display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#1d4ed8}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.object-fit-cover{object-fit:cover}.admin-topbar{position:sticky;top:0;z-index:1030}.admin-topbar-menu-btn,.admin-topbar-icon-btn{width:2.65rem;height:2.65rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:14px}.admin-topbar-icon-btn{border:1px solid rgba(148,163,184,.35)}.admin-account-dropdown{min-width:12rem}.mobile-sidebar .brand-mark{width:2.5rem;height:2.5rem;border-radius:16px;background:linear-gradient(135deg,#60a5fa,#34d399);display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 18px 40px #60a5fa38}.brand-mark--sm{width:2rem;height:2rem;border-radius:12px;font-size:.95rem}@media(min-width:992px){.admin-topbar{position:relative;z-index:1}}@media(max-width:991.98px){.content-area{padding:1rem}.auth-shell{grid-template-columns:1fr;gap:1rem;padding:1rem}.auth-hero{padding:1rem .25rem}.auth-card{justify-self:stretch}.auth-hero-title{max-width:none}}