:root{--navy:#101828;--violet:#6d5dfc;--bg:#f5f7fb}body{background:var(--bg);color:#1d2939;font-family:Inter,system-ui,-apple-system,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#111827,#17132f);color:#fff;position:fixed;inset:0 auto 0 0;z-index:1030;padding:22px 14px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:800;padding:0 12px 28px;display:flex;gap:10px;align-items:center}.brand i{color:#25d366}.sidebar nav a,.sidebar-bottom a{display:flex;align-items:center;gap:12px;color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:10px;margin:3px 0}.sidebar nav a:hover,.sidebar-bottom a:hover{background:#ffffff12;color:#fff}.sidebar-bottom{margin-top:auto}.topbar{height:70px;background:#fff;border-bottom:1px solid #e4e7ec;display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:1020}.content{margin-left:250px;width:calc(100% - 250px);padding:28px}.stat-card,.panel{background:#fff;border:1px solid #eaecf0;border-radius:16px;box-shadow:0 6px 20px #1018280a}.stat-card{padding:20px}.stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#f0edff;color:var(--violet);font-size:20px}.stat-number{font-size:28px;font-weight:800}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#667085}.badge{font-weight:600}.page-title{font-weight:800}.progress{height:9px;border-radius:10px}.upload-box{border:1px dashed #98a2b3;border-radius:14px;padding:22px;background:#fafafa}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#6d5dfc33,transparent 30%),#f5f7fb}.login-card{width:min(430px,92vw);background:#fff;border:1px solid #eaecf0;border-radius:22px;padding:34px;box-shadow:0 20px 60px #10182818}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.content{margin-left:0;width:100%}}