:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:#050d1b;min-height:100vh;margin:0}button,input,select{font-family:inherit}:root{--bg-navy-900:#050d1b;--bg-navy-800:#0a1c36;--bg-card:#0f24458c;--bg-card-hover:#122a50b8;--border-soft:#a2c3ff33;--text-primary:#e5efff;--text-muted:#9eb5d9;--blue-accent:#63c3ff;--blue-accent-strong:#2da5f8;--danger:#ff7b7b;--warning:#ffd166;--success:#4cd7a0}.dashboard-shell{min-height:100vh;color:var(--text-primary);padding:2rem;position:relative;overflow:hidden}.dashboard-bg-glow,.dashboard-bg-grid{pointer-events:none;position:fixed;inset:0}.dashboard-bg-glow{background:radial-gradient(700px circle at 10% -10%, #54a6ff33, transparent 55%), radial-gradient(620px circle at 88% 0%, #689cff29, transparent 50%), linear-gradient(160deg, var(--bg-navy-900), var(--bg-navy-800));z-index:-2}.dashboard-bg-grid{z-index:-1;background-image:linear-gradient(90deg,#84aae60a 1px,#0000 1px),linear-gradient(#84aae60a 1px,#0000 1px);background-size:36px 36px}.glass-card{background:var(--bg-card);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 12px 36px #00000042}.card-hover{transition:transform .18s,border-color .22s,background .22s}.card-hover:hover{background:var(--bg-card-hover);border-color:#bcd4ff5c;transform:translateY(-2px)}.dashboard-header{justify-content:space-between;align-items:center;gap:1.2rem;margin-bottom:1rem;padding:1.2rem 1.4rem;display:flex}.dashboard-header h1{letter-spacing:.02em;margin:0;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:700}.dashboard-header p{color:var(--text-muted);margin:.5rem 0 0;font-size:.95rem}.status-pill-group{align-items:center;gap:.6rem;display:flex}.status-pill{color:#cbe3ff;background:#265da93d;border:1px solid #80b9ff57;border-radius:999px;align-items:center;gap:.55rem;padding:.4rem .8rem;font-size:.82rem;display:inline-flex}.status-dot{background:var(--success);border-radius:50%;width:.5rem;height:.5rem;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 #4cd7a0a6}.filter-card{margin-bottom:1rem;padding:1rem 1.1rem 1.1rem}.section-title{color:#d9e9ff;letter-spacing:.01em;margin:0 0 .7rem;font-size:1.03rem;font-weight:650}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.filter-grid label{color:#9db5dc;flex-direction:column;gap:.35rem;font-size:.78rem;font-weight:600;display:flex}input,select{box-sizing:border-box;width:100%;color:var(--text-primary);background:#091427a3;border:1px solid #95b4e957;border-radius:10px;outline:none;padding:.58rem .72rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#63c3ffbd;box-shadow:0 0 0 3px #63c3ff33}input::placeholder{color:#7f97be}.date-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.date-input::-webkit-calendar-picker-indicator{opacity:1;filter:invert(86%)sepia(8%)saturate(983%)hue-rotate(180deg)brightness(102%)contrast(97%);cursor:pointer}.button-row{align-items:flex-end;gap:.65rem;display:flex}.pipeline-meta{gap:.18rem;margin-top:.8rem;display:grid}.pipeline-meta p{color:#c7ddff;margin:0;font-size:.82rem}.btn{cursor:pointer;color:#d7ebff;border:none;border-radius:12px;padding:.62rem 1.05rem;font-size:.9rem;font-weight:650;transition:transform .14s,box-shadow .18s,filter .14s}.btn:disabled{cursor:not-allowed;opacity:.7}.btn:active{transform:translateY(1px)scale(.99)}.btn-primary{background:linear-gradient(135deg,#1f87d8,#2aa4ff);box-shadow:0 8px 18px #2288d859}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-secondary{background:#3d6caa8c;border:1px solid #91bdf559}.btn-secondary:hover:not(:disabled){background:#4d7dc099}.btn-order{background:#227fccbf}.btn-order:hover:not(:disabled){background:#2f93e7d1}.btn-stop{background:#b22828bf}.btn-stop:hover:not(:disabled){background:#cc3333d1}.error-banner{color:#ffd6d6;background:#68112066;border:1px solid #ff7d7d66;border-radius:12px;margin:.7rem 0 1rem;padding:.85rem 1rem}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.95rem;margin-bottom:.95rem;display:grid}.kpi-card{padding:.95rem 1rem}.kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8rem;font-weight:650}.kpi-value{margin:.5rem 0 0;font-size:1.5rem;font-weight:700}.main-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem;display:grid}.lower-grid{margin-top:.95rem}.chart-card{padding:.95rem}.chart-area{height:320px;position:relative}.chart-tooltip{background:#061326ed;border:1px solid #a6c7ff52;border-radius:12px;padding:.55rem .65rem}.chart-tooltip p{color:#d8e8ff;margin:.1rem 0;font-size:.82rem}.inventory-list{gap:.7rem;max-height:580px;padding-right:.2rem;display:grid;overflow:auto}.inventory-item{background:#09182da8;border:1px solid #94b0e047;border-radius:12px;padding:.72rem;transition:border-color .18s}.inventory-row{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.inventory-row h3{margin:0;font-size:.93rem}.inventory-item p{color:#bdd1f3;margin:.4rem 0 0;font-size:.85rem}.inventory-order-row{grid-template-columns:1fr auto;gap:.5rem;margin-top:.65rem;display:grid}.risk-badge{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:80px;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.risk-critical{color:#ffb6b6;background:#74101e7a;border-color:#ff797980}.risk-warning{color:#ffe7a9;background:#70540e66;border-color:#ffd46a7a}.risk-low{color:#b9f5dc;background:#0e5f475c;border-color:#5cdda773}.scroll-panel{gap:.5rem;max-height:270px;padding-right:.2rem;display:grid;overflow:auto}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.panel-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.panel-filters input,.panel-filters select{border-radius:8px;width:auto;padding:.4rem .6rem;font-size:.78rem}.scroll-panel.compact{gap:.42rem}.event-row,.retrain-row{background:#0a182f94;border:1px solid #93b1e438;border-radius:10px;padding:.6rem .72rem}.event-row time,.retrain-row time{color:#9eb5d9;font-size:.74rem}.event-row p,.retrain-row span{color:#d7e8ff;margin:.25rem 0 0;font-size:.86rem}.empty-text{color:var(--text-muted);margin:0;font-size:.88rem}.overlay{text-align:center;background:#07132794;border:1px dashed #88aee859;border-radius:14px;place-items:center;gap:.65rem;min-height:180px;animation:.22s fadeIn;display:grid}.overlay p{color:#d4e7ff;margin:0;font-size:.88rem}.spinner-group{gap:.35rem;display:inline-flex}.spinner-circle{background:var(--blue-accent);border-radius:50%;width:.65rem;height:.65rem;animation:.9s ease-in-out infinite bounce}.spinner-circle-2{animation-delay:.1s}.spinner-circle-3{animation-delay:.2s}.sim-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}.sim-counters{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:.85rem;display:grid}.sim-counter{background:#09182da8;border:1px solid #94b0e047;border-radius:12px;padding:.6rem .75rem}.sim-counter-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;font-size:.72rem}.sim-counter-value{margin:.3rem 0 0;font-size:1.25rem;font-weight:700}.sim-live-dot{background:var(--success);border-radius:50%;width:.55rem;height:.55rem;margin-right:.4rem;animation:1.4s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 #4cd7a0a6}.sim-log{flex-direction:column-reverse;gap:.4rem;max-height:320px;padding-right:.2rem;display:flex;overflow:auto}.sim-log-row{background:#0a182f94;border:1px solid #93b1e438;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .68rem;font-size:.82rem;animation:.22s fadeIn;display:flex}.sim-log-row.drift{border-color:#ffd16673}.sim-log-row.retrained{border-color:#ff797980}.sim-log-date{color:var(--text-muted);min-width:5.2rem;font-size:.76rem}.sim-log-sku{min-width:5.5rem;font-weight:700}.sim-log-flags{gap:.35rem;margin-left:auto;display:inline-flex}.sim-flag{border-radius:999px;padding:.1rem .5rem;font-size:.68rem;font-weight:700}.sim-flag-drift{color:#ffe7a9;background:#70540e66}.sim-flag-retrain{color:#ffb6b6;background:#74101e7a}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes pulse{0%{box-shadow:0 0 #4cd7a099}70%{box-shadow:0 0 0 10px #4cd7a000}to{box-shadow:0 0 #4cd7a000}}@media (width<=1100px){.filter-grid,.kpi-grid,.sim-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid{grid-template-columns:1fr}}@media (width<=700px){.dashboard-shell{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start}.filter-grid{grid-template-columns:1fr}.button-row,.button-row .btn{width:100%}}