:root{--bg:#061016;--side:#071219;--panel:#0a1820;--line:#1c343e;--text:#effbfd;--muted:#839ba6;--cyan:#43d4e4;--green:#4dd6a1;--amber:#ffba55;--red:#ff6b63}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;min-height:100vh}button,input,select{font:inherit}.skip-link{position:fixed;top:-80px;left:20px;background:var(--cyan);color:#001116;padding:10px;z-index:100}.skip-link:focus{top:20px}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--side);border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;color:var(--cyan);text-decoration:none;font:700 11px "Space Grotesk";letter-spacing:.2em;padding:5px 9px 30px;border-bottom:1px solid var(--line)}.brand img{width:106px;height:32px;object-fit:contain;object-position:left}.sidebar nav{display:grid;gap:6px;margin-top:28px}.nav-item{border:0;background:transparent;color:#78909b;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:7px;text-align:left;padding:13px 11px;cursor:pointer;border-left:2px solid transparent}.nav-item i{font-style:normal;font-size:9px;color:#46616d}.nav-item span{font-size:12px;font-weight:600}.nav-item b{display:grid;place-items:center;min-width:21px;height:19px;border-radius:10px;background:#16313b;font-size:9px;color:var(--cyan)}.nav-item b.warning{color:var(--amber)}.nav-item:hover,.nav-item.active{background:#0d2029;color:white;border-left-color:var(--cyan)}.nav-item.active i{color:var(--cyan)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:21px 10px 2px;display:grid;gap:10px}.sidebar-foot small{font-size:9px;color:#4e6975}.sidebar-foot a{color:#78929d;font-size:10px;text-decoration:none}.system-health{font-size:9px;letter-spacing:.08em;color:#9bb1ba}.system-health i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px #4dd6a199;margin-right:8px}main{margin-left:238px;min-height:100vh;padding:0 34px 42px}.topbar{height:100px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.topbar p{margin:0 0 6px;color:#58717c;font-size:8px;letter-spacing:.2em}.topbar h1{margin:0;font:600 25px "Space Grotesk"}.top-actions{margin-left:auto;display:flex;align-items:center;gap:11px}.demo-badge{border:1px solid #ffba5547;background:#ffba550b;color:var(--amber);font-size:8px;letter-spacing:.14em;padding:9px 11px}.top-actions time{font:600 12px "Space Grotesk";color:#91a7b0;min-width:64px}.icon-button,.primary-action,.text-button,.acknowledge{border:1px solid var(--line);background:#0b1a22;color:#c8d7dd;padding:11px 14px;font-weight:700;font-size:9px;letter-spacing:.04em;cursor:pointer}.icon-button b{color:var(--amber);margin-left:7px}.primary-action{background:var(--cyan);border-color:var(--cyan);color:#031116}.text-button{background:transparent;border:0;color:var(--cyan);padding:8px}.notice{display:flex;align-items:center;gap:15px;border:1px solid #2c4b56;background:#0b1c24;margin:22px 0;padding:12px 15px;color:#9bb1ba;font-size:11px}.notice b{color:var(--cyan);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.notice button{margin-left:auto;border:0;background:transparent;color:#8199a3;font-size:20px;cursor:pointer}.view{display:none}.view.active{display:block}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 12px}.kpi-grid article,.panel{border:1px solid var(--line);background:var(--panel)}.kpi-grid article{padding:19px 20px;min-height:177px}.kpi-grid article>div:first-child{display:flex;justify-content:space-between}.kpi-grid span{font-size:10px;font-weight:700}.kpi-grid em{font-style:normal;font-size:8px;color:#58717c}.kpi-grid strong{display:block;font:600 37px "Space Grotesk";margin:19px 0 12px}.kpi-grid strong small{font-size:12px;color:#64808a;margin-left:4px}.kpi-grid p{color:#708993;font-size:9px;margin:11px 0 0}.kpi-grid p.positive{color:var(--green)}.progress{height:3px;background:#172d36}.progress i{display:block;height:100%;background:var(--cyan)}.spark{height:34px;display:flex;align-items:end;gap:4px}.spark i{height:var(--h);width:100%;background:#1f7886}.spark i:nth-last-child(-n+2){background:var(--cyan)}.spark.energy i{background:#487681}.spark.energy i:nth-last-child(-n+2){background:#7ab6c1}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.panel-head span,.quality-score>span{font-size:8px;letter-spacing:.16em;color:#56717c}.panel-head h2{font:600 18px "Space Grotesk";margin:7px 0 0}.flow-line{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.flow-line:before{content:"";position:absolute;left:12px;right:12px;top:23px;height:1px;background:linear-gradient(90deg,var(--cyan),#31505d)}.flow-line article{position:relative;padding-right:12px}.flow-line b{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--cyan);background:#0a1820;position:relative;font:600 16px "Space Grotesk";color:var(--cyan)}.flow-line span,.flow-line small{display:block}.flow-line span{font-size:10px;font-weight:700;margin:14px 0 5px}.flow-line small{font-size:8px;color:#607984}.alerts-panel .panel-head>strong{color:var(--amber);font:600 28px "Space Grotesk"}.alert-list article{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:start;border-top:1px solid var(--line);padding:14px 0}.alert-list i{width:6px;height:6px;border-radius:50%;margin-top:5px}.alert-list i.high{background:var(--red);box-shadow:0 0 10px #ff6b6388}.alert-list i.medium{background:var(--amber)}.alert-list b,.alert-list span{display:block}.alert-list b{font-size:9px}.alert-list span,.alert-list time{font-size:8px;color:#66808a;margin-top:5px}.acknowledge{width:100%;background:transparent;color:#89a1ab}.acknowledge:disabled{color:var(--green)}.machine-status,.shift-plan{grid-column:1/-1}.legend{font-size:8px;color:#68808a}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 5px 0 12px}.legend i.run{background:var(--green)}.legend i.idle{background:var(--amber)}.machine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.machine-card{border:1px solid var(--line);background:#08151c;color:var(--text);padding:16px;text-align:left;cursor:pointer}.machine-card:hover{border-color:#3b6673}.machine-card>b,.machine-card>small{display:block}.machine-card>b{font:600 18px "Space Grotesk";margin:21px 0 5px}.machine-card>small{color:#718994;font-size:8px;min-height:22px}.machine-card>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.machine-card>div span{font-size:7px;color:#526b76}.machine-card>div strong{display:block;color:#bcd0d7;font-size:9px;margin-top:3px}.machine-state{display:inline-flex!important;align-items:center;gap:7px;font-size:8px!important;color:#83a0aa!important}.machine-state i{width:6px;height:6px;border-radius:50%}.machine-state.run i{background:var(--green)}.machine-state.idle i{background:var(--amber)}.machine-state.stop i{background:var(--red)}.shift-time,.updated{font-size:9px!important;color:#6b838e!important}.plan-track{height:3px;background:#1a3039;position:relative;margin:28px 0}.plan-track i{display:block;height:100%;background:var(--cyan)}.plan-track span{position:absolute;top:-17px;font-size:7px;color:var(--cyan);transform:translateX(-50%)}.plan-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.plan-items article{display:grid;grid-template-columns:auto 1fr;gap:12px;border-left:2px solid var(--cyan);padding:12px;background:#08161d}.plan-items time{font-size:9px;color:var(--cyan)}.plan-items b,.plan-items span{display:block}.plan-items b{font-size:9px}.plan-items span{font-size:8px;color:#607984;margin-top:4px}.plan-items em{grid-column:2;font-size:7px;color:var(--green);font-style:normal;text-transform:uppercase}.plan-items em.queued{color:#778e98}.full-panel{margin-top:22px;min-height:620px}.filters{display:flex;gap:5px}.filters button{border:1px solid var(--line);background:transparent;color:#728b96;padding:8px 11px;font-size:8px;cursor:pointer}.filters button.active{border-color:var(--cyan);color:var(--cyan)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{text-align:left;color:#536d78;font-size:8px;letter-spacing:.11em;text-transform:uppercase;padding:11px 13px;border-bottom:1px solid var(--line)}td{font-size:9px;color:#91a6af;padding:16px 13px;border-bottom:1px solid #142a33}td strong{color:#d8e8ed}.table-progress{width:76px;height:3px;background:#1c333c;display:inline-block;margin-right:7px}.table-progress i{display:block;height:100%;background:var(--cyan)}td small{font-size:8px}.order-state{display:inline-block;padding:6px 8px;background:#17372f;color:var(--green);font-size:8px}.order-state.queued{background:#162a33;color:#8ca2ac}.order-state.attention{background:#3a2917;color:var(--amber)}td.empty{text-align:center;padding:60px}.asset-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.asset-cards article{border:1px solid var(--line);background:#08161d;padding:20px}.asset-cards article>div:first-child{display:flex;justify-content:space-between}.asset-cards em{font-size:8px;color:#68818b;font-style:normal}.asset-cards h3{font:600 29px "Space Grotesk";margin:26px 0 4px}.asset-cards p{font-size:10px;color:#718994}.asset-cards dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.asset-cards dl div{border-top:1px solid var(--line);padding-top:9px}.asset-cards dt{font-size:7px;color:#506a75}.asset-cards dd{font-size:9px;margin:5px 0 0}.health-bar{height:3px;background:#19313a}.health-bar i{display:block;height:100%;background:var(--green)}.quality-grid{display:grid;grid-template-columns:.55fr 1fr;gap:12px;margin-top:22px}.quality-score{position:relative;min-height:390px}.quality-score>strong{display:block;font:600 62px "Space Grotesk";margin:40px 0 8px}.quality-score>strong small{font-size:17px;color:#5c7680}.quality-score>p{font-size:10px;color:#76909a;max-width:210px}.ring{position:absolute;right:30px;bottom:35px;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) calc(var(--score)*1%),#162e38 0)}.ring:after{content:"";position:absolute;inset:9px;background:var(--panel);border-radius:50%}.ring b{position:relative;z-index:1;text-align:center;font-size:9px;color:#78929c}.inspection-list>div{display:grid;grid-template-columns:1fr 1.3fr auto;gap:16px;border-top:1px solid var(--line);padding:18px 0;font-size:9px}.inspection-list span{color:#718994}.inspection-list em{font-style:normal;color:var(--green)}.inspection-list em.attention{color:var(--amber)}.maintenance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.maintenance-grid article{border:1px solid var(--line);padding:22px;background:#08161d}.maintenance-grid span{font-size:10px;font-weight:700}.maintenance-grid strong{display:block;font:600 42px "Space Grotesk";margin:24px 0 10px}.maintenance-grid p{font-size:10px;line-height:1.7;color:#78909a;min-height:68px}.maintenance-grid em{display:block;border-top:1px solid var(--line);padding-top:12px;color:var(--cyan);font-size:8px;font-style:normal}dialog{width:min(540px,calc(100% - 30px));background:#091820;border:1px solid #31505c;color:white;padding:0;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#010507d9}dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between;margin-bottom:25px}.dialog-head small{font-size:8px;letter-spacing:.18em;color:var(--cyan)}.dialog-head h2{font:600 24px "Space Grotesk";margin:6px 0}.dialog-head button{border:0;background:transparent;color:#78909a;font-size:25px;cursor:pointer}dialog label{display:block;font-size:9px;letter-spacing:.08em;color:#79919b;margin:15px 0}dialog input,dialog select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#071218;color:white;padding:12px}dialog p{font-size:9px;line-height:1.6;color:#5f7781}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.dialog-actions button{border:1px solid var(--line);background:transparent;color:#91a8b1;padding:11px 15px;font-size:9px;cursor:pointer}.dialog-actions .primary-action{background:var(--cyan);color:#031116}.toast{position:fixed;right:25px;bottom:25px;background:#14303a;border:1px solid #376371;color:#dff7fa;padding:13px 17px;font-size:10px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:none}.mobile-menu{display:none}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.machine-status,.shift-plan{grid-column:auto}.machine-grid{grid-template-columns:repeat(2,1fr)}.quality-grid{grid-template-columns:1fr}.maintenance-grid{grid-template-columns:1fr}.demo-badge{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:20px 0 60px #000b}main{margin-left:0;padding:0 16px 30px}.topbar{height:82px}.mobile-menu{display:block;border:0;background:transparent;width:34px;padding:5px}.mobile-menu span{display:block;height:1px;background:white;margin:7px 0}.topbar p{display:none}.topbar h1{font-size:19px}.top-actions time,.icon-button{display:none}.primary-action{padding:10px 11px}.notice{align-items:flex-start}.notice span{font-size:9px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-grid article{min-height:160px;padding:15px}.dashboard-grid{grid-template-columns:1fr}.flow-line{grid-template-columns:1fr 1fr;gap:25px 0}.flow-line:before{display:none}.machine-grid,.asset-cards{grid-template-columns:1fr}.plan-items{grid-template-columns:1fr}.panel{padding:17px}.panel-head{flex-direction:column}.filters{flex-wrap:wrap}.quality-score{min-height:330px}.ring{width:100px;height:100px}.form-grid{grid-template-columns:1fr}}
@media(max-width:430px){.kpi-grid{grid-template-columns:1fr}.top-actions .primary-action{font-size:8px}.kpi-grid article{min-height:145px}.quality-score>strong{font-size:48px}.ring{right:18px;bottom:22px}.asset-cards dl{grid-template-columns:1fr}.asset-cards dl div{display:flex;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.nav-item span{font-size:14px}.sidebar-foot a,.system-health,.notice,.kpi-grid span,.kpi-grid p,.flow-line span,.machine-card>small,.asset-cards p,.maintenance-grid p{font-size:12px}.sidebar-foot small,.demo-badge,.topbar p,.panel-head span,.quality-score>span,.flow-line small,.alert-list b,.alert-list span,.alert-list time,.machine-state,.shift-time,.updated,.plan-items time,.plan-items b,.plan-items span,.filters button,th,td,td small,.order-state,.asset-cards em,.asset-cards dt,.asset-cards dd,.inspection-list>div,.maintenance-grid em,dialog label,dialog p,.dialog-actions button{font-size:12px!important}.icon-button,.primary-action,.text-button,.acknowledge{font-size:12px}.panel-head h2{font-size:21px}.machine-card>b{font-size:20px}.kpi-grid em{font-size:11px}.screen-top,.screen-machines span{font-size:10px}