:root{--bg:#0a0e14;--panel:#0f1419;--panel-2:#131920;--border:#64b5f61f;--text:#e3f2fd;--muted:#78909c;--accent:#00b0ff;--accent-2:#0288d1;--accent-3:#00e676;--danger:#ff3d00;--warn:#ff9100;--ok:#00e676;--r:12px;--shadow:0 4px 16px #0000004d}html,body{background:var(--bg);color:var(--text);font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.card{border:1px solid var(--border);border-radius:var(--r);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#131920f2,#0f1419fa);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 20px #0006,inset 0 1px #64b5f614}.card:hover{border-color:#64b5f633;transform:translateY(-3px);box-shadow:0 8px 32px #00b0ff26,inset 0 1px #64b5f61f}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 20px 0;display:flex}.card-title{color:var(--text);margin:0;font-size:16px;font-weight:600;line-height:1.4}.card-meta{color:var(--muted);text-align:right;white-space:nowrap;font-size:12px;font-weight:400}@media (max-width:768px){.card-header{margin-bottom:12px;padding:16px 16px 0}.card-title{font-size:15px}.card-meta{font-size:11px}.card-content{padding:0 16px 16px}.kpi .kpi-value{font-size:32px}.kpi .kpi-label{font-size:12px}.kpi .kpi-trend{font-size:10px}.kpi .trend-icon{font-size:11px}}@media (max-width:480px){.card-header{margin-bottom:8px;padding:12px 12px 0}.card-title{font-size:14px}.card-content{padding:0 12px 12px}.kpi .kpi-value{font-size:28px}.kpi .kpi-trend{font-size:9px}.kpi .trend-icon{font-size:10px}}.header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0e14eb;border-bottom:1px solid #00b0ff26;position:sticky;top:0;box-shadow:0 2px 12px #0000004d}.header-row{align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;display:flex}.logo{color:#fff;background:linear-gradient(135deg,#00b0ff,#0288d1);border-radius:8px;place-items:center;width:28px;height:28px;font-weight:800;display:grid;box-shadow:0 2px 8px #00b0ff4d}.header-logo{object-fit:contain;border-radius:8px;width:48px;height:48px}.search{flex:1;display:flex}.search input{background:var(--panel);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;padding:.55rem .8rem}.btn{color:#fff;border-radius:var(--r);background:linear-gradient(135deg,#00b0ff,#0288d1);border:0;padding:.55rem 1rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #00b0ff40}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00b0ff66}.icon,.switcher{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:10px;padding:6px 8px}.avatar{color:#fff;background:linear-gradient(135deg,#00b0ff,#00e676);border-radius:999px;place-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:grid;box-shadow:0 2px 8px #00b0ff4d}.tabs{border-top:1px solid var(--border);gap:18px;padding:8px 16px;display:flex}.tab{color:var(--muted);padding:6px 2px}.tab[aria-current=page]{color:var(--text);border-bottom:2px solid var(--accent);font-weight:600}.container{max-width:1280px;margin:96px auto 0;padding:16px}@media (max-width:768px){.container{margin-top:184px}}@media (max-width:480px){.container{margin-top:144px}}@media (min-width:1025px){.header--scrolled~main .container{margin-top:232px}}@media (min-width:769px) and (max-width:1024px){.header--scrolled~main .container{margin-top:176px}}@media (min-width:481px) and (max-width:768px){.header--scrolled~main .container{margin-top:176px}}@media (max-width:480px){.header--scrolled~main .container{margin-top:136px}}.grid{gap:16px;margin-bottom:16px;display:grid}.grid.kpi{grid-template-columns:repeat(4,1fr);gap:16px;max-width:100%;margin:0 auto;padding:0 8px}.grid.kpi .card{border:1px solid #ffffff14;flex-direction:column;flex:1;align-self:stretch;width:100%;min-width:0;display:flex;box-shadow:0 1px 4px #0000001a}.grid.kpi .card .card-content{flex-direction:column;flex:1;display:flex}@media (max-width:1024px){.grid.kpi{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid.kpi{grid-template-columns:1fr}}.kpi .kpi-value{font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--text);line-height:var(--leading-tight);margin-bottom:var(--space-4);letter-spacing:-.025em}.kpi .kpi-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);opacity:.85;line-height:var(--leading-normal)}.kpi .kpi-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:0;display:flex}.kpi .kpi-trend{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--leading-normal);display:flex}.kpi .trend-icon{font-size:12px}.kpi .trend-up{color:#00e676}.kpi .trend-down{color:#ff3d00}.kpi .trend-stable{color:#00b0ff}.kpi .trend-label{letter-spacing:.5px}.badge{padding:var(--space-2)var(--space-3);border-radius:var(--space-3);font-weight:var(--font-bold);border:1px solid var(--border);font-size:var(--text-xs);line-height:var(--leading-tight);text-align:center;min-width:60px;height:28px;font-family:var(--font-family-primary);justify-content:center;align-items:center;display:inline-flex}.badge.ok{color:#00e676;background:#00e6761f;border-color:#00e6764d}.badge.warn{color:#ff9100;background:#ff91001f;border-color:#ff91004d}.badge.danger{color:#ff3d00;background:#ff3d001f;border-color:#ff3d004d}.text-brand{letter-spacing:-.01em;font-family:Inter;font-size:16px;font-weight:700}.text-nav{letter-spacing:-.005em;font-family:Inter;font-size:14px;font-weight:500}.text-label{letter-spacing:0;font-family:Inter;font-size:13px;font-weight:500}.text-caption{letter-spacing:0;font-family:Inter;font-size:12px;font-weight:400}.text-small{letter-spacing:.01em;text-transform:uppercase;font-family:Inter;font-size:11px;font-weight:400}.icon{border-radius:6px;justify-content:center;align-items:center;min-width:24px;min-height:24px;font-size:16px;display:inline-flex}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);background:var(--panel);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;z-index:100;border:1px solid var(--border);border-radius:6px;margin-bottom:8px;padding:6px 10px;font-size:12px;font-weight:400;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}.chart{padding:16px}.chart h3{margin:0 0 8px;font-size:15px;font-weight:500}.chart .sub{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:400}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.page{max-width:1280px;margin:24px auto;padding:0 20px 80px}.panel{animation:.25s fade;display:none}.panel.is-visible{display:block}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin:6px 0 18px;display:flex}.panel h1{margin:0;font-size:22px}.panel-actions{align-items:center;gap:10px;display:flex}.live-dot{background:var(--brand);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #2563eb26}.live-txt{color:var(--muted);margin-left:6px}.grid{gap:16px;display:grid}.grid.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1100px){.grid.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.grid.two,.grid.three{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--ring);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.card h3{margin:0;font-size:16px}.kpi{gap:4px;padding:18px;display:flex}.kpi-label{color:var(--muted);font-weight:600}.kpi-value{font-size:26px;font-weight:800}.kpi-sub{color:var(--muted);font-size:12px}.pill{border:1px solid var(--ring);color:#94a3b8;background:var(--card);border-radius:999px;padding:4px 10px;font-size:12px}.pill.success,.pill.ok{color:#d1fae5;background:#05966914;border-color:#047857}.pill.warn{color:#fed7aa;background:#f59e0b1a;border-color:#92400e}.pill.danger{color:#fecaca;background:#dc26261a;border-color:#991b1b}.btn{background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#041018;cursor:pointer;border:0;border-radius:12px;padding:.55rem 1rem;font-weight:700}.btn.ghost{border:1px solid var(--ring);color:#475569;box-shadow:none;background:0 0}.btn.xs{padding:6px 10px;font-size:12px}.btn:active{transform:translateY(1px)}.progress-wrap{margin-top:10px}.progress{border:1px solid var(--ring);background:#2a2a2a;border-radius:8px;height:10px;overflow:hidden}.progress .bar{height:100%;width:var(--p);background:linear-gradient(90deg,var(--brand),var(--brand-2))}.progress-caption{color:var(--muted);margin-top:8px;font-size:12px}.table{border:1px solid var(--ring);border-radius:12px;overflow:auto}.table table{border-collapse:collapse;width:100%;min-width:520px}.table th,.table td{border-bottom:1px solid var(--ring);padding:10px 12px}.table th{color:#475569;text-align:left;letter-spacing:.3px;font-size:12px}.table tr:last-child td{border-bottom:none}.scrolly{max-height:280px}.list{gap:10px;margin-top:10px;display:grid}.list.compact li{color:var(--muted);justify-content:space-between;display:flex}.list.compact b{color:#1e293b}.chart.ph{border:1px dashed var(--ring);background:repeating-linear-gradient(90deg,#2a2a2a 0 4px,#1a1a1a 4px 8px);border-radius:12px;height:150px}.chart.ph.tall{height:220px}.legend{color:var(--muted);gap:18px;margin:10px 2px;display:flex}.legend .lgnd{vertical-align:middle;border-radius:2px;width:14px;height:6px;margin-right:6px;display:inline-block}.legend .ci{background:linear-gradient(90deg,#05966926,#05966973)}.legend .line{background:#10b981}.barrow{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.hbar{background:linear-gradient(90deg,var(--brand),var(--brand-2));height:8px;width:var(--w);border-radius:6px}.steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{grid-template-columns:18px 1fr;gap:12px;display:grid}.steps .dot{background:var(--accent);border-radius:50%;width:10px;height:10px;margin-top:6px}.steps p{color:var(--muted);margin:6px 0 0}@keyframes fade{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}.status-strip{z-index:35;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#0a0b0ef2;border-bottom:1px solid #ffffff14;align-items:center;height:32px;transition:all .2s;display:flex;position:sticky;top:0}.status-strip:hover{background:#0a0b0efa}.status-container{align-items:center;gap:16px;max-width:1400px;margin:0 auto;padding:0 24px;display:flex}.status-highlight-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;transition:all .2s;display:flex}.status-highlight-card:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px)}.status-critical{background:#ef444414;border-color:#ef444433}.status-critical:hover{background:#ef44441f;border-color:#ef44444d}.status-inspection{background:#f59e0b14;border-color:#f59e0b33}.status-inspection:hover{background:#f59e0b1f;border-color:#f59e0b4d}.status-icon{font-size:12px;line-height:1}.status-text{white-space:nowrap;font-weight:500}.status-item{align-items:center;display:flex}.status-container span{white-space:nowrap}.status-container span:nth-child(2n){color:#64748b}.header{z-index:30;-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:#0f172acc;border-bottom:1px solid #ffffff0f;height:72px;position:sticky;top:0;box-shadow:0 1px #ffffff08}.header-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 32px;display:flex}.brand{cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin:-6px -8px;padding:6px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.brand:hover{background:#ffffff0a}.logo{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex;box-shadow:0 2px 8px #3b82f626}.brand-name{color:#f8fafc;letter-spacing:-.02em;margin-left:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:600}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.nav-link{color:#cbd5e1;letter-spacing:-.01em;border-radius:7px;padding:6px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.nav-link:hover{color:#f8fafc;background:#ffffff14}.nav-link.active{color:#f8fafc;background:#ffffff1f;box-shadow:0 1px 3px #0000001a}.action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.action-btn:hover{color:#f8fafc;background:#ffffff0f;transform:translateY(-1px)}.action-btn .icon{font-size:16px}.notification-badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1.5px solid #0f172acc;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #ef44444d}.avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #6366f126}.search{flex:1;max-width:400px;margin:0 24px;position:relative}.search-input{color:#e6e9ee;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;outline:none;width:100%;height:40px;padding:8px 48px 8px 16px;font-size:14px;transition:all .2s}.search-input::placeholder{color:#98a2b3}.search-input:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.search-input:focus{border-color:var(--accent);background:#ffffff14;transform:translateY(-1px);box-shadow:0 0 0 4px #22e3c426}.search-icon{color:#98a2b3;background:#ffffff14;border:1px solid #ffffff0f;border-radius:16px;padding:4px 12px;font-size:11px;font-weight:500;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.actions{align-items:center;gap:12px;display:flex}.action-bar{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:4px;padding:6px;display:flex}.action-bar .action-btn{min-height:32px;padding:6px 10px;font-size:12px}.action-bar .action-btn .action-text{font-size:12px}.action-btn{cursor:pointer;color:#e6e9ee;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;min-width:40px;min-height:40px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative;overflow:hidden}.action-btn:before{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.action-btn:active:before{width:300px;height:300px}.action-btn.primary{background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#041018;box-shadow:0 2px 8px #58a6ff4d}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #58a6ff80,0 0 20px #22e3c44d}.action-btn.primary:active{transform:translateY(0)}.action-btn.secondary{color:#e6e9ee;background:#ffffff0d;border:1px solid #ffffff14;min-width:40px;min-height:40px;padding:8px}.action-btn.secondary:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.action-btn.secondary:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22e3c41a}.action-btn.secondary span{font-size:16px}.action-btn.secondary.notification-btn{position:relative}.notification-badge{background:var(--danger);color:#fff;border:1px solid var(--bg);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 1px 2px #0003}.action-text{display:none}.avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:40px;height:40px;margin-left:8px;font-size:12px;font-weight:600;transition:all .2s;display:grid}.avatar:hover{transform:translateY(-1px)scale(1.05);box-shadow:0 4px 12px #667eea4d}.avatar:focus{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #22e3c41a}.avatar:active{transform:scale(.98)}.nav-filters-section{z-index:25;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0b0ef2;border-bottom:1px solid #ffffff14;transition:all .2s;position:sticky;top:32px}.nav-filters-section:hover{background:#0a0b0e}.nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:1px solid #ffffff0f;transition:all .2s}.nav-container{gap:32px;max-width:1400px;margin:0 auto;padding:0 24px;display:flex}.nav-link{color:#94a3b8;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:16px 8px;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-link:hover{color:#f1f5f9;background:#ffffff08;transform:translateY(-1px)}.nav-link:focus{color:#f1f5f9}.nav-link:active{transform:translateY(0)}.nav-link.active,.nav-link[aria-current=page]{color:#f1f5f9}.nav-underline{background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:1px;width:0;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #22e3c466}.nav-link.active .nav-underline,.nav-link[aria-current=page] .nav-underline{width:100%}.nav-link:hover .nav-underline{opacity:.8;width:80%;box-shadow:0 0 6px #22e3c44d}.nav-filters{background:0 0}.nav-filters-container{align-items:center;gap:16px;max-width:1400px;min-height:40px;margin:0 auto;padding:8px 24px;display:flex}.filter-group{align-items:center;display:flex}.filter-select{color:#e6e9ee;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;outline:none;min-width:160px;padding:8px 12px;font-size:13px;transition:all .2s}.filter-select:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.filter-select:focus{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 0 4px #22e3c41a}.nav-filter-select{color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;outline:none;min-width:120px;height:28px;padding:6px 10px;font-size:12px;transition:all .2s}.nav-filter-select:hover{background:#ffffff14;border-color:#ffffff1f}.nav-filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #a855f726}.filter-date-btn{color:#e6e9ee;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex;position:relative;overflow:hidden}.filter-date-btn:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.filter-date-btn:focus{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 0 4px #22e3c41a}.nav-filter-date-btn{color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;height:28px;padding:6px 10px;font-size:12px;transition:all .2s;display:flex}.nav-filter-date-btn:hover{background:#ffffff14;border-color:#ffffff1f}.nav-filter-date-btn:focus{border-color:var(--accent);box-shadow:0 0 0 2px #a855f726}.date-icon{font-size:14px}.severity-chips{gap:8px}.severity-chip{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff14;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.severity-chip:before{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.severity-chip:active:before{width:40px;height:40px}.severity-chip.active{background:#ffffff1a;border-color:#fff3;box-shadow:0 0 8px #ffffff1a}.severity-ll{color:#10b981}.severity-l{color:#34d399}.severity-n{color:#fbbf24}.severity-h{color:#f59e0b}.severity-hh{color:#ef4444}.severity-chip.active.severity-ll{background:#10b98133}.severity-chip.active.severity-l{background:#34d39933}.severity-chip.active.severity-n{background:#fbbf2433}.severity-chip.active.severity-h{background:#f59e0b33}.severity-chip.active.severity-hh{background:#ef444433}.severity-chip:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 4px 8px #0003}.severity-chip:focus{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #22e3c41a}.ai-toggle{align-items:center;gap:8px;display:flex}.toggle-label{color:#98a2b3;font-size:12px;font-weight:500;transition:color .2s}.toggle-switch.active~.toggle-label:first-of-type{color:var(--accent-2);font-weight:600}.toggle-switch:not(.active)~.toggle-label:last-of-type{color:var(--accent);font-weight:600}.toggle-switch{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff14;border-radius:12px;width:44px;height:24px;transition:all .2s;position:relative;overflow:hidden}.toggle-switch:before{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toggle-switch:active:before{width:60px;height:60px}.toggle-switch.active{background:linear-gradient(90deg,var(--accent-2),var(--accent));border-color:#22e3c44d;box-shadow:0 0 12px #22e3c433}.toggle-slider{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.toggle-slider:after{content:"";background:var(--accent);opacity:0;border-radius:50%;width:6px;height:6px;transition:opacity .2s}.toggle-switch.active .toggle-slider:after{opacity:1}.toggle-switch.active .toggle-slider{background:#fff;transform:translate(20px);box-shadow:0 2px 6px #0000004d}.toggle-switch:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.toggle-switch:focus{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #22e3c41a}.nav-ai-toggle{align-items:center;gap:6px;display:flex}.nav-ai-toggle .toggle-label{color:var(--muted);font-size:11px}.nav-ai-toggle .toggle-switch{width:36px;height:20px}.nav-ai-toggle .toggle-slider{width:16px;height:16px}@media (max-width:1024px){.status-container{gap:12px;padding:0 16px;font-size:11px}.search{max-width:296px;margin:0 16px}.action-text{display:none}.nav-container{gap:24px;padding:0 16px}.filters-container{gap:16px;padding:8px 16px}.filter-select{min-width:140px}.header--scrolled{height:48px}}@media (max-width:768px){.header{height:56px}.header--scrolled{height:48px}.header-main{padding:8px 16px}.search,.brand-text{display:none}.action-text{display:inline}.nav-container{gap:16px;padding:0 16px}.nav-link{min-height:40px;padding:12px 8px;font-size:13px}.filters-bar{position:relative}.filters-container{flex-wrap:wrap;gap:12px;padding:8px 16px}.severity-chips{flex-wrap:wrap}.filter-select{min-width:120px}}@media (max-width:480px){.header{height:48px}.header--scrolled{height:40px}.header-main{padding:8px 12px}.actions .action-btn.primary .action-text{display:none}.nav-container{gap:8px;padding:0 12px}.nav-link{min-height:32px;padding:8px 4px;font-size:12px}.filters-bar,.status-strip{display:none}.nav-filters-section{top:0}main .container{margin-top:88px}.header--scrolled~main .container{margin-top:80px}.notifications-panel{width:100vw;max-width:100vw}}.notifications-drawer{z-index:40;pointer-events:none;opacity:0;transition:opacity .3s;position:fixed;inset:0}.notifications-drawer.open{opacity:1;pointer-events:auto}.notifications-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:absolute;inset:0}.notifications-panel{background:linear-gradient(180deg,var(--bg)0%,var(--panel)100%);border-left:1px solid #ffffff14;width:400px;max-width:90vw;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 12px #0000004d}.notifications-drawer.open .notifications-panel{transform:translate(0)}.notifications-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.notifications-header h3{color:#e6e9ee;margin:0;font-size:18px;font-weight:600}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;transition:all .2s}.close-btn:hover{color:#f1f5f9;background:#ffffff0d}.notifications-content{padding:0}.notification-group{margin-bottom:16px}.notification-group:last-child{margin-bottom:0}.notification-group-header{text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0f;padding:8px 24px;font-size:11px;font-weight:600}.severity-hh{color:#ef4444;background:#ef444426}.severity-h{color:#f59e0b;background:#f59e0b26}.severity-l{color:#34d399;background:#34d39926}.severity-n{color:#fbbf24;background:#fbbf2426}.severity-ll{color:#10b981;background:#10b98126}.notification-item{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:12px;padding:16px 24px;transition:background .2s;display:flex;position:relative}.notification-item:hover{background:#ffffff05}.notification-item.unread{border-left:3px solid var(--accent);background:#22e3c405}.notification-icon{flex-shrink:0;margin-top:2px;font-size:16px}.notification-content{flex:1;min-width:0}.notification-title{color:#e6e9ee;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4}.notification-message{color:#98a2b3;margin-bottom:6px;font-size:13px;line-height:1.4}.notification-time{color:#6b7280;font-size:11px;font-weight:500}.notification-unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px;box-shadow:0 0 8px #22e3c466}.foot{color:#777;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1117cc;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:12px;display:flex}.foot .social-links{align-items:center;gap:16px;display:flex}.foot .social-link{color:#777;font-size:14px;text-decoration:none;transition:color .2s}.foot .social-link:hover{color:var(--brand)}.dashboard-header h1{text-shadow:2px 2px 4px #0009;color:#fff!important;-webkit-text-fill-color:#fff!important}.dashboard-header p{color:#e0e0e0!important}:root{--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","SF Mono","Monaco","Cascadia Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem}*{font-family:var(--font-family-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-page{z-index:0;background:url(/Gas_Maintenance_DEMO/assets/landingpage_bg-CDh8h8Ak.jpg) 50%/cover no-repeat fixed;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;background:linear-gradient(90deg,#000 0%,#000c 50%,#0000 100%);position:absolute;inset:0}.landing-content{z-index:2;text-align:center;width:100%;max-width:960px;margin:0 auto;padding:0 24px;position:relative}.landing-content:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#ffffff08 0%,#ffffff03 50%,#0000 100%);border-radius:24px;position:absolute;inset:-20px}.landing-header{margin-bottom:24px}.landing-logo{top:var(--space-6);left:var(--space-6);z-index:3;position:absolute}.logo-image{object-fit:contain;border-radius:8px;width:auto;max-width:120px;height:auto;max-height:80px;box-shadow:0 2px 4px -1px #0000001a}.landing-title{color:#fff;letter-spacing:-.03125em;text-shadow:0 2px 4px #0000004d;margin:0 0 4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:clamp(4rem,8vw,5rem);font-weight:300;line-height:1.05}.landing-subtitle{color:#cbd5e1;letter-spacing:.03125em;margin:8px 0 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:clamp(1.25rem,2.2vw,1.375rem);font-weight:400}.landing-description{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;max-width:640px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:clamp(1rem,2vw,1.125rem);font-weight:300;line-height:1.6}.landing-actions{margin-top:32px;margin-bottom:64px}.login-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;justify-content:center;align-items:center;gap:8px;min-width:200px;height:56px;padding:0 40px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a,inset 0 1px #ffffff1a}.login-btn:hover{background:#ad5f14;border-color:#ad5f144d;transform:translateY(-3px)scale(1.05);box-shadow:0 12px 35px #ad5f1466,0 6px 15px #ad5f144d,0 0 60px #ad5f1433}.login-btn:active{background:#ad5f14;border-color:#ad5f144d;transform:translateY(0)scale(.98);box-shadow:0 4px 15px #ad5f1440,0 2px 8px #ad5f1426}.landing-features{grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto;display:grid}.feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:24px 20px;transition:all .3s;box-shadow:0 2px 8px #0000001a}.feature:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.feature-icon{text-align:center;width:32px;height:32px;margin-bottom:16px;font-size:2rem;line-height:32px;display:block}.feature h3{color:#fff;margin:0 0 12px;font-size:1.25rem;font-weight:700}.feature p{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.6}@media (max-width:768px){.landing-page{background-attachment:scroll}.landing-features{grid-template-columns:1fr 1fr;gap:20px}.feature{padding:20px 16px}.login-btn{height:44px;font-size:.95rem}.landing-title{font-size:clamp(2.5rem,8vw,3.5rem)}}@media (max-width:480px){.landing-content{padding:0 16px}.landing-features{grid-template-columns:1fr;gap:16px}.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.25rem}.landing-description{font-size:1rem}}.hero-section{text-align:center;border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);background:linear-gradient(#1a2029,#151a21);margin-bottom:48px;padding:32px 20px}.hero-content h1{background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:32px;font-weight:800}.hero-content p{color:var(--muted);max-width:600px;margin:0 auto 24px;font-size:18px}.hero-stats{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:24px;display:flex}.stat-block{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:120px;padding:16px 20px;display:flex}.stat-icon{margin-bottom:4px;font-size:24px}.stat-value{font-size:20px;font-weight:700;display:block}.stat-label{text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:12px;font-weight:500}.stat-monitoring .stat-icon,.stat-monitoring .stat-value{color:var(--ok)}.stat-monitoring .stat-label{color:var(--muted)}.stat-unplanned .stat-icon,.stat-unplanned .stat-value{color:var(--warn)}.stat-unplanned .stat-label{color:var(--muted)}.stat-mtbf .stat-icon,.stat-mtbf .stat-value{color:var(--accent-2)}.stat-mtbf .stat-label{color:var(--muted)}@media (max-width:768px){.hero-stats{gap:16px}.stat-block{min-width:100px;padding:12px 16px}.stat-icon{font-size:20px}.stat-value{font-size:18px}.stat-label{font-size:11px}}@media (max-width:480px){.hero-stats{flex-direction:column;gap:12px}.stat-block{width:100%;max-width:280px;padding:14px 20px}}.dashboard-row{margin-bottom:var(--space-16);padding:0 var(--space-4)}.row-header{margin-bottom:var(--space-8);text-align:center;padding:0 var(--space-4)}.row-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text);margin:0 0 var(--space-2)0;letter-spacing:-.025em;line-height:var(--leading-tight)}.row-subtitle{font-size:var(--text-base);color:var(--muted);font-weight:var(--font-normal);line-height:var(--leading-normal);margin:0}.snapshot-row{border-bottom:1px solid #ffffff14;margin-bottom:40px;padding-bottom:32px}.charts-row .row-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);background:linear-gradient(135deg,var(--accent-2),var(--accent));-webkit-text-fill-color:transparent;line-height:var(--leading-tight);-webkit-background-clip:text;background-clip:text}.alerts-row .row-title{color:var(--warn)}.alerts-list{flex-direction:column;gap:16px;display:flex}.alert-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.alert-item:hover{background:#ffffff0a;border-color:#ffffff14}.alert-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.alert-critical .alert-indicator{background:var(--danger);box-shadow:0 0 8px #ef444466}.alert-warning .alert-indicator{background:var(--warn);box-shadow:0 0 8px #f59e0b66}.alert-info .alert-indicator{background:var(--ok);box-shadow:0 0 8px #10b98166}.alert-content{flex:1;min-width:0}.alert-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4}.alert-meta{color:var(--muted);font-size:12px;font-weight:400}.alert-action{flex-shrink:0}.alert-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.alert-btn:hover{color:var(--text);background:#ffffff14;border-color:#ffffff1f}.alert-critical .alert-btn{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.alert-critical .alert-btn:hover{color:#fecaca;background:#ef444426;border-color:#ef444466}.schedule-list{flex-direction:column;gap:16px;display:flex}.schedule-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.schedule-item:hover{background:#ffffff0a;border-color:#ffffff14}.schedule-time{color:var(--accent-2);min-width:100px;padding-top:2px;font-size:12px;font-weight:600}.schedule-content{flex:1;min-width:0}.schedule-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4}.schedule-meta{color:var(--muted);font-size:12px;font-weight:400}.schedule-status{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:600}.status-scheduled{color:#6ee7b7;background:#10b98126}.status-pending{color:#fcd34d;background:#f59e0b26}.status-planned{color:#c4b5fd;background:#a855f726}@media (max-width:1024px){.row-title{font-size:24px}.row-subtitle{font-size:15px}}@media (max-width:768px){.dashboard-row{margin-bottom:32px}.row-header{text-align:left;margin-bottom:20px}.row-title{font-size:22px}.row-subtitle{font-size:14px}.alert-item,.schedule-item{gap:10px;padding:12px}.alert-title,.schedule-title{font-size:13px}.alert-meta,.schedule-meta{font-size:11px}}@media (max-width:480px){.dashboard-row{margin-bottom:24px}.row-title{font-size:20px}.alert-item,.schedule-item{flex-direction:column;gap:8px}.schedule-time{min-width:auto;margin-bottom:4px}.schedule-status{align-self:flex-end}}.chart-container{width:100%;height:220px;position:relative}.axis-title{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:500;position:absolute}.axis-title.y-axis{transform-origin:50%;top:50%;left:-60px;transform:rotate(-90deg)translate(-50%)}.axis-title.x-axis{bottom:-30px;left:50%;transform:translate(-50%)}.grid.centered{justify-content:center;display:flex}.card.wide{min-width:600px;max-width:800px;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card.wide:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000001a,0 4px 6px -2px #0000000d}.threshold-bands{pointer-events:none;position:absolute;inset:0}.band{opacity:.1;position:absolute;left:0;right:0}.band-hh{background:linear-gradient(#ff3d0026,#0000);height:20%;top:0}.band-h{background:linear-gradient(#ff91001f,#0000);height:20%;top:20%}.band-n{background:linear-gradient(#00b0ff1a,#0000);height:20%;top:40%}.band-l{background:linear-gradient(#00e6761f,#0000);height:20%;top:60%}.band-ll{background:linear-gradient(#00e67626,#0000);height:20%;top:80%}.threshold-labels{pointer-events:none;flex-direction:column;justify-content:space-around;display:flex;position:absolute;top:0;bottom:0;right:8px}.threshold-label{color:var(--muted);text-transform:lowercase;letter-spacing:.5px;opacity:.6;font-size:10px;font-weight:600}.threshold-label.hh{color:#ff3d00}.threshold-label.h{color:#ff9100}.threshold-label.n{color:#00b0ff}.threshold-label.l,.threshold-label.ll{color:#00e676}.health-breakdown{flex-direction:column;gap:8px;margin-top:16px;display:flex}.health-item{align-items:center;gap:8px;display:flex}.health-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--muted);min-width:60px;line-height:var(--leading-normal)}.health-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text);min-width:35px;line-height:var(--leading-normal);font-family:var(--font-family-mono)}.health-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.health-fill{border-radius:3px;height:100%;transition:width .3s}.health-fill.normal{background:linear-gradient(90deg,#00e676,#00c853);box-shadow:0 0 8px #00e6764d}.health-fill.warning{background:linear-gradient(90deg,#ff9100,#ff6d00);box-shadow:0 0 8px #ff91004d}.health-fill.critical{background:linear-gradient(90deg,#ff3d00,#dd2c00);box-shadow:0 0 8px #ff3d004d}.health-score{border-radius:4px;padding:4px 8px;font-size:14px;font-weight:600}.health-score.normal{color:#00e676;background:#00e67626;border:1px solid #00e6764d}.health-score.medium{color:#ff9100;background:#ff910026;border:1px solid #ff91004d}.health-score.critical{color:#ff3d00;background:#ff3d0026;border:1px solid #ff3d004d}.chart-target-line{justify-content:center;align-items:center;margin-top:12px;display:flex}.target-label{color:var(--muted);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500}@media (max-width:768px){.chart-container{height:180px}.threshold-labels{right:4px}.threshold-label{font-size:9px}.health-breakdown{gap:6px;margin-top:12px}.health-item{gap:6px}.health-label{min-width:50px;font-size:11px}.health-value{min-width:30px;font-size:11px}}@media (max-width:480px){.chart-container{height:160px}.threshold-labels{display:none}.health-breakdown{gap:4px}}.critical-alerts{flex-direction:column;gap:12px;width:calc(100% + 40px);margin:-20px;padding:20px;display:flex}.alert-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;grid-template-columns:60px 1fr 1.5fr 100px auto;align-items:center;gap:12px;padding:12px;transition:all .2s;display:grid}.alert-row:hover{background:#ffffff0a;border-color:#ffffff14}.alert-severity{justify-content:center;align-items:center;display:flex}.severity-chip{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;justify-content:center;align-items:center;width:32px;height:24px;font-size:11px;font-weight:700;display:inline-flex}.severity-chip.alert-critical{color:#fca5a5;background:#ef444433;border:1px solid #ef44444d}.severity-chip.alert-high{color:#fdba74;background:#f9731633;border:1px solid #f973164d}.severity-chip.alert-medium{color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b4d}.alert-asset{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text);line-height:var(--leading-snug)}.alert-cause{font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-relaxed);font-family:var(--font-family-mono)}.alert-time{color:var(--muted);text-align:right;font-size:12px;font-weight:500}.action-btn-small{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.action-btn-small:hover{color:var(--text);background:#ffffff14;border-color:#ffffff1f}.action-btn-small.critical{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.action-btn-small.critical:hover{color:#fecaca;background:#ef444426;border-color:#ef444466}.action-btn-small.warning{color:#fdba74;background:#f973161a;border-color:#f973164d}.action-btn-small.info{color:#5eead4;background:#22e3c41a;border-color:#22e3c44d}.maintenance-timeline{flex-direction:column;gap:16px;width:calc(100% + 40px);margin:-20px;padding:20px;display:flex}.timeline-day{align-items:flex-start;gap:12px;display:flex}.day-label{color:var(--text);min-width:80px;padding-top:4px;font-size:13px;font-weight:600}.day-jobs{flex-direction:column;flex:1;gap:8px;display:flex}.job-pill{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:12px;padding:10px 16px;transition:all .2s;display:flex}.job-pill:hover{background:#ffffff14;border-color:#ffffff1f;transform:translate(2px)}.job-pill.priority-high{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef444433}.job-pill.priority-high:hover{background:linear-gradient(135deg,#ef444426,#ef444414);border-color:#ef44444d}.job-pill.priority-medium{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-color:#f59e0b33}.job-pill.priority-medium:hover{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border-color:#f59e0b4d}.job-pill.priority-low{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:#10b98133}.job-pill.priority-low:hover{background:linear-gradient(135deg,#10b98126,#10b98114);border-color:#10b9814d}.job-pill.priority-critical{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.job-pill.priority-critical:hover{background:#ef444433;border-color:#ef444466}.job-time{color:var(--text);min-width:70px;font-size:12px;font-weight:600}.job-title{color:var(--text);flex:1;font-size:13px;font-weight:500}.job-duration{color:var(--muted);text-align:center;background:#ffffff1a;border-radius:8px;min-width:32px;padding:2px 6px;font-size:11px;font-weight:600}@media (max-width:1024px){.alert-row{grid-template-columns:50px 1fr 1.2fr 80px auto;gap:8px;padding:10px}.severity-chip{width:28px;height:20px;font-size:10px}.alert-asset{font-size:13px}.alert-cause{font-size:12px}.alert-time{font-size:11px}}@media (max-width:768px){.critical-alerts{gap:8px}.alert-row{text-align:center;grid-template-columns:1fr;gap:6px}.alert-severity,.alert-asset,.alert-cause,.alert-time{text-align:center}.alert-action{justify-content:center;margin-top:8px;display:flex}.maintenance-timeline{gap:12px}.timeline-day{flex-direction:column;gap:8px}.day-label{min-width:auto;font-size:12px}.job-pill{gap:8px;padding:8px 12px}.job-time{min-width:60px;font-size:11px}.job-title{font-size:12px}.job-duration{padding:1px 4px;font-size:10px}}@media (max-width:480px){.alert-row{padding:8px}.severity-chip{width:24px;height:18px;font-size:9px}.job-pill{text-align:center;flex-direction:column;gap:4px;padding:8px 10px}.job-time,.job-duration{align-self:center}}.overall-health{border:1px solid var(--border);background:linear-gradient(135deg,#1e1e1e 0%,#2a2a2a 100%);border-radius:16px;margin-top:32px;margin-bottom:48px;padding:32px;position:relative}.overall-health:before{content:"";background:linear-gradient(#10b981,#059669);border-radius:0 2px 2px 0;width:4px;position:absolute;top:0;bottom:0;left:0}.section-separator{background:linear-gradient(90deg,#0000 0%,#ffffff08 50%,#0000 100%);border-radius:12px;height:24px;margin:32px 0}.enhanced-asset-health{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-top:32px;overflow:hidden}.table-header{border-bottom:1px solid var(--ring);background:linear-gradient(135deg,#2563eb05,#2563eb0d);justify-content:space-between;align-items:center;padding:24px;display:flex;position:relative}.table-header:before{content:"";background:linear-gradient(180deg,var(--brand),var(--brand-2));border-radius:0 2px 2px 0;width:4px;position:absolute;top:0;bottom:0;left:0}.table-header h3{color:var(--text);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.table-controls{gap:12px;display:flex}.asset-table-container{max-height:600px;overflow:auto}.asset-health-table{border-collapse:collapse;width:100%;font-size:14px}.asset-health-table thead{z-index:10;position:sticky;top:0}.asset-health-table th,.asset-health-table td{text-align:left;border-bottom:1px solid var(--ring);padding:12px 16px}.asset-health-table th{color:var(--muted);background:var(--surface);white-space:nowrap;font-weight:700;box-shadow:0 2px 4px #0000001a}.asset-health-table td{color:var(--muted)}.asset-health-table tbody tr:nth-child(2n){background:#ffffff05}.asset-health-table tbody tr:hover{background:#2563eb14;transition:all .2s;transform:translate(2px)}.asset-health-table tbody tr{transition:all .2s}.health-score{color:#fff;border-radius:6px;padding:4px 8px;font-size:14px;font-weight:700}.health-score.ok{background:linear-gradient(135deg,#10b981,#059669)}.health-score.warn{background:linear-gradient(135deg,#f59e0b,#d97706)}.health-score.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.risk-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;text-align:center;box-sizing:border-box;border-radius:16px;justify-content:center;align-items:center;gap:4px;min-width:80px;height:24px;padding:6px 12px;font-size:11px;font-weight:600;line-height:12px;display:inline-flex}.risk-badge.low{background:linear-gradient(135deg,#10b981,#059669)}.risk-badge.low:before{content:"⬇️";font-size:10px}.risk-badge.medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.risk-badge.medium:before{content:"⚠️";font-size:10px}.risk-badge.high{background:linear-gradient(135deg,#ef4444,#dc2626)}.risk-badge.high:before{content:"⬆️";font-size:10px}.trend-sparkline{border:1px solid var(--ring);background-color:#0000;background-image:linear-gradient(45deg,#2a2a2a 25%,#0000 25%),linear-gradient(-45deg,#2a2a2a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2a2a 75%),linear-gradient(-45deg,#0000 75%,#2a2a2a 75%);background-position:0 0,0 2px,2px -2px,-2px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:4px 4px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:4px}.btn-xs{cursor:pointer;border:1px solid var(--ring);background:var(--card);color:var(--muted);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-xs:hover{background:var(--surface);border-color:var(--brand)}.btn-xs.action-btn{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-xs.action-btn:hover{background:var(--brand-2);border-color:var(--brand-2)}.btn-xs.urgent{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.btn-xs.urgent:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.maintenance-items{flex-direction:column;gap:12px;display:flex}.maintenance-item{border-left:3px solid var(--ring);background:var(--surface);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.maintenance-item.urgent{background:#ef444405;border-left-color:#ef4444}.maintenance-date{color:var(--text);min-width:60px;font-size:12px;font-weight:700}.maintenance-task{color:var(--muted);flex:1;font-size:14px}.maintenance-priority{text-transform:uppercase;letter-spacing:.5px;text-align:center;box-sizing:border-box;border-radius:16px;justify-content:center;align-items:center;gap:4px;min-width:80px;height:24px;padding:6px 12px;font-size:11px;font-weight:600;line-height:12px;display:inline-flex}.maintenance-priority.High{color:#dc2626;background:#ef44441a}.maintenance-priority.High:before{content:"⬆️";font-size:10px}.maintenance-priority.Medium{color:#d97706;background:#f59e0b1a}.maintenance-priority.Medium:before{content:"⚠️";font-size:10px}.maintenance-priority.Low{color:#059669;background:#10b9811a}.maintenance-priority.Low:before{content:"⬇️";font-size:10px}.maintenance-timeline-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.timeline-header{border-bottom:1px solid var(--ring);background:linear-gradient(135deg,#f59e0b05,#f59e0b0d);justify-content:space-between;align-items:center;padding:24px;display:flex;position:relative}.timeline-header:before{content:"";background:linear-gradient(#f59e0b,#d97706);border-radius:0 2px 2px 0;width:4px;position:absolute;top:0;bottom:0;left:0}.timeline-header h4{color:var(--text);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.timeline-content{padding:24px}.timeline{position:relative}.timeline-item{gap:16px;margin-bottom:24px;display:flex;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex;position:relative}.timeline-dot{border:2px solid var(--border);background:var(--card);z-index:2;border-radius:50%;width:12px;height:12px;position:relative}.timeline-dot.priority-high{background:#ef4444;border-color:#ef4444}.timeline-dot.priority-medium{background:#f59e0b;border-color:#f59e0b}.timeline-dot.priority-low,.timeline-dot.priority-normal{background:#10b981;border-color:#10b981}.timeline-dot.priority-critical{background:#ef4444;border-color:#ef4444}.timeline-line{background:var(--ring);width:2px;height:100%;margin-top:8px;position:absolute;top:12px;left:5px}.timeline-content-block{flex:1;padding-bottom:8px}.timeline-date{color:var(--text);text-transform:uppercase;letter-spacing:.5px;cursor:help;margin-bottom:4px;font-size:12px;font-weight:600;transition:color .2s}.timeline-date:hover{color:var(--brand)}.timeline-task{color:var(--muted);margin-bottom:8px;font-size:14px;line-height:1.4}.timeline-priority{text-transform:uppercase;letter-spacing:.5px;text-align:center;box-sizing:border-box;border-radius:16px;justify-content:center;align-items:center;gap:4px;min-width:80px;height:24px;padding:6px 12px;font-size:11px;font-weight:600;line-height:12px;display:inline-flex}.timeline-priority.priority-high{color:#dc2626;background:#ef44441a}.timeline-priority.priority-high:before{content:"⬆️";font-size:10px}.timeline-priority.priority-medium{color:#d97706;background:#f59e0b1a}.timeline-priority.priority-medium:before{content:"⚠️";font-size:10px}.timeline-priority.priority-low{color:#059669;background:#10b9811a}.timeline-priority.priority-low:before{content:"⬇️";font-size:10px}.timeline-priority.priority-normal{color:#059669;background:#10b9811a}.timeline-priority.priority-normal:before{content:"✅";font-size:10px}.timeline-priority.priority-critical{color:#dc2626;background:#ef44441a}.timeline-priority.priority-critical:before{content:"🚨";font-size:10px}.trend-indicator{font-size:14px;font-weight:600}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-stable{color:var(--muted)}.cta-icon{margin-right:4px}.btn-xs:hover{background:var(--surface);border-color:var(--brand);color:var(--brand);text-decoration:none;transform:translateY(-1px)}.btn-xs .cta-icon{transition:transform .2s}.btn-xs:hover .cta-icon{transform:scale(1.1)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px;display:grid}@media (max-width:768px){.services-grid{grid-template-columns:1fr;gap:20px}}.service-card{background:var(--card);border:1px solid var(--ring);cursor:pointer;border-radius:16px;padding:0;transition:all .3s;overflow:hidden}.service-card:hover{border-color:var(--brand);transform:translateY(-6px)}.service-card.active{border-color:var(--brand);box-shadow:0 0 0 2px #2563eb33}.optimization-theme{border:1px solid var(--border);background:linear-gradient(135deg,#1e1e1e 0%,#2a2a2a 100%)}.optimization-theme .card-visual{background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);border-bottom:1px solid #0003}.optimization-theme:hover{border-color:#000;transform:translateY(-8px)}.optimization-theme.active{border-color:#000;box-shadow:0 0 0 3px #0000004d}.optimization-theme .card-cta{color:#fff;background:linear-gradient(135deg,#000,#333)}.optimization-theme .card-cta:hover{background:linear-gradient(135deg,#333,#666)}.monitoring-theme{border:1px solid var(--border);background:linear-gradient(135deg,#1e1e1e 0%,#2a2a2a 100%)}.monitoring-theme .card-visual{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-bottom:1px solid #10b98133}.monitoring-theme:hover{border-color:#10b981;transform:translateY(-8px)}.monitoring-theme.active{border-color:#10b981;box-shadow:0 0 0 3px #10b9814d}.monitoring-theme .card-cta{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.monitoring-theme .card-cta:hover{background:linear-gradient(135deg,#059669,#047857)}.prediction-theme{border:1px solid var(--border);background:linear-gradient(135deg,#1e1e1e 0%,#2a2a2a 100%)}.prediction-theme .card-visual{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-bottom:1px solid #8b45ff33}.prediction-theme:hover{border-color:#8b5cf6;transform:translateY(-8px)}.prediction-theme.active{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b45ff4d}.prediction-theme .card-cta{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.prediction-theme .card-cta:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.maintenance-theme{border:1px solid var(--border);background:linear-gradient(135deg,#1e1e1e 0%,#2a2a2a 100%)}.maintenance-theme .card-visual{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-bottom:1px solid #f59e0b33}.maintenance-theme:hover{border-color:#f59e0b;transform:translateY(-8px)}.maintenance-theme.active{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b4d}.maintenance-theme .card-cta{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.maintenance-theme .card-cta:hover{background:linear-gradient(135deg,#d97706,#b45309)}.card-visual{border-bottom:1px solid var(--ring);background:linear-gradient(135deg,#dc262614,#05966914);justify-content:center;align-items:center;height:140px;display:flex}.card-icon{filter:drop-shadow(0 2px 4px #0003);font-size:64px}.card-content{padding:24px}.card-title{color:var(--text);margin:0 0 12px;font-size:20px;font-weight:700}.card-description{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.5}.card-tags{gap:8px;margin-bottom:20px;display:flex}.tag{text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--ring);color:var(--muted);background:#ffffff08;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600}.tag:first-child{color:var(--brand);border-color:#2563eb4d}.tag:nth-child(2){color:#059669;border-color:#0596694d}.card-cta{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;cursor:pointer;border:0;border-radius:999px;width:100%;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s}.card-cta:hover{transform:translateY(-2px)}.card-cta:active{transform:translateY(0)}.services-layout{flex-direction:column;gap:48px;max-width:1400px;margin:0 auto;padding:0 20px;display:flex}.optimization-featured{justify-content:center;margin-bottom:24px;display:flex}.optimization-featured-card{width:100%;max-width:500px;min-height:400px;position:relative;overflow:hidden}.optimization-featured-card .card-visual{background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);border-bottom:2px solid #0000004d;height:200px;position:relative;overflow:hidden}.optimization-featured-card .card-visual:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:4s ease-in-out infinite pulse;position:absolute;top:-50%;left:-50%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.optimization-featured-card .card-icon{z-index:2;filter:drop-shadow(0 4px 8px #0000004d);font-size:80px;position:relative}.optimization-featured-card .card-content{background:linear-gradient(135deg,#1e1e1e 0%,#2a2a2a 100%);padding:32px 28px}.optimization-featured-card .card-title{color:#f8fafc;text-align:center;letter-spacing:-.025em;margin:0 0 16px;font-size:28px;font-weight:800}.optimization-featured-card .card-description{color:#94a3b8;text-align:center;margin:0 0 20px;font-size:16px;line-height:1.6}.optimization-featured-card .card-tags{justify-content:center;margin-bottom:24px}.featured-tag{color:#fff!important;text-transform:uppercase!important;letter-spacing:.5px!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;font-weight:700!important;box-shadow:0 2px 8px #ef44444d!important}.featured-cta{background:linear-gradient(135deg,#000,#333)!important;border-radius:12px!important;width:100%!important;margin-top:8px!important;padding:16px 24px!important;font-size:16px!important;font-weight:700!important}.featured-cta:hover{background:linear-gradient(135deg,#333,#666)!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px #00000080!important}.secondary-services{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:16px;display:grid}.secondary-services .service-card{border-radius:16px;transition:all .4s}.secondary-services .service-card:hover{transform:translateY(-6px)}.secondary-services .card-visual{height:140px;transition:all .3s}.secondary-services .card-icon{font-size:48px;transition:all .3s}.secondary-services .card-content{padding:24px}.secondary-services .card-title{margin-bottom:12px;font-size:20px}.secondary-services .service-card:hover .card-visual{transform:scale(1.02)}.secondary-services .service-card:hover .card-icon{transform:scale(1.1)}.optimization-card-minimal{border:1px solid var(--border);cursor:pointer;background:#1e1e1e;border-radius:12px;padding:0;transition:all .3s;overflow:hidden}.optimization-card-minimal:hover{border-color:var(--brand);transform:translateY(-4px)}.optimization-card-minimal.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.card-visual-minimal{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#2a2a2a 0%,#1e1e1e 100%);justify-content:center;align-items:center;height:100px;display:flex;position:relative}.card-visual-minimal:before{content:"";background:linear-gradient(135deg,#3b82f605 0%,#3b82f603 100%);position:absolute;inset:0}.card-icon-minimal{color:#64748b;z-index:1;opacity:.7;font-size:48px;position:relative}.card-content-minimal{padding:20px}.card-title-minimal{color:#f8fafc;letter-spacing:-.025em;margin:0 0 10px;font-size:18px;font-weight:700}.card-description-minimal{color:#64748b;margin:0 0 14px;font-size:13px;font-weight:400;line-height:1.5}.card-tags-minimal{gap:6px;margin-bottom:16px;display:flex}.tag-minimal{text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--ring);color:#64748b;background:#2a2a2a;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600;transition:all .2s}.tag-minimal:hover{border-color:var(--brand);background:#1a1a1a}.card-cta-minimal{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:6px 0;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.card-cta-minimal:hover{color:#1d4ed8;transform:translate(1px)}.card-cta-minimal:focus{color:#1e40af;outline:none}.content-panels{margin-top:40px}.content-panels .panel{animation:.4s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.opt-hero{border:1px solid var(--border);background:linear-gradient(135deg,#1e1e1e 0%,#2a2a2a 100%);border-radius:16px;margin-bottom:32px;padding:32px}.hero-main{text-align:center}.opt-title{color:#f8fafc;background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:28px;font-weight:800}.opt-subtitle{color:#94a3b8;margin:0 0 24px;font-size:16px;font-weight:500}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-primary-modern,.btn-secondary-modern{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary-modern{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.btn-primary-modern:hover{transform:translateY(-2px)}.btn-secondary-modern{background:var(--card);color:var(--muted);border:1px solid var(--ring)}.btn-secondary-modern:hover{background:var(--surface);border-color:var(--brand)}.primary-kpis{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}@media (max-width:768px){.primary-kpis{grid-template-columns:1fr;gap:16px}}.kpi-hero{background:var(--card);border:2px solid var(--ring);border-radius:16px;align-items:center;gap:20px;padding:24px;transition:all .3s;display:flex}.kpi-hero:hover{border-color:var(--brand);transform:translateY(-2px)}.kpi-hero.bsw{border-color:var(--brand);background:linear-gradient(135deg,#2563eb05,#2563eb0d)}.kpi-hero.salt{border-color:var(--brand-2);background:linear-gradient(135deg,#22d3ee05,#22d3ee0d)}.kpi-hero-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-hero.bsw .kpi-hero-icon{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.kpi-hero.salt .kpi-hero-icon{background:linear-gradient(135deg,var(--brand-2),var(--brand-3));color:#fff}.kpi-hero-content{flex:1}.kpi-hero-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:14px;font-weight:600}.kpi-hero-value{color:#f8fafc;margin-bottom:2px;font-size:32px;font-weight:800}.kpi-hero-sub{color:#16a34a;font-size:12px;font-weight:500}.kpi-hero-status{flex-shrink:0}.status-indicator{background:#16a34a;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 3px #16a34a1a}.secondary-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px;display:grid}.metric-card{background:var(--card);border:1px solid var(--ring);border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.metric-card:hover{border-color:var(--brand);transform:translateY(-1px)}.metric-icon{color:#64748b;background:#2a2a2a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.metric-content{flex:1}.metric-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600}.metric-value{color:#f8fafc;margin-bottom:2px;font-size:20px;font-weight:700}.metric-unit{color:#64748b;font-size:14px;font-weight:500}.metric-delta{border-radius:6px;padding:2px 6px;font-size:12px;font-weight:600}.metric-delta.up{color:#16a34a;background:#16a34a1a}.metric-delta.down{color:#dc2626;background:#dc26261a}.metric-delta.neutral{color:#64748b;background:#64748b1a}.modern-controls{border:1px solid var(--border);background:#2a2a2a;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:40px;padding:32px;display:grid}.control-group{flex-direction:column;gap:16px;display:flex}.control-title{color:#f8fafc;margin:0;font-size:16px;font-weight:700}.radio-group-modern{flex-direction:column;gap:8px;display:flex}.radio-modern{cursor:pointer;background:var(--card);border:2px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex;position:relative}.radio-modern:hover{background:var(--surface);border-color:var(--ring)}.radio-modern:has(input:checked){border-color:var(--brand);background:#2563eb05}.radio-modern.primary:has(input:checked){border-color:var(--brand-2);background:#22d3ee05}.radio-modern input[type=radio]{opacity:0;width:0;height:0;position:absolute}.radio-modern .radio-text{color:var(--muted);font-size:14px;font-weight:500;transition:color .2s}.radio-modern:has(input:checked) .radio-text{color:#f8fafc;font-weight:600}.radio-modern:before{content:"";border:2px solid var(--ring);background:var(--card);border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}.radio-modern:has(input:checked):before{border-color:var(--brand);background:var(--brand)}.radio-modern.primary:has(input:checked):before{border-color:var(--brand-2);background:var(--brand-2)}.slider-container{background:var(--card);border:1px solid var(--ring);border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.slider-container input[type=range]{background:var(--ring);appearance:none;border-radius:3px;outline:none;flex:1;height:6px}.slider-container input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,var(--brand),var(--brand-2));cursor:pointer;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 6px #2563eb4d}.slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #2563eb66}.slider-container input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,var(--brand),var(--brand-2));cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #2563eb4d}.slider-value{flex-direction:column;align-items:center;min-width:40px;display:flex}.slider-value span:first-child{color:#f8fafc;font-size:18px;font-weight:700}.slider-unit{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.decision-map-section{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px}.map-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.map-header h3{color:#f8fafc;margin:0;font-size:20px;font-weight:700}.map-legend{align-items:center;gap:24px;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px}.legend-dot.recommended{background:#16a34a}.legend-dot.baseline{background:var(--brand)}.legend-line.iso{background:linear-gradient(90deg,#0000 0 30%,#94a3b8 30% 70%,#0000 70% 100%);border-radius:1px;width:20px;height:2px}.map-container{align-items:center;gap:24px;display:flex}.map-canvas-wrapper{flex:1;position:relative}.y-axis-label,.x-axis-label{color:#94a3b8;font-size:12px;font-weight:600;position:absolute}.y-axis-label{transform-origin:50%;top:50%;left:-40px;transform:translateY(-50%)rotate(-90deg)}.x-axis-label{bottom:-30px;left:50%;transform:translate(-50%)}#decisionMap{border:1px solid var(--ring);background-color:#0000;background-image:linear-gradient(45deg,#2a2a2a 25%,#0000 25%),linear-gradient(-45deg,#2a2a2a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2a2a 75%),linear-gradient(-45deg,#0000 75%,#2a2a2a 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:12px;width:100%;height:320px}.modern-colorbar{border:1px solid var(--ring);background:#2a2a2a;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.colorbar-gradient{border:1px solid var(--ring);background:linear-gradient(#1e3a8a 0%,#1e40af 20%,#1d4ed8 40%,#2563eb 60%,#3b82f6 80%,#60a5fa 100%);border-radius:10px;width:20px;height:240px}.colorbar-ticks{color:#94a3b8;flex-direction:column;gap:50px;font-size:11px;font-weight:600;display:flex}.colorbar-label{color:var(--muted);text-align:center;margin-top:8px;font-size:12px;font-weight:700}.monitoring-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px;display:grid}.kpi-metric{background:var(--card);border:1px solid var(--ring);border-radius:16px;align-items:center;gap:20px;padding:24px;transition:all .3s;display:flex}.kpi-metric:hover{border-color:var(--brand);transform:translateY(-2px)}.metric-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.metric-icon.flow{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.metric-icon.quality{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.metric-icon.salt{background:linear-gradient(135deg,var(--brand-2),var(--brand-3));color:#fff}.monitoring-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.monitoring-card{background:var(--card);border:1px solid var(--ring);border-radius:16px;transition:all .3s;overflow:hidden}.monitoring-card:hover{border-color:var(--brand);transform:translateY(-2px)}.monitoring-card .card-header{border-bottom:1px solid var(--ring);background:#2a2a2a;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.monitoring-card .card-header h4{color:#f8fafc;margin:0;font-size:16px;font-weight:700}.card-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:25px;display:flex}.card-icon.flow{background:linear-gradient(135deg,var(--brand),var(--brand-2))}.card-icon.quality{background:linear-gradient(135deg,#10b981,#059669)}.card-icon.process{background:linear-gradient(135deg,#f59e0b,#d97706)}.card-icon.chemical{background:linear-gradient(135deg,var(--brand-3),#a855f7)}.card-icon.energy{background:linear-gradient(135deg,#ef4444,#dc2626)}.card-icon.status{background:linear-gradient(135deg,#10b981,#059669)}.monitoring-card .card-content{padding:20px 24px}.metric-row{border-bottom:1px solid var(--ring);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.metric-row:last-child{border-bottom:none}.metric-row .metric-label{color:#94a3b8;font-size:14px;font-weight:500}.metric-row .metric-value{color:#f8fafc;font-size:16px;font-weight:700}.metric-row .metric-value.uptime{color:#10b981;font-weight:600}.metric-row .metric-unit{color:#64748b;margin-left:4px;font-size:12px;font-weight:500}.status-card .card-content{padding:16px 24px 20px}.status-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.status-row .status-label{color:#94a3b8;font-size:14px;font-weight:500}.status-row .status-value{color:#f8fafc;font-size:14px;font-weight:600}.status-row .status-value.quality{color:#10b981}.status-indicator{align-items:center;gap:6px;display:flex}.status-indicator.online .status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #10b98133}.status-indicator .status-text{color:#10b981;font-size:12px;font-weight:600}.advanced-options-section{justify-content:center;margin-top:32px;padding-bottom:24px;display:flex}.btn-advanced{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #2563eb40}.btn-advanced:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb59}.btn-advanced:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-advanced:hover:before{left:100%}.advanced-toggle-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;font-weight:700;transition:transform .3s;display:inline-flex}.advanced-charts-container{border-top:2px solid var(--border);margin-top:16px;padding-top:32px;animation:.4s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.advanced-charts-header{text-align:center;margin-bottom:40px}.advanced-charts-header h3{color:#f8fafc;background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:24px;font-weight:800}.advanced-subtitle{color:#94a3b8;max-width:600px;margin:0 auto;font-size:16px}.advanced-charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:40px;display:grid}.advanced-chart-card{background:var(--card);border:1px solid var(--ring);border-radius:16px;transition:all .3s;overflow:hidden}.advanced-chart-card:hover{border-color:var(--brand);transform:translateY(-2px)}.chart-card-header{border-bottom:1px solid var(--ring);background:#2a2a2a;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.chart-card-header h4{color:#f8fafc;flex:1;margin:0;font-size:16px;font-weight:700}.chart-legend{align-items:center;gap:8px;margin-left:16px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.legend-dot.temp-scale{background:linear-gradient(135deg,#ef4444,#f97316,#eab308,#22c55e)}.legend-dot.flow-scale{background:linear-gradient(135deg,#3b82f6,#06b6d4,#8b5cf6)}.legend-dot.ppm-scale{background:linear-gradient(135deg,#10b981,#059669,#047857)}.legend-dot.wash-scale{background:linear-gradient(135deg,#f59e0b,#d97706,#92400e)}.legend-dot.multi-scale{background:conic-gradient(#3b82f6,#06b6d4,#8b5cf6,#3b82f6)}.legend-gradient{border:1px solid var(--ring);background:linear-gradient(90deg,#1e3a8a 0%,#1e40af 20%,#1d4ed8 40%,#2563eb 60%,#3b82f6 80%,#60a5fa 100%);border-radius:4px;width:60px;height:8px}.legend-label{color:#94a3b8;font-size:12px;font-weight:500}.chart-container{padding:20px 24px;position:relative}.chart-container canvas{border:1px solid var(--ring);background-color:#0000;background-image:linear-gradient(45deg,#2a2a2a 25%,#0000 25%),linear-gradient(-45deg,#2a2a2a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2a2a 75%),linear-gradient(-45deg,#0000 75%,#2a2a2a 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:8px;width:100%;height:300px}.chart-controls{border:1px solid var(--ring);background:#2a2a2a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:24px 32px;display:flex}.control-group{flex-shrink:0;align-items:center;gap:12px;min-width:0;display:flex}.control-label{color:var(--muted);white-space:nowrap;margin-right:8px;font-size:14px;font-weight:600}.chart-controls .btn-secondary{flex-shrink:0;margin-left:auto}.toggle-switch{cursor:pointer;width:50px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--ring);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--card);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--brand)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.select-control{border:1px solid var(--ring);background:var(--card);color:var(--muted);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:14px;transition:all .2s}.select-control:hover{border-color:var(--brand)}.select-control:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 2px #2563eb1a}.health-metric{align-items:center;gap:40px;display:flex}.health-score{flex-shrink:0}.score-circle{width:120px;height:120px;position:relative}.score-ring{transform:rotate(-90deg)}.score-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-number{color:#f8fafc;font-size:32px;font-weight:800;line-height:1}.score-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:12px;font-weight:600}.health-info{flex:1}.health-info h3{color:#f8fafc;margin:0 0 12px;font-size:24px;font-weight:700}.health-description{color:#94a3b8;margin:0 0 20px;font-size:16px;line-height:1.5}.health-status{color:#10b981;font-weight:600}.health-metrics{flex-wrap:wrap;gap:24px;display:flex}.metric-item{flex-direction:column;gap:4px;display:flex}.metric-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.metric-value{color:#f8fafc;font-size:18px;font-weight:700}.metric-value.risk-low{color:#10b981}.metric-value.risk-medium{color:#f59e0b}.metric-value.risk-high{color:#ef4444}.system-components{margin-bottom:40px}.system-components h3{color:#f8fafc;margin:0 0 24px;font-size:20px;font-weight:700}.component-group{margin-bottom:32px}.component-group h4{color:#f8fafc;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:700;display:flex}.component-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.component-card{background:var(--card);border:1px solid var(--ring);border-radius:12px;transition:all .3s;overflow:hidden}.component-card:hover{border-color:var(--brand);transform:translateY(-2px)}.component-header{border-bottom:1px solid var(--ring);background:#2a2a2a;align-items:center;gap:16px;padding:20px;display:flex}.component-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.component-info{flex:1}.component-info h5{color:#f8fafc;margin:0 0 4px;font-size:16px;font-weight:700}.component-status{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.component-status.ok{color:#059669;background:#10b9811a}.component-status.warn{color:#d97706;background:#f59e0b1a}.component-status.danger{color:#dc2626;background:#ef44441a}.component-score{color:#f8fafc;flex-shrink:0;font-size:24px;font-weight:800}.component-metrics{padding:16px 20px}.component-metrics .metric{color:#94a3b8;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.component-metrics .metric:last-child{margin-bottom:0}.component-trend{border-top:1px solid var(--ring);background:#2a2a2a;padding:16px 20px}.component-trend canvas{border:1px solid var(--ring);background-color:#0000;background-image:linear-gradient(45deg,#2a2a2a 25%,#0000 25%),linear-gradient(-45deg,#2a2a2a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2a2a 75%),linear-gradient(-45deg,#0000 75%,#2a2a2a 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:6px;width:100%;height:40px}.predictive-analytics{margin-bottom:40px}.predictive-analytics h3{color:#f8fafc;margin:0 0 24px;font-size:20px;font-weight:700}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.analytics-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.analytics-header{border-bottom:1px solid var(--ring);background:#2a2a2a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.analytics-header h4{color:#f8fafc;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.risk-score{color:#fff;border-radius:8px;padding:8px 12px;font-size:20px;font-weight:800}.risk-score.low{background:linear-gradient(135deg,#10b981,#059669)}.risk-score.medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.risk-score.high{background:linear-gradient(135deg,#ef4444,#dc2626)}.calendar-icon{font-size:20px}.analytics-content{padding:20px 24px}.risk-trend canvas{border:1px solid var(--ring);border-radius:6px;width:100%;height:60px;margin-bottom:16px}.risk-factors{margin-bottom:16px}.factor{color:#94a3b8;margin-bottom:4px;font-size:14px}.factor-value{margin-left:8px;font-weight:600}.factor-value.High{color:#dc2626}.factor-value.Medium{color:#f59e0b}.factor-value.Low{color:#10b981}.next-action{color:#f8fafc;border-left:3px solid var(--brand);background:#2a2a2a;border-radius:8px;padding:12px;font-size:14px}.downtime-probability{margin-bottom:20px}.probability-text{color:#94a3b8;font-size:14px;font-weight:500}.risk-contributors{flex-direction:column;gap:8px;display:flex}.contributor{background:#2a2a2a;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.contributor-name{color:var(--muted);font-size:14px}.contributor-percent{color:#f8fafc;font-size:14px;font-weight:700}.calendar{margin-top:24px}.breach-risk-section{margin-bottom:40px}.breach-risk-section h3{color:#f8fafc;align-items:center;gap:8px;margin:0 0 24px;font-size:20px;font-weight:700;display:flex}.breach-risk-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;display:grid}.breach-card{background:var(--card);border:1px solid var(--ring);border-radius:16px;padding:24px;transition:all .3s}.breach-card:hover{border-color:var(--brand);transform:translateY(-2px)}.breach-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.breach-icon{background:linear-gradient(135deg,#2a2a2a,var(--card));border:2px solid var(--ring);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.breach-info{flex:1}.breach-info h4{color:#f8fafc;margin:0 0 4px;font-size:18px;font-weight:700}.breach-horizon{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.breach-probability{text-align:right}.probability-value{color:#f8fafc;font-size:28px;font-weight:800;line-height:1}.probability-status{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;margin-top:4px;padding:4px 8px;font-size:12px;font-weight:600}.probability-status.low,.probability-status.excellent{color:#059669;background:#10b9811a}.probability-status.medium{color:#d97706;background:#f59e0b1a}.probability-status.high{color:#dc2626;background:#ef44441a}.breach-visual{margin-top:16px}.probability-bar{background:var(--ring);border-radius:8px;width:100%;height:16px;margin-bottom:8px;overflow:hidden}.probability-fill{border-radius:8px;height:100%;transition:width .5s}.probability-fill.bsw-fill{background:linear-gradient(90deg,#10b981,#f59e0b)}.probability-fill.salt-fill{background:linear-gradient(90deg,#10b981,#3b82f6)}.probability-scale{color:#94a3b8;justify-content:space-between;font-size:11px;font-weight:500;display:flex}.time-to-breach-section{margin-bottom:40px}.time-to-breach-section h3{color:#f8fafc;align-items:center;gap:8px;margin:0 0 24px;font-size:20px;font-weight:700;display:flex}.time-to-breach-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.breach-time-card{background:var(--card);border:1px solid var(--ring);text-align:center;border-radius:16px;padding:24px;transition:all .3s}.breach-time-card:hover{border-color:var(--brand);transform:translateY(-2px)}.breach-time-header{justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.breach-time-icon{background:linear-gradient(135deg,#2a2a2a,var(--card));border:2px solid var(--ring);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.breach-time-info h4{color:#f8fafc;margin:0;font-size:16px;font-weight:700}.breach-time-desc{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px;font-weight:500}.breach-time-value{margin-bottom:20px}.time-display{color:#f8fafc;margin-bottom:4px;font-size:32px;font-weight:800;line-height:1}.time-status{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.time-status.safe,.time-status.excellent{color:#059669;background:#10b9811a}.time-status.warning{color:#d97706;background:#f59e0b1a}.time-status.critical{color:#dc2626;background:#ef44441a}.breach-time-visual{position:relative}.time-gauge{background:conic-gradient(from 180deg,#10b981 var(--percentage),#64748b 0deg);border-radius:50%;width:120px;height:120px;margin:0 auto;position:relative}.time-gauge-fill{background:var(--card);border-radius:50%;position:absolute;inset:8px}.time-gauge-center{background:linear-gradient(135deg,#2a2a2a,var(--card));border:2px solid var(--ring);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.time-gauge-needle{transform-origin:bottom;width:2px;height:30px;transform:translateX(-50%)rotate(var(--rotation));background:#f8fafc;transition:transform .5s;position:absolute;bottom:40px;left:50%}.what-if-section{margin-bottom:40px}.what-if-section h3{color:#f8fafc;align-items:center;gap:8px;margin:0 0 8px;font-size:20px;font-weight:700;display:flex}.what-if-description{margin-bottom:24px}.what-if-description p{color:#94a3b8;margin:0;font-size:14px;font-style:italic}.what-if-controls{background:var(--card);border:1px solid var(--ring);border-radius:16px;margin-bottom:24px;padding:24px}.parameter-group{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.parameter-card{border:1px solid var(--ring);background:#2a2a2a;border-radius:12px;padding:16px;transition:all .3s}.parameter-card:hover{border-color:var(--brand);background:var(--card)}.parameter-label{align-items:center;gap:8px;margin-bottom:12px;display:flex}.parameter-icon{font-size:16px}.parameter-name{color:#f8fafc;flex:1;font-size:14px;font-weight:600}.parameter-unit{color:#94a3b8;font-size:12px;font-weight:500}.parameter-input{flex-direction:column;gap:8px;display:flex}.parameter-input input[type=number]{border:1px solid var(--ring);color:#f8fafc;background:var(--card);text-align:center;border-radius:8px;width:100%;padding:8px 12px;font-size:14px;font-weight:600}.parameter-input input[type=number]:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 2px #2563eb1a}.parameter-slider{width:100%}.parameter-slider input[type=range]{background:var(--ring);appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.parameter-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #2563eb4d}.parameter-slider input[type=range]::-moz-range-thumb{background:var(--brand);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #2563eb4d}.what-if-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.what-if-results{background:var(--card);border:1px solid var(--ring);border-radius:16px;padding:24px}.results-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.results-header h4{color:#f8fafc;margin:0;font-size:18px;font-weight:700}.results-status{color:#059669;text-transform:uppercase;letter-spacing:.5px;background:#10b9811a;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.results-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.result-card{border:1px solid var(--ring);text-align:center;background:#2a2a2a;border-radius:12px;padding:16px;transition:all .3s}.result-card:hover{border-color:var(--brand);background:var(--card)}.result-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.result-value{color:#f8fafc;margin-bottom:4px;font-size:20px;font-weight:800;line-height:1}.result-change{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:2px 6px;font-size:11px;font-weight:600}.result-change:contains("+"){color:#059669;background:#10b9811a}.result-change:contains("-"){color:#dc2626;background:#ef44441a}.what-if-chart-container{background:linear-gradient(135deg,var(--card)0%,#2a2a2a 100%);border:1px solid var(--ring);border-radius:16px;margin-top:24px;padding:24px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-header h4{color:#f8fafc;background:linear-gradient(135deg,#f8fafc,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:18px;font-weight:700}.chart-legend{gap:20px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.legend-color{border:2px solid #fffc;border-radius:4px;width:16px;height:16px}.legend-color.current{background:linear-gradient(135deg,#94a3b8,var(--muted))}.legend-color.scenario{background:linear-gradient(135deg,var(--brand),var(--brand-2))}.what-if-chart{background:linear-gradient(135deg,var(--card)0%,#2a2a2a 100%);border:1px solid var(--ring);border-radius:12px;justify-content:center;align-items:center;min-height:350px;padding:24px;display:flex;position:relative;overflow:hidden}.what-if-chart:before{content:"";background:linear-gradient(90deg,var(--brand),var(--brand-2));height:4px;position:absolute;top:0;left:0;right:0}.what-if-chart canvas{border-radius:8px;max-width:100%;height:auto}.toast-notification{z-index:10000;opacity:0;border-radius:8px;min-width:300px;max-width:400px;padding:16px 20px;transition:all .3s;position:fixed;top:20px;right:20px;transform:translate(100%);box-shadow:0 10px 25px #0000001a}.toast-notification.show{opacity:1;transform:translate(0)}.toast-notification.toast-info{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.toast-notification.toast-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.toast-notification.toast-warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.toast-notification.toast-error{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-content{align-items:center;gap:12px;display:flex}.toast-message{flex:1;font-size:14px;font-weight:500}@media (max-width:1200px){.breach-risk-grid,.time-to-breach-grid{grid-template-columns:1fr}.parameter-group{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.component-grid{grid-template-columns:1fr}}@media (max-width:1024px){.results-header,.chart-header{flex-direction:column;align-items:flex-start;gap:12px}.chart-legend{flex-wrap:wrap}.health-metric{text-align:center;flex-direction:column;gap:24px}.score-circle{margin:0 auto}.analytics-grid{grid-template-columns:1fr}.table-header{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width:768px){.opt-hero{padding:24px}.opt-title{font-size:24px}.hero-actions{flex-direction:column;width:100%}.btn-primary-modern,.btn-secondary-modern{justify-content:center;width:100%}.primary-kpis{gap:16px}.kpi-hero{gap:16px;padding:20px}.kpi-hero-value{font-size:28px}.secondary-metrics{grid-template-columns:1fr}.modern-controls,.decision-map-section{padding:24px}.map-container{flex-direction:column;gap:20px}.y-axis-label{font-size:11px;left:-30px}#decisionMap{height:280px}.colorbar-gradient{width:16px;height:200px}.colorbar-ticks{gap:42px}.advanced-options-section{margin-top:24px}.btn-advanced{padding:12px 20px;font-size:14px}.advanced-charts-container{padding-top:24px}.advanced-charts-header{margin-bottom:32px}.advanced-charts-header h3{font-size:20px}.advanced-subtitle{font-size:15px}.advanced-charts-grid{grid-template-columns:1fr;gap:16px}.advanced-chart-card{border-radius:12px}.chart-card-header{padding:16px 20px 12px}.chart-card-header h4{font-size:15px}.chart-container{padding:16px 20px}.chart-container canvas{height:250px}.chart-controls{flex-direction:column;gap:16px;padding:16px}.chart-controls .btn-secondary{width:100%;margin-top:12px}.breach-card{padding:20px}.breach-header{text-align:center;flex-direction:column;gap:12px}.breach-probability{text-align:center}.parameter-group{grid-template-columns:1fr}.what-if-actions{flex-direction:column}.what-if-actions button{width:100%}.results-grid{grid-template-columns:repeat(2,1fr)}.time-gauge{width:100px;height:100px}.time-gauge-center{width:60px;height:60px}.monitoring-kpis{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.kpi-metric{gap:16px;padding:20px}.kpi-metric .metric-content .metric-value{font-size:28px}.monitoring-grid{grid-template-columns:1fr;gap:16px}.monitoring-card .card-header{padding:16px 20px 12px}.monitoring-card .card-content{padding:16px 20px}.metric-row{padding:10px 0}.metric-row .metric-label{font-size:13px}.metric-row .metric-value{font-size:15px}.component-header,.analytics-header{flex-direction:column;align-items:flex-start;gap:12px}.asset-health-table{font-size:12px}.asset-health-table th,.asset-health-table td{padding:8px 12px}.trend-sparkline{width:50px;height:16px}}@media (max-width:480px){.kpi-hero{text-align:center;flex-direction:column;gap:12px}.kpi-hero-icon{width:44px;height:44px}.kpi-hero-value{font-size:24px}.metric-card{gap:12px;padding:16px}.radio-group-modern{gap:6px}.radio-modern{padding:10px 12px}.control-title{font-size:15px}.breach-card{padding:16px}.probability-value{font-size:24px}.time-display{font-size:28px}.results-grid{grid-template-columns:1fr}.parameter-card{padding:12px}.parameter-input input[type=number]{font-size:16px}.score-circle,.score-ring{width:100px;height:100px}.score-number{font-size:24px}.component-card{border-radius:8px}.component-header{padding:16px}.component-metrics,.component-trend{padding:12px 16px}.analytics-card{border-radius:8px}.analytics-header,.analytics-content{padding:16px 20px}.btn-advanced{text-align:center;flex-direction:column;gap:8px;padding:16px}.advanced-toggle-icon{width:24px;height:24px;font-size:14px}.chart-card-header h4{font-size:14px}.chart-container canvas{height:200px}}