*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b1020;color:#f4f7fb}a{color:inherit;text-decoration:none}body{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:24px}.grid{display:grid;grid-gap:16px;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#151c33;border:1px solid #24304f;border-radius:16px;padding:20px}.title{font-size:28px;font-weight:700;margin-bottom:8px}.subtitle{color:#9fb0d1;margin-bottom:24px}.sidebar{width:240px;min-height:100vh;background:#11182c;border-right:1px solid #24304f;padding:24px 16px}.layout{display:flex}.content{flex:1 1}.nav-link{display:block;padding:12px 14px;border-radius:10px;color:#d7e1f7;margin-bottom:8px}.nav-link:hover{background:#1b2542}.kpi{font-size:30px;font-weight:700;margin-top:8px}.label{color:#8da0c6;font-size:14px}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:12px;border-bottom:1px solid #24304f}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.layout{display:block}.sidebar{width:100%;min-height:auto}.grid-4{grid-template-columns:repeat(1,minmax(0,1fr))}}