:root{--blue:#174f9b;--blue2:#2871c7;--navy:#10233d;--bg:#f4f6f9;--line:#dfe5ec;--muted:#738197;--red:#c94950;--green:#198b64;--amber:#bd7a12}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Arial,sans-serif;color:var(--navy);background:var(--bg)}main{min-height:100vh;padding:0 3vw 18px;background:linear-gradient(180deg,#fff 0 31%,#f4f6f9 31%)}header{height:10vh;min-height:76px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.logo{width:46px;height:46px;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800;border-radius:10px}.heading{margin-left:13px}.heading b{display:block;font-size:15px}.heading span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.updated{margin-left:auto;font-size:8px;color:var(--muted)}.updated i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#28a677;margin-right:7px}.date{text-align:right;margin-left:34px}.date b{font-size:24px}.date span{display:block;font-size:7px;color:var(--muted)}.top{height:24vh;min-height:190px;display:grid;grid-template-columns:.8fr 1.6fr;gap:4vw;align-items:center}.intro>span,.section-title span{font-size:7px;letter-spacing:1.5px;color:var(--blue2);font-weight:800}.intro h1{font-size:clamp(27px,2.7vw,48px);letter-spacing:-1.7px;margin:7px 0}.intro p{font-size:9px;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpis article{padding:18px;border-left:1px solid var(--line)}.kpis span{display:block;font-size:8px;color:var(--muted)}.kpis b{display:block;font-size:31px;margin:6px 0 2px}.kpis b.blue{color:var(--blue)}.kpis small{font-size:7px;color:#8a96a7}.kpis .alert b{color:var(--red)}.body-grid{height:48vh;min-height:370px;display:grid;grid-template-columns:1.38fr .62fr;gap:16px}.spotlight,.debt-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:21px 23px;box-shadow:0 8px 24px rgba(24,52,84,.05);overflow:hidden}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:17px;margin:5px 0 0}.progress{width:120px;height:4px;background:#e8ecf1;border-radius:5px;overflow:hidden}.progress i{display:block;width:10%;height:100%;background:var(--blue2);transition:.3s}.slide{height:calc(100% - 48px);display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;animation:fade .35s}.person,.department{display:flex;align-items:center;gap:16px}.avatar{width:82px;height:82px;border-radius:15px;display:grid;place-items:center;background:#e8f1fc;color:var(--blue);font-size:24px;font-weight:800}.tag{font-size:7px;color:var(--blue2);font-weight:800;letter-spacing:1px}.person h3,.department h3{font-size:20px;margin:5px 0}.person p,.department p{font-size:8px;color:var(--muted);line-height:1.5}.mini{display:flex;gap:20px;margin-top:13px}.mini span{font-size:7px;color:var(--muted)}.mini b{display:block;font-size:16px;color:var(--navy);margin-top:2px}.bars{display:grid;gap:14px}.bar{display:grid;grid-template-columns:1fr 1.35fr 42px;gap:12px;align-items:center}.bar label{font-size:8px;color:#526177}.track{height:7px;background:#edf0f4;border-radius:9px;overflow:hidden}.track i{display:block;height:100%;background:var(--blue2);border-radius:9px}.bar strong{font-size:10px;text-align:right}.dept-card{padding:20px;background:#f7f9fc;border-radius:12px}.dept-card>div:first-child{display:flex;justify-content:space-between;align-items:flex-end}.dept-card>div:first-child b{font-size:36px;color:var(--blue)}.dept-card>div:first-child span{font-size:7px;color:var(--muted)}.dept-card>.track{margin:12px 0 18px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.details span{font-size:7px;color:var(--muted)}.details b{display:block;font-size:9px;color:var(--navy);margin-top:4px;white-space:nowrap}.good{color:var(--green)!important}.warn{color:var(--amber)!important}.bad{color:var(--red)!important}.debt-panel .section-title>b{width:38px;height:34px;display:grid;place-items:center;background:#fff0f1;color:var(--red);border-radius:8px}.debt-row{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f3}.debt-row>span{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#fff1f2;color:var(--red);font-size:7px;font-weight:800}.debt-row b{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debt-row small{font-size:7px;color:var(--muted)}.debt-row time{font-size:8px;color:var(--red);font-weight:700}.foot-cards{height:12vh;min-height:83px;display:flex;align-items:center;gap:13px}.foot-cards>div{height:58px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 17px;display:flex;align-items:center;gap:14px}.foot-cards>div:first-child{min-width:330px}.foot-cards>div:nth-child(2){flex:1}.foot-cards span{font-size:7px;color:var(--muted)}.foot-cards b{font-size:9px}.foot-cards strong{margin-left:auto;color:var(--green);font-size:20px}.foot-cards button,.foot-cards a{height:40px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 14px;display:grid;place-items:center;color:var(--muted);text-decoration:none;font-size:8px}.foot-cards a{opacity:.45}footer{height:6vh;min-height:43px;margin:0 -3vw -18px;display:flex;align-items:center;background:var(--navy);color:#b8c4d2;font-size:7px}footer>b{height:100%;display:grid;place-items:center;background:var(--blue);color:#fff;padding:0 3vw;font-size:7px;letter-spacing:1px}footer div{margin-left:23px}footer>span{margin-left:auto;margin-right:3vw}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:1000px){.top{grid-template-columns:1fr}.intro{display:none}.body-grid{grid-template-columns:1fr}.debt-panel{display:none}}@media(max-width:650px){.kpis article:nth-child(2),.kpis article:nth-child(3){display:none}.kpis{grid-template-columns:1fr 1fr}.slide{grid-template-columns:1fr}.bars,.dept-card{display:none}.foot-cards>div:nth-child(2){display:none}}