*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0;font-family:Inter,Arial,sans-serif}#root{min-height:100vh}.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#111827;width:250px;padding:24px 16px}.sidebar h2{margin:0 0 30px;font-size:22px}.sidebar a{color:#d1d5db;border-radius:8px;margin-bottom:6px;padding:12px;text-decoration:none;display:block}.sidebar a:hover,.sidebar a.active{color:#fff;background:#2563eb}.main-content{flex:1;padding:30px}.card-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.card h3{color:#6b7280;margin:0;font-size:14px}.card strong{margin-top:10px;font-size:32px;display:block}@media (width<=900px){.sidebar{width:80px}.sidebar h2{font-size:14px}.card-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.app-layout{flex-direction:column}.sidebar{width:100%}.card-grid{grid-template-columns:1fr}}