:root{--bg:#06172F;--p:#0D2A50;--p2:#0A203E;--c:#2BE0C1;--l:#1B4C78;--t:#F5FBFF;--m:#91A8C0}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(#06172F,#071B35);color:var(--t);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}
.w{max-width:1280px;margin:auto;padding:20px}.h{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#0B7FA8,#0D5F87);border:1px solid #32D7DF;border-radius:20px;padding:18px}
.logo{width:72px;height:72px;border-radius:18px;background:#0B2448;display:grid;place-items:center;font-size:22px;font-weight:900}h1{margin:0;font-size:30px}.claim{margin-top:5px;font-size:16px;font-weight:700;color:#DDF9FB}
.meta{margin-left:auto;text-align:right;font-size:12px;color:#DDF9FB}.live{color:#77f3d3;font-weight:900}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.card{background:var(--p);border:1px solid var(--l);border-radius:16px;padding:15px}.label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--m);font-weight:800}.kpi{font-size:29px;font-weight:900;margin-top:5px}.phaseKpi{font-size:19px}.hint{font-size:12px;color:var(--m);line-height:1.5}
.progress{height:10px;background:#102B4D;border-radius:99px;overflow:hidden;margin-top:10px}.bar{height:100%;width:0;background:linear-gradient(90deg,#23B7D3,#2BE0C1);transition:width .4s}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}h2{font-size:18px;margin:0 0 12px}.worklist{margin-top:14px}
.m{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--l);border-radius:12px;background:#09213F;margin-top:8px}.badge{font-size:10px;font-weight:900;border-radius:99px;padding:5px 8px;white-space:nowrap}
.done{background:#103f3a;color:#77f3d3}.inprogress{background:#163C60;color:#78D4FF}.open{background:#2B3340;color:#BAC6D2}.toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
button{background:#0D2A50;color:#DCEAF6;border:1px solid #285F8C;border-radius:10px;padding:8px 11px;font-weight:700;cursor:pointer}button.active{border-color:#2BE0C1;color:#2BE0C1}
.tw{max-height:650px;overflow:auto;border:1px solid var(--l);border-radius:14px;background:var(--p2)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:9px 8px;border-bottom:1px solid #163654;text-align:left;vertical-align:top}
th{position:sticky;top:0;background:var(--p2);color:#9eb5ca;font-size:11px;text-transform:uppercase}.phase{color:#79CFF4;font-weight:800}a{color:#7ddff2;word-break:break-word}footer{text-align:center;color:#66829d;font-size:11px;padding:22px}.error{color:#ff9a9a}
@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.meta{display:none}}@media(max-width:520px){.grid{grid-template-columns:1fr}.w{padding:10px}h1{font-size:22px}}