*,:before,:after{box-sizing:border-box}:root,:root[data-theme=night]{--bg:#020817;--bg2:#0d1424;--card:#0f1a2e;--card2:#14223a;--border:#ffffff14;--track:#94a3b82e;--text:#e2e8f0;--muted:#94a3b8;--accent:#22d3ee;--water:#38bdf8;--good:#22c55e;--warn:#f59e0b;--bad:#ef4444;--header:linear-gradient(90deg,#0f1629 0%,#0d1b36 100%);--shadow:0 1px 2px #0006;--ink:255,255,255;--panel:15,23,42;--teal:#10b981;--teal2:#34d399;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=day]{--bg:#eef4fb;--bg2:#fff;--card:#fff;--card2:#f3f7fc;--border:#0f172a1a;--track:#64748b33;--text:#0f172a;--muted:#475569;--accent:#0284c7;--water:#0ea5e9;--good:#15803d;--warn:#b45309;--bad:#dc2626;--header:linear-gradient(90deg,#fff 0%,#e6f0fb 100%);--shadow:0 1px 3px #0f172a1a;--ink:15,23,42;--panel:255,255,255;--teal:#047857;--teal2:#059669;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=day][data-weather=rain],:root[data-theme=day][data-weather=storm]{--bg:#e3eaf3}:root[data-theme=day][data-weather=cloudy],:root[data-theme=day][data-weather=fog]{--bg:#eaeff5}:root[data-theme=night][data-weather=rain],:root[data-theme=night][data-weather=storm]{--bg:#030b1a}html,body{margin:0;padding:0;min-width:unset!important;overflow-x:hidden!important}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;transition:background .4s,color .4s}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px}.card2{background:var(--card2);border:1px solid var(--border);border-radius:10px}.muted{color:var(--muted)}.label{letter-spacing:.08em;color:var(--muted);font-size:10.5px;font-weight:800}.chip{border:1px solid var(--border);color:var(--muted);letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.chip.ok{color:var(--good);border-color:var(--good)}.chip.warn{color:var(--warn);border-color:var(--warn)}.seg{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:32px;padding:6px 10px;font-size:11px;font-weight:800}.seg button.on{background:var(--accent);color:#fff}.btn{border:1px solid var(--border);background:var(--card2);color:var(--text);letter-spacing:.04em;cursor:pointer;border-radius:8px;min-height:40px;padding:9px 14px;font-size:12px;font-weight:800}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-on{color:#fff;background:#16a34a;border-color:#16a34a}.btn-off{color:#fff;background:#dc2626;border-color:#dc2626}.btn:focus-visible,.seg button:focus-visible,.nav-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.hdr{background:var(--header);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:0 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo{letter-spacing:-.5px;color:#020817;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border-radius:8px;padding:4px 10px;font-size:16px;font-weight:900}.pipeline{background:var(--card2);border:1px solid var(--border);border-radius:20px;align-items:center;gap:10px;padding:6px 16px;display:flex}.theme-controls{align-items:center;gap:8px;display:flex}.theme-weather{color:var(--muted);white-space:nowrap;font-size:12px}.tabs{background:var(--bg2);border-bottom:1px solid var(--border);align-items:center;gap:2px;padding:0 24px;display:flex;overflow-x:auto}.nav-btn{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 18px;display:flex}.nav-btn.on{color:var(--accent);border-bottom-color:var(--accent)}.bottom-nav{display:none}main.content{flex:1;overflow:auto}.fws-legacy{background:var(--bg);color:var(--text);min-height:100%}.wb{gap:14px;max-width:1500px;margin:0 auto;padding:16px 24px 32px;display:grid}.wb-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.target-box{align-items:center;gap:8px;display:flex}.wb-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpi{padding:14px 16px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.only-mobile{display:none}.modal-back{z-index:100;background:#02081799;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{width:min(420px,100%);padding:18px}.flow-dash{animation:1.2s linear infinite dashMove}@keyframes dashMove{to{stroke-dashoffset:-22px}}@media (max-width:1024px){.span-4,.span-5,.span-7,.span-8{grid-column:span 12}.kpis,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline{display:none}}@media (max-width:768px){.hdr{padding:8px 14px}.tabs{display:none}.wb{padding:12px 12px 88px}.only-desktop{display:none}.only-mobile{display:grid}.hide-sm{display:none}.bottom-nav{z-index:50;background:var(--bg2);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-height:56px;padding:8px 2px;font-size:10px;font-weight:700;display:flex}.bottom-nav button.on{color:var(--accent)}main.content{padding-bottom:0}.fws-legacy{padding-bottom:72px}}@media (max-width:480px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.steps{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.flow-dash,*{transition:none!important;animation:none!important}}.bottom-panels{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:1024px){.bottom-panels{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bottom-panels>div{border-bottom:1px solid #ffffff0d!important;border-right:none!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000026}::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}@keyframes flowPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-green{0%,to{box-shadow:0 0 4px #22c55e}50%{box-shadow:0 0 12px #22c55e}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.fws-stage{position:absolute;inset:0}.fws-label-bar{display:none}@media (max-width:1024px){.fws-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.fws-bottom{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fws-main{flex-direction:column!important}.fws-side{border-left:0!important;border-top:1px solid var(--border)!important;width:100%!important}}@media (max-width:768px){.fws-label-bar{background:var(--bg2);border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:11px;display:flex}.fws-label-bar button{border:1px solid var(--border);background:var(--card2);color:var(--muted);letter-spacing:.05em;cursor:pointer;white-space:nowrap;border-radius:999px;min-height:34px;padding:7px 12px;font-size:11px;font-weight:800}.fws-label-bar button.on{background:var(--accent);border-color:var(--accent);color:#fff}.fws-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fws-bottom{grid-template-columns:minmax(0,1fr)!important}.fws-bottom>*{min-width:0;overflow-x:auto;border-right:0!important}.fws-side{max-height:none!important}.fws-hero[data-labels=on]{-webkit-overflow-scrolling:touch;height:480px!important;min-height:480px!important;overflow:auto hidden!important}.fws-hero[data-labels=on]>.fws-stage{width:1150px;height:100%;position:relative}.fws-hero[data-labels=off]{height:auto!important;min-height:0!important;overflow:visible!important}.fws-hero[data-labels=off]>.fws-stage{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;align-items:start;gap:10px;padding:236px 12px 16px;display:grid;position:relative;inset:auto}.fws-hero[data-labels=off]>.fws-stage:before{content:"LIVE DETAILS";letter-spacing:.08em;color:var(--muted);grid-column:1/-1;margin-bottom:-2px;font-size:10.5px;font-weight:800}.fws-hero[data-labels=off]>.fws-stage>.fws-bg{border-radius:0;width:100%!important;height:220px!important;position:absolute!important;inset:0 0 auto!important}.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg){flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;display:flex!important;position:static!important;inset:auto!important;transform:none!important}.fws-hero[data-labels=off]>.fws-stage>*>[style*="position: absolute"],.fws-hero[data-labels=off]>.fws-stage>*>[style*=position\:absolute]{position:static!important;transform:none!important}.fws-hero[data-labels=off]>.fws-stage>*>*{max-width:100%;width:auto!important;min-width:0!important}.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg)>:first-child{flex:auto}.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg)[style*=border],.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg)>:first-child[style*=border]{background:var(--card)!important;border-color:var(--border)!important;box-shadow:var(--shadow)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:12px!important;padding:12px 14px!important}.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg)>:first-child[style*="rgba(34,197,94"],.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg)>:first-child[style*="rgba(34, 197, 94"]{background:color-mix(in srgb, var(--good) 14%, var(--card))!important;border-color:color-mix(in srgb, var(--good) 45%, transparent)!important}.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg)>:first-child[style*="rgba(239,68,68"],.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg)>:first-child[style*="rgba(239, 68, 68"]{background:color-mix(in srgb, var(--bad) 14%, var(--card))!important;border-color:color-mix(in srgb, var(--bad) 45%, transparent)!important}.fws-hero[data-labels=off]>.fws-stage [style*=baseline]{flex-wrap:wrap;row-gap:2px}.fws-hero[data-labels=off]>.fws-stage *{overflow-wrap:anywhere;min-width:0}.fws-hero[data-labels=off]>.fws-stage>[style*=gap][style*=column]{grid-column:1/-1}.fws-hero[data-labels=off]>.fws-stage>:has(.recharts-responsive-container){grid-column:1/-1}.fws-hero[data-labels=off]>.fws-stage>:has(button){grid-column:1/-1}.fws-hero[data-labels=off]>.fws-stage>:has(>*+*+*+*+*){grid-column:1/-1}.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg):not([style*=border]):not(:has([style*=border])){grid-column:1/-1;text-align:left!important;align-items:flex-start!important}.fws-hero[data-labels=off]>.fws-stage [style*=text-shadow],.fws-hero[data-labels=off]>.fws-stage [style*=textShadow]{text-shadow:none!important}:is(.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg):not([style*=border]):not(:has([style*=border])) [style*="color:#fff"],.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg):not([style*=border]):not(:has([style*=border])) [style*="color: rgb(255, 255, 255)"],.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg):not([style*=border]):not(:has([style*=border])) [style*="color: #fff"]){color:var(--text)!important;font-size:16px!important}.fws-hero[data-labels=off]>.fws-stage>[style*=gap][style*=column]:not(:has(button)){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid!important}.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg):has(>button+button){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid!important}.fws-hero[data-labels=off]>.fws-stage>:not(.fws-bg):has(>button+button)>:not(button){grid-column:1/-1}.fws-hero[data-labels=off]>.fws-stage>:has(>button+button)>button{min-height:44px;font-size:12px!important}.fws-hero[data-labels=off]>.fws-stage>div>div[style*="width: 2px"],.fws-hero[data-labels=off]>.fws-stage>div>div[style*=width\:2px],.fws-hero[data-labels=off]>.fws-stage>div>div[style*="border-radius: 50%"],.fws-hero[data-labels=off]>.fws-stage>div>div[style*="border-radius:50%"],.fws-hero[data-labels=off]>.fws-stage>div:empty{display:none!important}}