:root{--navy: #1F3864;--bg: #F4F5F7;--line: #E2E5EA;--txt: #2B3440;--mut: #8A94A1;--mono: "IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--txt);font-family:IBM Plex Sans,system-ui,sans-serif}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}*:focus-visible{outline:2px solid var(--navy);outline-offset:1px}.topbar{background:var(--navy);color:#fff;padding:14px 24px}.topbar-inner{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.topbar h1{font-size:19px;font-weight:600}.tabs{display:flex;gap:4px}.tabs button{border:0;background:transparent;color:#c9d4e6;padding:6px 12px;border-radius:5px;font-size:14px}.tabs button.on{background:#fff;color:var(--navy);font-weight:600}.userbox{font-size:12px;opacity:.8;display:flex;gap:10px;align-items:center}.userbox button{background:none;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:4px;padding:3px 9px;font-size:12px}.wrap{max-width:1120px;margin:0 auto;padding:22px 24px 40px;display:grid;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:6px}.card-h{display:flex;justify-content:space-between;align-items:center;padding:11px 18px;border-bottom:1px solid #EEF0F3}.card-h h2{font-size:13.5px;font-weight:600;letter-spacing:.02em}.card-b{padding:18px}.hint{font-size:11.5px;color:var(--mut)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px 18px}.kpi .lbl{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--mut)}.kpi .val{font-family:var(--mono);font-size:28px;font-weight:600;color:var(--navy);margin-top:3px}.kpi .sub{font-size:11.5px;color:var(--mut);margin-top:2px}.ba-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.ba-card{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:11px 14px;background:#fff;text-align:left}.ba-card:hover{box-shadow:0 2px 8px #1f38641a}.ba-card .nm{font-weight:500}.ba-card .meta{font-size:11.5px;color:var(--mut)}.pill{font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:4px;white-space:nowrap}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{font-size:11px;font-weight:600;color:var(--mut);text-align:center;padding:6px 4px}.tbl th:first-child{text-align:left;padding-left:8px}.tbl td{padding:4px;text-align:center}.tbl td.rowlbl{text-align:left;padding-left:8px;white-space:nowrap;font-weight:500}.heat td.cell{font-family:var(--mono);font-size:11.5px;min-width:46px;padding:7px 2px;border:2px solid #fff}.heat tr{cursor:pointer}.heat tr.sel{outline:2px solid var(--navy)}.legend{display:flex;gap:18px;margin-top:12px;font-size:11.5px;color:var(--mut)}.legend .sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-2px}.num{width:52px;text-align:center;font-family:var(--mono);font-size:12px;color:#1d4ed8;border:1px solid var(--line);border-radius:4px;padding:3px 2px;background:#fff}.num::-webkit-inner-spin-button{opacity:.35}.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px;vertical-align:-1px}.sumrow td{font-family:var(--mono);font-size:11px;font-weight:600;padding:6px 2px;border:2px solid #fff}.rel-tbl{width:100%;border-collapse:collapse;font-size:13.5px}.rel-tbl th{text-align:left;font-size:11px;color:var(--mut);border-bottom:1px solid var(--line);padding:8px 12px}.rel-tbl td{border-bottom:1px solid #EEF0F3;padding:10px 12px;vertical-align:top}.rel-tbl select{border:0;border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.mono{font-family:var(--mono)}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:340px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px}.login-card h1{font-size:17px;color:var(--navy);margin-bottom:4px}.login-card p{font-size:12.5px;color:var(--mut);margin-bottom:18px}.login-card label{display:block;font-size:12px;font-weight:500;margin:12px 0 4px}.login-card input{width:100%;border:1px solid var(--line);border-radius:5px;padding:8px 10px;font-size:14px}.login-card button{width:100%;margin-top:18px;background:var(--navy);color:#fff;border:0;border-radius:5px;padding:9px;font-size:14px;font-weight:600}.err{background:#fbe1e1;color:#9c1f1f;font-size:12.5px;border-radius:5px;padding:8px 10px;margin-top:12px}.banner{position:fixed;bottom:14px;right:14px;background:#9c1f1f;color:#fff;font-size:12.5px;padding:9px 14px;border-radius:6px;box-shadow:0 3px 10px #0003}.saving{position:fixed;bottom:14px;right:14px;background:var(--navy);color:#fff;font-size:12px;padding:6px 12px;border-radius:6px;opacity:.85}.scroll{overflow-x:auto}footer{text-align:center;font-size:11.5px;color:var(--mut);padding-bottom:10px}@media (max-width: 640px){.topbar-inner{align-items:flex-start;flex-direction:column}}