:root{--navy:#0f2440;--navy2:#16314f;--ink:#1b2533;--muted:#697587;--red:#ed1846;--red-dk:#c9123a;--bg:#eceff5;--surf:#fff;--line:#dce2ed;--g:#cdeccc;--g2:#1f7a32;--a:#fbe7a6;--a2:#946400;--r:#f8ccd2;--r2:#c0173a;--shadow:0 1px 2px #0f24400d,0 4px 16px #0f24400f}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(1200px 480px at 100% -8%,#ed18460f,transparent 60%),radial-gradient(900px 600px at -8% 0,#0f24400d,transparent 55%),var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;flex-direction:column;margin:0;font:14px/1.5 Manrope,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}header.hdr{z-index:30;color:#fff;border-bottom:3px solid var(--red);background:linear-gradient(115deg,#0b1c33 0%,#0f2440 52%,#15335a 100%);padding:0 24px;position:sticky;top:0;box-shadow:0 6px 24px #0b172e3d}.hbar{align-items:center;gap:16px;height:66px;display:flex}.logo{align-items:center;gap:14px;display:flex}.logo-img{width:auto;height:38px;display:block}.logo .mark{background:linear-gradient(150deg,var(--red),#ff3b62);color:#fff;letter-spacing:.5px;border:1px solid #ffffff2e;border-radius:12px;place-items:center;width:46px;height:46px;font-size:16px;font-weight:800;display:grid;box-shadow:0 6px 16px #ed184666}.logo .lt{flex-direction:column;line-height:1.25;display:flex}.logo .lt b{letter-spacing:.2px;font-size:14px;font-weight:800}.logo .lt i{color:#9fb3cf;font-size:11px;font-style:normal;font-weight:600}.hsep{background:#ffffff29;width:1px;height:34px}.hdr h1{letter-spacing:.2px;margin:0;font-size:16px;font-weight:700}.hdr h1 span{color:#9fb3cf;letter-spacing:.4px;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:600;display:block}.pipe{white-space:nowrap;color:#fff;cursor:default;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s,border-color .15s;display:flex}.pipe.clk{cursor:pointer}.pipe.clk:hover{background:#ffffff24;border-color:#ffffff52}.pipe:disabled{opacity:1}.pipe .dot{border-radius:50%;width:8px;height:8px}.pipe .dot.ok{background:#4ade80;box-shadow:0 0 8px #4ade80}.pipe .dot.bad{background:#fb923c;box-shadow:0 0 8px #fb923c}.pipe i{color:#9fb3cf;font-style:normal;font-weight:600}.panel{background:var(--surf);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-wrap:wrap;align-items:flex-end;gap:14px;padding:16px 24px;display:flex}.f{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:5px;font-size:10.5px;font-weight:700;display:flex}.f input{font:inherit;color:var(--ink);background:#fbfcfe;border:1px solid #cfd6e3;border-radius:10px;width:140px;padding:8px 11px;font-size:14px;font-weight:500;transition:all .15s}.f input:focus{border-color:var(--navy);background:#fff;outline:0;box-shadow:0 0 0 3px #0f244021}button{font:inherit;cursor:pointer;border:0;border-radius:11px;align-items:center;gap:7px;padding:10px 18px;font-size:13.5px;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}button:active{transform:translateY(1px)}.btn-run{background:var(--red);color:#fff;box-shadow:0 3px 12px #ed184657}.btn-run:hover{background:var(--red-dk)}.btn-run:disabled{box-shadow:none;cursor:default;background:#e8aab7}.btn-stop{color:var(--red);background:#fff;border:1.5px solid #f3b6c2}.btn-stop:hover{background:#fff2f5}.btn-sec{color:var(--navy);background:#eef2f9;border:1px solid #d9e1ef}.btn-sec:hover{background:#e3eaf6;border-color:#c4d1e6}.btn-sec:disabled{opacity:.5;cursor:default}.kpi{gap:12px;margin-left:auto;display:flex}.chip{border:1px solid var(--line);text-align:left;min-width:86px;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:9px 18px 9px 17px;position:relative;overflow:hidden}.chip:before{content:"";background:var(--red);width:4px;position:absolute;top:0;bottom:0;left:0}.chip b{color:var(--navy);font-size:21px;font-weight:800;line-height:1.05;display:block}.chip i{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-style:normal;font-weight:700}.bar{background:#dde3ee;height:4px}.bar>i{background:linear-gradient(90deg,var(--red),#ff5a7d);width:0;height:100%;transition:width .5s;display:block;box-shadow:0 0 10px #ed184680}.status{color:var(--muted);border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:18px;padding:9px 24px;font-size:12.5px;display:flex}.status b{color:var(--ink);font-weight:700}.dot{vertical-align:middle;background:#b6c0cf;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.status.live .dot{background:var(--red);animation:1.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ed184680}70%{box-shadow:0 0 0 7px #ed184600}to{box-shadow:0 0 #ed184600}}.status a,.link{color:var(--navy);cursor:pointer;font-weight:600;font:inherit;background:0 0;border:0;padding:0;text-decoration:none}.status a:hover,.link:hover{color:var(--red)}.gs-ok{color:var(--g2);font-weight:600}.gs-err{color:var(--r2)}.gs-off{color:#9ca3af}.console{color:#a9bdd9;border-bottom:1px solid var(--line);white-space:pre;background:#0c1c33;max-height:96px;padding:10px 24px;font:11.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-y:auto}.callsbox{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;flex:auto;min-height:0;display:flex}.cbar{color:var(--muted);border-bottom:1px solid var(--line);background:#f6f8fc;flex-wrap:wrap;align-items:center;gap:16px;padding:11px 24px;font-size:12.5px;display:flex}.cbar b{color:var(--navy);font-weight:800}.cbar label{align-items:center;gap:6px;display:flex}.cbar input[type=checkbox]{accent-color:var(--red);width:15px;height:15px}.cbar input[type=text]{font:inherit;border:1px solid #cfd6e3;border-radius:9px;width:240px;padding:6px 10px;font-size:13px}.cbar input[type=text]:focus{border-color:var(--navy);outline:0;box-shadow:0 0 0 3px #0f24401f}.cbar a{color:var(--red);cursor:pointer;font-weight:700;text-decoration:none}.cwrap{flex:auto;min-height:0;padding:0 24px 14px;overflow:auto}table.ctbl{border-collapse:collapse;table-layout:fixed;background:#fff;width:100%;font-size:12px}.ctbl th,.ctbl td{text-overflow:ellipsis;overflow:hidden}.ctbl th:first-child,.ctbl td:first-child{text-align:center;width:4%}.ctbl th:nth-child(2),.ctbl td:nth-child(2){width:14%}.ctbl th:nth-child(3),.ctbl td:nth-child(3){width:13%}.ctbl th:nth-child(4),.ctbl td:nth-child(4){width:10%}.ctbl th:nth-child(5),.ctbl td:nth-child(5),.ctbl th:nth-child(6),.ctbl td:nth-child(6){width:13%}.ctbl th:nth-child(7),.ctbl td:nth-child(7){width:7%}.ctbl th:nth-child(8),.ctbl td:nth-child(8),.ctbl th:nth-child(9),.ctbl td:nth-child(9){width:13%}.ctbl td.ck input,.ctbl th.ck input{width:15px;height:15px;accent-color:var(--red);cursor:pointer;vertical-align:middle}.ctbl tbody tr.rowsel td{background:#fff1f4}.cbar .csel{padding:6px 13px;font-size:12.5px}.ctbl th{background:var(--navy);color:#fff;text-align:left;z-index:1;text-transform:uppercase;letter-spacing:.3px;padding:8px 10px;font-size:11px;font-weight:600;position:sticky;top:0}.ctbl td{white-space:nowrap;border-bottom:1px solid #eef1f6;padding:6px 10px}.ctbl tr:hover td{background:#fdf2f5}.ctbl tbody td{height:32px}.mini{background:var(--red);color:#fff;border-radius:8px;padding:4px 12px;font-size:11.5px;font-weight:700}.mini:hover{background:var(--red-dk)}.mini:disabled{opacity:.5;cursor:default}.wrap{background:var(--surf);flex:auto;min-height:0;padding:14px 24px 24px;overflow:auto}.wrap.sub{flex:none}table.tbl{border-collapse:separate;border-spacing:0;background:#fff;width:max-content;min-width:100%}.tbl th,.tbl td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top;text-align:left;padding:7px 10px}.tbl thead th{background:var(--navy);color:#fff;text-transform:uppercase;letter-spacing:.3px;z-index:2;font-size:11px;font-weight:600;position:sticky}.tbl thead tr.grp th{letter-spacing:.6px;text-align:center;background:linear-gradient(#143057,#0b1c33);border-right:1px solid #ffffff21;font-size:12px;top:0}.tbl thead tr.cols th{background:var(--navy2);top:34px}.tbl td{max-width:340px;color:var(--ink);font-size:12.5px}.tbl td.dept-col{padding-right:10px}.tbl td.dept-col span{text-overflow:ellipsis;white-space:nowrap;max-width:96px;display:block;overflow:hidden}.tbl thead tr.cols th.dept-col{max-width:96px}.tbl tbody tr:nth-child(2n) td{background:#f7f9fc}.tbl tbody tr:hover td{background:#eef4fb}td.c{text-align:center;font-weight:700}td.sc{font-size:15px;font-weight:800}.g{color:var(--g2);background:var(--g)!important}.a{color:var(--a2);background:var(--a)!important}.r{color:var(--r2);background:var(--r)!important}tr.new td{animation:2.4s hi}tr.new td:first-child{box-shadow:inset 3px 0 var(--red)}@keyframes hi{0%{background:#fde2e9}to{background:0 0}}.tbl details summary{cursor:pointer;color:var(--red);font-size:12px;font-weight:700;list-style:none}.tbl details summary::-webkit-details-marker{display:none}.tbl details summary:before{content:"▸ "}.tbl details[open] summary:before{content:"▾ "}.tbl details div{white-space:pre-wrap;color:#37414f;border:1px solid var(--line);background:#f6f8fc;border-radius:9px;max-height:260px;margin-top:6px;padding:9px 11px;font-size:12px;line-height:1.55;overflow-y:auto}.auth-loading{color:var(--muted);margin:auto;font-weight:600}.auth-wrap{width:100%;max-width:384px;margin:auto;padding:24px}.auth-card{background:var(--surf);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.auth-top{border-bottom:3px solid var(--red);background:linear-gradient(115deg,#0b1c33 0%,#0f2440 52%,#15335a 100%);padding:22px 24px}.auth-top img{width:auto;height:34px;display:block}.auth-top .lt{color:#9fb3cf;letter-spacing:.4px;text-transform:uppercase;margin-top:10px;font-size:11px;font-weight:600}.auth-body{padding:24px}.auth-body h1{color:var(--navy);margin:0 0 4px;font-size:19px;font-weight:800}.auth-body p.sub{color:var(--muted);margin:0 0 20px;font-size:13px}.auth-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.auth-field span{color:var(--navy);font-size:12px;font-weight:700}.auth-field input{border:1px solid var(--line);font:inherit;border-radius:10px;padding:10px 12px}.auth-field input:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px #ed18461f}.auth-remember{color:var(--muted);align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.auth-btn{cursor:pointer;background:linear-gradient(150deg,var(--red),#ff3b62);color:#fff;width:100%;font:inherit;letter-spacing:.2px;border:0;border-radius:10px;padding:11px;font-weight:800;box-shadow:0 6px 16px #ed18464d}.auth-btn:disabled{opacity:.55;cursor:default;box-shadow:none}.auth-err{background:var(--r);color:var(--r2);border-radius:8px;margin-bottom:14px;padding:8px 12px;font-size:13px}.btn-logout{margin-left:auto}.bi-title{color:var(--navy);margin-right:4px;font-size:15px}.bi-slicer{color:var(--muted);flex-direction:column;gap:3px;font-size:11px;display:flex}.bi-slicer span{font-weight:700}.bi-slicer select{border:1px solid var(--line);font:inherit;background:var(--surf);color:var(--ink);border-radius:9px;min-width:130px;padding:7px 10px;font-size:13px}.bi-empty{text-align:center;color:var(--muted);padding:48px;font-weight:600}.bi-kpis{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:14px;display:grid}.bi-card{background:var(--surf);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:14px;padding:18px 16px}.bi-card b{color:var(--navy);font-size:30px;font-weight:800;line-height:1;display:block}.bi-card i{color:var(--muted);margin-top:8px;font-size:12px;font-style:normal;font-weight:600;display:block}.bi-grid{grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px;display:grid}.bi-box{background:var(--surf);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-bottom:14px;padding:18px 20px}.bi-box h3{color:var(--navy);margin:0 0 16px;font-size:14px;font-weight:800}.bi-bars{align-items:flex-end;gap:14px;height:200px;padding-top:18px;display:flex}.bi-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bi-bar-n{color:var(--navy);font-size:13px;font-weight:800}.bi-bar{background:linear-gradient(180deg,var(--red),#ff6a86);border-radius:8px 8px 0 0;width:100%;max-width:56px;min-height:3px}.bi-bar-x{color:var(--muted);font-size:12px;font-weight:600}.bi-gauge-box{flex-direction:column;display:flex}.gauge{width:100%;max-width:260px;margin:auto;display:block}.gauge-val{fill:var(--navy);font-size:34px;font-weight:800}.gauge-cap{fill:var(--muted);font-size:9px;font-weight:600}.bi-hrow{align-items:center;gap:12px;margin-bottom:10px;display:flex}.bi-hlabel{width:190px;color:var(--ink);flex-shrink:0;font-size:13px;font-weight:600}.bi-htrack{background:var(--bg);border-radius:9px;flex:1;height:18px;overflow:hidden}.bi-hfill{border-radius:9px;height:100%;transition:width .3s}.bi-hpct{text-align:right;width:44px;color:var(--navy);font-size:13px;font-weight:800}.bi-table{border-collapse:collapse;width:100%;font-size:13px}.bi-table th{text-align:left;border-bottom:2px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding:8px 12px;font-size:11px}.bi-table td{border-bottom:1px solid var(--line);padding:9px 12px}.bi-table td.num{text-align:right}.bi-pill{color:#fff;border-radius:7px;min-width:34px;padding:2px 8px;font-weight:800;display:inline-block}@media (max-width:860px){.bi-kpis{grid-template-columns:repeat(2,1fr)}.bi-grid{grid-template-columns:1fr}}