:root{--font:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--navy:#16284e;--orange:#f4711f;--orange-h:#d95f10;--orange-l:#f9a76c;--orange-s:#fde3cf;--orange-soft:#fdeee6;--orange-tx:#9a3d05;--orange-bg:#fff7f1;--steel:#3b6ea5;--teal:#2f8f9d;--green:#2f9e6f;--red:#e05a4a;--amber:#e0a83a;--ink:#1f2e40;--muted:#6b7c90;--line:#e6ebf1;--bg:#eef2f7;--panel:#fff;--white:#fff;--field:#cbd5e1;--soft:#f1f5f9;--gray:#e2e8f0;--gray-tx:#334155;--label:#5a6b80;--faint:#9fb0c2;--faint2:#9aa8b8;--side-tx:#c7d4e4;--side-lbl:#61748d;--side-sub:#8ea3bd;--top-ctrl:#93a4bb;--top-switch:#b9c6d8;--nav-hover:#ffffff0d;--nav-active:#f4711f26;--nav-line:#ffffff12;--nav-glass:#ffffff14;--nav-glass-b:#ffffff24;--ok:#2f9e6f;--ok-bg:#e7f5ee;--ok-tx:#1f7a52;--warn:#e0a83a;--warn-bg:#fdf3e1;--warn-tx:#8a5a00;--bad:#e05a4a;--bad-bg:#fee2e2;--bad-tx:#7f1d1d;--info:#3b6ea5;--info-bg:#eaf1f8;--info-tx:#2b5a8c;--c1:#16284e;--c2:#f4711f;--c3:#f9a76c;--c4:#3b6ea5;--c5:#2f8f9d;--c6:#8aa0b8;--c7:#c2410c;--c8:#7fb2c9;--c9:#f6c19a;--c10:#4d6785;--bmC:#c0400f;--bC:#ee8c55;--bB:#7fa8cc;--bA:#3f7cae;--bpA:#1f3a6b;--bmC-bg:#fbe2d8;--bC-bg:#fdf0e7;--bB-bg:#eaf1f8;--bA-bg:#e0eaf4;--bpA-bg:#d9e1ee;--bmC-tx:#9c3409;--bC-tx:#b5561f;--bB-tx:#2b5a8c;--bA-tx:#255488;--bpA-tx:#16284e;--r-card:12px;--r-ctrl:7px;--r-pill:20px;--shadow-pop:0 8px 24px #0f172a29;--shadow-lg:0 12px 40px #1428462e;--overlay:#16284e8c;--sidew:230px;--sidew-c:64px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:13px;overflow:hidden}a{color:var(--steel)}code{background:var(--soft);border-radius:4px;padding:1px 5px;font-family:Consolas,Cascadia Mono,monospace;font-size:.92em}.ic{vertical-align:-.2em;flex-shrink:0;display:inline-block}.hide{display:none!important}.sp{flex:1}.app{width:100vw;height:100vh;display:flex}.side{width:var(--sidew);background:var(--navy);color:var(--side-tx);flex-direction:column;flex-shrink:0;transition:width .18s;display:flex;overflow:hidden}.side.collapsed{width:var(--sidew-c)}.side .brand{border-bottom:1px solid var(--nav-line);cursor:pointer;align-items:center;gap:10px;min-height:64px;padding:16px 14px;display:flex}.side .brand .logoFull{object-fit:contain;width:auto;max-width:172px;height:auto;max-height:40px}.side .brand .markMini{flex-shrink:0;place-items:center;width:38px;height:38px;display:none}.side .brand .markMini img{border-radius:10px;width:38px;height:38px;display:block}.side.collapsed .logoFull{display:none!important}.side.collapsed .brand{justify-content:center}.side.collapsed .brand .markMini{display:grid}.side.collapsed .lbl,.side.collapsed .navitem .t,.side.collapsed .sideftr .txt{display:none}.lbl{letter-spacing:.12em;color:var(--side-lbl);text-transform:uppercase;white-space:nowrap;padding:16px 16px 6px;font-size:10px}.navitem{cursor:pointer;color:var(--side-tx);white-space:nowrap;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex;position:relative}.navitem:hover{background:var(--nav-hover)}.navitem.active{background:var(--nav-active);border-left-color:var(--orange);color:var(--white)}.navitem .ic{width:18px;height:18px}.navitem .nb{background:var(--orange);color:var(--white);border-radius:var(--r-pill);margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:700}.side.collapsed .navitem{justify-content:center;padding:12px 0}.side.collapsed .navitem .nb{display:none}.sidesp{flex:1}.side-scroll{overflow:hidden auto}.sideftr{border-top:1px solid var(--nav-line)}.sideftr .who{padding:12px 16px 8px}.sideftr .who .wn{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;line-height:1.15;overflow:hidden}.sideftr .who .wr{color:var(--side-sub);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10.5px;overflow:hidden}.sideftr .sideout{cursor:pointer;color:var(--orange);align-items:center;gap:10px;padding:9px 16px;font-size:13px;font-weight:700;display:flex}.sideftr .sideout:hover{color:var(--orange-l)}.side.collapsed .sideftr .who{display:none!important}.side.collapsed .sideftr .sideout{justify-content:center;padding:10px 0}.collapseBtn{cursor:pointer;color:var(--side-sub);border-top:1px solid var(--nav-line);align-items:center;gap:10px;padding:11px 16px;font-size:13px;display:flex}.collapseBtn:hover{color:var(--white)}.side.collapsed .collapseBtn{justify-content:center}.side.collapsed .collapseBtn .ic{transform:rotate(180deg)}.navtip{z-index:90;background:var(--ink);color:var(--white);box-shadow:var(--shadow-pop);pointer-events:none;white-space:nowrap;opacity:0;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:500;transition:opacity .1s;position:fixed}.navtip.show{opacity:1}.main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.topbar{background:var(--navy);color:var(--white);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;min-height:64px;padding:10px 18px;display:flex}.topbar h2{font-size:16px;font-weight:700;line-height:1.1}.topbar .sub{color:var(--side-sub);font-size:10.5px}.topbar .back{color:var(--white);white-space:nowrap;align-items:center;gap:6px;margin-right:10px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.topbar .back:hover{color:var(--orange-l)}.ctrl{color:var(--top-ctrl);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;gap:2px;font-size:9.5px;display:flex}.switch{color:var(--top-switch);cursor:pointer;background:var(--nav-glass);border-radius:var(--r-ctrl);align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.switch input{accent-color:var(--orange)}.userchip{background:var(--nav-glass);border:1px solid var(--nav-glass-b);border-radius:var(--r-pill);align-items:center;gap:8px;padding:4px 6px 4px 12px;font-size:12px;display:flex}.userchip .un{font-weight:600;line-height:1.05}.userchip .ur{color:var(--side-sub);letter-spacing:.03em;font-size:9.5px}select,.input{background:var(--white);border:1px solid var(--field);border-radius:var(--r-ctrl);color:var(--ink);outline:none;max-width:190px;padding:6px 8px;font-family:inherit;font-size:12.5px}.input{max-width:none}select:focus,.input:focus{border-color:var(--steel);box-shadow:0 0 0 3px var(--nav-active)}input.search{border:1px solid var(--field);border-radius:var(--r-ctrl);width:260px;color:var(--ink);outline:none;padding:7px 10px;font-family:inherit;font-size:13px}input.search:focus{border-color:var(--steel)}textarea.input{resize:vertical;width:100%;min-height:80px}.flbl{letter-spacing:.04em;color:var(--label);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.fld{flex-direction:column;margin-bottom:12px;display:flex}.chk{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-ctrl);cursor:pointer;align-items:center;gap:7px;padding:6px 10px;font-size:12px;display:flex}.chk input{accent-color:var(--orange)}.btn{background:var(--orange);color:var(--white);border-radius:var(--r-ctrl);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 13px;font-family:inherit;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--orange-h)}.btn.navy{background:var(--navy)}.btn.navy:hover{filter:brightness(1.15);background:var(--navy)}.btn.gray{background:var(--gray);color:var(--gray-tx)}.btn.gray:hover{background:var(--field)}.btn.line{background:var(--white);color:var(--ink);border:1px solid var(--line)}.btn.line:hover{background:var(--soft)}.btn.ghost{background:var(--nav-glass);border:1px solid var(--nav-glass-b);color:var(--white)}.btn.ghost:hover{background:var(--nav-glass-b)}.btn.link{color:var(--orange);background:0 0;padding:4px 2px;font-weight:700}.btn.link:hover{color:var(--orange-h);background:0 0}.btn.danger{background:var(--white);color:var(--bad-tx);border:1px solid var(--bad)}.btn.danger:hover{background:var(--bad-bg)}.btn.mini{padding:6px 10px;font-size:11.5px}.btn.icon{padding:7px}.btn:disabled{opacity:.5;cursor:not-allowed}.filters{background:var(--white);border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 18px;display:flex}.filters .fl{color:var(--muted);letter-spacing:.06em;margin-right:2px;font-size:10px}.filters select{max-width:150px;padding:5px 7px;font-size:12px}.count{color:var(--muted);margin-left:auto;font-size:12px}.ms{position:relative}.ms>button{background:var(--white);border:1px solid var(--field);border-radius:var(--r-ctrl);color:var(--ink);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;text-align:left;max-width:180px;padding:6px 24px 6px 8px;font-family:inherit;font-size:12px;overflow:hidden}.ms>button:after{content:"▾";color:var(--muted);font-size:11px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ms .panel{z-index:35;background:var(--white);border:1px solid var(--field);box-shadow:var(--shadow-pop);border-radius:8px;min-width:260px;max-height:320px;padding:4px;display:none;position:absolute;top:calc(100% + 4px);left:0;overflow:auto}.ms.open .panel{display:block}.ms .panel .hd{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 6px 6px;font-size:11px;display:flex}.ms .panel .hd a{color:var(--orange);cursor:pointer;font-size:11px}.ms .panel label{cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;gap:7px;padding:4px 8px;font-size:11.5px;line-height:1.2;display:flex}.ms .panel label:hover{background:var(--soft)}.ms .panel input{width:13px;height:13px;accent-color:var(--orange);flex-shrink:0}.scroll{flex:1;padding:16px 18px 40px;overflow:hidden auto}.tab{display:none}.tab.active{display:block}.mb{margin-bottom:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid{gap:12px;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);min-width:0;padding:14px;overflow:hidden}.ctitle{align-items:center;gap:7px;margin-bottom:1px;font-size:13.5px;font-weight:700;display:flex}.csub{color:var(--muted);margin-bottom:8px;font-size:10.5px}.cbox{width:100%;position:relative}.h150{height:150px}.h180{height:180px}.h200{height:200px}.h230{height:230px}.h260{height:260px}.h300{height:300px}.h340{height:340px}.kpi{border-left:3px solid var(--orange);flex-direction:column;gap:2px;padding:11px 13px;display:flex}.kpi .v{text-overflow:ellipsis;white-space:nowrap;font-size:21px;font-weight:800;line-height:1.1;overflow:hidden}.kpi .c{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:10.5px}.kpi .d{margin-top:3px;font-size:10.5px;font-weight:700}.kpi .more{color:var(--orange);cursor:pointer;margin-top:3px;font-size:9px}.kpi.b1{border-left-color:var(--steel)}.kpi.b2{border-left-color:var(--navy)}.kpi.b3{border-left-color:var(--orange)}.kpi.b4{border-left-color:var(--green)}.kpi.b5{border-left-color:var(--teal)}.kpi.b6{border-left-color:var(--red)}.kpi.ok{border-left-color:var(--ok)}.kpi.ok .v{color:var(--ok)}.kpi.warn{border-left-color:var(--warn)}.kpi.warn .v{color:var(--warn)}.kpi.bad{border-left-color:var(--bad)}.kpi.bad .v{color:var(--bad)}.up{color:var(--ok-tx)}.down{color:var(--bad-tx)}.flat{color:var(--muted)}.gender-row{justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.gbar{border-radius:var(--r-pill);background:var(--orange-l);height:9px;overflow:hidden}.gbar>span{background:var(--navy);height:100%;display:block}.progress{border-radius:var(--r-pill);background:var(--soft);min-width:70px;height:8px;overflow:hidden}.progress>span{border-radius:inherit;background:var(--steel);height:100%;display:block}.progress.ok>span{background:var(--ok)}.progress.warn>span{background:var(--warn)}.progress.bad>span{background:var(--bad)}.progress.brand>span{background:var(--orange)}.chip{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink);align-items:center;gap:8px;margin:3px;padding:5px 12px;font-size:12px;display:inline-flex}.chip b{color:var(--navy)}.chip .x{cursor:pointer;color:var(--faint);font-weight:700}.chip .x:hover{color:var(--red)}.chip.sel{cursor:pointer}.chip.sel.on{background:var(--navy);border-color:var(--navy);color:var(--white)}.chip.sel.on b{color:var(--white)}.pill{border-radius:var(--r-pill);white-space:nowrap;background:var(--soft);color:var(--gray-tx);align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.pill.brand{background:var(--orange-soft);color:var(--orange-tx)}.pill.ok{background:var(--ok-bg);color:var(--ok-tx)}.pill.warn{background:var(--warn-bg);color:var(--warn-tx)}.pill.bad{background:var(--bad-bg);color:var(--bad-tx)}.pill.info{background:var(--info-bg);color:var(--info-tx)}.pill.dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill.bmC{background:var(--bmC-bg);color:var(--bmC-tx)}.pill.bC{background:var(--bC-bg);color:var(--bC-tx)}.pill.bB{background:var(--bB-bg);color:var(--bB-tx)}.pill.bA{background:var(--bA-bg);color:var(--bA-tx)}.pill.bpA{background:var(--bpA-bg);color:var(--bpA-tx)}table{border-collapse:collapse;width:100%;font-size:12.5px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;max-width:240px;padding:7px 9px;overflow:hidden}th{color:var(--muted);background:var(--white);z-index:1;font-size:11px;font-weight:600;position:sticky;top:0}th.sort{cursor:pointer;-webkit-user-select:none;user-select:none}th.sort:hover{color:var(--ink)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--soft)}tfoot td{color:var(--navy);background:var(--soft);font-weight:700}td a{color:var(--steel);font-weight:500;text-decoration:none}td a:hover{text-decoration:underline}.tblwrap{border:1px solid var(--line);background:var(--white);border-radius:10px;max-height:520px;overflow:auto}.banner{background:var(--orange-bg);border:1px solid var(--orange-l);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:12.5px;display:flex}.banner.info{background:var(--info-bg);border-color:var(--c8);color:var(--info-tx)}.banner.ok{background:var(--ok-bg);border-color:var(--ok);color:var(--ok-tx)}.banner.bad{background:var(--bad-bg);border-color:var(--bad);color:var(--bad-tx)}.empty{height:100%;min-height:120px;color:var(--faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;font-size:12.5px;display:flex}.drop{border:2px dashed var(--field);text-align:center;color:var(--muted);border-radius:10px;margin:12px 0;padding:22px;font-size:13px;transition:all .15s}.drop.hot{border-color:var(--orange);background:var(--orange-bg);color:var(--orange)}.foot{color:var(--muted);font-size:11px}.toast{background:var(--navy);color:var(--white);opacity:0;z-index:160;pointer-events:none;border-radius:9px;align-items:center;gap:9px;max-width:340px;padding:11px 15px;font-size:13px;transition:all .25s;display:flex;position:fixed;bottom:18px;right:18px;transform:translateY(10px)}.toast.show{opacity:1;transform:none}.toast.ok .ic{color:var(--ok)}.toast.warn .ic{color:var(--amber)}.toast.bad .ic{color:var(--red)}.toast.info .ic{color:var(--orange-l)}.modal-bg{background:var(--overlay);z-index:120;place-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-bg.show{display:grid}.modal{background:var(--white);width:560px;max-width:94vw;max-height:88vh;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;display:flex}.modal .mh{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px 20px;display:flex}.modal .mh h3{color:var(--navy);flex:1;font-size:16px;font-weight:800}.modal .mh .x{cursor:pointer;color:var(--muted);border-radius:6px;place-items:center;padding:4px;display:grid}.modal .mh .x:hover{background:var(--soft);color:var(--ink)}.modal .mb2{padding:16px 20px;font-size:13px;overflow:auto}.modal .mf{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.portal{height:100vh;padding:26px 30px 46px;overflow:auto}.portal .top{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto 20px;display:flex}.portal .pbrand{align-items:center;gap:13px;display:flex}.portal .pbrand img{width:auto;height:42px}.portal .pbrand b{color:var(--navy);font-size:16px;font-weight:800;display:block}.portal .pbrand span{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:600}.portal .wrap{max-width:1180px;margin:0 auto}.portal h2.sec{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:6px 0 16px;font-size:13px;font-weight:700}.pgrid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px;display:grid}.pcard{background:var(--white);border:1px solid var(--line);border-radius:16px;flex-direction:column;min-height:236px;padding:22px 22px 18px;transition:transform .15s,border-color .15s;display:flex;position:relative}.pcard.on{cursor:pointer}.pcard.on:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.pcard.off{opacity:.72}.pcard .pico{background:var(--orange-soft);width:46px;height:46px;color:var(--orange);border-radius:12px;place-items:center;margin-bottom:15px;display:grid}.pcard.off .pico{background:var(--soft);color:var(--faint2)}.pcard .lock{color:var(--faint2);position:absolute;top:18px;right:18px}.pcard h3{color:var(--navy);font-size:17.5px;font-weight:800;line-height:1.2}.pcard .cat{color:var(--muted);margin:3px 0 12px;font-size:11.5px;font-weight:600}.pcard p{color:var(--muted);flex:1;font-size:13px;line-height:1.5}.pcard .pf{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.pcard .go{color:var(--orange);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.pcard.off .go{color:var(--faint2);font-weight:600}.icgal{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.icgal div{border:1px solid var(--line);color:var(--muted);cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:10.5px;display:flex}.icgal div:hover{border-color:var(--orange);color:var(--ink)}.icgal .ic{color:var(--navy)}.swatch{align-items:center;gap:8px;margin:5px 0;font-size:11.5px;display:flex}.swatch i{border:1px solid var(--line);border-radius:4px;width:26px;height:18px;display:inline-block}@media (width<=1200px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.col-3,.col-2{grid-column:span 2}}@media (width<=760px){.side{width:var(--sidew-c)}.side .logoFull{display:none!important}.side .brand{justify-content:center}.side .brand .markMini{display:grid}.side .lbl,.side .navitem .t,.side .sideftr .txt,.side .sideftr .who,.side .navitem .nb{display:none!important}.side .navitem{justify-content:center;padding:12px 0}.side .collapseBtn{display:none}.g2,.g3,.g4{grid-template-columns:1fr}.col-2,.col-3{grid-column:span 1}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:10px 12px}.topbar .sub{display:none}.scroll{padding:12px}input.search{width:100%}.ms>button,.filters select{max-width:140px}}@media print{.side,.filters,.toast{display:none!important}body{overflow:visible}.main,.app{height:auto}.scroll{overflow:visible}.topbar{-webkit-print-color-adjust:exact;print-color-adjust:exact}}