:root{--navy:#07182f;--navy2:#0d2748;--gold:#d6a84b;--gold2:#f4d693;
--bi-ink:#162033;--bi-muted:#6f7a8b;--bi-border:#e3e8f0;
--stat:#2b5f92;--stat-bg:#e9f1f9;--vat:#0f7b8a;--vat-bg:#e3f4f6;
--pay:#6d4aa8;--pay-bg:#eee9f9;--cli:#b5442f;--cli-bg:#fdece8;
--red:#8f1d13;--red-bg:#f7ddd9;--amber:#8a5210;--amber-bg:#f9e6c8;
--green:#125c3c;--green-bg:#d8efe2;--clock:#2b5f92}
.bi-strap{font-size:12.5px;font-weight:600;color:var(--bi-muted);margin:3px 0 0}
.bi-strap b{font-weight:800;color:var(--navy)}
.bi-strap b.ok{color:var(--green)}
.bi-strap b.warn{color:var(--amber)}
.bi-strap b.bad{color:var(--cli)}
.bi-flip{display:flex;gap:11px;align-items:center}
.bi-flip .fd{text-align:right;line-height:1.3}
.bi-flip .wd{font-size:13px;color:var(--clock);font-weight:800}
.bi-flip .dt{font-size:11.5px;font-weight:600;color:var(--bi-muted)}
.bi-tiles{display:flex;gap:4px;align-items:center}
.bi-tile{position:relative;width:33px;height:42px;background:var(--clock);border-radius:8px;display:grid;place-items:center;color:#fff;font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 3px 9px rgba(43,95,146,.32);overflow:hidden}
.bi-tile:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.2)}
.bi-tile.flipping{animation:biflp .45s ease}
@keyframes biflp{0%{transform:rotateX(0)}45%{transform:rotateX(-88deg)}55%{transform:rotateX(88deg)}100%{transform:rotateX(0)}}
.bi-colon{color:var(--clock);font-weight:800;font-size:19px;margin:0 1px}
.bi-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}
.bi-kpi{border-radius:16px;padding:15px 16px;border:1px solid var(--bi-border);background:var(--kbg,#fff)}
.bi-kpi .label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:var(--kfg,var(--bi-muted))}
.bi-kpi .value{font-size:33px;font-weight:900;color:var(--kfg,var(--navy));line-height:1.05;margin-top:5px}
.bi-kpi .delta{font-size:11.5px;color:var(--kfg,var(--bi-muted));opacity:.85;margin-top:2px}
.bi-panel{background:#fff;border:1px solid var(--bi-border);border-radius:16px;padding:17px 18px;margin-bottom:16px}
.bi-panel h3{margin:0 0 13px;font-size:14px;font-weight:800;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:10px}
.bi-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.bi-pill.red{background:var(--red-bg);color:var(--red)}
.bi-pill.amber{background:var(--amber-bg);color:var(--amber)}
.bi-pill.green{background:var(--green-bg);color:var(--green)}
.bi-pill.stat{background:var(--stat-bg);color:var(--stat)}
.bi-pill.vat{background:var(--vat-bg);color:var(--vat)}
.bi-pill.pay{background:var(--pay-bg);color:var(--pay)}
.bi-pill.cli{background:var(--cli-bg);color:var(--cli)}
.bi-pill.gold{background:#fbf1dc;color:#8a6a20}
.bi-pill.grey{background:#eef1f6;color:#5b6675}
.bi-alerts{display:grid;gap:10px}
.bi-alert{display:flex;gap:13px;align-items:flex-start;padding:12px 14px;border:1px solid var(--bi-border);border-radius:13px;background:#fff}
.bi-alert.stat{border-left:4px solid var(--stat);background:linear-gradient(90deg,var(--stat-bg),#fff 45%)}
.bi-alert.vat{border-left:4px solid var(--vat);background:linear-gradient(90deg,var(--vat-bg),#fff 45%)}
.bi-alert.pay{border-left:4px solid var(--pay);background:linear-gradient(90deg,var(--pay-bg),#fff 45%)}
.bi-alert.cli{border-left:4px solid var(--cli);background:linear-gradient(90deg,var(--cli-bg),#fff 45%)}
.bi-alert .who{font-weight:800;font-size:13px;color:var(--navy);text-decoration:none;display:block}
.bi-alert .what{font-size:12.5px;color:var(--bi-muted);margin-top:3px;display:block}
.bi-act{margin-top:8px;font:inherit;font-size:11px;font-weight:600;border:1px solid var(--bi-border);border-radius:999px;padding:5px 12px;background:#fff;color:#4b5666;cursor:pointer}
.bi-hist{font-size:11.5px;color:var(--bi-muted);margin-top:7px;padding-left:11px;border-left:2px solid var(--bi-border)}
.bi-foot{font-size:11px;color:var(--bi-muted);margin:4px 2px 0}
.bi-sh{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:16px 3px 9px;font-weight:800;display:flex;justify-content:space-between;align-items:center}
.bi-sh .n{background:rgba(214,168,75,.2);color:var(--gold2);border-radius:999px;padding:2px 8px;font-size:11px}
.bi-cal{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:9px}
.bi-calhead{display:flex;justify-content:space-between;align-items:center;margin:0 3px 6px}
.bi-calhead b{font-size:11.5px;font-weight:800;color:#fff}
.bi-calhead a{color:#7f93ab;font-size:14px;text-decoration:none;padding:0 5px}
.bi-mini{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.bi-mini .hd{color:#7f93ab;font-size:11px;text-align:center;font-weight:800;padding-bottom:2px}
.bi-mini .d{aspect-ratio:1;display:grid;place-items:center;font-size:11px;color:#c2cfdd;border-radius:50%;font-weight:600;text-decoration:none}
.bi-mini .d:hover{background:rgba(255,255,255,.09)}
.bi-mini .dim{color:#3f5570}
.bi-mini .today{outline:2px solid var(--gold);color:#fff;font-weight:900}
.bi-mini .hi-red{background:var(--red);color:#fff;font-weight:800}
.bi-mini .hi-amb{background:#8a5210;color:#fff;font-weight:800}
.bi-mini .hi-grn{background:#125c3c;color:#fff;font-weight:800}
.bi-legend{display:flex;flex-wrap:wrap;gap:7px;margin:10px 3px 1px}
.bi-legend i{font-style:normal;font-size:11px;color:#a8bacf;display:flex;align-items:center;gap:5px}
.bi-legend b{width:8px;height:8px;border-radius:50%;display:inline-block}
.bi-srow{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-left:3px solid var(--gold);border-radius:11px;padding:10px 12px;margin-bottom:8px;display:block;text-decoration:none}
.bi-srow:hover{background:rgba(255,255,255,.09)}
.bi-srow.red{border-left-color:var(--cli)}
.bi-srow.amb{border-left-color:var(--gold)}
.bi-srow.grn{border-left-color:#2f9e6b}
.bi-srow .nm{color:#fff;font-weight:800;font-size:12.5px;display:block}
.bi-srow .w{color:#9fb2c8;font-size:11.5px;margin-top:4px;display:flex;justify-content:space-between;gap:8px}
.bi-spill{font-size:11px;font-weight:800;border-radius:999px;padding:3px 9px;white-space:nowrap}
.bi-spill.amb{background:rgba(214,168,75,.24);color:var(--gold2)}
.bi-spill.grn{background:rgba(47,158,107,.3);color:#8fe0bb}
.bi-spill.red{background:rgba(181,68,47,.32);color:#ffb9ab}
@media(max-width:1000px){.bi-kpis{grid-template-columns:repeat(2,1fr)}}