:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,Arial,sans-serif}body{margin:0}*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:Inter,Arial,sans-serif}.dashboard{min-height:100vh;display:flex}.sidebar{color:#fff;background:#111827;width:240px;padding:30px 20px}.sidebar h2{color:#818cf8;margin:0}.sidebar p{color:#9ca3af;margin-bottom:40px;font-size:13px}.sidebar nav div{color:#cbd5e1;border-radius:8px;margin-bottom:8px;padding:14px}.sidebar nav .active{color:#fff;background:#4f46e5}.content{flex:1;min-width:0;padding:35px}header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}header h1{margin:0}header p{color:#64748b}.status{color:#16a34a;font-size:14px}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px;display:grid}.stat,.panel{background:#fff;border-radius:14px;padding:25px;box-shadow:0 4px 15px #00000008}.stat span{color:#64748b}.stat h2{margin-bottom:0;font-size:30px}.panel{margin-bottom:25px}.form{gap:12px;display:flex}input{min-width:0;font:inherit;border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:12px}button{color:#fff;cursor:pointer;font:inherit;background:#4f46e5;border:0;border-radius:8px;padding:12px 20px}button:hover{background:#4338ca}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:15px}@media (width<=768px){.dashboard{flex-direction:column}.sidebar{width:100%}.sidebar nav{gap:8px;display:flex;overflow-x:auto}.sidebar nav div{white-space:nowrap}.content{padding:20px}.stats{grid-template-columns:1fr}header,.form{flex-direction:column;align-items:stretch}}