:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f7fb}a{color:#2563eb}.shell{display:flex;min-height:100vh}.sidebar{width:250px;flex:0 0 250px;padding:1.5rem 1rem;background:#111827;color:#cbd5e1;box-shadow:8px 0 24px #0f172a14}.brand{padding:.5rem .75rem 1.75rem;color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.nav-list{list-style:none;padding:0;margin:0}.nav-list li{margin:.25rem 0}.nav-list a{display:block;padding:.7rem .75rem;border-radius:.6rem;color:#cbd5e1;text-decoration:none;font-size:.95rem}.nav-list a:hover,.nav-list li.active a{background:#1e293b;color:#fff}.content{width:min(100%,1180px);padding:clamp(1.5rem,4vw,3rem)}h1{margin:0 0 1.5rem;color:#0f172a;font-size:clamp(1.7rem,3vw,2.25rem);letter-spacing:-.04em}h2{margin-top:0;color:#1e293b}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat-card,.auth-card,section,table{border:1px solid #e2e8f0;border-radius:.9rem;background:#fff;box-shadow:0 8px 24px #0f172a0d}.stat-card{padding:1.25rem}.stat-card span{display:block;color:#64748b;font-size:.85rem}.stat-card strong{display:block;margin-top:.45rem;color:#0f172a;font-size:1.8rem}section{padding:1.25rem}table{width:100%;border-spacing:0;overflow:hidden}th,td{padding:.85rem 1rem;border-bottom:1px solid #e2e8f0;text-align:left}th{color:#475569;background:#f8fafc;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:0}button{padding:.6rem .9rem;border:0;border-radius:.5rem;background:#2563eb;color:#fff;cursor:pointer;font:inherit;font-weight:650}button:hover{background:#1d4ed8}input{padding:.65rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;font:inherit}.auth-card{width:min(100%,440px);padding:2rem}.auth-form{display:grid;gap:1rem}.auth-form label{display:grid;gap:.4rem;color:#475569;font-size:.9rem;font-weight:650}.error{color:#b91c1c}@media (max-width: 800px){.shell{display:block}.sidebar{width:100%;padding:1rem}.brand{padding-bottom:.75rem}.nav-list{display:flex;flex-wrap:wrap;gap:.25rem}.content{padding:1.25rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}table{display:block;overflow-x:auto;white-space:nowrap}}