body{overflow-x:hidden}.production-page{min-height:100vh;background:linear-gradient(180deg,#f8fafcf5,#f1f5f9fa),linear-gradient(90deg,rgba(0,60,113,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(15,23,42,.05) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}.dark .production-page{background:linear-gradient(180deg,#030712fa,#080d1dfa),linear-gradient(90deg,rgba(96,165,250,.07) 1px,transparent 1px),linear-gradient(0deg,rgba(226,232,240,.04) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}.production-shell{position:relative;padding-bottom:5.75rem}.production-page .cookie-consent>div{background:linear-gradient(90deg,#031226f5,#003c71f0)!important;border-top-color:#e2001a!important;box-shadow:0 -16px 42px #00000057!important}.production-hero{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:1.25rem;overflow:hidden;border-radius:1.25rem;padding:1.35rem;color:#fff;background:linear-gradient(135deg,#003c71fa,#00527af0 48%,#620d19eb);box-shadow:0 22px 55px #0f172a2e,inset 0 1px #ffffff29}.production-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.65),transparent 78%);mask-image:linear-gradient(90deg,rgba(0,0,0,.65),transparent 78%);pointer-events:none}.hero-copy,.hero-insights{position:relative;z-index:1}.hero-copy{min-width:min(100%,26rem);display:flex;flex-direction:column;justify-content:center}.hero-eyebrow{margin-bottom:.35rem;color:#ffffffb8;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-title{margin:0;max-width:46rem;color:#fff;font-size:clamp(1.55rem,1.15rem + 1.4vw,2.35rem);line-height:1.05;font-weight:900}.hero-meta{margin-top:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;color:#ffffffb8;font-size:.86rem;font-weight:650}.hero-meta-dot{width:.28rem;height:.28rem;border-radius:999px;background:#ffffff73}.hero-insights{display:grid;grid-template-columns:repeat(3,minmax(8.5rem,1fr));gap:.75rem;align-items:stretch;min-width:min(100%,34rem)}.hero-stat,.hero-live-card{min-height:5.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.16);background:#ffffff1f;box-shadow:inset 0 1px #ffffff24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-stat{display:flex;flex-direction:column;justify-content:center;padding:.9rem 1rem}.hero-stat-label,.hero-live-time{color:#ffffffad;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-stat strong{color:#fff;font-size:1.8rem;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}.hero-stat span:last-child{margin-top:.2rem;color:#ffffffc7;font-size:.78rem;font-weight:700}.hero-stat-running{border-color:#22c55e57}.hero-stat-alert{border-color:#f8717157}.hero-live-card{display:flex;align-items:center;gap:.75rem;padding:.9rem}.hero-live-title{color:#fff;font-size:.86rem;font-weight:900}.hero-live-time{margin-top:.12rem;letter-spacing:0;text-transform:none}.hero-refresh-btn{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.75rem;color:#ffffffc2;background:#ffffff1f;transition:transform .16s ease,background .16s ease,color .16s ease}.hero-refresh-btn:hover{transform:translateY(-1px);background:#fff3;color:#fff}.hero-refresh-btn:disabled{opacity:.55;transform:none;cursor:wait}.hero-refresh-btn svg{width:1rem;height:1rem}.production-loading{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:1rem;border:1px solid rgba(0,60,113,.14);background:#ffffffd1;padding:1rem;box-shadow:0 14px 36px #0f172a14}.dark .production-loading{border-color:#94a3b824;background:#0f172ac7}.loading-copy{display:flex;align-items:center;gap:.85rem}.loading-copy p{margin:0;font-size:.9rem;font-weight:850;color:#0f172a}.dark .loading-copy p{color:#f8fafc}.loading-copy span:last-child{display:block;margin-top:.1rem;color:#64748b;font-size:.78rem;font-weight:650}.dark .loading-copy span:last-child{color:#94a3b8}.loading-bars{display:grid;gap:.35rem;width:min(28vw,20rem)}.loading-bars span{height:.42rem;border-radius:999px;background:linear-gradient(90deg,#003c711f,#e2001a33,#16a34a29);animation:loading-pass 1.2s ease-in-out infinite}.loading-bars span:nth-child(2){width:76%;animation-delay:.12s}.loading-bars span:nth-child(3){width:48%;animation-delay:.24s}@keyframes loading-pass{0%,to{opacity:.45;transform:scaleX(.94)}50%{opacity:1;transform:scaleX(1)}}[data-production-monitor-header]>nav:first-of-type{background:linear-gradient(135deg,#003c71f7,#00527af0)!important;color:#fff}.dark [data-production-monitor-header]>nav:first-of-type{background:#0a0a0adb!important}html:not(.dark) [data-production-monitor-header]>div[x-show=mobileOpen]:not([data-nav-scrolled=true]){background:linear-gradient(135deg,#003c71f7,#00527af0)!important;color:#fff}html:not(.dark) [data-production-monitor-header]>nav[data-nav-scrolled=true]{background:#fff!important;color:#334155!important;border-bottom:1px solid rgba(15,23,42,.08)}html:not(.dark) [data-production-monitor-header] [data-nav-scrolled=true] .production-monitor-nav-link:not(.production-monitor-nav-link-active){color:#334155!important}html:not(.dark) [data-production-monitor-header]>nav[data-nav-scrolled=true] a.production-monitor-nav-link:not(.production-monitor-nav-link-active),html:not(.dark) [data-production-monitor-header]>nav[data-nav-scrolled=true] button.production-monitor-nav-link:not(.production-monitor-nav-link-active){color:#334155!important}html:not(.dark) [data-production-monitor-header] [data-nav-scrolled=true] .production-monitor-nav-link:not(.production-monitor-nav-link-active):hover{color:#0f172a!important;background:#0f172a0f!important}html:not(.dark) [data-production-monitor-header]>nav[data-nav-scrolled=true] a.production-monitor-nav-link:not(.production-monitor-nav-link-active):hover,html:not(.dark) [data-production-monitor-header]>nav[data-nav-scrolled=true] button.production-monitor-nav-link:not(.production-monitor-nav-link-active):hover{color:#0f172a!important;background:#0f172a0f!important}html:not(.dark) [data-production-monitor-header] [data-nav-scrolled=true] .production-monitor-nav-link-active{color:#fff!important}html:not(.dark) [data-production-monitor-header] [data-nav-scrolled=true] .border-white\/10{border-color:#0f172a1a!important}html:not(.dark) [data-production-monitor-header] [data-nav-scrolled=true] .border-white\/5{border-color:#0f172a0f!important}.s-run,.s-running{--s-bg:#dcfce7;--s-fg:#15803d;--s-dot:#16a34a;--s-soft:rgba(22,163,74,.12)}.s-stop,.s-stopped{--s-bg:#fee2e2;--s-fg:#b91c1c;--s-dot:#E2001A;--s-soft:rgba(226,0,26,.12)}.s-hold{--s-bg:#fef9c3;--s-fg:#92400e;--s-dot:#f59e0b;--s-soft:rgba(245,158,11,.15)}.dark .s-run,.dark .s-running{--s-bg:rgba(21,128,61,.18);--s-fg:#4ade80;--s-soft:rgba(34,197,94,.13)}.dark .s-stop,.dark .s-stopped{--s-bg:rgba(185,28,28,.18);--s-fg:#f87171;--s-soft:rgba(248,113,113,.13)}.dark .s-hold{--s-bg:rgba(180,83,9,.18);--s-fg:#fbbf24;--s-soft:rgba(251,191,36,.13)}.kpi-card,.status-panel,.monitor-grid>div,.secondary-grid>div,.bottom-grid>div{position:relative;overflow:hidden;border-color:#94a3b833!important;background:#ffffffe0!important;box-shadow:0 16px 38px #0f172a12,inset 0 1px #ffffffb8!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dark .kpi-card,.dark .status-panel,.dark .monitor-grid>div,.dark .secondary-grid>div,.dark .bottom-grid>div{border-color:#94a3b821!important;background:#0f172ab8!important;box-shadow:0 18px 46px #0000003d,inset 0 1px #ffffff0f!important}.monitor-grid>div:before,.secondary-grid>div:before,.bottom-grid>div:before,.status-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#003c71,#16a34a,#e2001a);opacity:.78}.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.kpi-card{display:flex;align-items:center;gap:1rem;min-height:7rem;border:1px solid rgba(148,163,184,.2);border-radius:1rem;padding:1rem}.kpi-card:after{content:"";position:absolute;inset:auto 1rem .75rem;height:2px;border-radius:999px;background:var(--kpi-accent, #003C71);opacity:.42}.kpi-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex:0 0 auto;border-radius:.9rem;color:var(--kpi-accent, #003C71);background:var(--kpi-soft, rgba(0,60,113,.1));box-shadow:inset 0 1px #ffffff9e}.kpi-icon svg{width:1.55rem;height:1.55rem}.kpi-success{--kpi-accent:#16a34a;--kpi-soft:rgba(22,163,74,.12)}.kpi-danger{--kpi-accent:#E2001A;--kpi-soft:rgba(226,0,26,.12)}.kpi-info{--kpi-accent:#003C71;--kpi-soft:rgba(0,60,113,.12)}.kpi-warning{--kpi-accent:#f59e0b;--kpi-soft:rgba(245,158,11,.16)}.kpi-content{min-width:0}.kpi-label{margin-bottom:.2rem;color:#64748b;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.dark .kpi-label{color:#94a3b8}.kpi-value{color:#0f172a;font-size:clamp(1.55rem,1.25rem + .6vw,2.2rem);line-height:1;font-weight:950;font-variant-numeric:tabular-nums}.dark .kpi-value{color:#f8fafc}.kpi-sub{margin-top:.3rem;color:#64748b;font-size:.78rem;font-weight:700}.dark .kpi-sub{color:#94a3b8}@media(max-width:900px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.kpi-strip{grid-template-columns:1fr}}.monitor-grid{display:grid;gap:1rem;grid-template-columns:400px 1fr}@media(max-width:1100px){.monitor-grid{grid-template-columns:1fr}}.secondary-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1200px){.secondary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.secondary-grid{grid-template-columns:1fr}}.bottom-grid{display:grid;gap:1rem;grid-template-columns:1fr 380px}@media(max-width:1100px){.bottom-grid{grid-template-columns:1fr}}.status-track{height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden;display:flex;box-shadow:inset 0 1px 3px #0f172a26}.dark .status-track{background:#ffffff14}.status-track span{height:100%;transition:width .4s ease}.station-card{position:relative;overflow:hidden;border-radius:.95rem;padding:.85rem .9rem;border:1px solid rgba(148,163,184,.22);background:linear-gradient(180deg,#fffffff2,#f8fafce0);display:grid;gap:.46rem;box-shadow:0 8px 24px #0f172a0e;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.station-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--s-dot, #64748b)}.station-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,var(--s-soft, rgba(100,116,139,.1)),transparent 42%);pointer-events:none}.dark .station-card{border-color:#94a3b829;background:linear-gradient(180deg,#1e293bc7,#0f172ac7);box-shadow:0 10px 28px #0003}.station-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--s-dot, #64748b) 42%,transparent);box-shadow:0 16px 34px #0f172a1f}.station-card>*{position:relative;z-index:1}.card-head{display:flex;align-items:flex-start;gap:.75rem}.card-title{color:#0f172a;font-size:.9rem;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .card-title{color:#f8fafc}.card-sub,.card-foot{color:#64748b;font-size:.72rem;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .card-sub,.dark .card-foot{color:#94a3b8}.status-pill{flex:0 0 auto;border-radius:999px;padding:.25rem .5rem;color:var(--s-fg, #475569);background:var(--s-bg, #f1f5f9);font-size:.62rem;font-weight:900;letter-spacing:.08em}.metric-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.35rem;font-size:.72rem;font-weight:900}.metric-ok{color:#15803d}.metric-q{justify-self:center;border-radius:999px;padding:.16rem .42rem;color:#0f172a;background:#94a3b829;font-variant-numeric:tabular-nums}.metric-nok{justify-self:end;color:#b91c1c}.dark .metric-ok{color:#4ade80}.dark .metric-q{color:#f8fafc;background:#94a3b824}.dark .metric-nok{color:#f87171}.station-card .output-bar{height:6px;border-radius:999px;background:#e2e8f0;overflow:hidden}.dark .station-card .output-bar{background:#ffffff1a}.station-card .output-bar span{display:block;height:100%;border-radius:999px;background:var(--s-dot, #64748b);transition:width .4s ease}.part-row{display:flex;align-items:center;gap:.55rem;padding:.55rem .6rem;border-radius:.75rem;border:1px solid transparent;transition:background .15s,border-color .15s,transform .15s}.part-row:hover{background:#0f172a09;border-color:#94a3b82e;transform:translate(2px)}.dark .part-row:hover{background:#ffffff0d;border-color:#94a3b829}.part-badge{min-width:2.6rem;text-align:center;padding:.15rem .45rem;border-radius:.4rem;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.part-badge.ok{background:#dcfce7;color:#15803d}.part-badge.nok{background:#fee2e2;color:#b91c1c}.dark .part-badge.ok{background:#15803d40;color:#4ade80}.dark .part-badge.nok{background:#b91c1c40;color:#f87171}@keyframes part-flash{0%{background:#3b82f638;transform:translate(-4px)}60%{background:#3b82f61a;transform:translate(0)}to{background:transparent}}.part-row.is-new{animation:part-flash 2.4s ease-out 1}.part-row .new-tag{font-size:.58rem;font-weight:800;letter-spacing:.08em;color:#2563eb;background:#3b82f626;padding:.05rem .3rem;border-radius:.25rem;text-transform:uppercase}.dark .part-row .new-tag{color:#93c5fd;background:#3b82f638}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.filter-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:.5rem .75rem .5rem 2.15rem;font-size:.8rem;font-weight:600;color:#0f172a;min-width:min(20rem,100%);transition:border-color .15s,box-shadow .15s}.filter-input:focus{outline:none;border-color:#003c71;box-shadow:0 0 0 3px #003c711f}.dark .filter-input{background:#ffffff0a;border-color:#ffffff1a;color:#f1f5f9}.dark .filter-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa2e}.filter-wrap{position:relative;display:inline-flex;align-items:center}.filter-wrap .filter-icon{position:absolute;left:.55rem;width:1rem;height:1rem;color:#94a3b8;pointer-events:none}.filter-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .72rem;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;background:#f1f5f9;color:#475569;border:1px solid transparent;cursor:pointer;transition:all .15s}.filter-chip:hover{background:#e2e8f0}.filter-chip.active{background:#003c71;color:#fff}.filter-chip .chip-dot{width:.45rem;height:.45rem;border-radius:50%}.dark .filter-chip{background:#ffffff0f;color:#cbd5e1}.dark .filter-chip:hover{background:#ffffff1f}.dark .filter-chip.active{background:#1d4ed8;color:#fff}@media(max-width:1180px){.production-hero{flex-direction:column}.hero-insights{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}}@media(max-width:760px){.production-shell{padding-left:.85rem;padding-right:.85rem}.production-hero{padding:1rem;border-radius:1rem}.hero-insights{grid-template-columns:1fr}.hero-stat,.hero-live-card{min-height:auto}.loading-bars{display:none}.filter-wrap,.filter-input{width:100%}}@media(max-width:640px){.production-shell{padding-bottom:9.5rem}.station-card{padding:.8rem;gap:.55rem}.station-card .card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.55rem}.station-card .status-pill{max-width:4.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:.44rem;font-size:.58rem}.station-card .metric-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.2rem;font-size:.68rem}.station-card .metric-ok,.station-card .metric-nok{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-card .metric-q{padding-inline:.36rem;font-size:.66rem}.station-card .card-title{font-size:.86rem}.station-card .card-sub,.station-card .card-foot{font-size:.68rem}.production-page .cookie-consent .container-wide{padding:.75rem .85rem!important}.production-page .cookie-consent .container-wide>div{align-items:stretch!important;gap:.75rem!important}.production-page .cookie-consent .cookie-consent__message{font-size:.78rem!important;line-height:1.35!important}.production-page .cookie-consent .container-wide>div>div:last-child{width:100%;justify-content:space-between}.production-page .cookie-consent .cookie-consent__agree{flex:1 1 auto;min-width:8.5rem}}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.6);opacity:0}}.live-dot{position:relative;width:.55rem;height:.55rem;border-radius:50%;background:#16a34a;flex:0 0 auto}.live-dot:before{content:"";position:absolute;inset:-.3rem;border-radius:50%;border:2px solid #16a34a;animation:pulse-ring 1.8s ease-in-out infinite}.live-dot.loading{background:#f59e0b}.live-dot.loading:before{border-color:#f59e0b}.donut-wrap{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.donut-inner{width:76px;height:76px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.dark .donut-inner{background:#111827}