*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#172033}.app{display:flex;min-height:100vh}.side{width:230px;background:#203E96;color:white;padding:24px 15px;position:fixed;inset:0 auto 0 0}.brand{font-weight:800;font-size:19px;padding:8px 10px 25px}.brand small{display:block;font-size:10px;opacity:.7;margin-top:5px}.nav button{display:block;width:100%;border:0;background:none;color:white;text-align:left;padding:12px;border-radius:8px;margin:3px 0;cursor:pointer}.nav button:hover,.nav .active{background:#ffffff22}.main{margin-left:230px;width:calc(100% - 230px)}.top{height:68px;background:white;border-bottom:1px solid #e5e8ef;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.content{padding:28px;max-width:1400px;margin:auto}.title{font-size:26px;font-weight:800;margin:0 0 5px}.sub{color:#778196;margin-bottom:22px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.card,.section{background:white;border:1px solid #e6e9ef;border-radius:13px;padding:18px}.label{font-size:11px;color:#7b8494}.metric{font-size:27px;font-weight:800;margin-top:6px}.section{margin-bottom:18px}.section h3{margin:0 0 14px}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:13px 16px;border-bottom:1px solid #edf0f4;text-align:left;font-size:13px}.table th{font-size:11px;color:#778196;text-transform:uppercase}.link{color:#203E96;font-weight:700;cursor:pointer}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:700}.blue{background:#e9efff;color:#203E96}.green{background:#e7f6ed;color:#167447}.yellow{background:#fff3d2;color:#8a6500}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:18px}.profile{display:flex;justify-content:space-between}.profile h2{margin:0 0 5px}.muted{color:#778196;font-size:13px}.scores{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.score{background:#f7f8fb;padding:13px;border-radius:9px}.score strong{display:block;font-size:21px;margin-top:5px}.rec{text-align:center;background:#f0faf4;border:2px solid #b8dfc8;border-radius:12px;padding:20px}.rec strong{display:block;color:#167447;font-size:23px;margin:7px}.btn{border:0;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:700}.primary{background:#203E96;color:white}.secondary{background:#eef1f6;color:#25324a}.ai{background:#fafbfe;border:1px solid #dfe4ed;border-radius:10px;padding:15px}.notice{background:#fff5da;color:#805f00;padding:12px;border-radius:8px;font-size:12px;margin-bottom:12px}li{margin:7px 0;font-size:13px}@media(max-width:900px){.cards,.scores{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}