body{margin:0;font-family:system-ui,Arial;background:#f6f8fb;color:#111}.layout{display:flex;height:100vh}.sidebar{width:240px;background:#111827;color:#fff;padding:20px}.sidebar h2{margin-bottom:30px;font-size:20px}.sidebar a{display:block;padding:10px 0;color:#9ca3af;text-decoration:none}.sidebar a:hover{color:#fff}.content{flex:1;padding:40px;overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.table th{text-align:left;padding:14px;background:#f3f4f6;font-size:14px}.table td{padding:14px;border-top:1px solid #eee;font-size:14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000000d}.card h3{font-size:14px;color:#6b7280;margin:0}.card p{font-size:28px;margin-top:10px;font-weight:700}