:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#6bae8c;--brand-strong:#3e8b67;--brand-deep:#2f5c49;--brand-soft:#e7f2ec;--brand-pale:#f5faf7;--navy:var(--brand-deep);--navy2:#3e8b67;--ink:#2c4a3e;--ink-soft:#49665a;--muted:#7c8f87;--line:#dce6e0;--line-soft:#edf3ef;--teal:var(--brand);--amber:#e0a94a;--blue:#6c93a8;--danger:#d08484;--danger-soft:#fdebea;--amber-soft:#fff4d9;--bg:#f3f6f4;--surface:#fff;--surface-subtle:#f3f7f4;--brand-wash:#f0f8f3;--chart-grid:#e4ebe7;--chart-axis:#c7d9ce;--chart-text:#6b8079;--chart-label:#395349;--chart-average:#b08331;--chart-point:#fff;--chart-track:#f1f5f2;--font-sans:"Source Sans 3 Variable", "Segoe UI", Arial, sans-serif;--font-display:var(--font-sans)}*{box-sizing:border-box}html{width:100%;min-height:100dvh;overflow-x:clip}body{background:var(--bg);width:100%;min-height:100dvh;color:var(--ink);font:15px var(--font-sans);margin:0;overflow-x:clip}button,input,select{font:inherit}button{cursor:pointer}::selection{color:var(--brand-deep);background:#bfe5ce}:where(button,input,select,[tabindex]):focus-visible{outline-offset:2px;outline:3px solid #07884a42}.boot{min-height:100vh;color:var(--muted);place-items:center;gap:12px;display:grid}.boot svg{color:var(--teal)}.maintenance-page{background:var(--bg);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.maintenance-card{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:12px;justify-items:center;gap:14px;width:min(520px,100%);padding:36px 28px;display:grid;box-shadow:0 12px 32px #194d3414}.maintenance-icon{background:var(--amber-soft);width:64px;height:64px;color:var(--amber);border-radius:50%;place-items:center;margin-top:8px;display:grid}.maintenance-card h1{color:var(--brand-deep);margin:0;font-size:1.5rem}.maintenance-card p{color:var(--ink-soft);margin:0;line-height:1.55}.maintenance-detail{background:var(--surface-subtle);max-width:100%;color:var(--muted);overflow-wrap:anywhere;border-radius:6px;padding:6px 10px}.maintenance-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.maintenance-actions button{align-items:center;gap:8px;display:inline-flex}.login{background:#f6f8f6;grid-template-columns:minmax(520px,58%) 1fr;min-height:100vh;display:grid}.login-theme-toggle{z-index:5;border:1px solid var(--line);color:#49685b;background:#fffffff0;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:22px;right:22px;box-shadow:0 8px 22px #194d341a}.login-theme-toggle:hover{background:var(--brand-pale);color:var(--brand-strong);border-color:#9bc9ac}.login-visual{color:#fff;background:linear-gradient(135deg,#2f5c49 0%,#3e8b67 52%,#6bae8c 100%);padding:48px min(7vw,96px);position:relative;overflow:hidden}.login-visual:after{content:"";opacity:.55;background-color:#0000;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.brand,.side nav button,.logout,.topbar>div,.search{align-items:center;gap:10px;display:flex}.brand{z-index:1;position:relative}.brand-logo{filter:brightness(0)invert();width:auto;height:34px;display:block}.brand small{letter-spacing:.8px;color:#ffffffb3;margin-top:2px;font-size:9px;display:block}.login-visual h1{z-index:1;max-width:680px;font:700 clamp(38px, 4vw, 58px)/1.08 var(--font-display);letter-spacing:0;margin:150px 0 18px;position:relative}.login-visual p{z-index:1;color:#ffffffc7;max-width:600px;line-height:1.8;position:relative}.live-card{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff24;border:1px solid #ffffff47;border-radius:8px;width:360px;margin-top:36px;padding:20px;position:relative}.live-card small,.live-card span{color:#ffffffb3;letter-spacing:1px;font-weight:800;display:block}.live-card b{font:700 58px var(--font-display);margin:8px 0;display:block}.login-card{border:1px solid var(--line);background:#fff;border-radius:10px;place-self:center;width:min(390px,100% - 48px);padding:28px;box-shadow:0 18px 46px #194d4e17}.login-lockup{color:var(--brand-deep);margin-bottom:18px}.login-lockup .brand-logo{filter:none}.login-lockup small{color:#668075}.chip{background:var(--brand-soft);color:var(--brand-strong);letter-spacing:.5px;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.login-card h2{margin:22px 0 8px;font-size:28px}.login-card label{color:#667f82;margin:16px 0 7px;font-size:11px;font-weight:800;display:block}.login-card input{border:1px solid var(--line);border-radius:7px;outline:0;width:100%;height:44px;padding:0 12px}.login-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #07884a21}.password-field{position:relative}.password-field input{padding-right:52px}.password-toggle{color:#60786d;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.password-toggle:hover{background:var(--brand-pale);color:var(--brand-strong)}.password-toggle:active{transform:translateY(-50%)scale(.96)}.error{color:#d35c2b;min-height:18px;font-size:11px}.primary{border:1px solid var(--brand-strong);background:var(--brand-strong);color:#fff;border-radius:7px;height:44px;padding:0 18px;font-weight:800}.primary:hover{border-color:var(--brand-deep);background:var(--brand-deep)}.outline{border:1px solid var(--line);color:#365348;background:#fff;border-radius:7px;height:44px;padding:0 18px;font-weight:800}.outline:hover{background:var(--brand-pale);color:var(--brand-strong);border-color:#9bc9ac}.login-card .primary{width:100%;margin-top:20px}.login-card .error{margin:12px 0 0}.login-card .error+.primary{margin-top:12px}.login-card>small{text-align:center;color:var(--muted);margin-top:15px;display:block}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-footer{border-top:1px solid var(--line);background:var(--surface);box-sizing:border-box;flex-shrink:0;align-items:center;gap:12px;max-width:100%;margin-top:auto;padding:6px 20px;display:flex;overflow:hidden}.app-footer-logo{flex:none;width:auto;height:22px}.app-footer-info{flex-wrap:wrap;flex:auto;align-items:center;gap:3px 14px;min-width:0;max-width:100%;display:flex}.app-footer-info b{letter-spacing:.2px;color:var(--brand-deep);white-space:nowrap;flex-shrink:0;font-size:12.5px;font-weight:750}.app-footer-info span{color:var(--muted);font-size:11.5px;line-height:1.35}.side{z-index:20;color:#d1e0d7;background:linear-gradient(#3b705b 0%,#32634f 58%,#4b9875 100%);border-right:0;flex-direction:column;width:218px;padding:22px 14px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.side .brand{color:#fff;border-bottom:1px solid #ffffff14;margin:0 7px 22px;padding-bottom:24px}.side .brand small{color:#9db9aa}.side nav{scrollbar-width:thin;scrollbar-color:#8dd5aa47 transparent;flex-direction:column;flex:auto;gap:3px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.nav-label{color:#799a88;letter-spacing:1.2px;margin:18px 12px 7px;font-size:8px;font-weight:850;display:block}.side nav button,.logout{color:#b5c9bd;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;height:44px;padding:0 12px;font-size:12px;font-weight:750;position:relative}.side nav button.active{color:#fff;background:#ffffff1c}.side nav button.active:before{content:"";background:#8dd5aa;border-radius:999px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.side nav button:hover{color:#fff;background:#ffffff0e}.nav-badge{color:#e1f3e8;text-align:center;background:#8dd5aa29;border-radius:999px;min-width:24px;margin-left:auto;padding:2px 7px;font-size:10px}.side-footer{border-top:1px solid #ffffff1a;flex:none;margin-top:10px;padding-top:10px}.side-health{background:#0222169e;border:1px solid #8dd5aa38;border-radius:8px;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:11px;display:grid}.side-health i{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #10b9811f}.side-health b,.side-health span{display:block}.side-health b{color:#d5dfec;font-size:10px}.side-health span{color:#90aa9b;font-size:8px}.side-health strong{color:#8dd5aa;font-size:10px}.logout{color:#d9e8df;border-radius:8px;margin-top:8px}.logout:hover{color:#fff;background:#ffffff17}main{background:var(--bg);flex-direction:column;min-width:0;min-height:100dvh;margin-left:218px;display:flex}.topbar{border-top:3px solid var(--brand);border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;justify-content:space-between;align-items:center;height:66px;padding:0 28px;font-size:13px;display:flex;position:sticky;top:0}.top-status{white-space:nowrap;text-overflow:ellipsis;color:#294b3d;flex:auto;min-width:0;font-weight:700;overflow:hidden}.topbar i{background:var(--teal);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 6px #0ba98f1f}.topbar small{color:var(--muted);margin-left:8px;font-weight:500}.top-actions{flex:none;align-items:center;gap:10px;display:flex}.search{border:1px solid var(--line);color:#577176;background:#fff;border-radius:8px;height:38px;padding:0 10px 0 14px}.search kbd{color:#81908e;background:#f5f8f7;border:1px solid #d7e3e1;border-radius:5px;margin-left:18px;padding:3px 6px;font-size:10px}.icon-btn{border:1px solid var(--line);color:#49685b;background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.icon-btn:hover{background:var(--brand-pale);color:var(--brand-strong);border-color:#9bc9ac}.icon-btn.notify{position:relative}.icon-btn.notify span{background:#e94b55;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.account-menu{position:relative}.account-menu>summary{list-style:none}.account-menu>summary::-webkit-details-marker{display:none}.user-chip{cursor:pointer;border-left:1px solid #d9e6e4;border-radius:0 7px 7px 0;align-items:center;gap:10px;min-height:44px;margin-left:8px;padding:0 4px 0 12px;display:flex}.user-chip:hover,.account-menu[open] .user-chip{background:var(--brand-pale)}.user-chip>b{background:var(--brand-soft);width:34px;height:34px;color:var(--brand-strong);border-radius:7px;place-items:center;font-size:11px;display:grid}.user-chip strong,.user-chip small{margin:0;display:block}.user-chip strong{color:#2c4a3e;font-size:12px}.user-chip small{color:#8190aa;font-size:10px}.user-chip>svg{transition:transform .16s}.account-menu[open] .user-chip>svg{transform:rotate(180deg)}.account-dropdown{z-index:30;border:1px solid var(--line);background:var(--surface);border-radius:8px;width:270px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 42px #1030202e}.account-dropdown-head{border-bottom:1px solid var(--line);padding:10px 11px 12px}.account-dropdown-head b,.account-dropdown-head span{display:block}.account-dropdown-head b{color:var(--ink)}.account-dropdown-head span{color:var(--muted);margin-top:3px;font-size:12px}.account-logout{color:#a94242;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;min-height:54px;margin-top:6px;padding:7px 10px;display:flex}.account-logout:hover{background:#fff0f0}.account-logout span,.account-logout b,.account-logout small{margin:0;display:block}.account-logout b{color:inherit}.account-logout small{color:var(--muted);margin-top:2px;font-size:11px}.page{flex:1 0 auto;width:100%;max-width:none;margin:0;padding:24px 28px 45px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.page-head small{color:#6b8387;letter-spacing:1.3px;font-size:10px;font-weight:850}.page-head h1{letter-spacing:0;margin:5px 0 4px;font-size:24px}.page-head p{color:var(--muted);margin:0;font-size:13px}.kpis,.stat-grid,.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpi,.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #1e4c4d0b}.kpi{align-content:center;min-width:0;min-height:104px;padding:16px;display:grid}.kpi span{color:#70898b;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:850}.kpi b{font:700 22px var(--font-display);color:#2c4a3e;white-space:normal;overflow-wrap:anywhere;margin:8px 0 4px;display:block}.kpi small{color:var(--muted)}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px;display:grid}.panel h3{margin:0 0 16px}.operation-hero{color:#fff;background:linear-gradient(135deg,#07343c 0%,#0b565d 48%,#16bdb2 100%);border:1px solid #cfe2e0;border-radius:10px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 38px #1b545824}.operation-hero:after{content:"";opacity:.28;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.operation-hero>*{z-index:1;position:relative}.operation-hero small{color:#ffffffb8;letter-spacing:1.4px;font-size:10px;font-weight:850}.operation-hero h2{margin:7px 0 5px;font-size:22px}.operation-hero p{color:#ffffffbd;margin:0}.hero-metrics{grid-template-columns:1fr 1fr;gap:10px;min-width:310px;display:grid}.hero-metrics span{color:#ffffffc7;background:#ffffff1f;border:1px solid #ffffff38;border-radius:8px;padding:13px;font-size:11px}.hero-metrics b{color:#7df5ea;font:750 21px var(--font-display);display:block}.bar-stack{gap:13px;display:grid}.bar-stack div{grid-template-columns:80px 1fr 92px;align-items:center;gap:12px;display:grid}.bar-stack span{font-weight:800}.bar-stack i{background:#e7efed;border-radius:999px;height:10px;overflow:hidden}.bar-stack em{border-radius:inherit;background:linear-gradient(90deg,#6bae8c,#2e9ec7);height:100%;display:block}.bar-stack b{text-align:right}.feed{border-bottom:1px solid #edf3f2;padding:12px 0}.feed b,.feed span{display:block}.feed span{color:var(--muted);margin-top:4px}.period-toggle{border:1px solid var(--line);background:#eef5f4;border-radius:9px;flex:none;gap:2px;padding:3px;display:inline-flex}.period-toggle button{color:#5c7679;background:0 0;border:0;border-radius:6px;padding:8px 14px;font-size:11px;font-weight:800}.period-toggle button.active{color:#fff;background:#2f5c49}.dash-filter-card,.dash-panel,.dash-metric{background:#fffffff0;border:1px solid #d5e6df;border-radius:10px;box-shadow:0 14px 34px #1a433b0e}.dash-filter-card{margin-bottom:16px;overflow:hidden}.dash-filter-card>header,.dash-panel>header{background:linear-gradient(#fff,#f3faf7);border-bottom:1px solid #deeee8;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 18px;display:flex}.dash-filter-card h1,.dash-panel h2{color:#063b2f;font:850 22px/1.12 var(--font-display);letter-spacing:0;margin:0}.dash-filter-card>header span{color:#69827b;font-weight:700}.dash-panel>header span,.refresh-pill,.auto-refresh{color:#163f35;white-space:nowrap;background:#f4fbf7;border:1px solid #cfe4dc;border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:0 12px;font-weight:850;display:inline-flex}.dash-quick-actions,.dash-filter-card footer{flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.dash-quick-actions button,.dash-filter-card footer button{color:#294e45;background:#fff;border:1px solid #c8dfd7;border-radius:7px;min-height:38px;padding:0 14px;font-weight:850}.dash-quick-actions button:hover,.dash-filter-card footer button:hover{background:#f3fbf8;border-color:#88c8b4}.dash-quick-actions button.active,.dash-filter-card footer .primary{color:#fff;background:#2f5c49;border-color:#2f5c49;box-shadow:0 9px 20px #0b3b4429}.dash-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:8px 16px 12px;display:grid}.dash-field{color:#092f28;gap:7px;font-weight:850;display:grid}.dash-field input,.dash-field select,.dash-table-tools input{color:#0d312b;background:#fff;border:1px solid #cde2da;border-radius:7px;outline:0;width:100%;min-width:0;height:44px;padding:0 12px}.auto-refresh input{accent-color:#1fb8a6;width:16px;height:16px}.dash-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.dash-metric{align-content:center;min-width:0;min-height:92px;padding:15px 16px;display:grid;position:relative;overflow:hidden}.dash-metric:before{content:"";opacity:.75;background:linear-gradient(#21b7a7,#5b8def);border-radius:999px;width:3px;position:absolute;top:14px;bottom:14px;left:0}.dash-metric.wide{grid-column:span 2}.dash-metric span{color:#6b817a;font-weight:750}.dash-metric b{color:#143932;font:850 25px/1.15 var(--font-display);overflow-wrap:anywhere;margin-top:8px}.dash-two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:16px;display:grid}.dash-panel{margin-bottom:16px;overflow:hidden}.chart-scroll-x{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:6px;overflow:auto hidden}.chart-scroll-x::-webkit-scrollbar{height:10px}.chart-scroll-x::-webkit-scrollbar-track{background:var(--chart-track);border-radius:999px}.chart-scroll-x::-webkit-scrollbar-thumb{background:var(--muted);border:2px solid var(--chart-track);border-radius:999px}.chart-scroll-x::-webkit-scrollbar-thumb:hover{background:var(--chart-text)}@supports ((-moz-appearance:none)){.chart-scroll-x{scrollbar-width:thin;scrollbar-color:var(--muted) var(--chart-track)}}.recharts-wrapper,.recharts-surface{outline:0}.recharts-cartesian-axis-tick-value{font-family:var(--font-sans)}.recharts-default-legend{flex-wrap:wrap;justify-content:center;gap:6px 14px;display:flex}.chart-tooltip{color:#183d35;background:#fffffff5;border:1px solid #bddbd0;border-radius:7px;min-width:150px;padding:10px 12px;box-shadow:0 12px 30px #18494124}.chart-tooltip b,.chart-tooltip span{align-items:center;gap:7px;display:flex}.chart-tooltip b{margin-bottom:7px;font-weight:850}.chart-tooltip span{color:#526f68;font-size:12px;font-weight:750}.chart-tooltip i{border-radius:2px;flex:none;width:9px;height:9px}.donut-wrap{place-items:center;min-height:300px;display:grid;position:relative}.donut-center{pointer-events:none;justify-items:center;gap:3px;display:grid;position:absolute;top:116px;left:50%;transform:translate(-50%)}.donut-center span{color:#78908a;font-size:11px;font-weight:800}.donut-center strong{color:#143932;font:850 20px/1.1 var(--font-display);white-space:nowrap}.dash-legend{color:#526677;flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-top:8px;font-weight:750;display:flex}.dash-legend span{align-items:center;gap:6px;display:inline-flex}.dash-legend i{border-radius:3px;flex:none;width:14px;height:10px}.stacked-chart{padding-top:2px}.stacked-bars{gap:24px;padding:8px 0 24px;display:grid}.stack-row{grid-template-columns:90px 1fr;align-items:center;gap:14px;display:grid}.stack-row b{text-align:right;color:#3b6056}.stack-row div{background:repeating-linear-gradient(90deg,#0000 0 19%,#dbe7ef 19.1% 19.25%,#0000 19.35% 20%);border-left:1px solid #b9ced4;height:34px;display:flex;overflow:hidden}.stack-row i{border-radius:0 5px 5px 0;min-width:2px;height:100%;display:block}.heatmap-wrap{min-height:330px;padding:12px 0 22px;position:relative}.heatmap-insights{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.heatmap-insights span{background:linear-gradient(#fff,#f7fcf9);border:1px solid #d7e9e2;border-radius:8px;align-content:center;min-height:58px;padding:10px 12px;display:grid}.heatmap-insights small{color:#76908a;text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:850}.heatmap-insights b{color:#123d34;font:850 17px/1.15 var(--font-display);margin-top:5px}.heatmap-grid{grid-template-columns:64px repeat(24,minmax(27px,1fr));align-items:center;gap:0;padding:12px 0 2px;display:grid;overflow-x:auto}.heatmap-grid b,.heatmap-grid em{color:#526f8c;text-align:right;padding-right:12px;font-style:normal;font-weight:750}.heatmap-grid em{text-align:center;padding:9px 0 0}.heatmap-grid button{color:#173f35;cursor:pointer;background:#95cfb5;border:1px solid #ffffff85;border-radius:0;place-items:center;min-height:32px;font-size:11px;font-weight:750;transition:transform .12s,box-shadow .12s,opacity .12s,background .12s;display:grid}.heatmap-grid button:hover,.heatmap-grid button:focus-visible{z-index:1;outline:0;position:relative;transform:translateY(-2px)scale(1.08);box-shadow:0 9px 18px #1f5d4c33;opacity:1!important}.heatmap-grid button.active{z-index:2;outline-offset:-3px;color:#1f3a2e;outline:3px solid #2f5c49;position:relative;opacity:1!important}.heatmap-grid button.hot{background:#73c49f;box-shadow:inset 0 0 0 1px #14503f14}.heatmap-grid button.preview-dim{filter:saturate(.7);color:#173f3580}.heatmap-grid button.preview-hit{z-index:1;position:relative;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #0d53432e,0 5px 13px #23685029;opacity:1!important}.heatmap-inspector{color:#173f35;pointer-events:none;background:#fffffff0;border:1px solid #b9dcd0;border-radius:7px;min-width:150px;padding:10px 12px;position:absolute;top:4px;right:6px;box-shadow:0 12px 28px #194c4421}.heatmap-inspector strong,.heatmap-inspector span,.heatmap-inspector b{display:block}.heatmap-inspector span{color:#68837b;margin-top:5px;font-size:11px;font-weight:750}.heatmap-inspector b{font:850 18px/1.15 var(--font-display);margin-top:3px}.heatmap-scale{color:#57726b;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:10px;width:min(560px,100% - 80px);margin:10px auto 0;font-weight:850;display:grid}.heatmap-scale>span{font-size:12px}.heatmap-scale small{color:#58766d;text-align:center;background:#f6fbf8;border:1px solid #d4e8e1;border-radius:999px;min-width:44px;padding:5px 8px;font-size:11px}.heatmap-scale button{cursor:crosshair;background:0 0;border:0;border-radius:999px;height:32px;padding:0;position:relative}.heatmap-scale button i{background:linear-gradient(90deg,#eef8f3 0%,#cce9dc 38%,#95cfb5 70%,#52a984 100%);border-radius:999px;height:14px;transition:box-shadow .12s,transform .12s;position:absolute;top:9px;left:0;right:0;box-shadow:inset 0 0 0 1px #124f3f14}.heatmap-scale button:hover i,.heatmap-scale button:focus-visible i{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #124f3f29,0 8px 18px #20725324}.heatmap-scale button:focus-visible{outline:0}.heatmap-scale button b{color:#4f7268;pointer-events:none;background:#fffffff5;border:1px solid #b9dcd0;border-radius:999px;min-width:42px;padding:3px 7px;font-size:12px;line-height:1.35;position:absolute;top:-20px;transform:translate(-50%);box-shadow:0 7px 16px #1a4a4324}.heatmap-scale button:after{content:"";border-radius:999px;position:absolute;inset:-9px 0}.alert-center{gap:12px;display:grid}.alert-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.alert-counts .dash-metric{min-height:72px}.alert-ticket{border:1px solid #d4e5dd;border-radius:6px;grid-template-columns:22px 1fr auto;align-items:start;gap:10px;padding:13px;display:grid}.alert-ticket.critical{background:snow;border-color:#f0c4c4}.alert-ticket.warning{background:#fffaf0;border-color:#efdaa6}.alert-ticket svg{color:#c14646}.alert-ticket b,.alert-ticket p{margin:0}.alert-ticket p{color:#29423d;margin-top:8px}.alert-ticket>span{color:#aa2e38;background:#ffe5e5;border-radius:999px;padding:5px 9px;font-weight:850}.dash-table-tools{align-items:center;gap:12px;display:flex}.dash-table-tools label{flex:1;align-items:center;gap:8px;display:flex}.dash-table-tools input{height:42px}.dash-table-tools span{color:#78908a;white-space:nowrap;font-weight:750}.dash-table{border:1px solid #dce8e5;border-radius:6px;max-height:450px;overflow:auto}.dash-table th{cursor:pointer;color:#05372d;font-size:13px}.dash-table td{color:#0b211d;font-size:13px}.load-analysis{gap:20px;display:grid}.load-bars{background:repeating-linear-gradient(0deg,#0000 0 49px,#dfe9ef 50px);border-top:1px solid #e3eeea;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:18px;height:250px;padding:8px 24px 28px;display:grid}.load-bars div{place-items:end center;gap:10px;height:100%;display:grid}.load-bars i{background:#a3d3bc;border-radius:5px 5px 0 0;width:min(66px,80%)}.load-bars span{color:#526f8c;text-align:center;font-size:11px;font-weight:750;transform:rotate(-10deg)}.plant-quick-filter{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:12px;min-width:0;margin:18px 0 14px;padding:10px 12px;display:flex;box-shadow:0 2px 7px #1c2a4206}.plant-quick-filter>span{color:#536e72;letter-spacing:.7px;text-transform:uppercase;flex:none;align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.plant-quick-filter>div{scrollbar-width:thin;gap:5px;min-width:0;display:flex;overflow-x:auto}.plant-quick-filter button{color:#516c70;white-space:nowrap;background:#f8fbfa;border:1px solid #d8e6e4;border-radius:6px;flex:none;min-height:34px;padding:7px 11px;font-size:11px;font-weight:800}.plant-quick-filter button:hover{color:#3e8b67;border-color:#8bc8c0}.plant-quick-filter button.active{color:#fff;background:#2f5c49;border-color:#2f5c49}.plant-quick-filter>small{color:var(--muted);flex:none;margin-left:auto;font-size:10px;font-weight:700}.analytics-grid{grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px;display:grid}.chart-legend{gap:16px;margin:14px 0 18px;display:flex}.chart-legend span{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.legend-dot{border-radius:50%;flex:none;width:8px;height:8px}.inout-summary{gap:12px;margin:16px 0 4px;display:flex}.inout-summary>div{border:1px solid var(--line);background:#f7fbfa;border-radius:8px;flex:1;min-width:0;padding:10px 12px}.inout-summary span{letter-spacing:.6px;text-transform:uppercase;color:#70898b;font-size:9px;font-weight:850;display:block}.inout-summary b{font:700 16px var(--font-display);color:#2c4a3e;white-space:nowrap;align-items:center;gap:4px;margin-top:5px;display:flex}.inout-summary b.trend-up svg{color:var(--teal)}.inout-summary b.trend-down svg{color:var(--amber)}.grouped-plot{margin-top:10px;position:relative}.grouped-grid{pointer-events:none;position:absolute;inset:0}.grouped-grid .grid-line{border-top:1px solid #e7eeec;position:absolute;left:0;right:0}.grouped-grid .grid-line span{background:var(--surface);color:var(--muted);padding-right:8px;font-size:9px;font-weight:700;position:absolute;top:0;left:0;transform:translateY(-50%)}.grouped-bars-row{justify-content:space-evenly;align-items:flex-end;padding:20px 8px 0 38px;display:flex;position:absolute;inset:0}.grouped-col{align-items:flex-end;gap:12px;height:100%;display:flex}.grouped-bar{border-radius:4px 4px 0 0;width:34px;position:relative}.grouped-bar b{color:var(--ink);white-space:nowrap;margin-bottom:4px;font-size:10px;font-weight:800;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.grouped-axis-labels{justify-content:space-around;padding:8px 8px 0 38px;display:flex}.grouped-axis-labels span{color:var(--muted);text-align:center;overflow-wrap:anywhere;flex:none;font-size:10px;font-weight:800}.status-ratio b{font:700 26px var(--font-display);color:#2c4a3e;margin-bottom:8px;display:block}.status-track{background:var(--line);border-radius:999px;gap:2px;height:14px;display:flex;overflow:hidden}.status-track i{height:100%;display:block}.status-legend{gap:10px;margin-top:16px;display:grid}.status-legend div{justify-content:space-between;align-items:center;font-size:12px;display:flex}.status-legend div>span:first-child{color:var(--ink);align-items:center;gap:8px;font-weight:700;display:flex}.status-legend b{font:700 15px var(--font-display)}.rank-bars{gap:14px;display:grid}.rank-bars>div{grid-template-columns:112px 1fr 46px;align-items:center;gap:12px;display:grid}.rank-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-weight:800;display:flex;overflow:hidden}.rank-name i{background:var(--amber);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 3px #f0a51e29}.rank-bars i.track{background:#e7efed;border-radius:999px;height:10px;display:block;overflow:hidden}.rank-bars i.track em{border-radius:inherit;background:var(--teal);height:100%;display:block}.rank-bars b{text-align:right}.alert-list{gap:10px;display:grid}.alert-row{background:#fdf7ea;border:1px solid #f2ddb0;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.alert-row svg{color:var(--amber);flex:none;margin-top:1px}.alert-row b{font-size:13px;display:block}.alert-row span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.alert-empty{border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:16px;font-size:12px;display:flex}.alert-empty svg{color:var(--teal)}.map-layout{grid-template-columns:minmax(620px,1fr) minmax(350px,410px);align-items:start;gap:14px;display:grid}.map-panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.map-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex}.map-panel select{border:1px solid var(--line);height:34px;color:var(--ink);background:#fff;border-radius:7px}.map-viewport{touch-action:auto;background:#dceff5;height:610px;position:relative;overflow:hidden}.map-world{transform-origin:0 0;width:100%;height:100%}.vietnam-map{width:100%;height:100%;display:block;overflow:visible}.province{fill:#cde4de;stroke:#fff;stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.province-labels{pointer-events:none}.province-labels text{fill:#466d70;letter-spacing:.7px;paint-order:stroke;stroke:#ffffffd1;stroke-width:3px;text-anchor:middle;font:850 10px Manrope}.sea-decor{pointer-events:none}.sea-decor path{fill:none;stroke:#4e9ba5;stroke-opacity:.34;stroke-linecap:round;stroke-dasharray:2 5;vector-effect:non-scaling-stroke}.sea-decor text{fill:#4f858e;letter-spacing:2px;paint-order:stroke;stroke:#dceff3;stroke-width:.8px;font:800 9px Manrope}.network-lines-svg{pointer-events:none}.network-lines-svg path{fill:none;stroke:#128f86;stroke-linecap:round;stroke-linejoin:round;opacity:.72;animation:1.25s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-9px}}.factory-node{cursor:pointer;outline:none}.factory-node .hit{fill:#0000;pointer-events:all}.factory-node.warning .core,.factory-node.warning .status-dot{fill:var(--amber)}.factory-node.selected .halo{stroke-width:2.4px;stroke:#3e8b67;fill:#0ba98f38}.factory-node .card-link{stroke:#52a29b;stroke-width:1.15px;stroke-linecap:round;pointer-events:none}.factory-node.warning .card-link{stroke:#d5a13b}.factory-node .port{fill:#fff;stroke:#159f94;stroke-width:1.15px;pointer-events:none}.factory-card{pointer-events:all}.factory-card rect{fill:#fff;stroke:#8fcac2;stroke-width:1.15px;filter:drop-shadow(0 9px 16px #1c4e4f30)}.factory-node.warning .factory-card rect{stroke:#e5b557}.factory-node.selected .factory-card rect{fill:#f0fbf8;stroke:#078f85;stroke-width:1.8px}.factory-card text{fill:#2c4a3e}.factory-card .name{letter-spacing:.15px;font:850 9px Manrope}.factory-card .value{font:750 14px var(--font-display);fill:#078d84;text-anchor:middle}.factory-card .value tspan{fill:#738b8b;font:850 5.6px Manrope}.factory-card .meta{fill:#6a8283;text-anchor:middle;letter-spacing:.4px;font:800 5.8px Manrope}.status-dot{fill:var(--teal)}.map-controls{z-index:5;gap:7px;display:grid;position:absolute;top:15px;right:15px}.map-controls button{color:#214a4d;background:#fffffff2;border:1px solid #c4dcda;border-radius:8px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 5px 14px #1a4a4e1f}.map-note{color:#56777b;letter-spacing:1px;background:#ffffffd1;border:1px solid #bfd8d6;border-radius:7px;align-items:center;gap:12px;padding:8px 11px;font-size:11px;font-weight:850;display:flex;position:absolute;bottom:15px;left:16px}.map-note i{background:#86a9aa;width:36px;height:1px}.detail{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:0;min-height:670px;max-height:670px;overflow:auto}.detail-head{z-index:2;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#eef8f5 75%);padding:20px;position:sticky;top:0}.detail-head small{color:#6b8a88;letter-spacing:.8px;font-size:13px;font-weight:850}.detail-head h2{font:700 24px/1.25 var(--font-display);margin:9px 0 4px}.detail-head p{color:var(--muted);margin:0;font-size:14px}.verified{background:#f1fbf8;border:1px solid #cfe7e2;border-radius:8px;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;margin:16px;padding:13px;display:grid}.verified svg{color:#098f82;background:#d8f4ed;border-radius:8px;padding:9px}.verified small,.verified b,.verified p{display:block}.verified small{color:#6c8d89;letter-spacing:1px;font-size:10px;font-weight:850}.verified b{margin:5px 0}.verified p{color:var(--muted);margin:0}.verified>span{color:#3e8b67;text-align:right;max-width:90px;font-size:10px;font-weight:800}.detail .stat-grid{grid-template-columns:1fr 1fr;gap:12px;padding:0 16px}.detail .kpi{min-height:108px;padding:14px}.detail .kpi b{font-size:20px;line-height:1.15}.balance{grid-template-columns:1fr auto;gap:9px;margin:16px;display:grid}.balance i{background:#67c568;border-radius:999px;grid-column:1/-1;height:13px;overflow:hidden}.balance em{background:linear-gradient(90deg,#11b9ad,#2ecbc0);height:100%;display:block}.balance small{color:var(--muted);font-weight:800}.detail h3{margin:20px 16px 8px}.station-row{border-bottom:1px solid #edf3f2;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 16px;padding:12px 0;display:grid}.station-row i{background:var(--teal);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 6px #0ba98f1a}.station-row i.maintenance{background:var(--amber);box-shadow:0 0 0 6px #f0a51e1f}.station-row i.offline{background:#dc5151;box-shadow:0 0 0 6px #dc51511f}.station-row b,.station-row span{display:block}.station-row span{color:var(--muted);margin-top:3px;font-size:12px}.table{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #edf3f2;padding:14px 16px}th{color:#6d8387;letter-spacing:.8px;background:#f8fbfa;font-size:11px}.state{color:#3e8b67;background:#e8f8f4;border-radius:999px;margin-top:12px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-flex}.state.maintenance{color:#a66a05;background:#fff4d9}.state.offline{color:#b33e3e;background:#fdebea}.map-overview{background:#fff;border:1px solid #d7e5e2;border-radius:12px;grid-template-columns:repeat(4,1fr) auto;min-height:78px;margin-bottom:14px;display:grid;overflow:hidden;box-shadow:0 8px 26px #2353580d}.map-overview>div{background:linear-gradient(#fff,#fbfdfc);border-right:1px solid #edf3f1;padding:18px 20px;position:relative}.map-overview>div:after{content:"";background:#24b6aa;height:2px;position:absolute;bottom:0;left:20px;right:20px}.map-overview>div:nth-child(2):after{background:#36a6d6}.map-overview>div:nth-child(3):after{background:#7abd7a}.map-overview>.alert{background:linear-gradient(150deg,#fffaf0,#fff4dc)}.map-overview>.alert:after{background:#f2ad38}.map-overview span,.map-overview b,.map-overview small{display:block}.map-overview span{color:#7a8a88;letter-spacing:1px;font-size:8px;font-weight:850}.map-overview b{color:#2c4a3e;font:700 20px var(--font-display);margin-top:8px}.map-overview b small{color:#82918e;font:700 9px Manrope;display:inline}.map-overview p{white-space:nowrap;color:#6f8587;align-items:center;gap:8px;margin:0;padding:0 18px;font-size:10px;display:flex}.map-overview p i{background:#6bae8c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #0ba98f1a}.map-layout{grid-template-columns:minmax(620px,1.4fr) minmax(320px,.72fr)}.map-panel{background:#f8fbfc;border-color:#cfe2e0;border-radius:14px;position:relative;box-shadow:0 18px 44px #2253591f}.map-panel:before{content:"";z-index:3;background:linear-gradient(90deg,#13b8aa 0 42%,#48abd2 42% 76%,#f3ad3d 76%);height:3px;position:absolute;inset:0 0 auto}.map-panel>header{background:linear-gradient(135deg,#fff 0%,#eff9f6 65%,#edf7fb 100%);border-bottom-color:#d8e8e5;gap:16px;height:auto;min-height:76px;padding:0 20px}.map-panel>header small,.map-panel>header b{display:block}.map-panel>header small{color:#6b8c8a;letter-spacing:1.2px;font-size:8px;font-weight:850}.map-panel>header b{color:#2c4a3e;margin-top:4px;font-size:16px}.map-head-actions{color:#607b7d;white-space:nowrap;align-items:center;gap:10px;font-size:8px;font-weight:800;display:flex}.map-head-actions span{background:#ffffffb8;border:1px solid #cbe3df;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;display:inline-flex}.map-head-actions strong{color:#3e8b67;font:700 16px var(--font-display)}.map-head-actions i{background:#6bae8c;border-radius:50%;width:7px;height:7px}.map-head-actions .warn{background:#f0a51e}.map-source-note{color:#648083;letter-spacing:1px;background:#ffffffd1;border:1px solid #bfd8d6;border-radius:5px;max-width:315px;padding:8px 11px;font-size:8px;font-weight:750;position:absolute;bottom:15px;right:15px}.detail{border-color:#d3e3df;border-radius:14px;min-height:688px;max-height:688px;box-shadow:0 18px 44px #22535914}.detail-head{background:linear-gradient(135deg,#fff,#edf8f5 70%,#eef7fb);border-bottom-color:#d9e8e5}.detail-actions{grid-template-columns:1fr auto auto;gap:8px;margin:14px 16px 0;display:grid}.updated{text-align:center;color:#8d9a98;margin:12px 16px 16px;font-size:10px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.panel-head h3{margin:0 0 4px;font-size:13px}.panel-head p{color:#8e99aa;margin:0;font-size:10px}.panel-head>span{color:#758784;letter-spacing:1px;font-size:9px;font-weight:850}.plant-list{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.plant-list button{text-align:left;background:#fff;border:1px solid #d8e5e2;border-radius:7px;padding:12px;transition:all .16s;box-shadow:0 5px 15px #2852540a}.plant-list button:hover,.plant-list button.active{background:linear-gradient(145deg,#fff,#edf9f5);border-color:#65bbb4;transform:translateY(-2px);box-shadow:0 10px 25px #2667681a}.plant-list button.warning{border-left:3px solid #eeaa37}.plant-list header{justify-content:space-between;align-items:center;display:flex}.plant-list header b{font:700 12px var(--font-display)}.plant-list header i{background:#23b78b;border-radius:50%;width:7px;height:7px}.plant-list button.warning header i{background:#f0a51e}.plant-list>button>span{color:#879491;margin:6px 0 12px;font-size:9px;display:block}.plant-list>button>div{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.plant-list strong{font:700 15px var(--font-display);color:#2c4a3e}.plant-list strong small{color:#82908e;letter-spacing:.7px;margin-bottom:3px;font:750 7px Manrope;display:block}.plant-list em{color:#728582;white-space:nowrap;font-size:9px;font-style:normal}.empty-page{text-align:center;padding-top:18vh}.empty-page svg{color:#6bae8c}.empty-page h1{margin:18px 0 6px}.empty-page p{color:var(--muted)}.station-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.station-head .page-head{margin-bottom:0}.scale-groups{gap:30px;margin-bottom:24px;display:grid}.scale-group{min-width:0}.scale-group-heading{border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:0 0 12px;display:flex}.scale-group-heading h2{color:var(--ink);margin:0;font-size:19px;line-height:1.4}.scale-group-count{color:var(--muted);margin-left:auto;font-size:14px}.scale-group-icon{background:var(--brand-pale);width:40px;height:40px;color:var(--brand-strong);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.scale-groups .station-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.scale-group .station-grid,.scale-group .monitor-grid{margin:0}.scale-groups .scale-kind-TRUCK{color:#26764f;background:#e6f3eb}.scale-groups .scale-kind-AUTO_PACK,.scale-groups .scale-kind-BAG-AUTO,.scale-groups .scale-kind-BAG_AUTO,.scale-groups .scale-kind-BAGGING{color:#99620a;background:#fff0d3}.scale-groups .scale-kind-PACK,.scale-groups .scale-kind-BAG{color:#246b93;background:#e7f2fa}.scale-groups .scale-kind-BELT{color:#287c7c;background:#e3f2f0}.scale-groups .scale-kind-WHEEL_LOADER,.scale-groups .scale-kind-ESP,.scale-groups .scale-kind-BATCH{color:#81503d;background:#f5eae5}.monitor-toolbar .period-toggle button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.monitor-toolbar .period-toggle button svg{flex-shrink:0}.product-donut-layout{grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;padding:12px 20px;display:grid}.product-donut-chart{min-width:680px;height:300px;position:relative}.product-donut-scroll{min-width:0;overflow-x:auto}.product-donut-legend{flex-wrap:wrap;justify-content:center;gap:8px 24px;display:flex}.product-donut-total{pointer-events:none;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;display:flex;position:absolute;inset:0}.product-donut-total strong{overflow-wrap:anywhere;text-align:center;max-width:140px;color:var(--ink);font-size:22px}.product-donut-legend{margin:0;padding:0;list-style:none}.product-donut-legend li{border-bottom:1px solid var(--line);grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;font-size:15px;display:grid}.product-donut-legend li>i{border-radius:3px;width:14px;height:14px}.product-donut-legend li>span{overflow-wrap:anywhere}.product-donut-legend small{color:var(--muted);margin-top:4px;font-size:13px;display:block}@media (max-width:768px){.product-donut-layout{grid-template-columns:minmax(0,1fr);gap:12px;padding:8px 10px}.product-donut-chart{width:100%!important;min-width:0!important}.product-donut-scroll{overflow-x:hidden}.product-donut-total strong{font-size:18px}.product-donut-legend{gap:6px 14px}.product-donut-legend li{padding:8px 0;font-size:13px}}.plant-photo{aspect-ratio:16/10;object-fit:cover;object-position:center;background:var(--surface);border-radius:6px;width:100%;height:auto;display:block}.detail>.plant-photo{object-fit:cover;border-radius:8px;width:calc(100% - 28px);max-height:160px;margin:0 14px 12px}.dashboard-photo-summary{grid-template-columns:minmax(0,1fr) minmax(260px,28%);align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.dashboard-summary-data{min-width:0}.dashboard-photo-summary .executive-kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.dashboard-summary-photo{min-width:0;min-height:0;position:relative}.dashboard-summary-photo>.plant-photo{aspect-ratio:auto;object-fit:cover;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (max-width:1050px){.dashboard-photo-summary{grid-template-columns:minmax(0,1fr)}.dashboard-summary-photo{aspect-ratio:16/9;width:100%;max-width:560px;margin:0 auto}}@media (max-width:600px){.dashboard-photo-summary .executive-kpis{grid-template-columns:minmax(0,1fr)}}.filter-panel{border:1px solid var(--line);background:#fff;border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:22px 0 16px;padding:14px;display:flex;box-shadow:0 2px 7px #1c2a4206}.filter-search{color:#8a96a8;border:1px solid var(--line);background:#fff;border-radius:7px;flex:220px;align-items:center;gap:10px;min-width:200px;height:42px;padding:0 12px;display:flex}.filter-panel .filter-search{flex:0 280px;max-width:280px}.filter-search input{color:#435066;border:0;outline:0;width:100%}.filter-panel .filter-date-group{flex-shrink:1}.filter-panel select{border:1px solid var(--line);color:#46556c;background:#fff;border-radius:7px;flex:none;min-width:150px;height:42px;padding:0 12px}.filter-panel .outline{height:42px}.station-plant-chart,.ticket-plant-chart,.monitor-plant-chart{margin-bottom:16px}.station-plant-group{margin-bottom:22px}.station-plant-group-title{color:var(--brand-deep);align-items:baseline;gap:8px;margin:0 0 12px;font-size:13px;display:flex}.station-plant-group-title small{color:var(--muted);font-size:10px;font-weight:750}.station-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.station-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:16px;box-shadow:0 2px 7px #1c2a4206}.station-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.station-card-head>div{align-items:center;gap:12px;min-width:0;display:flex}.station-icon{color:#3e8b67;background:#dff8f5;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.station-card h3{color:#2c4a3e;margin:0;font-size:15px}.station-card p{color:#8190aa;margin:4px 0 0;font-size:11px}.station-card p.station-description{color:#415168;margin:3px 0 0;font-size:12px;font-weight:700}.station-data{background:#f7f9f7;border-radius:7px;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 14px;padding:13px;display:grid}.station-data span,.station-data b{display:block}.station-data span{color:#8390a2;font-size:9px}.station-data b{color:#2c4a3e;margin-top:6px;font-size:17px}.station-foot{color:#7f8a9a;justify-content:space-between;align-items:center;font-size:11px;display:flex}.station-foot b{color:#526076}.ticket-summary,.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.report-filter{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:repeat(4,minmax(160px,1fr)) auto;align-items:end;gap:12px;margin:22px 0 16px;padding:14px;display:grid;box-shadow:0 2px 7px #1c2a4206}.report-filter label{color:#7e8ca2;gap:7px;min-width:0;font-size:10px;font-weight:850;display:grid}.report-filter input,.report-filter select{color:#415168;background:#fff;border:1px solid #d9e4e7;border-radius:7px;width:100%;min-width:0;height:42px;padding:0 12px}.report-filter .filter-search{color:#8a96a8;background:#fff;border:1px solid #d9e4e7;border-radius:7px;align-items:center;gap:10px;width:100%;min-width:0;height:42px;padding:0 12px;display:flex}.report-filter .filter-search input{color:#415168;border:0;outline:0;width:100%;min-width:0;height:auto;padding:0}.report-scope{border-left:1px solid var(--line);align-content:center;min-height:42px;padding:7px 12px;display:grid}.report-scope span,.report-scope small{color:var(--muted);font-size:9px}.report-scope b{margin:2px 0;font-size:12px}.report-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;margin:14px 0;display:grid}.report-grid>.panel{min-width:0}.trend-panel p,.report-grid .panel p{color:#7f8da2;margin:-8px 0 18px;font-size:11px}.trend-chart{background-blend-mode:multiply;background:linear-gradient(#fff,#fff),repeating-linear-gradient(0deg,#0000 0 56px,#e6edf1 57px);border:1px solid #edf3f2;border-radius:8px;grid-template-columns:repeat(16,1fr);align-items:end;gap:12px;height:260px;padding:18px 20px 12px;display:grid}.trend-chart span{background:linear-gradient(#22c7bd,#0d8f88);border-radius:999px 999px 3px 3px;min-height:22px;position:relative;box-shadow:0 8px 16px #0d8f881f}.trend-chart span i{background:#fff;border:2px solid #18aaa2;border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.category-bars{gap:18px;padding-top:8px;display:grid}.category-bars header{color:#2c4a3e;justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.category-bars i{background:#edf2f5;border-radius:999px;height:10px;display:block;overflow:hidden}.category-bars em{border-radius:inherit;height:100%;display:block}.report-table{margin-top:14px}.report-production-summary{min-width:0;margin-top:14px}.report-production-summary>p{color:var(--chart-text)}@media (max-width:600px){.report-production-summary thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.report-production-summary tbody{display:block}.report-production-summary tbody tr{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.report-production-summary td{text-align:left;overflow-wrap:anywhere;border:0;min-width:0;padding:8px 12px}.report-production-summary td:first-child{grid-column:1/-1}.report-production-summary td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:var(--text-caption);display:block}}.primary svg{vertical-align:-2px;margin-right:6px}.monitor-refresh{flex:none;justify-content:center;align-items:center;gap:8px;display:inline-flex}.monitor-refresh svg{margin:0}.monitor-refresh:disabled{opacity:.65;cursor:wait}.spin{animation:.8s linear infinite monitor-spin}@keyframes monitor-spin{to{transform:rotate(360deg)}}.monitor-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.monitor-kpis article{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:flex-start;gap:13px;min-height:116px;padding:17px;display:flex;box-shadow:0 8px 22px #1e4c4d0b}.monitor-kpis article>svg{color:#3e8b67;background:#e8f8f4;border-radius:7px;flex:none;width:38px;height:38px;padding:9px}.monitor-kpis span,.monitor-kpis b,.monitor-kpis small{display:block}.monitor-kpis span{color:#70898b;letter-spacing:.7px;text-transform:uppercase;font-size:9px;font-weight:850}.monitor-kpis b{color:#2c4a3e;font:700 24px var(--font-display);margin:7px 0 4px}.monitor-kpis small{color:var(--muted);font-size:10px}.monitor-network{align-items:center;gap:22px;margin-top:14px;display:flex}.monitor-network>div:first-child{margin-right:auto}.monitor-network h3{margin-bottom:4px}.monitor-network p{color:var(--muted);margin:0;font-size:10px}.monitor-scale-dots{gap:7px;display:flex}.monitor-scale-dots span{color:#fff;width:35px;height:35px;font:750 13px var(--font-display);border-radius:7px;place-items:center;display:grid}.monitor-scale-dots span.online{background:#10a66f}.monitor-scale-dots span.offline{background:#df5555}.monitor-legend{color:var(--muted);gap:11px;font-size:10px;font-weight:750;display:flex}.monitor-legend span{align-items:center;gap:5px;display:flex}.monitor-legend i{border-radius:50%;width:7px;height:7px}.monitor-legend i.online{background:#10a66f}.monitor-legend i.offline{background:#df5555}.monitor-legend i.idle{background:#8996a5}.monitor-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 12px;display:flex}.monitor-toolbar>span{color:var(--muted);font-size:10px;font-weight:750}.monitor-toolbar select{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--ink);border-radius:7px;padding:0 12px}.monitor-plant-chart{margin-top:14px}.monitor-plant-group{margin-top:18px}.monitor-plant-group-title{color:var(--brand-deep);align-items:baseline;gap:8px;margin:0 0 12px;font-size:13px;display:flex}.monitor-plant-group-title small{color:var(--muted);font-size:10px;font-weight:750}.monitor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.monitor-card{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 8px 22px #1e4c4d0d}.monitor-card.is-offline{border-color:#efd8d6}.monitor-card>header{border-bottom:1px solid #eaf1ef;align-items:flex-start;gap:10px;min-height:78px;padding:15px;display:flex}.monitor-type-icon{border-radius:7px;flex:none;place-items:center;width:38px;height:38px;display:grid}.monitor-type-icon.belt{color:#1681ae;background:#e5f5fb}.monitor-type-icon.truck{color:#3f6d4f;background:#e8f4ed}.monitor-type-icon.pack{color:#9b6530;background:#f7eee4}.monitor-card-title{flex:1;min-width:0}.monitor-card-title h3{color:#2c4a3e;overflow-wrap:anywhere;margin:1px 0 3px;font-size:13px;line-height:1.3}.monitor-card-description{color:#415168;overflow-wrap:anywhere;margin:0 0 5px;font-size:11px;font-weight:700}.monitor-card-title span{color:var(--muted);font-size:9px;font-weight:700}.monitor-badges{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:118px;display:flex}.monitor-badges span{border-radius:6px;align-items:center;gap:4px;min-height:25px;padding:5px 7px;font-size:8px;font-weight:850;display:inline-flex}.monitor-badges .online{color:#087348;background:#e1f7eb}.monitor-badges .offline{color:#a33c3c;background:#fde9e7}.monitor-badges .run{color:#2163a6;background:#e8f2fc}.monitor-badges .stop{color:#687686;background:#edf1f4}.monitor-production{text-align:center;background:#f8fbfa;padding:19px 16px 17px}.monitor-production>span{color:#6d8387;letter-spacing:.7px;font-size:9px;font-weight:850}.monitor-production>b{color:#078e83;font:750 35px var(--font-display);margin:9px 0 7px;display:block}.monitor-production>b small{font-size:15px}.monitor-production p{color:var(--muted);margin:0;font-size:10px}.monitor-production strong{color:#294c52}.monitor-metrics{grid-template-columns:1fr 1fr;margin:0;padding:0 16px;display:grid}.monitor-metrics>div{border-bottom:1px solid #edf2f1;min-width:0;padding:13px 8px}.monitor-metrics>div:nth-child(odd){border-right:1px solid #edf2f1;padding-left:0}.monitor-metrics dt{color:#788b8f;letter-spacing:.55px;text-transform:uppercase;font-size:8px;font-weight:850}.monitor-metrics dd{color:#2c4a3e;font:700 15px var(--font-display);overflow-wrap:anywhere;align-items:center;gap:4px;margin:6px 0 0;display:flex}.monitor-card>footer{min-height:48px;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:11px 16px;font-size:8px;display:flex}.monitor-card>footer span{overflow-wrap:anywhere;align-items:center;gap:4px;min-width:0;display:flex}.access-summary{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:28px;min-height:72px;margin:20px 0 14px;padding:12px 16px;display:flex}.access-summary span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.access-summary b{color:var(--ink);font:700 22px var(--font-display);margin-bottom:2px;display:block}.access-summary small{color:var(--muted);margin-left:auto}.users-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:14px;display:grid}.users-table{margin:0}.users-table td:first-child b,.users-table td:first-child small{display:block}.users-table td:first-child small{color:var(--muted);margin-top:4px}.role-tag,.account-state{border-radius:6px;align-items:center;min-height:26px;padding:4px 8px;font-size:9px;font-weight:850;display:inline-flex}.role-tag{color:#315a92;background:#eaf2fb}.role-admin{color:#7b4711;background:#fff2d9}.role-operator{color:#176b55;background:#e5f7f0}.account-state.active{color:#087348;background:#e1f7eb}.account-state.locked{color:#a33c3c;background:#fde9e7}.outline.compact{height:32px;padding:0 11px}.access-editor{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px;position:sticky;top:82px;box-shadow:0 14px 34px #194d4e17}.access-editor>header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.access-editor header small{color:var(--teal);letter-spacing:1px;font-size:9px;font-weight:850}.access-editor h3{margin:5px 0 0;font-size:18px}.access-editor>label,.editor-row label{color:#667f82;gap:6px;margin-bottom:13px;font-size:10px;font-weight:850;display:grid}.access-editor input,.access-editor select{border:1px solid var(--line);width:100%;height:40px;color:var(--ink);background:#fff;border-radius:7px;padding:0 10px}.access-editor input:disabled{color:var(--muted);background:#f2f5f4}.editor-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.access-editor fieldset{border:0;margin:4px 0 16px;padding:0}.access-editor legend{color:#667f82;margin-bottom:8px;font-size:10px;font-weight:850}.permission-tags{flex-wrap:wrap;gap:6px;display:flex}.permission-tags span{color:#176b62;background:#e7f7f3;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:850}.global-access-note{color:#176b62;background:#effaf7;border:1px solid #9dd8ce;border-radius:7px;align-items:center;gap:10px;padding:12px;display:flex}.global-access-note b,.global-access-note span{display:block}.global-access-note span{color:var(--muted);margin-top:2px;font-size:9px}.plant-access-head,.plant-access-list>div{grid-template-columns:minmax(145px,1fr) repeat(2,64px);align-items:center;gap:5px;display:grid}.plant-access-head{color:#7b8e91;text-align:center;padding:0 9px 6px;font-size:8px}.plant-access-head span{text-align:left}.plant-access-list{gap:7px;max-height:300px;display:grid;overflow:auto}.plant-access-list>div{border:1px solid var(--line);border-radius:7px;padding:9px}.plant-access-list>div.checked{background:#effaf7;border-color:#65bbb4}.plant-access-list label{cursor:pointer;place-items:center;display:grid}.plant-access-list input{flex:none;width:15px;height:15px}.plant-access-list b,.plant-access-list small{display:block}.plant-access-list small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.4}.access-editor>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding-top:14px;display:flex}.log-kpis{grid-template-columns:repeat(3,minmax(140px,190px)) 1fr;align-items:stretch;gap:10px;margin:20px 0 14px;display:grid}.log-kpis article{border:1px solid var(--line);background:#fff;border-radius:8px;padding:13px 15px}.log-kpis span,.log-kpis b{display:block}.log-kpis span{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:850}.log-kpis b{color:var(--ink);font:700 22px var(--font-display);margin-top:5px}.log-kpis>small{color:var(--muted);justify-content:flex-end;align-items:center;display:flex}.log-toolbar{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.log-toolbar .filter-search{max-width:360px;margin-left:auto}.log-toolbar select{border:1px solid var(--line);color:#435066;background:#fff;border-radius:7px;height:42px;padding:0 11px}.log-table{margin:0}.log-table td{vertical-align:top}.log-table td small{color:var(--muted);margin-top:3px;display:block}.severity,.audit-action{white-space:nowrap;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:850;display:inline-flex}.severity-1{color:#176b62;background:#e6f7f3}.severity-2{color:#8b5b0a;background:#fff2d4}.severity-3{color:#a33c3c;background:#fde9e7}.audit-action{color:#315a92;background:#eaf2fb}@media (max-width:1120px){.side{width:auto;height:auto;position:relative;overflow:visible}main{margin-left:0}.side nav{grid-template-columns:repeat(4,minmax(0,1fr));padding-right:0;display:grid;overflow:visible}.nav-label,.side-health{display:none}.side-footer{justify-content:flex-end;margin-top:10px;padding-top:10px;display:flex}.logout{width:auto;min-width:150px;margin-top:0}.dashboard-grid,.report-grid,.analytics-grid{grid-template-columns:1fr}.inout-summary{flex-wrap:wrap}.inout-summary>div{min-width:140px}.map-layout{min-width:0}.map-overview{grid-template-columns:repeat(4,1fr)}.map-overview p{display:none}.plant-list{grid-template-columns:repeat(3,1fr)}.station-grid,.cam-grid,.monitor-kpis,.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-network{flex-wrap:wrap}.report-filter{grid-template-columns:1fr 1fr}.users-layout{grid-template-columns:1fr}.access-editor{position:static}.dash-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-metric.wide{grid-column:span 1}.dash-two-col{grid-template-columns:1fr}}@media (max-width:760px){.login{display:block}.login-visual{display:none}.login-card{margin:70px auto}.topbar{padding:0 14px}.top-status small,.search,.top-actions>.icon-btn:not(.theme-toggle),.user-chip>div,.user-chip>svg{display:none}.top-actions{gap:6px}.user-chip{border-left:0;min-height:42px;margin-left:0;padding:0}.user-chip>b{width:40px;height:40px}.account-dropdown{width:min(270px,100vw - 28px)}.page{padding:20px 14px 38px}.kpis,.stat-grid,.cards,.detail .stat-grid,.ticket-summary,.report-kpis{grid-template-columns:1fr}.operation-hero,.hero-metrics{grid-template-columns:1fr;min-width:0;display:grid}.map-overview,.plant-list{grid-template-columns:1fr 1fr}.map-head-actions span,.map-source-note,.panel-head>span{display:none}.map-viewport{height:560px}.side nav{grid-template-columns:1fr 1fr}.station-head,.filter-panel,.report-filter{grid-template-columns:1fr;align-items:stretch;display:grid}.plant-quick-filter{flex-wrap:wrap;align-items:center}.plant-quick-filter>div{order:3;width:100%}.plant-quick-filter>small{display:none}.filter-search,.filter-panel select{width:100%;min-width:0}.station-grid,.monitor-kpis,.monitor-grid{grid-template-columns:1fr}.monitor-network{align-items:flex-start}.monitor-network>div:first-child{width:100%}.monitor-scale-dots{width:100%;overflow-x:auto}.monitor-toolbar{flex-direction:column;align-items:flex-start}.monitor-toolbar .period-toggle{max-width:100%;overflow-x:auto}.monitor-toolbar>span{display:none}.access-summary{flex-wrap:wrap;align-items:flex-start;gap:14px 24px}.access-summary small{width:100%;margin-left:0}.editor-row{grid-template-columns:1fr}.plant-access-head,.plant-access-list>div{grid-template-columns:minmax(120px,1fr) repeat(2,48px)}.log-kpis{grid-template-columns:1fr 1fr}.log-kpis>small{justify-content:flex-start}.log-toolbar{flex-direction:column;align-items:stretch}.log-toolbar .filter-search{max-width:none;margin-left:0}.page,.panel,.table{min-width:0;max-width:100%}.dash-filter-card h1,.dash-panel h2{font-size:22px}.dash-filter-card>header{flex-direction:column;align-items:flex-start;padding:14px}.dash-filter-grid,.dash-kpi-grid,.alert-counts{grid-template-columns:1fr}.dash-filter-card footer,.dash-table-tools{flex-direction:column;align-items:stretch}.dash-filter-card footer button,.auto-refresh,.refresh-pill{justify-content:center}.dash-table-tools span{white-space:normal}.stack-row{grid-template-columns:62px 1fr}.load-bars{gap:8px;padding-left:4px;padding-right:4px}.load-bars span{font-size:9px}.grouped-bars-row{padding-left:28px;padding-right:2px}.grouped-col{gap:3px;min-width:0}.grouped-bar{width:16px}.grouped-bar b{font-size:7px}.grouped-axis-labels{padding-left:28px;padding-right:2px}.grouped-axis-labels span{width:20%;font-size:8px}}.dashboard-v2{background:#f5f8f7;max-width:none}.dash-page-heading{justify-content:space-between;align-items:center;gap:20px;min-height:66px;margin-bottom:14px;display:flex}.dash-page-heading small{color:#718680;letter-spacing:1.2px;font-size:9px;font-weight:850}.dash-page-heading h1{color:#113b34;font:850 25px/1.1 var(--font-display);letter-spacing:0;margin:5px 0 3px}.dash-page-heading p{color:#6b817c;margin:0;font-size:12px}.dash-freshness{color:#3e8b67;border-left:1px solid #d7e4e0;align-items:center;gap:9px;min-width:170px;padding:10px 12px;display:flex}.dash-freshness span,.dash-freshness strong{display:block}.dash-freshness span{color:#78908a;font-size:9px;font-weight:750}.dash-freshness strong{color:#234a42;margin-top:2px;font-size:12px}.plant-scope-bar{background:#fff;border:1px solid #d4e3df;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;margin-bottom:10px;padding:8px 10px;display:grid;box-shadow:0 5px 16px #1840390a}.plant-scope-bar>span{color:#526f68;letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:7px;padding:0 8px;font-size:9px;font-weight:850;display:flex}.plant-scope-bar>div{scrollbar-width:thin;gap:6px;min-width:0;display:flex;overflow-x:auto}.plant-scope-bar button{color:#34564f;white-space:nowrap;background:#f9fbfa;border:1px solid #d7e5e1;border-radius:6px;flex:none;align-items:center;gap:7px;min-height:42px;padding:6px 10px;display:flex}.plant-scope-bar button.active{color:#fff;background:#2f5c49;border-color:#2f5c49;box-shadow:0 7px 16px #0b465024}.plant-scope-bar button i{background:#23a779;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #23a7791c}.plant-scope-bar button.warning i{background:#e6a12d;box-shadow:0 0 0 3px #e6a12d21}.plant-scope-bar button.critical i{background:#d65353;box-shadow:0 0 0 3px #d653531f}.plant-scope-bar button.active i{box-shadow:0 0 0 3px #ffffff26}.plant-scope-bar button small{color:#80918d;font-size:8px;font-weight:750}.plant-scope-bar button.active small{color:#ffffffad}.plant-scope-bar>small{color:#748983;white-space:nowrap;padding:0 7px;font-size:9px;font-weight:750}.dash-toolbar{background:#fff;border:1px solid #d4e3df;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;min-height:52px;margin-bottom:12px;padding:6px 8px;display:flex}.dash-toolbar .period-toggle{background:#edf4f2;border:0}.dash-toolbar .period-toggle button{min-height:32px;padding:6px 11px}.dash-range{color:#607973;white-space:nowrap;border-left:1px solid #dce8e4;align-items:center;gap:7px;min-height:32px;padding:0 10px;font-size:10px;font-weight:750;display:inline-flex}.dash-toolbar-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.refresh-switch{color:#607973;cursor:pointer;white-space:nowrap;align-items:center;gap:7px;min-height:34px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.refresh-switch input{opacity:0;pointer-events:none;position:absolute}.refresh-switch>span{background:#cbd9d5;border-radius:999px;width:28px;height:16px;padding:2px;transition:background .15s}.refresh-switch>span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;display:block;box-shadow:0 1px 3px #1437303d}.refresh-switch input:checked+span:after{transform:translate(12px)}.filter-toggle{color:#35584f;background:#fff;border:1px solid #d0dfdb;border-radius:6px;align-items:center;gap:7px;min-height:36px;padding:0 10px;font-size:10px;font-weight:850;display:inline-flex}.filter-toggle:hover,.filter-toggle.active{color:#3e8b67;background:#eef8f5;border-color:#72b9aa}.filter-toggle b{color:#3e8b67;background:#dcefeb;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:8px;display:grid}.filter-toggle>svg:last-child{transition:transform .16s}.filter-toggle.active>svg:last-child{transform:rotate(180deg)}.dash-filter-drawer{background:#fff;border:1px solid #cfe1dc;border-radius:8px;margin:-2px 0 12px;overflow:hidden;box-shadow:0 14px 30px #18443b14}.dash-filter-drawer>header{padding:12px 14px 8px}.dash-filter-drawer h2{color:#173f36;margin:0;font-size:14px}.dash-filter-drawer header p{color:#7a8e89;margin:3px 0 0;font-size:9px}.dash-filter-drawer .dash-filter-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15.5rem),1fr));gap:10px;padding:8px 14px 12px}.dash-filter-drawer footer{border-top:1px solid var(--line);background:var(--surface-subtle);justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.dash-filter-drawer footer button{align-items:center;gap:6px;height:36px;font-size:10px;display:inline-flex}.dash-field{color:#516e67;gap:5px;font-size:9px}.dash-field input,.dash-field select{height:38px;font-size:11px}.executive-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.executive-kpi{background:#fff;border:1px solid #d5e3df;border-radius:8px;align-items:flex-start;gap:12px;min-height:96px;padding:15px;display:flex;box-shadow:0 7px 20px #19423b0b}.executive-kpi>svg{border-radius:7px;flex:none;width:38px;height:38px;padding:9px}.executive-kpi.teal>svg{color:#087c73;background:#e2f5f1}.executive-kpi.green>svg{color:#25835f;background:#e8f6ee}.executive-kpi span,.executive-kpi b,.executive-kpi small{display:block}.executive-kpi span{color:#728782;letter-spacing:.55px;text-transform:uppercase;font-size:13px;font-weight:850}.executive-kpi b{color:#153d35;font:850 24px/1.1 var(--font-display);overflow-wrap:anywhere;margin:6px 0 4px}.executive-kpi small{color:#718681;font-size:13px;font-weight:700}.dash-panel{background:#fff;border:1px solid #d5e3df;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 8px 24px #1a433b0b}.dash-panel>header{background:#fbfdfc;border-bottom:1px solid #e0ebe7;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:10px 16px;display:flex}.dash-panel>header>div{min-width:0}.dash-panel h2{color:#133d34;font:850 17px/1.15 var(--font-display);letter-spacing:0;margin:0}.dash-panel>header p{color:#7a8d88;margin:4px 0 0;font-size:9px;font-weight:650}.dash-panel>header>span{color:#36594f;white-space:nowrap;background:#f3f9f6;border:1px solid #d1e3dd;border-radius:999px;flex:none;align-items:center;min-height:28px;padding:0 9px;font-size:9px;font-weight:850;display:inline-flex}.dash-two-col{gap:12px;margin-bottom:0}.dash-primary-analysis{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.plant-overview{border:1px solid #e0eae7;border-radius:6px;overflow:hidden}.plant-overview-head,.plant-overview>button{grid-template-columns:minmax(190px,1.05fr) minmax(250px,1.5fr) minmax(90px,.45fr) minmax(100px,.5fr);align-items:center;gap:16px;display:grid}.plant-overview-head{color:#7a8d88;letter-spacing:.55px;text-transform:uppercase;background:#f5f8f7;min-height:32px;padding:0 13px;font-size:8px;font-weight:850}.plant-overview>button{color:#284840;text-align:left;background:#fff;border:0;border-top:1px solid #e8efed;width:100%;min-height:57px;padding:8px 13px}.plant-overview>button.active{background:#edf8f5;box-shadow:inset 3px 0 #3e8b67}.plant-identity{align-items:center;gap:9px;min-width:0;display:flex}.plant-identity>i{background:#25a875;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #25a8751c}.plant-overview>button.warning .plant-identity>i{background:#e4a02e;box-shadow:0 0 0 4px #e4a02e1f}.plant-overview>button.critical .plant-identity>i{background:#d65353;box-shadow:0 0 0 4px #d653531c}.plant-identity b,.plant-identity small,.plant-connect b,.plant-connect small{display:block}.plant-identity b{color:#173e35;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.plant-identity small,.plant-connect small{color:#82938f;margin-top:3px;font-size:8px}.plant-output{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;display:grid}.plant-output b{color:#173e35;min-width:72px;font-size:11px}.plant-output>i{background:#e7efed;border-radius:999px;height:7px;overflow:hidden}.plant-output>i>em{border-radius:inherit;background:#3e8b67;height:100%;display:block}.plant-output small{color:#82938f;white-space:nowrap;font-size:8px}.plant-connect b{color:#244b42;font:850 14px/1 var(--font-display)}.plant-overview>button>strong{color:#197351;background:#e6f5ec;border-radius:5px;justify-self:start;padding:5px 7px;font-size:8px}.plant-overview>button.warning>strong{color:#94610c;background:#fff1d4}.plant-overview>button.critical>strong{color:#a33d3d;background:#fde9e7}.chart-box{min-height:290px;padding:2px 2px 0}.product-chart{min-width:0}.chart-tooltip{border-radius:6px}.recharts-default-legend{gap:5px 12px;font-size:10px}.heatmap-wrap{min-height:320px;padding:4px 0 10px}.heatmap-insights{gap:7px;margin-bottom:7px}.heatmap-insights span{border-radius:6px;min-height:52px;padding:8px 10px}.heatmap-grid{grid-template-columns:52px repeat(24,minmax(25px,1fr));padding-top:8px}.heatmap-grid button{min-height:29px}.heatmap-scale{width:min(520px,100% - 50px)}.heatmap-scale button{touch-action:none}.alert-center{gap:9px}.alert-counts{gap:7px}.alert-counts .dash-metric{min-height:66px;box-shadow:none;border-radius:6px;padding:10px 11px}.alert-counts .dash-metric b{font-size:18px}.alert-ticket{border-radius:6px}.alert-ticket p{font-size:10px}.dash-table-tools input{font-size:10px}@media (max-width:1280px){.plant-scope-bar{grid-template-columns:auto minmax(0,1fr)}.plant-scope-bar>small{display:none}.dash-filter-drawer .dash-filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.executive-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.plant-overview-head,.plant-overview>button{grid-template-columns:minmax(170px,1fr) minmax(220px,1.3fr) 80px 90px;gap:10px}}@media (max-width:900px){.dash-page-heading{align-items:flex-start}.dash-freshness{display:none}.plant-scope-bar{align-items:center;display:flex}.plant-scope-bar>div{flex:1}.plant-scope-bar button small{display:none}.dash-toolbar{flex-wrap:wrap}.dash-toolbar-actions{margin-left:0}.dash-range{margin-left:auto}.dash-primary-analysis{grid-template-columns:1fr}.plant-overview{overflow-x:auto}.plant-overview-head,.plant-overview>button{min-width:760px}}@media (max-width:620px){.dash-page-heading h1{font-size:22px}.plant-scope-bar{flex-direction:column;align-items:flex-start}.plant-scope-bar>div{width:100%}.plant-scope-bar>span{padding-top:5px}.dash-toolbar{align-items:stretch}.dash-toolbar .period-toggle{width:100%;overflow-x:auto}.dash-toolbar .period-toggle button{flex:1 0 auto}.dash-range{border-left:0;margin-left:0}.dash-toolbar-actions{justify-content:space-between;width:100%}.dash-filter-drawer .dash-filter-grid,.executive-kpis{grid-template-columns:1fr}.dash-filter-drawer footer{justify-content:stretch}.dash-filter-drawer footer button{flex:1;justify-content:center}.executive-kpi{min-height:84px}.plant-overview-head{display:none}.plant-overview>button{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 10px;min-width:0}.plant-identity{grid-area:1/1}.plant-connect{grid-area:1/2}.plant-overview>button>strong{grid-area:1/3}.plant-output{grid-area:2/1/auto/-1}.heatmap-insights{grid-template-columns:1fr 1fr 1fr;overflow-x:auto}.heatmap-insights span{min-width:105px}.heatmap-scale{grid-template-columns:auto minmax(120px,1fr) auto;width:100%}.heatmap-scale small{grid-column:1/-1;justify-self:center}.dash-panel>.stacked-chart{width:calc(100% - 20px);margin:6px auto 8px}}body{font-size:16px;line-height:1.5}button,input,select{line-height:1.3}.side{width:236px}main{margin-left:236px}.brand small,.nav-label,.page-head small,.kpi span,th{letter-spacing:0}.brand small{font-size:10px}.side nav button,.logout{min-height:48px;font-size:14px;line-height:1.25}.nav-label{margin-top:20px;font-size:12px}.nav-badge,.side-health b,.side-health strong{font-size:12px}.side-health span{font-size:12px;line-height:1.35}.topbar{height:72px;font-size:14px}.topbar small,.user-chip small{font-size:12px}.user-chip strong{font-size:14px}.icon-btn{width:42px;height:42px}.page-head small{font-size:12px}.page-head h1{font-size:28px}.page-head p{font-size:15px;line-height:1.5}.kpi span,.monitor-kpis span,.report-filter label{font-size:12px}.kpi small,.monitor-kpis small,.station-card p,.station-row span,th{font-size:13px}td{font-size:14px;line-height:1.45}.state,.role-tag,.account-state,.severity,.audit-action{font-size:11px}.filter-panel select,.filter-search input,.report-filter input,.report-filter select,.log-toolbar select{min-height:44px;font-size:14px}.dashboard-v2{font-size:14px}.dashboard-v2 *{letter-spacing:0}.dash-page-heading{min-height:76px}.dash-page-heading small{font-size:11px}.dash-page-heading h1{font-size:27px}.dash-page-heading p{font-size:13px;line-height:1.5}.dash-freshness span,.dash-freshness strong{font-size:11px}.plant-scope-bar{min-height:70px}.plant-scope-bar>span,.plant-scope-bar>small{font-size:11px}.plant-scope-bar button b{font-size:13px}.plant-scope-bar button small{font-size:10px}.dash-toolbar{min-height:60px}.dash-toolbar .period-toggle button{min-height:42px;font-size:12px}.dash-range,.refresh-switch{font-size:11px}.filter-toggle{min-height:44px;font-size:12px}.filter-toggle b{font-size:10px}.dash-filter-drawer h2{font-size:17px}.dash-filter-drawer header p{font-size:11px;line-height:1.45}.dash-field{font-size:12px}.dash-field input,.dash-field select{min-height:44px;font-size:13px}.dash-filter-drawer footer button{min-height:42px;font-size:12px}.executive-kpi{min-height:112px}.executive-kpi span{font-size:13px}.executive-kpi b{font-size:25px}.executive-kpi small{font-size:13px;line-height:1.4}.dash-panel>header{min-height:72px}.dash-panel h2{font-size:18px}.dash-panel>header p{font-size:11px;line-height:1.45}.dash-panel>header>span{min-height:34px;font-size:11px}.plant-overview-head{min-height:38px;font-size:10px}.plant-overview>button{min-height:66px}.plant-identity b,.plant-output b{font-size:12px}.plant-identity small,.plant-connect small,.plant-output small{font-size:10px}.plant-connect b{font-size:15px}.plant-overview>button>strong{font-size:10px}.recharts-default-legend{font-size:11px}.chart-tooltip{min-width:176px;font-size:12px;line-height:1.4}.chart-tooltip span{font-size:12px}.heatmap-insights small{font-size:10px}.heatmap-insights b{font-size:16px}.heatmap-grid b,.heatmap-grid em{font-size:11px}.heatmap-grid button{min-height:32px;font-size:11px}.heatmap-scale{font-size:12px}.heatmap-scale small,.alert-counts .dash-metric span{font-size:11px}.alert-ticket b{font-size:13px}.alert-ticket p{font-size:11px;line-height:1.45}.alert-ticket>span{font-size:10px}.dash-table-tools input{min-height:44px;font-size:12px}.dash-table-tools span{font-size:11px}.dash-table th,.dash-table td{padding:13px 14px;font-size:12px}.chip{font-size:11px}.login-card label,.error{font-size:12px}.user-chip>b{font-size:13px}.account-dropdown-head span,.account-logout small,.period-toggle button{font-size:12px}.heatmap-inspector strong{font-size:13px}.heatmap-inspector span,.heatmap-scale>span,.heatmap-scale button b{font-size:12px}.alert-empty,.map-note{font-size:13px}.verified small,.verified>span,.map-overview span,.map-overview b small{font-size:12px}.map-overview p{font-size:13px}.map-panel>header small,.map-head-actions{font-size:12px}.map-source-note{font-size:11px}.updated{font-size:12px}.panel-head h3{font-size:16px}.panel-head p{font-size:13px}.panel-head>span{font-size:12px}.plant-list header b{font-size:14px}.plant-list>button>span,.plant-list strong small,.plant-list em{font-size:12px}.station-plant-group-title{font-size:16px}.station-plant-group-title small,.station-data span{font-size:12px}.station-foot{font-size:13px}.report-scope span,.report-scope small{font-size:12px}.report-scope b{font-size:14px}.trend-panel p,.report-grid .panel p,.monitor-network p{font-size:13px}.monitor-scale-dots span{font-size:15px}.monitor-legend,.monitor-toolbar>span{font-size:12px}.monitor-plant-group-title{font-size:16px}.monitor-plant-group-title small{font-size:12px}.monitor-card-title h3{font-size:15px}.monitor-card-title span,.monitor-badges span,.monitor-production>span{font-size:12px}.monitor-production p{font-size:13px}.monitor-metrics dt,.monitor-card>footer,.access-summary span,.access-editor header small{font-size:12px}.access-editor>label,.editor-row label,.access-editor legend{font-size:13px}.permission-tags span,.global-access-note span,.plant-access-head{font-size:12px}.plant-access-list b{font-size:13px}.plant-access-list small,.log-kpis span{font-size:12px}@media (max-width:620px){.dash-page-heading h1{font-size:26px}.dash-panel h2{font-size:19px}.plant-scope-bar button b{font-size:13px}.heatmap-grid button{font-size:11px}}button,.station-card,.monitor-card,.plant-list button{transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s,transform .16s}.page-head small,.dash-page-heading small,.access-editor header small{color:var(--brand-strong)}.page-head h1,.dash-page-heading h1,.panel h3,.dash-panel h2,.station-card h3,.monitor-card-title h3{color:var(--brand-deep)}.kpi,.panel,.table,.filter-panel,.report-filter,.station-card,.monitor-card,.monitor-kpis article,.access-summary,.access-editor,.log-kpis article,.log-toolbar,.dash-panel,.executive-kpi,.plant-scope-bar,.dash-toolbar,.dash-filter-drawer{border-color:var(--line);box-shadow:0 7px 22px #1e46320e}.kpi b,.monitor-kpis b,.station-data b,.report-scope b,.access-summary b,.log-kpis b{color:var(--brand-deep)}.operation-hero{background:linear-gradient(135deg,#2f5c49 0%,#3e8b67 54%,#6bae8c 100%);border-color:#5fa98a;box-shadow:0 16px 38px #2f5c4929}.operation-hero .hero-metrics b{color:#bce9cd}.bar-stack em,.trend-chart span{background:linear-gradient(90deg, var(--brand), #2f718f)}.period-toggle{background:#eef4f0}.period-toggle button{color:#506c5f}.period-toggle button:hover{color:var(--brand-strong);background:#e3eee7}.period-toggle button.active{background:var(--brand-strong);color:#fff}th{background:var(--brand-pale);color:#4a6359}tbody tr:hover td{background:#f7fbf8}.state{background:var(--brand-soft);color:var(--brand-strong)}.filter-search:focus-within,.filter-panel select:focus,.report-filter input:focus,.report-filter select:focus,.access-editor input:focus,.access-editor select:focus,.log-toolbar select:focus{border-color:var(--brand);outline:0;box-shadow:0 0 2px 2px #07884a29}.filter-search input:focus,.filter-search input:focus-visible,.page .filter-search input:focus,.page .filter-search input:focus-visible,.page .report-filter .filter-search input:focus,.page .report-filter .filter-search input:focus-visible,.page .dash-table-tools>label input:focus,.page .dash-table-tools>label input:focus-visible{box-shadow:none!important;border-color:#0000!important;outline:none!important}.dashboard-v2{background:var(--bg)}.dash-page-heading{border-bottom:1px solid #dfe8e2}.dash-freshness{color:var(--brand);border-left-color:#d4e2d9}.plant-scope-bar button:hover{background:var(--brand-pale);border-color:#91c6a5}.plant-scope-bar button.active{border-color:var(--brand-strong);background:var(--brand-strong);box-shadow:0 7px 16px #056d3b29}.plant-scope-bar button i,.plant-identity>i{background:var(--brand);box-shadow:0 0 0 3px #07884a1f}.dash-toolbar .period-toggle{background:#edf3ef}.refresh-switch input:checked+span{background:var(--brand)}.filter-toggle:hover,.filter-toggle.active{background:var(--brand-pale);color:var(--brand-strong);border-color:#86bfa0}.filter-toggle b{background:var(--brand-soft);color:var(--brand-strong)}.dash-filter-drawer{border-top:3px solid var(--brand)}.dash-field input:focus,.dash-field select:focus,.dash-table-tools input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #07884a1a}.executive-kpi.teal>svg,.executive-kpi.green>svg{color:var(--brand-strong);background:var(--brand-soft)}.executive-kpi.blue>svg{color:var(--blue);background:#e8f2f6}.executive-kpi.amber>svg{color:#96650f;background:#fff1d7}.executive-kpi b{color:var(--brand-deep)}.dash-panel>header{background:#fbfdfb;border-bottom-color:#dfe9e2}.dash-panel>header>span{background:var(--brand-pale);color:#315642;border-color:#cfe1d5}.plant-overview>button:hover{background:#f5faf7}.plant-overview>button.active{box-shadow:inset 3px 0 var(--brand);background:#edf7f1}.plant-output>i>em{background:var(--brand)}.chart-tooltip{color:var(--brand-deep);border-color:#b9d8c5;box-shadow:0 12px 30px #174b3024}.heatmap-insights span{background:#fbfdfb;border-color:#d5e5da}.heatmap-insights b{color:var(--brand-deep)}.heatmap-grid b,.heatmap-grid em{color:#526d61}.heatmap-grid button{color:#17452f;background:#8fd0aa}.heatmap-grid button.hot{background:#54ad79}.heatmap-grid button.active{outline-color:var(--brand-deep);color:#062c1c}.heatmap-scale button i{background:linear-gradient(90deg,#eef7f1 0%,#cce8d7 38%,#8fd0aa 70%,#3c9b67 100%)}.heatmap-scale button:hover i,.heatmap-scale button:focus-visible i{box-shadow:inset 0 0 0 1px #07884a33,0 8px 18px #07884a24}.map-panel{border-color:#cddfd3}.map-panel:before{background:linear-gradient(90deg, var(--brand) 0 54%, var(--blue) 54% 82%, var(--amber) 82%)}.map-panel>header,.detail-head{background:linear-gradient(135deg,#fff 0%,#edf7f1 72%,#f1f6f3 100%)}.map-viewport{background:#e6f0e9}.province{fill:#d2e5d8}.network-lines-svg path{stroke:var(--brand)}.factory-node .halo{fill:#07884a24;stroke:#07884a47}.factory-node .ring,.factory-node.selected .halo{stroke:var(--brand)}.factory-node .core,.status-dot{fill:var(--brand)}.factory-node .card-link{stroke:#5a9a73}.factory-node .port{stroke:var(--brand)}.factory-card rect{stroke:#8fc6a4}.factory-node.selected .factory-card rect{fill:#f0f8f3;stroke:var(--brand)}.factory-card .value,.map-head-actions strong{fill:var(--brand-strong);color:var(--brand-strong)}.map-controls button:hover{background:var(--brand-pale);color:var(--brand-strong)}.verified{background:#f1f9f4;border-color:#cae3d3}.verified svg{color:var(--brand-strong);background:#dcefe3}.verified>span{color:var(--brand-strong)}.balance em{background:linear-gradient(90deg, var(--brand-strong), #4ca777)}.plant-list button:hover,.plant-list button.active{background:#f0f8f3;border-color:#78b890;box-shadow:0 10px 25px #185b331a}.station-icon{background:var(--brand-soft);color:var(--brand-strong)}.station-card:hover{border-color:#add0ba;box-shadow:0 10px 26px #1d4b3314}.station-data,.monitor-production{background:#f7faf8}.trend-chart span{box-shadow:0 8px 16px #07884a1f}.trend-chart span i{border-color:var(--brand)}.monitor-kpis article>svg{color:var(--brand-strong);background:var(--brand-soft)}.monitor-scale-dots span.online,.monitor-legend i.online{background:var(--brand)}.monitor-production>b{color:var(--brand)}.monitor-type-icon.batch{color:#685daf;background:#efedfa}.monitor-metrics dd svg{color:var(--blue)}.role-operator,.account-state.active,.permission-tags span{color:var(--brand-strong);background:var(--brand-soft)}.global-access-note,.plant-access-list>div.checked{color:var(--brand-strong);background:var(--brand-pale);border-color:#9bc9ac}.plant-access-list input{accent-color:var(--brand)}.severity-1,.audit-action{color:var(--brand-strong);background:var(--brand-soft)}@media (max-width:760px){.login{background:linear-gradient(180deg, var(--brand-deep) 0 150px, #f6f8f6 150px)}.login-card{margin-top:72px}.login-card .login-lockup{display:flex}.side .brand{padding-bottom:16px}}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:#43c77e;--brand-strong:#0b7a47;--brand-deep:#06432a;--brand-soft:#173b28;--brand-pale:#1b2d23;--navy:#071d13;--navy2:#0b4d30;--ink:#e7f1eb;--ink-soft:#c5d5cb;--muted:#9bada3;--line:#34483e;--line-soft:#293a31;--teal:#43c77e;--amber:#e2ad4b;--blue:#62a9ca;--danger:#ef7c7c;--danger-soft:#442527;--amber-soft:#46371f;--bg:#0f1612;--surface:#18221d;--surface-subtle:#223028;--brand-wash:#1c3427;--chart-grid:#304239;--chart-axis:#42574b;--chart-text:#a9bbb0;--chart-label:#d7e5dc;--chart-average:#efbd65;--chart-point:#18221d;--chart-track:#293b31}html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] main,html[data-theme=dark] .dashboard-v2{background:var(--bg);color:var(--ink)}html[data-theme=dark] .app-footer-logo{filter:brightness(0)invert()}html[data-theme=dark] ::selection{color:#f4fbf7;background:#23643f}html[data-theme=dark] :where(button,input,select,[tabindex]):focus-visible{outline-color:#43c77e7a}html[data-theme=dark] .login{background:#101713}html[data-theme=dark] .login-card,html[data-theme=dark] .login-theme-toggle{background:#19231e;border-color:#3b5145;box-shadow:0 18px 46px #00000052}html[data-theme=dark] .login-card h2,html[data-theme=dark] .login-lockup,html[data-theme=dark] .login-lockup b{color:#eef7f1}html[data-theme=dark] .login-lockup small,html[data-theme=dark] .login-card label{color:#a7b9ae}html[data-theme=dark] .login-card input{color:#f1f7f3;background:#111a15;border-color:#40564a}html[data-theme=dark] .login-card input:-webkit-autofill{-webkit-text-fill-color:#f1f7f3;box-shadow:inset 0 0 0 1000px #111a15}html[data-theme=dark] .login-theme-toggle,html[data-theme=dark] .password-toggle{color:#b9cec1}html[data-theme=dark] .login-theme-toggle:hover,html[data-theme=dark] .password-toggle:hover{color:#71d99b;background:#20362a}html[data-theme=dark] .side{background:linear-gradient(#062c1d 0%,#041e15 58%,#083a27 100%)}html[data-theme=dark] .topbar{border-bottom-color:var(--line);background:#141e18f0}html[data-theme=dark] .top-status,html[data-theme=dark] .user-chip strong{color:#e4f0e9}html[data-theme=dark] .user-chip{border-left-color:#3b4e44}html[data-theme=dark] .user-chip:hover,html[data-theme=dark] .account-menu[open] .user-chip{background:#1b2d23}html[data-theme=dark] .user-chip>b{color:#73d99d;background:#1d412c}html[data-theme=dark] .account-dropdown{background:#19231e;border-color:#3a4e43;box-shadow:0 20px 48px #0000006b}html[data-theme=dark] .account-dropdown-head b{color:#edf6f0}html[data-theme=dark] .account-logout{color:#f99}html[data-theme=dark] .account-logout:hover{background:#352020}html[data-theme=dark] :is(.kpi,.panel,.table,.filter-panel,.report-filter,.station-card,.monitor-card,.monitor-kpis article,.access-summary,.access-editor,.log-kpis article,.log-toolbar,.dash-filter-card,.dash-panel,.dash-metric,.executive-kpi,.plant-scope-bar,.dash-toolbar,.dash-filter-drawer,.plant-quick-filter,.map-overview,.detail){background:var(--surface);border-color:var(--line);box-shadow:0 8px 24px #00000029}html[data-theme=dark] :is(.page-head h1,.dash-page-heading h1,.dash-panel h2,.panel h3,.station-card h3,.monitor-card-title h3,.detail-head h2,.access-editor h3,.empty-page h1,.panel-head h3){color:#e8f3ec}html[data-theme=dark] :is(.page-head p,.dash-page-heading p,.dash-panel>header p,.panel-head p,.station-card p,.trend-panel p,.report-grid .panel p){color:#9eafa5}html[data-theme=dark] :is(.kpi b,.dash-metric b,.executive-kpi b,.monitor-kpis b,.station-data b,.status-ratio b,.donut-center strong,.map-overview b,.plant-list strong,.monitor-production strong,.monitor-metrics dd,.access-summary b,.log-kpis b){color:#edf6f0}html[data-theme=dark] .outline,html[data-theme=dark] .icon-btn{color:#b8cbc0;background:#19231e;border-color:#3b5044}html[data-theme=dark] .outline:hover,html[data-theme=dark] .icon-btn:hover{color:#7cdda4;background:#20362a;border-color:#4f8064}html[data-theme=dark] .period-toggle{border-color:var(--line);background:#111a15}html[data-theme=dark] .period-toggle button{color:#a4b6ab}html[data-theme=dark] .period-toggle button:hover{color:#d9e9df;background:#223229}html[data-theme=dark] .period-toggle button.active{color:#fff;background:#167c4d}html[data-theme=dark] input:not([type=checkbox]):not([type=radio]),html[data-theme=dark] select,html[data-theme=dark] .filter-search,html[data-theme=dark] .report-filter .filter-search{color:#e4eee8;background:#111a15;border-color:#3b5145}html[data-theme=dark] input::placeholder{color:#73877c}html[data-theme=dark] option{color:#e7f1eb;background:#18221d}html[data-theme=dark] .access-editor input:disabled{color:#82958a;background:#202923}html[data-theme=dark] th,html[data-theme=dark] .plant-overview-head{color:#a4b6ac;background:#131d18}html[data-theme=dark] td,html[data-theme=dark] .dash-table td{color:#dce8e1;border-bottom-color:#2c3d34}html[data-theme=dark] th,html[data-theme=dark] .dash-table th{color:#b5c6bc;border-bottom-color:#34483e}html[data-theme=dark] tbody tr:hover td{background:#1d2d24}html[data-theme=dark] .dash-page-heading{border-bottom-color:#2e4036}html[data-theme=dark] .dash-freshness{border-left-color:#34483e}html[data-theme=dark] .plant-scope-bar button{color:#c4d4ca;background:#141e19;border-color:#34483e}html[data-theme=dark] .plant-scope-bar button:hover{background:#203429;border-color:#4e8063}html[data-theme=dark] .plant-scope-bar button.active{color:#fff;background:#0b7042;border-color:#29945b}html[data-theme=dark] .plant-scope-bar button small{color:#95a89d}html[data-theme=dark] .dash-toolbar .period-toggle{background:#111a15}html[data-theme=dark] .dash-range{color:#a6b7ad;border-left-color:#35483e}html[data-theme=dark] .filter-toggle{color:#b9ccc0;background:#16201b;border-color:#3a4d43}html[data-theme=dark] .filter-toggle:hover,html[data-theme=dark] .filter-toggle.active{color:#79dba2;background:#20372a;border-color:#55906d}html[data-theme=dark] .dash-filter-drawer{border-color:#3b5145;border-top-color:var(--brand)}html[data-theme=dark] .dash-filter-drawer h2,html[data-theme=dark] .dash-field{color:#dce9e1}html[data-theme=dark] .dash-filter-drawer footer{border-top-color:var(--line);background:var(--surface-subtle)}html[data-theme=dark] .dash-filter-drawer footer button{color:#c3d3ca;background:#17211c;border-color:#3a5044}html[data-theme=dark] .dash-filter-drawer footer button.primary{background:var(--brand);border-color:var(--brand);color:#062315}html[data-theme=dark] .dash-panel>header,html[data-theme=dark] .dash-filter-card>header{background:#151f1a;border-bottom-color:#31433a}html[data-theme=dark] .dash-panel>header>span{color:#b9d1c2;background:#1d3226;border-color:#3e5a49}html[data-theme=dark] .plant-overview>button{color:#d8e5dd;background:#18221d;border-top-color:#2e4036}html[data-theme=dark] .plant-overview>button:hover{background:#1d2d24}html[data-theme=dark] .plant-overview>button.active{background:#20372a}html[data-theme=dark] :is(.plant-identity b,.plant-output b,.plant-connect b){color:#e7f2eb}html[data-theme=dark] :is(.plant-identity small,.plant-output small,.plant-connect small){color:#91a49a}html[data-theme=dark] .chart-tooltip,html[data-theme=dark] .heatmap-inspector{color:#e9f3ed;background:#18221df7;border-color:#496455;box-shadow:0 14px 34px #0000005c}html[data-theme=dark] :is(.chart-tooltip span,.heatmap-inspector span,.dash-legend,.stack-row b){color:#a8bbb0}html[data-theme=dark] .recharts-cartesian-grid line{stroke:#304239!important}html[data-theme=dark] .recharts-cartesian-axis line,html[data-theme=dark] .recharts-cartesian-axis-tick line{stroke:#42574b!important}html[data-theme=dark] .recharts-cartesian-axis-tick text,html[data-theme=dark] .recharts-text{fill:#a9bbb0!important}html[data-theme=dark] .recharts-tooltip-cursor{fill:#5a916f1f}html[data-theme=dark] .stack-row div{background:repeating-linear-gradient(90deg,#0000 0 19%,#2a3c32 19.1% 19.25%,#0000 19.35% 20%);border-left-color:#41564a}html[data-theme=dark] .heatmap-insights span{background:#151f1a;border-color:#34493e}html[data-theme=dark] .heatmap-insights b{color:#e4f0e8}html[data-theme=dark] .heatmap-grid b,html[data-theme=dark] .heatmap-grid em{color:#a7b9ae}html[data-theme=dark] .heatmap-grid button{color:#d8eadf;background:#28583d;border-color:#0c16108c}html[data-theme=dark] .heatmap-grid button.hot{color:#f3faf6;background:#3d9160}html[data-theme=dark] .heatmap-grid button.active{color:#fff;outline-color:#8ce2ad}html[data-theme=dark] .heatmap-grid button.preview-dim{color:#d5e8dc85}html[data-theme=dark] .heatmap-scale{color:#a7b9ae}html[data-theme=dark] .heatmap-scale small{color:#aebfb5;background:#17231c;border-color:#3b5145}html[data-theme=dark] .heatmap-scale button i{background:linear-gradient(90deg,#18271e 0%,#254b34 38%,#3b8559 70%,#62c187 100%)}html[data-theme=dark] .alert-ticket.critical,html[data-theme=dark] .alert-row{background:#2d2020;border-color:#61403b}html[data-theme=dark] .alert-ticket.warning{background:#2e281a;border-color:#65532e}html[data-theme=dark] .alert-ticket p,html[data-theme=dark] .alert-row b{color:#e6eee9}html[data-theme=dark] .alert-ticket>span{color:#faa;background:#472426}html[data-theme=dark] :is(.bar-stack i,.category-bars i,.rank-bars i.track){background:#2a3a32}html[data-theme=dark] .trend-chart{background:linear-gradient(#18221d,#18221d),repeating-linear-gradient(0deg,#0000 0 56px,#31443a 57px);border-color:#31443a}html[data-theme=dark] .map-overview>div{background:#18221d;border-right-color:#2f4138}html[data-theme=dark] .map-overview>.alert{background:#2b271b}html[data-theme=dark] .map-panel{background:#141d19;border-color:#354a3f;box-shadow:0 18px 44px #00000047}html[data-theme=dark] .map-panel>header,html[data-theme=dark] .detail-head{background:#17231c;border-bottom-color:#34483e}html[data-theme=dark] .map-panel>header b{color:#e6f1ea}html[data-theme=dark] .map-head-actions span{background:#17231cd1;border-color:#3d5548}html[data-theme=dark] .map-viewport{background:linear-gradient(120deg,#121b16 0%,#17241e 52%,#14272a 100%)}html[data-theme=dark] .vietnam-map stop:first-child{stop-color:#17241d}html[data-theme=dark] .vietnam-map stop:nth-child(2){stop-color:#14221b}html[data-theme=dark] .vietnam-map stop:last-child{stop-color:#102019}html[data-theme=dark] .factory-node .ring,html[data-theme=dark] .factory-node .port{fill:#17251d}html[data-theme=dark] .factory-card rect,html[data-theme=dark] .factory-node.selected .factory-card rect{fill:#19271f;stroke:#57966f}html[data-theme=dark] .factory-card text{fill:#e3efe8}html[data-theme=dark] .factory-card .value{fill:#70d89a}html[data-theme=dark] .factory-card .value tspan,html[data-theme=dark] .factory-card .meta{fill:#9dafaa}html[data-theme=dark] .map-controls button,html[data-theme=dark] .map-note,html[data-theme=dark] .map-source-note{color:#b5c8bd;background:#17221deb;border-color:#426051}html[data-theme=dark] .verified{background:#1b3024;border-color:#3a5b48}html[data-theme=dark] .plant-list button{color:#dce8e1;background:#17221c;border-color:#34483e}html[data-theme=dark] .plant-list button:hover,html[data-theme=dark] .plant-list button.active{background:#20372a;border-color:#54916c}html[data-theme=dark] .station-data,html[data-theme=dark] .monitor-production{background:#131d18}html[data-theme=dark] .monitor-card>header,html[data-theme=dark] .monitor-metrics>div,html[data-theme=dark] .station-row{border-color:#2c3e34}html[data-theme=dark] .monitor-type-icon.belt{color:#6db7d5;background:#18313c}html[data-theme=dark] .monitor-type-icon.batch{color:#aaa0e3;background:#29273d}html[data-theme=dark] .monitor-type-icon.truck{color:#83c99d;background:#1d3427}html[data-theme=dark] .monitor-type-icon.pack{color:#dfad77;background:#362b1f}html[data-theme=dark] .monitor-badges .stop{color:#b0bdb6;background:#2a3430}html[data-theme=dark] .role-tag{color:#8ebce9;background:#1d3040}html[data-theme=dark] .role-admin{color:#efc276;background:#3b2e19}html[data-theme=dark] :is(.role-operator,.account-state.active,.permission-tags span,.severity-1,.audit-action){color:#72d99c;background:#183b29}html[data-theme=dark] :is(.state.maintenance,.severity-2){color:#efc06d;background:#3a301b}html[data-theme=dark] :is(.state.offline,.account-state.locked,.severity-3){color:#f19a9a;background:#3b2223}html[data-theme=dark] .global-access-note,html[data-theme=dark] .plant-access-list>div.checked{color:#9ae1b5;background:#1c3426;border-color:#467458}@media (max-width:760px){html[data-theme=dark] .login{background:linear-gradient(#052f1e 0 150px,#101713 150px)}html[data-theme=dark] .login-theme-toggle{color:#cde5d6;background:#173023;border-color:#4a735c}}.page{width:100%;max-width:none;padding:18px 22px 30px}.page-head{margin-bottom:12px}.station-head{gap:14px}.kpis,.stat-grid,.cards{gap:10px}.kpi{min-height:92px;padding:14px}.panel{padding:16px}.dashboard-grid,.analytics-grid,.report-grid{gap:10px;margin-top:10px}.filter-panel,.report-filter{gap:10px;margin:14px 0 12px;padding:12px}.ticket-summary,.report-kpis{gap:10px;margin-bottom:10px}.station-grid,.monitor-grid{gap:10px}.station-card{padding:14px}.station-data{margin:12px 0 11px;padding:11px}.monitor-kpis{gap:10px;margin-top:14px}.monitor-kpis article{min-height:100px;padding:14px}.monitor-network{margin-top:10px}.monitor-toolbar{margin:14px 0 10px}.monitor-card>header{min-height:68px;padding:12px}.monitor-production{padding:15px 14px 13px}.monitor-metrics{padding:0 14px}.monitor-metrics>div{padding-top:10px;padding-bottom:10px}.access-summary{min-height:62px;margin:14px 0 10px;padding:10px 14px}.users-layout{gap:10px}.access-editor{padding:16px}.log-kpis{gap:8px;margin:14px 0 10px}.log-kpis article{padding:11px 13px}.log-toolbar{margin-bottom:10px;padding:10px}.map-overview{min-height:68px;margin-bottom:10px}.map-overview>div{padding:14px 18px}.map-layout{gap:10px}.plant-directory{margin-top:10px}.plant-list{gap:7px}.trend-chart{height:220px}th,td{padding:11px 14px}.dashboard-v2{padding-top:14px}.dash-page-heading{min-height:60px;margin-bottom:10px}.dash-freshness{padding-top:7px;padding-bottom:7px}.plant-scope-bar{min-height:58px;margin-bottom:8px;padding:6px 8px}.plant-scope-bar button{min-height:44px;padding:6px 10px}.dash-toolbar{min-height:50px;margin-bottom:10px;padding:4px 6px}.dash-toolbar .period-toggle button,.filter-toggle{min-height:40px}.executive-kpis{gap:8px;margin-bottom:10px}.executive-kpi{gap:10px;min-height:92px;padding:12px}.executive-kpi>svg{width:36px;height:36px;padding:8px}.dash-panel{margin-bottom:10px}.dash-panel>header{min-height:58px;padding:8px 14px}.dash-panel>:not(header){margin:11px}.dash-two-col{gap:10px}.dash-secondary-analysis{grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr)}.load-analysis{gap:12px}.plant-overview>button{min-height:58px;padding-top:7px;padding-bottom:7px}.chart-box{min-height:0;padding-top:0}.dash-panel>.stacked-chart{width:calc(100% - 22px);min-height:0;margin:2px auto 6px}.recharts-default-legend{gap:4px 10px}.heatmap-wrap{padding-bottom:6px}.dash-table th,.dash-table td{padding:10px 11px}.dash-realtime-panel .dash-table{max-height:340px}@media (min-width:1500px){.dashboard-v2{padding-left:26px;padding-right:26px}.dash-primary-analysis{grid-template-columns:minmax(0,1.35fr) minmax(460px,.65fr)}}@media (max-width:760px){.page{padding:16px 14px 26px}.dashboard-v2{padding-top:12px}.dash-page-heading{min-height:54px}.plant-scope-bar,.dash-toolbar{min-height:0}.executive-kpi{min-height:82px}.dash-panel>header{min-height:56px}.dash-panel>:not(header){margin:9px}.dash-panel>.stacked-chart{width:calc(100% - 18px)}}@media (max-width:1120px){.dash-secondary-analysis{grid-template-columns:1fr}}.cam-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08140e8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.cam-modal{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:min(960px,100%);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 30px 70px #08181052}.cam-modal-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.cam-modal-title{color:var(--brand-deep);align-items:center;gap:10px;min-width:0;display:flex}.cam-modal-title b,.cam-modal-title small{display:block}.cam-modal-title>div{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;display:flex}.cam-modal-title>svg,.cam-modal-head>.icon-btn{flex-shrink:0}.cam-modal-title b{color:var(--ink);overflow-wrap:anywhere;font-size:15px}.cam-modal-title small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:600}.cam-filter-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;gap:10px;padding:12px 18px;display:flex}.cam-filter-bar select{border:1px solid var(--line);background:var(--surface);min-width:170px;height:42px;color:var(--ink);border-radius:7px;flex:none;padding:0 12px}.cam-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:14px;min-height:0;padding:18px;display:grid;overflow-y:auto}.camera-ai-page .camera-preview-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin:18px 0 24px;padding:0;overflow:visible}.camera-preview-grid .cam-card{border-radius:8px;min-width:0}.camera-preview-grid .cam-thumb{aspect-ratio:16/9;border-radius:7px 7px 0 0;width:100%;height:auto}.camera-preview-grid .cam-card-foot b{font-size:15px}.camera-preview-grid .cam-card-foot small{font-size:12px}.camera-ticket-list{border-top:1px solid var(--line);min-width:0;padding-top:20px}.camera-ticket-heading{margin:0 0 14px;font-size:20px;line-height:1.4}.cam-grid .alert-empty{margin:0 18px 18px}.cam-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;padding:0;display:flex}.cam-card:hover{border-color:var(--brand);box-shadow:0 10px 24px #1d4b3324}.cam-thumb{background:#10160f;border-radius:9px 9px 0 0;height:168px;display:block;position:relative;overflow:hidden}.cam-thumb img{object-fit:cover;width:100%;height:100%;display:block}.cam-card.offline .cam-thumb img{filter:grayscale()brightness(.6)}.cam-status{color:#fff;letter-spacing:.2px;background:#0000008c;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px}.cam-status.online{color:#7fedac}.cam-status.offline{color:#f4a4a4}.cam-status.maintenance{color:#f0c374}.cam-card-foot{flex-direction:column;gap:2px;padding:10px 12px;display:flex}.cam-card-foot b{color:var(--ink);font-size:13px}.cam-card-foot small{color:var(--muted);font-size:11px}.cam-ai-alert{color:#b5730a;align-items:center;gap:4px;display:flex}.cam-modal-wide{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:hidden}.cam-live{aspect-ratio:16/9;background:#0b120e;flex:none;place-items:center;width:100%;max-height:58dvh;display:grid;position:relative}.cam-strip-heading{color:var(--brand-deep);flex:none;margin:14px 18px 0;font-size:13px;font-weight:800;display:block}.cam-strip{-webkit-overflow-scrolling:touch;flex:1 1 0;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;align-items:start;gap:8px;min-height:0;padding:10px 18px 18px;display:grid;overflow-y:auto}.cam-strip-empty{margin:0 18px 18px}.cam-thumb-btn{text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:9px;flex-direction:column;min-width:0;padding:0;display:flex;position:relative;overflow:hidden}.cam-thumb-btn:hover{border-color:var(--brand)}.cam-thumb-btn.active{border-color:#ef4444;box-shadow:0 0 0 3px #ef444440}.cam-thumb-btn.active .cam-thumb-name{color:#ef4444;font-weight:800}.cam-thumb-btn .cam-status.is-active{color:#ef4444;background:#000000b8;border:1px solid #ef444473;font-weight:800;box-shadow:0 2px 6px #00000059}.cam-thumb-btn .cam-thumb{aspect-ratio:8/5;border-radius:0;height:auto}.cam-thumb-btn .cam-status{padding:3px 7px;font-size:11px}.cam-thumb-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;font-size:10px;font-weight:700;overflow:hidden}.cam-thumb-card{color:#94a3b8;justify-content:center;align-items:center;position:relative;background:linear-gradient(145deg,#0b1120 0%,#1e293b 100%)!important;display:flex!important}.cam-thumb-card .cam-thumb-icon{opacity:.65;justify-content:center;align-items:center;transition:transform .2s,opacity .2s,color .2s;display:flex}.cam-thumb-btn:hover .cam-thumb-card .cam-thumb-icon,.cam-card:hover .cam-thumb-card .cam-thumb-icon{opacity:1;color:var(--brand);transform:scale(1.12)}.cam-page-loading{min-height:280px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex}.cam-page-loading .cam-spinner{border-color:#0000001f;border-top-color:var(--brand-strong)}.cam-live-state{color:#cfe3d6;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex}.cam-live-state p{max-width:320px;margin:0;font-size:13px}.cam-spinner{border:3px solid #ffffff2e;border-top-color:var(--teal);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite cam-spin}@keyframes cam-spin{to{transform:rotate(360deg)}}.cam-strip.cam-strip-demo{flex:none;grid-template-columns:repeat(4,minmax(0,1fr))}.cam-strip-demo .cam-thumb-btn{width:100%;min-width:0}.cam-strip-demo .cam-thumb{aspect-ratio:16/9;width:100%;height:auto}.cam-disconnected{color:#d8dedd;text-align:center;overflow-wrap:anywhere;background:#000;justify-content:center;align-items:center;width:100%;height:100%;padding:4px;font-size:12px;line-height:1.4;display:flex}.camera-surveillance-page{width:100%}.camera-surveillance-view{width:100%;display:block}.camera-page-viewer{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:100%;min-width:0;overflow:hidden;box-shadow:0 4px 20px #1230240d}.camera-page-viewer .cam-live{aspect-ratio:16/9;min-height:220px;max-height:68dvh}.camera-page-viewer .cam-live-feed{background-repeat:no-repeat;background-size:contain}.camera-page-viewer .cam-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.camera-page-viewer .cam-thumb-btn{width:100%;min-width:0}.camera-page-viewer .cam-thumb-btn .cam-thumb{aspect-ratio:16/9;width:100%;height:auto}.camera-page-viewer .cam-thumb-name{font-size:14px}.camera-page-viewer .cam-thumb-btn .cam-status{padding:4px 8px;font-size:11.5px}.cam-live-feed{background-color:#0b1120;background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.cam-live-img,.cam-live-iframe{object-fit:contain;border:none;width:100%;height:100%;display:block}.cam-live-badge{white-space:nowrap;color:#fff;letter-spacing:.4px;background:#c75454eb;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex;position:static}.cam-live-badge i{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite cam-pulse}@keyframes cam-pulse{0%,to{opacity:1}50%{opacity:.25}}.cam-live-clock{color:#eafff2;background:#00000080;border-radius:6px;padding:4px 9px;font:12px/1 SFMono-Regular,Consolas,monospace;position:absolute;bottom:14px;right:14px}@media (max-width:860px){.cam-modal-backdrop{padding:0}.cam-modal{border-radius:0;width:100%;height:100dvh;max-height:100dvh;overflow:hidden}.cam-live{max-height:38dvh}.cam-strip-heading{margin:10px 14px 0;font-size:12px}.cam-strip,.camera-page-viewer .cam-strip{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:320px;max-height:calc(100dvh - 360px);padding:8px 12px 18px;overflow-y:auto}.cam-thumb-btn .cam-status,.camera-page-viewer .cam-thumb-btn .cam-status{padding:3px 6px;font-size:9.5px}.cam-thumb-name,.camera-page-viewer .cam-thumb-name{padding:5px 8px;font-size:11.5px}.cam-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.cam-thumb{height:120px}.cam-live-badge{padding:4px 8px;font-size:10px}.cam-live-badge i{width:6px;height:6px}.cam-live-clock{padding:2px 6px;font-size:10px;bottom:8px;right:8px}}.side .brand{margin-bottom:12px;padding-bottom:16px}.side nav{gap:1px}.side nav>.nav-label{margin:11px 9px 4px;font-size:12px;line-height:16px}.side nav>.nav-label:first-child{margin-top:2px}.side nav>button{height:44px;min-height:44px;padding-inline:10px}.plant-menu-list{gap:0;display:grid}.plant-menu{border:0;border-radius:7px;overflow:hidden}.plant-menu.expanded{background:0 0}.side nav .plant-menu-trigger{border-radius:7px;gap:8px;height:46px;min-height:46px;padding:4px 8px}.plant-menu-trigger>span{flex:1;gap:2px;min-width:0;display:grid}.plant-menu-trigger b,.plant-menu-trigger small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.plant-menu-trigger b{color:#e3eee7;font-size:14px;line-height:18px}.plant-menu-trigger small{color:#b5cbbf;font-size:12px;font-weight:650;line-height:14px}.plant-menu-trigger>svg:last-child{color:#9db9aa;flex:none;transition:transform .16s}.plant-menu.expanded .plant-menu-trigger>svg:last-child{transform:rotate(180deg)}.plant-menu-trigger.current,.plant-menu.expanded .plant-menu-trigger{color:#fff;background:#ffffff13}.plant-menu.expanded .plant-menu-trigger.current{background:#ffffff1c}.plant-subnav{gap:1px;padding:2px 4px 5px 27px;animation:.14s ease-out plant-subnav-reveal;display:grid}.plant-report-group{gap:1px;display:grid}.side nav .plant-subnav button{color:#c4d6cc;border-radius:6px;gap:8px;height:40px;min-height:40px;padding:0 8px;font-size:13px}.side nav .plant-subnav button:hover{background:#ffffff0f}.side nav .plant-subnav button.active{color:#fff;background:#e0f4e821}.side nav .plant-subnav button.active:before{width:2px;top:9px;bottom:9px;left:0}.side nav .plant-subnav button.report-open{color:#fff;background:#ffffff0f}.plant-report-group .report-chevron{margin-left:auto;transition:transform .16s}.plant-report-group.expanded .report-chevron{transform:rotate(180deg)}.plant-report-types{border-left:1px solid #b5cbbf3d;gap:1px;margin:1px 0 3px 15px;padding-left:7px;animation:.14s ease-out plant-subnav-reveal;display:grid}.side nav .plant-subnav .plant-report-types button{color:#b9cec2;align-items:flex-start;height:auto;min-height:34px;padding:7px 8px;font-size:12px;line-height:1.35}.side nav .plant-subnav .plant-report-types button svg{flex:none;margin-top:1px}.plant-subnav .nav-badge{min-width:21px;padding:1px 6px;font-size:12px}@keyframes plant-subnav-reveal{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.side-footer{margin-top:6px;padding-top:8px}.side-health{padding:9px 10px}.logout{height:44px;min-height:44px;margin-top:4px}.report-filter-scope-only{display:block}.report-filter-scope-only .report-scope{border-left:3px solid var(--brand)}.tickets-filter{grid-template-columns:minmax(240px,1.4fr) repeat(auto-fit,minmax(min(100%,15.5rem),1fr)) auto auto}@media (max-width:1120px){.side{width:100%;height:auto;padding:16px 18px;position:relative;inset:auto;overflow:visible}main{width:100%;margin-left:0}.side nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.side nav>.nav-label{grid-column:1/-1;margin-top:10px;display:block}.side nav>button{grid-column:1/-1}.plant-menu-list{grid-column:1/-1;grid-template-columns:repeat(5,minmax(170px,1fr));align-items:start;padding-bottom:6px;overflow-x:auto}.plant-menu{min-width:170px}.side-footer{justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px}.logout{margin-top:0}}@media (min-width:1121px){.side{padding:18px 14px 12px}}@media (max-width:760px){.app-shell{width:100%;overflow-x:hidden}.side{width:100%;padding:14px}.side .brand{margin-bottom:10px;padding-bottom:12px}main{width:100%;margin-left:0}.side nav{display:block}.side nav>.nav-label{margin:12px 8px 6px}.plant-menu-list{grid-template-columns:1fr;gap:2px;padding-bottom:0;display:grid;overflow:visible}.plant-menu{width:100%;min-width:0}.side nav .plant-subnav button{font-size:13px}.tickets-filter{grid-template-columns:1fr}}.map-panel-body{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.map-panel-body>.map-viewport{min-width:0}.map-plant-list{border-right:1px solid var(--line);background:var(--surface);min-width:0;height:610px;overflow-y:auto}.map-plant-list>header{z-index:2;border-bottom:1px solid var(--line);background:var(--surface);align-content:center;gap:2px;min-height:64px;padding:10px 14px;display:grid;position:sticky;top:0}.map-plant-list>header b{color:var(--ink);font-size:15px}.map-plant-list>div{display:grid}.map-plant-list button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:96px;color:var(--ink);text-align:left;background:0 0;border-radius:0;grid-template-columns:36px minmax(0,1fr);align-content:center;gap:8px 10px;padding:12px 13px;display:grid;position:relative}.map-plant-list button.active{background:var(--brand-soft);box-shadow:inset 3px 0 var(--brand)}.map-plant-list button.warning.active{box-shadow:inset 3px 0 var(--amber), inset 0 0 0 1px #e6a12d38}.map-plant-icon{background:var(--brand-soft);width:36px;height:36px;color:var(--brand-strong);border-radius:7px;grid-row:1/span 2;align-self:center;place-items:center;display:grid}.map-plant-list button.warning .map-plant-icon{color:#a76805;background:#fff2d9}.map-plant-row{position:relative}.map-plant-row .map-plant-cam-btn{z-index:2;background:var(--brand-soft);border-color:var(--brand);width:30px;height:30px;min-height:0;color:var(--brand-strong);border-radius:8px;position:absolute;bottom:9px;right:12px;box-shadow:0 1px 3px #143c2824}.map-plant-row .map-plant-cam-btn:hover{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff}.map-plant-copy,.map-plant-metric{min-width:0}.map-plant-copy b,.map-plant-copy small,.map-plant-metric strong,.map-plant-metric small{display:block}.map-plant-copy b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.map-plant-copy small{color:var(--muted);margin-top:2px;font-size:11px}.map-plant-metric{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.map-plant-metric strong{color:var(--brand-strong);white-space:nowrap;font-size:13px}.map-plant-metric small{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.factory-node:focus-visible .halo{stroke:var(--ink);stroke-width:2.5px}html[data-theme=dark] .map-plant-list,html[data-theme=dark] .map-plant-list>header{background:#17231c;border-color:#34483e}html[data-theme=dark] .map-plant-list button{border-color:#34483e}html[data-theme=dark] .map-plant-list button:hover{background:#1d3025}html[data-theme=dark] .map-plant-list button.warning .map-plant-icon{color:#efbb5c;background:#3a301a}@media (max-width:760px){.map-panel-body{grid-template-columns:1fr}.map-plant-list{border-right:0;border-bottom:1px solid var(--line);height:auto;overflow:hidden}.map-plant-list>header{min-height:54px;position:static}.map-plant-list>div{scroll-snap-type:x proximity;display:flex;overflow-x:auto}.map-plant-list button{scroll-snap-align:start;border-right:1px solid var(--line);border-bottom:0;min-width:215px;min-height:86px}.map-plant-list button.active{box-shadow:inset 0 -3px var(--brand)}.map-plant-list button.warning{box-shadow:inset 0 -3px var(--amber)}.map-plant-list button.warning.active{box-shadow:inset 0 -3px var(--amber), inset 0 0 0 1px #e6a12d38}.map-panel-body>.map-viewport{height:500px}}.map-layout{grid-template-columns:minmax(680px,1.5fr) minmax(330px,.65fr);gap:12px}.map-panel{background:var(--surface);border-color:#cfddd5;border-radius:8px;box-shadow:0 10px 28px #1e4b3412}.map-panel:before{display:none}.map-panel>.map-panel-head{background:#fbfdfc;border-bottom-color:#dce7e1;min-height:64px;padding:10px 14px 10px 16px}.map-panel-head>div:first-child{min-width:0}.map-panel>.map-panel-head small{color:#668078;letter-spacing:.6px;font-size:10px}.map-panel>.map-panel-head b{color:var(--brand-deep);margin-top:3px;font-size:16px}.map-head-actions{gap:8px;font-size:12px}.map-head-actions .map-network-summary{background:var(--surface);color:#627a70;border-color:#d7e5dc;border-radius:7px;gap:6px;min-height:38px;padding:0 10px}.map-network-summary svg{color:var(--brand-strong)}.map-head-actions .map-network-summary strong{color:var(--brand-strong);font:800 15px var(--font-sans)}.map-network-summary em{color:#a6b5ad;font-style:normal}.map-panel .map-head-actions select{background-color:var(--surface);min-width:122px;height:38px;color:var(--ink);border-color:#d2dfd8;border-radius:7px;padding:0 30px 0 11px;font-size:12px;font-weight:700}.map-panel-body{grid-template-columns:minmax(0,1fr)}.map-plant-list{scrollbar-width:thin;scrollbar-color:#aac8b7 transparent;background:#fbfdfc;border-right-color:#dce7e1;height:530px}.map-plant-list>header{background:#f7faf8;border-bottom-color:#dce7e1;min-height:55px;padding:9px 12px}.map-plant-list>header b{font-size:15px}.map-plant-list>header small{color:#637a70;font-size:11px}.map-plant-list>div{grid-auto-rows:95px}.map-plant-list button{border-bottom-color:#e2eae5;grid-template-columns:32px minmax(0,1fr);align-content:center;gap:9px;min-height:95px;padding:10px 11px;transition:background-color .16s,box-shadow .16s}.map-plant-list button:hover{background:#f0f7f3}.map-plant-list button.active{box-shadow:inset 3px 0 var(--brand-strong);background:#e9f4ed}.map-plant-list button.warning{box-shadow:inset 3px 0 var(--amber)}.map-plant-list button.warning.active{box-shadow:inset 3px 0 var(--amber);background:#f7f3e9}.map-plant-icon{border-radius:6px;grid-row:auto;width:32px;height:32px}.map-plant-copy{gap:2px;min-width:0;display:grid}.map-plant-title{justify-content:space-between;align-items:center;gap:5px;min-width:0;display:flex}.map-plant-copy .map-plant-title b{min-width:0;color:var(--ink);font-size:14px;line-height:1.2}.map-plant-copy>small{color:#687f75;margin:0;font-size:11px;font-weight:600}.map-plant-status{color:#347451;background:#e6f3eb;border-radius:999px;flex:none;align-items:center;padding:3px 6px;font-size:9px;font-style:normal;font-weight:800;line-height:1;display:inline-flex}.map-plant-status.warning{color:#99620a;background:#fff0d3}.map-plant-status.offline{color:#a14e4e;background:#f9e7e7}.map-plant-status.neutral{color:#708078;background:#edf1ef}.map-plant-metric{margin-top:4px;padding-right:34px}.map-plant-metric strong{color:#2f805b;font-size:13px}.map-plant-metric small{color:#637a70;max-width:98px;font-size:10px}.map-panel-body>.map-viewport{background:#e8f0ee;height:clamp(660px,100vh - 290px,820px)}.map-viewport:fullscreen{background:#e8f0ee;width:100vw;height:100vh}.vietnam-map{font-family:var(--font-sans)}.landmass{filter:drop-shadow(0 7px 11px #264c3a1a)}.province{fill:#c9ded1;stroke:#fffffff0;stroke-width:1.4px;transition:fill .18s}.province.has-plant{fill:#b9d6c3}.province.province-2{fill:#c2dac9}.province.province-3{fill:#b4d1bd}.province.selected-province{fill:#a1c9ae}.province-labels text{fill:#1d392d;font:800 12px var(--font-sans);letter-spacing:0;paint-order:stroke;stroke:#fffffffa;stroke-width:3.2px;stroke-linejoin:round;text-anchor:middle;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sea-decor text{fill:#6d8b83;font:750 9px var(--font-sans);letter-spacing:1.2px;paint-order:stroke;stroke:#e8f1efe6;stroke-width:2px;text-anchor:middle}.factory-node{transition:filter .16s}.factory-node:hover{filter:drop-shadow(0 5px 7px #19543538)}.factory-node .pulse{fill:#0000;stroke:#0000;pointer-events:none}.factory-node .halo{fill:#3e8b671f;stroke:#3e8b674d;stroke-width:1.4px}.factory-node .ring{fill:#fff;stroke:var(--brand-strong);stroke-width:3px;filter:drop-shadow(0 2px 4px #1f4f3638)}.factory-node .core{fill:var(--brand-strong)}.factory-node.warning .halo{fill:#e0a94a26;stroke:#b87d196b}.factory-node.warning .ring{stroke:var(--amber)}.factory-node.warning .core{fill:#c9830b}.factory-node.selected .pulse{stroke:#3e8b6761;stroke-width:1.5px;animation:1.8s ease-out infinite map-marker-pulse}.factory-node.warning.selected .pulse{stroke:#e0a94a7a}.factory-node.neutral .halo{fill:#6c93a81f;stroke:#6c93a861}.factory-node.neutral .ring{stroke:#7898a9}.factory-node.neutral .core{fill:#678797}.factory-node.neutral.selected .pulse{stroke:#6c93a875}.factory-node.offline .halo{fill:#d0848421;stroke:#b7545461}.factory-node.offline .ring{stroke:#c26767}.factory-node.offline .core{fill:#b95353}.factory-node.offline.selected .pulse{stroke:#d084847a}@keyframes map-marker-pulse{0%{opacity:.9;transform:scale(.65)}70%,to{opacity:0;transform:scale(1.25)}}.marker-card{cursor:grab}.marker-card:active{cursor:grabbing}.marker-card rect{fill:var(--surface);stroke:#9fc1b0;stroke-width:1.2px}.factory-node.selected .marker-card rect{stroke:var(--brand-strong);stroke-width:2px}.marker-card-dot{fill:var(--brand-strong)}.factory-node.warning .marker-card-dot{fill:var(--amber)}.factory-node.neutral .marker-card-dot{fill:#7898a9}.factory-node.offline .marker-card-dot{fill:#c26767}.marker-card text{text-anchor:start;letter-spacing:0;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.marker-card-name{fill:#0c261b;font:800 14px var(--font-sans);letter-spacing:.1px}.marker-card-value{fill:var(--brand-strong);font:800 21px var(--font-sans)}.marker-card-value .marker-card-unit{fill:#486658;font:700 12px var(--font-sans)}.marker-card-sub{fill:#486658;font:700 11px var(--font-sans)}.factory-node.warning .marker-card-sub{fill:#99620a}.marker-leader{stroke:#23463680;stroke-width:1.2px;stroke-dasharray:2.5 2.5}html[data-theme=dark] .marker-leader{stroke:#e8f2ec99}html[data-theme=dark] .marker-card rect{fill:#17231c;stroke:#3c5447}html[data-theme=dark] .marker-card-name{fill:#edf7f2}html[data-theme=dark] .marker-card-value{fill:#4ade80}html[data-theme=dark] .marker-card-value .marker-card-unit,html[data-theme=dark] .marker-card-sub{fill:#9ab4a7}.marker-card-cam{cursor:pointer}.marker-card-cam circle{fill:#ffffff1a;stroke:none}.marker-card-cam:hover circle{fill:#ffffff38}.marker-card-cam image{pointer-events:none}html[data-theme=dark] .marker-card-cam circle{fill:#ffffff1a}html[data-theme=dark] .marker-card-cam:hover circle{fill:#fff3}.map-controls{background:#fffffff0;border:1px solid #c7d9d1;border-radius:7px;grid-template-columns:repeat(2,37px);gap:0;top:12px;right:12px;overflow:hidden;box-shadow:0 7px 18px #204a361f}.map-controls button{width:37px;height:37px;box-shadow:none;color:#345f4d;background:0 0;border:1px solid #d8e4de;border-top:0;border-left:0;border-radius:0}.map-controls button:nth-child(2n){border-right:0}.map-controls button:nth-last-child(-n+2){border-bottom:0}.map-controls button:hover{color:var(--brand-strong);background:#e9f4ed}.map-controls button:disabled{cursor:default;opacity:.38;color:#799087;background:0 0}.map-panel-footer{color:#637a70;background:#fbfdfc;border-top:1px solid #dce7e1;align-items:center;gap:14px;min-height:44px;padding:7px 12px;display:flex}.map-status-legend{align-items:center;gap:12px;display:flex}.map-status-legend span{color:#5a7167;white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.map-status-legend i{background:var(--brand);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3e8b671a}.map-status-legend i.warning{background:var(--amber);box-shadow:0 0 0 3px #e0a94a1f}.map-status-legend i.neutral{background:#7898a9;box-shadow:0 0 0 3px #6c93a81f}.map-status-legend i.offline{background:#c26767;box-shadow:0 0 0 3px #d084841f}.map-current{border-left:1px solid #d9e4de;align-items:center;gap:5px;min-width:0;padding-left:13px;font-size:13px;display:flex}.map-current svg{color:var(--brand-strong)}.map-current span{color:#7a8e85}.map-current b{color:var(--brand-deep);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.map-zoom-reset{color:#506b5f;background:#edf3ef;border:1px solid #d7e4dc;border-radius:5px;flex:none;min-width:38px;min-height:25px;padding:2px 6px;font-size:12px;font-weight:800}.map-zoom-reset:hover{color:var(--brand-strong);background:#e3f0e8;border-color:#9fc4ad}.map-panel-footer>small{color:#6f837a;white-space:nowrap;margin-left:auto;font-size:12.5px}.map-layout{flex:1 1 0;align-items:stretch;min-height:460px}.detail{border-color:#cfddd5;border-radius:8px;height:100%;min-height:460px;max-height:none;box-shadow:0 10px 28px #1e4b340f}.map-panel{flex-direction:column;height:100%;min-height:460px;max-height:none;display:flex}.map-panel-body{flex:auto;min-height:280px}.map-panel-body>.map-viewport{height:100%;min-height:280px}html[data-theme=dark] .map-panel>.map-panel-head,html[data-theme=dark] .map-panel-footer{background:#17231c;border-color:#34483e}html[data-theme=dark] .map-head-actions .map-network-summary{color:#a7bbb0;background:#121c17;border-color:#3a5044}html[data-theme=dark] .map-network-summary em{color:#667c70}html[data-theme=dark] .map-plant-list,html[data-theme=dark] .map-plant-list>header{background:#151f1a}html[data-theme=dark] .map-plant-list button.active{background:#20372a}html[data-theme=dark] .map-plant-list button.warning.active{background:#322b1d}html[data-theme=dark] .map-plant-status.online{color:#80dba4;background:#1d3b29}html[data-theme=dark] .map-plant-status.warning{color:#efc06d;background:#3a301b}html[data-theme=dark] .map-plant-status.offline{color:#f19a9a;background:#3b2223}html[data-theme=dark] .map-plant-status.neutral{color:#9daea5;background:#27312c}html[data-theme=dark] .map-plant-list>header small,html[data-theme=dark] .map-plant-copy>small,html[data-theme=dark] .map-plant-metric small,html[data-theme=dark] .map-status-legend span{color:#a5b8ad}html[data-theme=dark] .map-panel-body>.map-viewport,html[data-theme=dark] .map-viewport:fullscreen{background:#111b16}html[data-theme=dark] .landmass{filter:drop-shadow(0 8px 13px #0000003d)}html[data-theme=dark] .province{fill:#294838;stroke:#14251c}html[data-theme=dark] .province.has-plant{fill:#335d45}html[data-theme=dark] .province.province-2{fill:#30553f}html[data-theme=dark] .province.province-3{fill:#376249}html[data-theme=dark] .province.selected-province{fill:#427455}html[data-theme=dark] .province-labels text{fill:#c1d3c8;stroke:#101c16f0}html[data-theme=dark] .sea-decor text{fill:#709087;stroke:#14221b}html[data-theme=dark] .factory-node .ring{fill:#142019}html[data-theme=dark] .marker-tooltip rect{fill:#e8f2ecf5;stroke:#557565}html[data-theme=dark] .marker-tooltip text{fill:#203b2e}html[data-theme=dark] .map-controls{background:#141f19f2;border-color:#40584b}html[data-theme=dark] .map-controls button{color:#b9cfc2;background:0 0;border-color:#354b3f}html[data-theme=dark] .map-controls button:hover{color:#83d6a2;background:#20372a}html[data-theme=dark] .map-controls button:disabled,html[data-theme=dark] .map-controls button:disabled:hover{color:#65786e;background:0 0}html[data-theme=dark] .map-current{border-color:#3a4d43}html[data-theme=dark] .map-current b{color:#dcebe2}html[data-theme=dark] .map-zoom-reset{color:#b7c9bf;background:#223128;border-color:#3b5145}html[data-theme=dark] .map-zoom-reset:hover{color:#86d9a5;background:#294234;border-color:#527660}html[data-theme=dark] .map-panel-footer>small{color:#83968b}@media (max-width:859px){.map-layout{grid-template-columns:1fr}.detail,.map-panel{min-height:0;max-height:none}.map-panel-body>.map-viewport{height:clamp(380px,50vh,520px);min-height:380px}}@media (max-width:760px){.map-panel>.map-panel-head{flex-direction:column;align-items:flex-start;min-height:0;padding:12px}.map-head-actions{justify-content:space-between;width:100%}.map-head-actions .map-network-summary{min-width:0}.map-panel-body{grid-template-columns:1fr}.map-plant-list{height:auto}.map-plant-list>div{grid-auto-rows:auto}.map-plant-list button{min-width:210px;min-height:88px}.map-panel-body>.map-viewport{height:430px}.map-controls{top:9px;right:9px}.map-controls button{width:34px;height:34px}.map-panel-footer{flex-wrap:wrap;gap:7px 12px}.map-panel-footer>small{border-top:1px solid var(--line);width:100%;margin-left:0;padding-top:5px}}@media (prefers-reduced-motion:reduce){.factory-node.selected .pulse{animation:none}}.icon-text-action{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--ink);border-radius:6px;align-items:center;gap:6px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.icon-text-action:hover{border-color:var(--brand);color:var(--brand-strong)}.icon-text-action:disabled{opacity:.5;cursor:not-allowed}.dashboard-detail-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.dashboard-detail-kpis .dash-metric{border:1px solid var(--line);background:var(--surface);border-radius:7px;min-height:74px;padding:11px 12px}.dashboard-detail-kpis .dash-metric span,.dashboard-detail-kpis .dash-metric b{display:block}.dashboard-detail-kpis .dash-metric span{color:var(--muted);font-size:9px;font-weight:750}.dashboard-detail-kpis .dash-metric b{overflow-wrap:anywhere;color:var(--brand-deep);margin-top:7px;font-size:15px}.ranking-list{flex-direction:column;justify-content:center;gap:14px;min-height:238px;display:flex}.ranking-item{flex-direction:column;gap:6px;display:flex}.ranking-item-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.ranking-item-title{align-items:center;gap:8px;min-width:0;display:flex}.ranking-item-title>strong{background:var(--brand-pale);width:20px;height:20px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:800;display:grid}.ranking-item-title>span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;overflow:hidden}.ranking-item-values{flex-shrink:0;align-items:baseline;gap:8px;display:flex}.ranking-item-values>b{color:var(--brand-deep);white-space:nowrap;font-size:13px;font-weight:800}.ranking-item-values>small{color:var(--muted);white-space:nowrap;font-size:11px}.ranking-item-track{width:100%}.ranking-item-track>i,.driver-performance i{background:var(--brand-pale);border-radius:4px;height:8px;display:block;overflow:hidden}.ranking-item-track em,.driver-performance em{border-radius:inherit;background:var(--brand);height:100%;transition:width .25s;display:block}.product-bars-list{flex-direction:column;justify-content:center;gap:14px;min-height:238px;padding:4px 0;display:flex}.product-bar-item{flex-direction:column;gap:6px;display:flex}.product-bar-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.product-bar-title{align-items:center;gap:8px;min-width:0;display:flex}.product-bar-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.product-bar-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;overflow:hidden}.product-bar-value{color:var(--chart-text,var(--ink));white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:800}.product-bar-track{background:var(--chart-track,var(--brand-pale));border-radius:4px;width:100%;height:8px;overflow:hidden}.product-bar-fill{border-radius:inherit;height:100%;transition:width .25s}.chart-empty{min-height:210px;color:var(--muted);place-items:center;font-size:11px;display:grid}.app-table-wrap{width:100%}.app-mobile-cards{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;padding:12px 14px;display:flex}.app-mobile-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.mobile-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-card-title-group{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.mobile-card-badge{color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:4px;align-items:center;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.mobile-card-title{background:var(--brand-pale);color:var(--brand-deep);border:1px solid var(--line);letter-spacing:.2px;border-radius:5px;align-items:center;padding:3px 8px;font-size:13px;font-weight:800;display:inline-flex}html[data-theme=dark] .mobile-card-title{color:#7ee0b0;background:#6bae8c29;border-color:#6bae8c4d}.mobile-card-time{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600}.mobile-card-metric{color:var(--brand-deep);white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:850}html[data-theme=dark] .mobile-card-metric{color:#7ee0b0}.mobile-card-subtitle{color:var(--ink);font-size:13px;font-weight:700;line-height:1.35}.mobile-card-meta-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12px;display:flex}.mobile-card-tag{background:var(--brand-pale);color:var(--brand-deep);border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}html[data-theme=dark] .mobile-card-tag{color:#a3e8c5;background:#6bae8c1f}.mobile-card-meta-item{align-items:center;gap:4px;display:inline-flex}.mobile-card-meta-item .ticket-time-part{white-space:nowrap;margin-right:3px}.mobile-card-meta-dot{color:var(--muted);opacity:.55;-webkit-user-select:none;user-select:none;font-weight:700}.mobile-card-images{align-items:center;gap:10px;padding:6px 0 2px;display:flex}.mobile-card-image-slot{flex-direction:column;gap:3px;display:flex}.mobile-card-image-slot small{color:var(--muted);font-size:10px}.mobile-card-image-slot .ticket-image-zoom{border:1px solid var(--line);background:0 0;border-radius:6px;padding:0;display:inline-block;overflow:hidden}.mobile-card-image-slot img{object-fit:cover;max-width:90px;max-height:50px;display:block}.mobile-card-details{border-top:1px dashed var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding-top:8px;font-size:12px;display:grid}.mobile-card-detail-item{flex-direction:column;gap:2px;min-width:0;display:flex}.mobile-card-detail-item small{color:var(--muted);font-size:11px}.mobile-card-detail-item span{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.mobile-empty{text-align:center;color:var(--muted);padding:36px 16px;font-size:13px}@media (max-width:768px){.dash-realtime-panel .dash-table{border:none;max-height:none;overflow:visible}}.driver-performance{align-content:center;min-height:238px;display:grid}.driver-performance-head,.driver-performance>div:not(.driver-performance-head){grid-template-columns:minmax(110px,.8fr) 70px minmax(130px,1.2fr) 76px;align-items:center;gap:10px;display:grid}.driver-performance-head{color:var(--muted);padding:0 0 8px;font-size:9px;font-weight:800}.driver-performance-head span:last-child{grid-column:3/5}.driver-performance>div:not(.driver-performance-head){border-top:1px solid var(--line);min-height:34px;font-size:10px}.driver-performance b,.driver-performance strong{color:var(--ink)}.driver-performance strong{text-align:right}.duration-analysis .alert-counts{margin-bottom:16px}.duration-buckets{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:10px;height:150px;display:grid}.duration-buckets>div{text-align:center;grid-template-rows:18px minmax(70px,1fr) 18px;gap:5px;height:100%;display:grid}.duration-buckets span,.duration-buckets b{color:var(--muted);font-size:9px}.duration-buckets i{border-bottom:1px solid var(--line);justify-content:center;align-items:end;display:flex}.duration-buckets em{background:var(--brand-soft);border-radius:5px 5px 0 0;width:min(52px,72%);min-height:4px;display:block}.station-connection-list{display:grid}.station-connection-list>div{border-bottom:1px solid var(--line);grid-template-columns:12px minmax(190px,1fr) minmax(170px,.8fr) minmax(180px,.8fr);align-items:center;gap:12px;min-height:58px;display:grid}.station-connection-list>div:last-child{border-bottom:0}.station-connection-list>div>i{background:var(--danger);border-radius:50%;width:9px;height:9px}.station-connection-list>div>i.online{background:var(--brand)}.station-connection-list>div>i.maintenance{background:var(--amber)}.station-connection-list span{min-width:0}.station-connection-list b,.station-connection-list small{display:block}.station-connection-list b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.station-connection-list small{color:var(--muted);margin-top:3px;font-size:9px}.station-connection-list strong{width:max-content;color:var(--danger);background:#fdebea;border-radius:999px;padding:4px 7px;font-size:9px;display:inline-flex}.station-connection-list strong.online{background:var(--brand-pale);color:var(--brand-strong)}.station-connection-list strong.maintenance{color:var(--amber);background:#fff4d9}.ticket-list-panel,.scale-history-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:420px;overflow:hidden}.ticket-pagination{border-bottom:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;min-height:54px;padding:8px 10px;display:flex}.ticket-pagination>span{color:var(--ink);margin-right:auto;font-size:13px}.ticket-pagination label{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:750;display:inline-flex}.ticket-pagination select,.ticket-pagination input{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--ink);border-radius:6px}.ticket-pagination select{padding:0 26px 0 9px}.ticket-page-jump{border-left:1px solid var(--line);align-items:center;gap:8px;padding-left:8px;display:inline-flex}.ticket-page-jump input{width:54px;padding:0 8px}.ticket-page-jump button{min-width:38px;height:34px}.ticket-data-table,.scale-history-table{-webkit-overflow-scrolling:touch;border:0;border-radius:0;transition:opacity .18s;overflow-x:auto}.ticket-data-table.is-loading{opacity:.55;pointer-events:none}.ticket-data-table table{table-layout:fixed;width:100%;min-width:1750px}.scale-history-table table{min-width:1080px}.ticket-data-table th,.scale-history-table th{z-index:1;letter-spacing:0;white-space:nowrap;position:sticky;top:0}.ticket-data-table td,.scale-history-table td{vertical-align:middle;padding:11px 8px;font-size:13px}.ticket-data-table th{white-space:nowrap;padding:11px 8px}.ticket-data-table td.text-right,.ticket-data-table td:first-child,.ticket-data-table .ticket-time-part{white-space:nowrap}.ticket-data-table .ticket-image-zoom,.ticket-data-table img{max-width:100%}.ticket-data-table tbody tr:hover,.scale-history-table tbody tr:hover{background:var(--brand-pale)}.ticket-plate-image{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:4px;width:96px;height:42px;display:block}.ticket-vehicle-image{color:var(--muted)}.ticket-group-header-row{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;transition:background .15s;background:var(--surface-muted,#6bae8c14)!important}.ticket-group-header-row:hover{background:#6bae8c29!important}.ticket-group-header-cell{color:var(--ink);font-size:13px;padding:10px 14px!important}.ticket-group-title{align-items:center;gap:8px;display:inline-flex}.ticket-group-badges{align-items:center;gap:8px;font-size:12px;display:inline-flex}.ticket-group-badge{background:var(--brand-wash);color:var(--brand-strong);border-radius:4px;align-items:center;padding:2px 8px;font-weight:750;display:inline-flex}.ticket-product-tabs{scrollbar-width:thin;align-items:center;gap:6px;margin-bottom:8px;padding:4px 2px 10px;display:flex;overflow-x:auto}.ticket-product-tab{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:650;transition:all .15s;display:inline-flex}.ticket-product-tab:hover{background:var(--brand-pale);color:var(--brand-strong);border-color:#9bc9ac}.ticket-product-tab.active{background:var(--brand-deep,#2f5c49);color:#fff;border-color:var(--brand-deep,#2f5c49);box-shadow:0 1px 3px #2f5c4933}.ticket-tab-badge{min-width:18px;color:inherit;background:#2f5c4914;border-radius:999px;justify-content:center;align-items:center;padding:1px 7px;font-size:11px;font-weight:700;display:inline-flex}.ticket-product-tab.active .ticket-tab-badge{color:#fff;background:#ffffff38}.ticket-tab-subcode{opacity:.8;font-size:11px;font-weight:500}html[data-theme=dark] .ticket-product-tab{color:#a4b6ab;background:#18221d;border-color:#34483e}html[data-theme=dark] .ticket-product-tab:hover{color:#e7f1eb;background:#223028;border-color:#42574b}html[data-theme=dark] .ticket-product-tab.active{color:#fff;background:#167c4d;border-color:#22995e;box-shadow:0 1px 4px #00000059}html[data-theme=dark] .ticket-tab-badge{color:#a4b6ab;background:#ffffff14}html[data-theme=dark] .ticket-product-tab.active .ticket-tab-badge{color:#fff;background:#ffffff38}.ticket-vehicle-photo{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:4px;width:96px;height:64px;display:block}.ticket-image-zoom{cursor:zoom-in;background:0 0;border:0;border-radius:4px;padding:0;display:block}.ticket-image-zoom:hover .ticket-plate-image,.ticket-image-zoom:hover .ticket-vehicle-photo{border-color:var(--brand);box-shadow:0 0 0 2px #07884a29}.image-lightbox-backdrop{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08140eb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-lightbox{max-width:min(920px,100%);max-height:calc(100vh - 48px);position:relative}.image-lightbox img{border-radius:10px;max-width:100%;max-height:calc(100vh - 48px);display:block;box-shadow:0 30px 70px #08181066}.image-lightbox-close{z-index:10;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0f172abf;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:40px;height:40px;transition:all .15s;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 4px 14px #0000004d}.image-lightbox-close:hover{background:#0f172af2;transform:scale(1.08)}.scale-history-panel{margin-top:16px;padding:0}.scale-history-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:14px 16px;display:flex}.scale-history-head h2{color:var(--brand-deep);margin:0;font-size:18px}.scale-history-head p{color:var(--muted);margin:4px 0 0;font-size:10px}.scale-history-head>span{background:var(--brand-pale);color:var(--ink);border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:800}.scale-history-search{border:1px solid var(--line);background:var(--surface);width:min(620px,100% - 32px);min-height:40px;color:var(--muted);border-radius:7px;align-items:center;gap:8px;margin:12px 16px;padding:0 11px;display:flex}.scale-history-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.history-state{background:var(--brand-pale);color:var(--brand-strong);border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;display:inline-flex}.history-state.maintenance{color:var(--amber);background:#fff4d9}.station-last-seen{color:var(--muted);margin-top:10px;font-size:9px;display:block}.report-actions{align-items:center;gap:8px;display:flex}.report-period-filter{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto repeat(auto-fit,minmax(min(100%,15.5rem),1fr));align-items:end;gap:10px;margin:18px 0 14px;padding:12px;display:grid}.report-period-filter>label{color:var(--muted);gap:5px;font-size:12px;font-weight:700;display:grid}.report-period-filter input,.report-period-filter select{border:1px solid var(--line);background:var(--surface);width:100%;height:38px;color:var(--ink);border-radius:6px;padding:0 10px;font-size:13px;font-weight:600}.report-kpis-wide{grid-template-columns:repeat(5,minmax(0,1fr))}.report-month-bars{align-content:center;min-height:210px;display:grid}.log-kpis{grid-template-columns:repeat(4,minmax(130px,180px)) 1fr}.log-toolbar .period-toggle{flex-wrap:wrap}.log-status{white-space:nowrap;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:850;display:inline-flex}.log-status.success{background:var(--brand-wash);color:var(--brand-strong)}.log-status.failed{background:var(--danger-soft);color:var(--danger)}.log-empty{height:120px;color:var(--muted);text-align:center}.station-card-head{position:relative}.station-configure{width:30px;height:30px;position:absolute;top:30px;right:0}.station-editor-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04150ea8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.station-editor-modal{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(620px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 70px #04150e47}.station-editor-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;display:flex}.station-editor-modal header small{color:var(--brand-strong);font-size:8px;font-weight:850}.station-editor-modal h2{color:var(--brand-deep);margin:4px 0 0;font-size:18px}.station-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:18px;display:grid}.station-editor-grid label{min-width:0;color:var(--muted);gap:6px;font-size:9px;font-weight:800;display:grid}.station-editor-grid input,.station-editor-grid select{border:1px solid var(--line);background:var(--surface);width:100%;height:40px;color:var(--ink);border-radius:6px;padding:0 10px}.station-editor-grid input:disabled{background:var(--surface-subtle);color:var(--muted)}.station-editor-modal>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.station-editor-modal>footer button{align-items:center;gap:6px;min-height:38px;display:inline-flex}.account-password{width:100%;min-height:54px;color:var(--brand-strong);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;margin-top:6px;padding:7px 10px;display:flex}.account-password:hover{background:var(--brand-wash)}.account-password span,.account-password b,.account-password small{margin:0;display:block}.account-password b{color:inherit}.account-password small{color:var(--muted);margin-top:2px;font-size:11px}.password-modal{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(460px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 24px 70px #04150e47}.password-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;display:flex}.password-modal header small{color:var(--brand-strong);font-size:8px;font-weight:850}.password-modal h2{color:var(--brand-deep);margin:4px 0 0;font-size:18px}.password-modal>div{gap:12px;padding:18px;display:grid}.password-modal label{color:var(--muted);gap:6px;font-size:9px;font-weight:800;display:grid}.password-modal input{border:1px solid var(--line);background:var(--surface);width:100%;height:40px;color:var(--ink);border-radius:6px;padding:0 10px}.password-status{background:var(--brand-wash);min-height:34px;color:var(--ink);border-radius:6px;margin:0;padding:9px 10px;font-size:10px}.password-modal>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.password-modal>footer button{min-height:38px}@media (max-width:1280px){.dashboard-detail-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.tickets-filter{grid-template-columns:repeat(3,minmax(160px,1fr))}.ticket-search-field{grid-column:span 2}.report-period-filter{grid-template-columns:repeat(4,minmax(150px,1fr))}.report-period-filter .period-toggle{grid-column:1/-1}.log-kpis{grid-template-columns:repeat(4,minmax(120px,1fr))}.log-kpis>small{grid-column:1/-1}}@media (max-width:760px){.dashboard-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-toolbar-actions{flex-wrap:wrap;width:100%;margin-left:0}.dash-toolbar-actions .filter-toggle{margin-left:auto}.ranking-list,.product-bars-list{gap:12px}.ranking-item-title>span,.product-bar-name,.ranking-item-values>b,.product-bar-value{font-size:12px}.ranking-item-values>small{font-size:10px}.driver-performance-head,.driver-performance>div:not(.driver-performance-head){grid-template-columns:minmax(90px,1fr) 54px minmax(70px,1fr) 60px;gap:7px}.station-connection-list>div{grid-template-columns:12px 1fr;padding:10px 0}.station-connection-list>div>span:nth-of-type(n+2){grid-column:2}.ticket-pagination{flex-wrap:wrap;justify-content:flex-start}.ticket-pagination>span{width:100%;margin-right:0}.ticket-page-jump{border-top:1px solid var(--line);border-left:0;width:100%;padding:8px 0 0}.tickets-filter,.ticket-search-field{grid-column:auto;grid-template-columns:1fr}.scale-history-head{align-items:flex-start}.scale-history-head h2{font-size:16px}.report-actions{flex-wrap:wrap;width:100%}.report-period-filter,.report-kpis-wide,.log-kpis{grid-template-columns:1fr}.report-period-filter .period-toggle{-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;flex-wrap:nowrap;grid-column:1/-1;gap:3px;width:100%;display:flex;overflow-x:auto}.report-period-filter .period-toggle::-webkit-scrollbar{display:none}.report-period-filter .period-toggle button{text-align:center;white-space:nowrap;flex:1 0 auto;padding:8px 10px;font-size:12px}.station-editor-grid{grid-template-columns:1fr}}@media print{.side,.topbar,.app-footer,.dash-toolbar,.dash-filter-drawer,.report-filter,.report-period-filter,.ticket-pagination,.monitor-refresh,.monitor-toolbar,.scale-history-search,.report-actions{display:none!important}main{width:100%;margin:0}.page{padding:0}.dash-panel,.panel,.ticket-list-panel,.table{break-inside:avoid;box-shadow:none}.table{overflow:visible}.ticket-data-table table,.scale-history-table table{min-width:100%;font-size:8px}.ticket-data-table th,.ticket-data-table td,.scale-history-table th,.scale-history-table td{white-space:normal;padding:5px}}.page .filter-search,.page .report-filter .filter-search,.page .dash-table-tools>label{border:1px solid var(--line);background:var(--surface);min-width:0;height:auto;min-height:46px;color:var(--muted);border-radius:8px;gap:10px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.page .filter-search>svg,.page .dash-table-tools>label>svg{flex-shrink:0}.page .filter-search input,.page .report-filter .filter-search input,.page .dash-table-tools>label input{width:100%;min-width:0;height:44px;box-shadow:none;color:var(--ink);background:0 0;border:0;border-radius:0;outline:none;padding:0;font-size:15px;line-height:1.5}.page .dash-filter-grid input:not([type=checkbox]):not([type=radio]){border:1px solid var(--line);background:var(--surface);min-width:0;min-height:46px;color:var(--ink);border-radius:8px;padding:10px 12px;font-size:15px}.page .filter-search:focus-within,.page .report-filter .filter-search:focus-within,.page .dash-table-tools>label:focus-within,.page .dash-filter-grid input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #07884a24}.page .filter-search input::placeholder,.page .dash-table-tools input::placeholder,.page .dash-filter-grid input::placeholder{color:var(--muted);opacity:1;font-weight:400}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-box{background:linear-gradient(90deg, var(--line-soft) 25%, var(--line) 37%, var(--line-soft) 63%);background-size:400% 100%;border-radius:6px;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-circle{border-radius:50%!important}.skeleton-card{background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:none!important}html[data-theme=dark] .skeleton-box{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%) 0 0/400% 100%}.page-loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background:#ffffffad;justify-content:center;align-items:center;animation:.15s ease-out page-loader-fade-in;display:flex;position:fixed;inset:0}html[data-theme=dark] .page-loading-overlay{background:#0e1713b8}@keyframes page-loader-fade-in{0%{opacity:0}to{opacity:1}}.page-loading-content{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:center;gap:14px;padding:24px 32px;display:flex;box-shadow:0 12px 36px #0000001f}html[data-theme=dark] .page-loading-content{box-shadow:0 12px 36px #00000073}.page-loading-spinner{border:3.5px solid var(--line);border-top-color:var(--teal);border-radius:50%;width:38px;height:38px;animation:.75s linear infinite page-loader-spin}@keyframes page-loader-spin{to{transform:rotate(360deg)}}.page-loading-text{color:var(--ink);letter-spacing:.2px;font-size:13px;font-weight:600}.filter-date-group{flex-wrap:wrap;flex:none;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.filter-date-input{border:1px solid var(--line);background:var(--surface);height:42px;color:var(--ink);box-sizing:border-box;border-radius:7px;outline:none;padding:0 8px 0 10px;font-family:inherit;font-size:14px}input[type=date].filter-date-input{flex-shrink:0;min-width:140px}input[type=datetime-local].filter-date-input,.date-time-input{min-width:215px}.filter-date-input:focus{border-color:var(--brand);box-shadow:0 0 2px 2px #07884a29}@media (max-width:760px){.filter-panel{grid-template-columns:minmax(0,1fr)}.filter-panel .filter-search{max-width:none}.filter-panel .filter-date-group{width:100%}.filter-panel .filter-date-group>.period-toggle,.filter-panel .filter-date-group>.period-toggle button{flex:auto}.filter-panel input[type=date].filter-date-input{flex:140px;min-width:0;max-width:100%}}.camera-ai-latest{margin-top:16px}.camera-ai-latest-body{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:minmax(260px,1fr) 2fr;gap:12px;padding:12px;display:grid}.camera-ai-latest-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.camera-ai-latest-list button{text-align:left;border:1px solid var(--line-soft);background:var(--surface-subtle);width:100%;color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.camera-ai-latest-list button.is-active{border-color:var(--brand);background:var(--brand-soft)}.camera-ai-latest-crop{background:var(--line-soft);border-radius:6px;flex:0 0 110px;place-items:center;height:60px;display:grid;overflow:hidden}.camera-ai-latest-crop img{object-fit:contain;width:100%;height:100%}.camera-ai-latest-info{color:var(--ink-soft);flex-direction:column;gap:2px;min-width:0;font-size:12px;display:flex}.camera-ai-latest-info b{color:var(--ink);font-size:14px}.camera-ai-latest-main{background:#111;border-radius:10px;place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.camera-ai-latest-main img{object-fit:contain;width:100%;height:100%;max-height:460px}.camera-ai-latest-caption{color:#fff;background:#0009;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;bottom:8px;left:8px}@media (max-width:900px){.camera-ai-latest-body{grid-template-columns:1fr}}.camera-ai-latest.is-compact,.camera-ai-latest.is-compact .camera-ticket-heading{margin-top:0}.camera-ai-latest.is-compact .camera-ai-latest-body{border:0;grid-template-columns:1fr;padding:0}.cam-split{grid-template-columns:minmax(280px,1fr) 2fr;align-items:start;gap:16px;display:grid}.cam-split-main{min-width:0}@media (max-width:900px){.cam-split{grid-template-columns:1fr}.cam-split-main{order:-1}}.cam-modal-head .cam-fullscreen-btn{margin-left:auto}.cam-live:fullscreen{aspect-ratio:auto;width:100vw;height:100vh;max-height:none}.cam-live:fullscreen .cam-live-img{object-fit:contain;width:100%;height:100%}.cam-strip .cam-thumb-btn .cam-thumb-icon svg{width:18px;height:18px}.cam-strip .cam-thumb-btn.active{box-shadow:0 0 0 2px #ef444440}.cam-fullscreen-exit{z-index:5;color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff59;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-weight:700;display:inline-flex;position:absolute;top:16px;right:16px}.cam-fullscreen-exit:hover{background:#000c}.cam-strip,.camera-page-viewer .cam-strip,.cam-strip.cam-strip-demo{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.cam-strip .cam-thumb-btn .cam-thumb,.camera-page-viewer .cam-strip .cam-thumb-btn .cam-thumb,.cam-strip-demo .cam-thumb-btn .cam-thumb{height:44px}.cam-strip .cam-thumb-btn .cam-status,.camera-page-viewer .cam-strip .cam-thumb-btn .cam-status{padding:0 4px;font-size:8px;top:3px;left:3px}.cam-strip .cam-thumb-name,.camera-page-viewer .cam-strip .cam-thumb-name{padding:2px 5px;font-size:10px}@media (max-width:1024px){.cam-strip,.camera-page-viewer .cam-strip,.cam-strip.cam-strip-demo{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:640px){.cam-strip,.camera-page-viewer .cam-strip,.cam-strip.cam-strip-demo{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.cam-strip .cam-thumb-btn .cam-thumb,.camera-page-viewer .cam-strip .cam-thumb-btn .cam-thumb,.cam-strip-demo .cam-thumb-btn .cam-thumb{height:36px}.cam-strip .cam-thumb-btn .cam-status,.camera-page-viewer .cam-strip .cam-thumb-btn .cam-status{font-size:7px}.cam-strip .cam-thumb-name,.camera-page-viewer .cam-strip .cam-thumb-name{font-size:9px}}.cam-live.cam-live-pseudo-fs{z-index:9999;aspect-ratio:auto;background:#000;width:100vw;height:100dvh;max-height:none;position:fixed;inset:0}.cam-live.cam-live-pseudo-fs .cam-live-feed,.cam-live.cam-live-pseudo-fs .cam-live-img{object-fit:contain;width:100%;height:100%}@media (orientation:portrait){.cam-live.cam-live-pseudo-fs{width:100dvh;height:100vw;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}}.camera-ai-detail-btn{white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.camera-ai-detail{background:var(--surface);width:min(960px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:12px;padding:16px;overflow-y:auto}.camera-ai-detail-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:16px;display:flex}.camera-ai-detail-images{grid-template-columns:1fr 2fr 2fr;gap:12px;margin-bottom:14px;display:grid}.camera-ai-detail-images figure{flex-direction:column;gap:6px;min-width:0;margin:0;display:flex}.camera-ai-detail-images figcaption{color:var(--muted);font-size:12px;font-weight:700}.camera-ai-detail-images img{border:1px solid var(--line);border-radius:6px;width:100%;height:auto}.camera-ai-detail-fields{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:14px;display:grid}.camera-ai-detail-fields dt{color:var(--muted)}.camera-ai-detail-fields dd{word-break:break-word;margin:0}.camera-ai-detail-fields .ticket-time-part{margin-right:6px}@media (max-width:640px){.camera-ai-detail-images{grid-template-columns:1fr}}.cam-split .camera-ai-latest.is-compact .camera-ticket-heading,.cam-split-main .cam-modal-head{box-sizing:border-box;border-bottom:0;align-items:center;height:52px;min-height:52px;margin:0 0 12px;padding-top:0;padding-bottom:0;display:flex}.cam-split-main .cam-modal-head{justify-content:space-between;padding-left:0;padding-right:0}.camera-page-viewer .cam-strip{overscroll-behavior:auto;min-height:0;max-height:none;padding-bottom:12px;overflow:visible}@media (max-width:860px){.camera-page-viewer .cam-strip{overscroll-behavior:auto;min-height:0;max-height:none;overflow:visible}}.camera-ai-latest-card{border:1px solid var(--brand);background:var(--brand-pale);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.camera-ai-latest-top{align-items:center;gap:12px;display:flex}.camera-ai-latest-card button{cursor:zoom-in;background:0 0;border:0;padding:0}.camera-ai-latest-card .camera-ai-latest-crop{background:0 0;border-radius:6px;flex:0 0 150px;height:auto;display:block;overflow:hidden}.camera-ai-latest-card .camera-ai-latest-info{gap:4px;font-size:13px}.camera-ai-latest-plate{letter-spacing:.5px;color:var(--ink);font-size:22px;font-weight:800}.camera-ai-latest-scene{background:#000;border-radius:8px;width:100%;display:block;overflow:hidden}.camera-ai-latest-scene img{display:block}.ticket-data-table.camera-ai-table table{table-layout:auto;width:auto;min-width:0}.ticket-data-table.camera-ai-table th,.ticket-data-table.camera-ai-table td{white-space:nowrap;padding-left:10px;padding-right:10px}.ticket-data-table.camera-ai-table .ticket-time-part{display:block}@media (max-width:640px){.ticket-data-table.camera-ai-table table{font-size:11px}.ticket-data-table.camera-ai-table th,.ticket-data-table.camera-ai-table td{padding-left:6px;padding-right:6px}.camera-ai-table .ticket-plate-image{width:76px;height:34px}}.app-table-wrap tr.is-clickable,.app-mobile-card.is-clickable{cursor:pointer}.app-table-wrap tr.is-clickable:hover td{background:var(--brand-wash)}.app-table-wrap.ticket-data-table.camera-ai-table table,.app-table-wrap.ticket-data-table.camera-ai-table.has-cameras table{table-layout:auto;width:auto;min-width:0;max-width:100%}.app-table-wrap.ticket-data-table.camera-ai-table th,.app-table-wrap.ticket-data-table.camera-ai-table td{width:1%;padding:8px 12px}.cam-strip .cam-thumb-btn .cam-thumb,.camera-page-viewer .cam-strip .cam-thumb-btn .cam-thumb,.cam-strip-demo .cam-thumb-btn .cam-thumb{aspect-ratio:16/9;height:auto}@media (max-width:640px){.cam-strip .cam-thumb-btn .cam-thumb,.camera-page-viewer .cam-strip .cam-thumb-btn .cam-thumb,.cam-strip-demo .cam-thumb-btn .cam-thumb{aspect-ratio:4/3;height:auto}}.cam-fullscreen-nav{z-index:5;color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.cam-fullscreen-nav:hover{background:#000000bf}.cam-fullscreen-nav.prev{left:16px}.cam-fullscreen-nav.next{right:16px}.cam-fullscreen-name{z-index:5;color:#fff;background:#0009;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:700;position:absolute;top:16px;left:16px}.executive-kpi .flow-split{flex-direction:column;gap:2px;font-size:.62em;line-height:1.35;display:flex}.executive-kpi .flow-split-row{white-space:nowrap;justify-content:space-between;gap:12px;display:flex}.executive-kpi .flow-split-row em{color:var(--ink-soft);font-style:normal;font-weight:600}.executive-kpi .flow-split-row.output{color:var(--brand-strong)}@media (max-width:768px){.product-donut-total{font-size:14px}.product-donut-total strong{max-width:160px;font-size:26px}.product-donut-legend{flex-flow:column;gap:0}.product-donut-legend li{width:100%}}.dash-panel .donut-flow-toggle{flex-wrap:wrap;margin:14px 20px 0;display:inline-flex}@media (max-width:768px){.dash-panel .donut-flow-toggle{margin:10px 10px 0;display:flex}.dash-panel .donut-flow-toggle button{flex:auto}}.panel-error{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:200px;display:flex}.dashboard-summary-data .executive-kpis,.dashboard-photo-summary .dashboard-summary-data .executive-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:600px){.dashboard-summary-data .executive-kpis,.dashboard-photo-summary .dashboard-summary-data .executive-kpis{grid-template-columns:minmax(0,1fr)}}.executive-kpi>div{min-width:0}.executive-kpi .flow-split-row{white-space:normal;flex-wrap:wrap;column-gap:12px}.driver-performance-head,.driver-performance>div:not(.driver-performance-head){grid-template-columns:minmax(130px,.9fr) 80px minmax(130px,1.2fr) 96px}.driver-performance-head{font-size:13px}.driver-performance>div:not(.driver-performance-head){min-height:44px;font-size:15px}.driver-performance i{height:10px}@media (max-width:768px){.driver-performance-head,.driver-performance>div:not(.driver-performance-head){grid-template-columns:minmax(96px,1fr) 52px minmax(70px,1fr) 76px;gap:8px}.driver-performance-head{font-size:12px}.driver-performance>div:not(.driver-performance-head){font-size:13px}}.executive-kpi .flow-split-row em,.executive-kpi .flow-split-row strong{white-space:nowrap}.executive-kpi .flow-split-row strong{font-weight:800}.product-bars-more{margin:4px auto 14px;display:block}.scale-roles-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.scale-roles-toolbar label{min-width:240px}.scale-roles-toolbar button{align-items:center;gap:6px;display:inline-flex}.scale-roles-warning{background:var(--amber-soft);color:#8a6420;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.scale-roles-message{color:var(--ink-soft);margin:10px 0 0;font-weight:600}.scale-roles-table{margin-top:14px}.scale-roles-table td{vertical-align:middle}.scale-roles-select{min-width:240px}.scale-role-badge{background:var(--surface-subtle);color:var(--ink-soft);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-block}.scale-role-badge.input{color:#2f5f86;background:#e3eef7}.scale-role-badge.output{background:var(--brand-soft);color:var(--brand-strong)}.scale-role-badge.vehicle{color:#5d4f96;background:#efeaf8}.scale-role-badge.unclassified{background:var(--amber-soft);color:#8a6420}.scale-role-auto{color:var(--muted);margin-top:4px;font-size:12px;display:block}@media (max-width:768px){.scale-roles-toolbar label{width:100%;min-width:0}.scale-roles-table{overflow-x:auto}.scale-roles-table table{min-width:760px}}.scale-roles-table th.text-center,.scale-roles-table td.text-center{text-align:center}.scale-roles-table th:nth-child(5),.scale-roles-table th:nth-child(6){width:150px}.scale-roles-table th{white-space:nowrap}.scale-role-check{cursor:pointer;justify-content:center;align-items:center;padding:6px;display:inline-flex}.scale-role-check input{width:22px;height:22px;accent-color:var(--brand-strong);cursor:pointer;margin:0}.scale-role-check input:disabled{cursor:progress}.scale-role-note{color:var(--muted);margin-top:4px;font-size:12px;display:block}.scale-roles-table tr.is-unclassified td{background:#fffaf0}.flow-split{flex-direction:column;gap:2px;line-height:1.35;display:flex}.flow-split-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.flow-split-row em{color:var(--ink-soft);white-space:nowrap;font-style:normal;font-weight:600}.flow-split-row strong{white-space:nowrap;font-weight:800}.flow-split-row.output strong{color:var(--brand-strong)}.flow-split-trend{color:var(--muted);margin-left:6px;font-size:.8em;font-weight:700}.flow-split-trend.up{color:var(--brand-strong)}.flow-split-trend.down{color:#b45a5a}.marker-card-flow{fill:#2c4a3e;font:700 11.5px var(--font-sans)}.marker-card-flow .marker-card-flow-value{fill:var(--brand-strong);font-weight:800}html[data-theme=dark] .marker-card-flow{fill:#d6e6dc}.balance .balance-flows{display:flex;overflow:hidden}.balance .balance-flows em{height:100%;display:block}body .page .scale-roles-table tbody tr.is-unclassified>td{background:#fff7e6}body .page .scale-roles-table tbody tr.is-unclassified:hover>td{background:#fdeecb}html[data-theme=dark] body .page .scale-roles-table tbody tr.is-unclassified>td{background:#3a3221}html[data-theme=dark] body .page .scale-roles-table tbody tr.is-unclassified:hover>td{background:#4a3f27}body .page .monitor-kpis article>div{flex:auto;min-width:0}body .page .monitor-kpis .flow-split{flex-direction:column;gap:3px;margin:8px 0 4px;font-size:14px;line-height:1.35;display:flex}body .page .monitor-kpis .flow-split>.flow-split-row{color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:10px;font-size:14px;font-weight:600;display:flex}body .page .monitor-kpis .flow-split-row em{color:var(--ink-soft);white-space:nowrap;font-weight:600}body .page .monitor-kpis .flow-split-row strong{white-space:nowrap;text-align:right;margin-left:auto;font-weight:800}body .page .monitor-kpis .flow-split-row .flow-split-trend{text-transform:none;letter-spacing:0;font-size:12px;display:inline}@media (min-width:1024px){body .page .monitor-kpis{grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1.2fr)}}