:root{--c2b-navy:#111827;--c2b-blue:#2563eb;--c2b-line:#e5e7eb}.c2b-auth-body{min-height:100vh}.c2b-auth-panel{display:flex;align-items:center;justify-content:center;min-height:280px;padding:3rem;color:#fff;background:radial-gradient(circle at 75% 20%,rgba(59,130,246,.45),transparent 35%),linear-gradient(145deg,#0f172a,#172554 58%,#1d4ed8)}.c2b-auth-brand{max-width:520px}.c2b-logo,.c2b-sidebar-logo,.c2b-mobile-brand{font-weight:800;letter-spacing:-.05em}.c2b-logo{font-size:2rem;margin-bottom:3rem}.c2b-logo span,.c2b-sidebar-logo span,.c2b-mobile-brand span{color:#60a5fa}.c2b-auth-brand h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.05;font-weight:700;letter-spacing:-.04em}.c2b-auth-brand p{margin-top:1.5rem;color:#bfdbfe;font-size:1rem}.c2b-mobile-brand{display:block;margin-bottom:2rem;font-size:1.25rem}.c2b-shell{min-height:100vh}.c2b-sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:24px 16px;background:#111827;color:#cbd5e1}.c2b-sidebar-logo{display:block;color:#fff;font-size:1.35rem;padding:4px 12px 28px}.c2b-nav{display:flex;flex-direction:column;gap:4px}.c2b-nav a{display:flex;align-items:center;gap:12px;border-radius:7px;padding:10px 12px;color:#94a3b8;font-size:.875rem;font-weight:500}.c2b-nav a:hover,.c2b-nav a.is-active{background:#1f2937;color:#fff}.c2b-nav a.is-active i{color:#60a5fa}.c2b-nav-label{padding:22px 12px 6px;color:#64748b;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.c2b-main{min-height:100vh;margin-left:260px}.c2b-topbar{height:72px;padding:0 32px;border-bottom:1px solid var(--c2b-line);display:flex;align-items:center;justify-content:space-between;background:#fff}.c2b-content{padding:32px}.c2b-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.c2b-page-head h1{font-size:1.5rem;font-weight:650;letter-spacing:-.02em}.c2b-page-head p{margin-top:4px;color:#6b7280;font-size:.875rem}.c2b-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.c2b-stat{display:flex;align-items:center;gap:16px;padding:22px}.c2b-stat>span{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#eff6ff;color:#2563eb;font-size:1.25rem}.c2b-stat strong{font-size:1.5rem}.c2b-stat p{color:#6b7280;font-size:.8rem}.c2b-empty{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.c2b-empty>span{display:grid;place-items:center;width:56px;height:56px;border-radius:10px;background:#f3f4f6;font-size:1.5rem}.c2b-empty h2{margin-top:16px;color:#374151;font-weight:600}.c2b-empty p{font-size:.875rem;margin-top:4px}@media(max-width:1023px){.c2b-auth-panel{min-height:230px;margin:0}.c2b-auth-brand h2{font-size:2rem}.c2b-auth-brand p,.c2b-logo{display:none}.c2b-sidebar{position:static;width:auto}.c2b-nav{display:grid;grid-template-columns:repeat(2,1fr)}.c2b-nav-label{grid-column:1/-1}.c2b-main{margin-left:0}.c2b-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.c2b-topbar{padding:0 16px}.c2b-topbar>div:first-child{display:none}.c2b-content{padding:20px 16px}.c2b-stat-grid{grid-template-columns:1fr}.c2b-nav{grid-template-columns:1fr 1fr}.c2b-auth-card{border:0;box-shadow:none}}