@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f6f2;--panel:#fff;--ink:#202722;--muted:#788079;--line:#e7e9e1;--orange:#ec663c;--green:#56866a;--red:#c2533f;--sidebar:#202824;--font:'DM Sans',system-ui,sans-serif;--heading:'Manrope',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9996d;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--sidebar);color:#f3f5ee;padding:30px 21px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;font:800 22px var(--heading);letter-spacing:-1px}.brandmark{width:33px;height:35px;display:grid;place-items:center;background:var(--orange);font-size:25px;border-radius:9px;transform:skew(-5deg)}.beta{font:600 8px var(--font);border:1px solid #576057;padding:3px 4px;letter-spacing:1px}.nav-label{font-size:9px;color:#8a9a8d;letter-spacing:1.8px;margin:48px 13px 14px}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:7px;font-size:12px;color:#b8c2b9}nav a span{font-size:19px;width:21px;line-height:1}nav a.active{background:#3c443c;color:#fff}nav a.active span{color:#f9a17c}.side-bottom{margin-top:auto}.local-indicator{color:#d6e2d3;font-size:11px}.local-indicator i,.live-dot{display:inline-block;background:#84a78a;width:6px;height:6px;border-radius:50%;margin-right:7px}.side-bottom p{font-size:10px;line-height:1.8;color:#86958a;margin:12px 0 28px}.profile{display:flex;align-items:center;gap:10px;padding-top:20px;border-top:1px solid #3b443c;font-size:12px}.profile>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#485744;font-size:10px}.profile small{display:block;color:#90a08e;font-size:9px;margin-top:5px}.workspace{margin-left:238px}header{height:79px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 38px;background:#fcfcf8}.breadcrumb{color:var(--muted);font-size:11px}.breadcrumb span{margin:0 12px;color:#bac0b7}.breadcrumb strong{font-weight:500;color:#4d594d}.header-actions{display:flex;align-items:center;gap:17px}.tag{display:inline-block;border:1px solid #d5dcd0;background:#f0f3eb;color:#6c7c65;border-radius:5px;padding:5px 7px;font-size:8px;letter-spacing:1px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d9ded3;border-radius:7px;background:white;padding:10px 14px;color:#424d42;font-size:11px;font-weight:600;white-space:nowrap;transition:background .2s}.btn:hover{background:#f0f2eb}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn.primary:hover{background:#d8532b}.btn.dark{background:#263a2d;color:white;border-color:#263a2d}.btn.small{font-size:10px;padding:8px 11px}.btn.danger{color:#ad503c;background:#fff6f1;border-color:#efc9bc}main{max-width:1550px;margin:auto;padding:32px 38px 45px;min-height:calc(100vh - 126px)}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#828e79}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}h1{font:800 30px var(--heading);letter-spacing:-1.2px;margin:9px 0 8px}h2{font:700 17px var(--heading);letter-spacing:-.4px;margin:0}h3{font:700 13px var(--heading);margin:0 0 7px}p{line-height:1.7;color:var(--muted)}.subtitle{margin:0;font-size:11px}.toolbar{display:flex;align-items:center;gap:8px}.notice{display:flex;align-items:center;gap:9px;margin-bottom:22px;padding:10px 13px;border:1px solid #e1e5d8;border-radius:7px;background:#eef1e8;font-size:10px;color:#758367}.notice strong{color:#495c44}.notice .text-link{margin-left:auto;font-size:10px}.text-link{color:#cd623e;font-weight:600}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.kpi{background:white;border:1px solid var(--line);border-radius:9px;padding:19px 20px}.kpi .label{color:#7d867c;font-size:10px;display:flex;justify-content:space-between}.kpi .icon{color:#91a18a;font-size:14px}.kpi .value{font:700 29px var(--heading);letter-spacing:-1px;margin:8px 0 6px}.kpi small{color:#869180;font-size:9px}.kpi.warn .value{color:#d1623d}.row{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.panel-head p{font-size:10px;margin:5px 0 0}.subtle{font-size:9px;color:#85907c}.chip{display:inline-block;background:#eff3e9;border-radius:4px;font-size:8px;padding:4px 6px;color:#76816c;font-weight:600;white-space:nowrap}.chip.orange{background:#fff0e9;color:#c26c45}.chip.red{background:#faeee9;color:#bc6043}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.machine{position:relative;border:1px solid #e5e9df;border-radius:9px;background:#fcfdf9;text-align:left;padding:13px 12px 11px;overflow:hidden;color:var(--ink)}.machine:hover{border-color:#a9b49d;background:#f8faf3}.machine.selected{border:1.5px solid #e88053;box-shadow:0 0 0 2px #fcf0e8}.machine.alert{background:#fdf6ef}.machine.offline{opacity:.63}.machine-top{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:10px}.machine-top strong{font-weight:700}.machine-name{color:#9aab92;font-size:9px;margin-top:4px}.machine svg{width:100%;height:110px;margin:8px 0 2px}.machine-score{display:flex;justify-content:space-between;font-size:9px;color:#8a937f}.machine-score b{font-size:13px;color:#678261}.machine.alert .machine-score b{color:#cc7247}.meter{height:4px;background:#e6e9de;border-radius:5px;margin:8px 0 8px;overflow:hidden}.meter i{display:block;height:100%;background:#8aab78;border-radius:5px}.machine.alert .meter i{background:#e88a4a}.machine-job{display:flex;justify-content:space-between;color:#9aa38d;font-size:8px}.floor-note{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:9px;color:#87917d}.legend{display:flex;gap:13px}.legend i{display:inline-block;width:5px;height:5px;background:#8da976;border-radius:50%;margin-right:4px}.legend i.orange{background:#ed9b62}.detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.detail-head .eyebrow{font-size:8px}.detail-title{font-size:16px;margin-top:7px}.score-large{display:flex;align-items:baseline;gap:7px;margin:15px 0 2px;font:700 35px var(--heading);color:#d96e41}.score-large small{font-size:9px;font-family:var(--font);color:#87907c;font-weight:400}.detail-desc{font-size:10px;margin:7px 0 19px}.signals{display:grid;gap:12px;margin:18px 0}.signal{font-size:9px;color:#7c8674}.signal div{display:flex;justify-content:space-between;margin-bottom:5px}.signal b{font-weight:600;color:#59684e}.signal .meter{height:3px;margin:0}.signal .meter i{background:#d89a67}.recommendation{background:#f1f3e9;border:1px solid #e5e9d9;padding:14px;border-radius:7px;margin:20px 0 15px}.recommendation h3{font-size:10px;color:#586849}.recommendation p{font-size:10px;line-height:1.75;margin:0;color:#7e8971}.detail-buttons{display:flex;flex-wrap:wrap;gap:7px}.full{width:100%}.chart{width:100%;height:130px;display:block}.chart-labels{display:flex;justify-content:space-between;font-size:8px;color:#9ba58d;margin-top:3px}.chart-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.chart-metrics div{font-size:8px;color:#8b947f}.chart-metrics b{display:block;font-size:14px;font-weight:500;color:#59694d;margin-top:5px}.activity{list-style:none;padding:0;margin:0}.activity li{border-bottom:1px solid #eff1e8;padding:11px 0;font-size:10px;line-height:1.5}.activity li:last-child{border:0}.activity small{display:block;color:#9ca58f;font-size:8px;margin-top:3px}.activity i{float:left;width:7px;height:7px;border-radius:50%;background:#89a777;margin:5px 9px 0 0}.activity i.orange{background:#e39361}.comparison{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;gap:10px}.comparison-box{background:#f5f6ef;padding:18px;border-radius:7px}.comparison-box.after{background:#edf3e8}.comparison-box>span{font-size:9px;letter-spacing:1px;color:#86927a}.comparison-box strong{display:block;font:700 28px var(--heading);letter-spacing:-1px;margin:7px 0 3px}.comparison-box small{font-size:9px;color:#9ba68d}.comparison-arrow{text-align:center;font-size:23px;color:#94a083}.schedule-note{font-size:10px;line-height:1.7;color:#809075;margin:14px 0 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:10px;white-space:nowrap}th{font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#99a38e;font-weight:500;padding:12px 9px;border-bottom:1px solid var(--line)}td{padding:13px 9px;border-bottom:1px solid #f0f2ea;color:#617154}td:first-child{color:#425039}tr:last-child td{border:0}.late{color:#c8734d}.good{color:#68885b}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.form-field{display:grid;gap:8px;color:#80906e;font-size:10px}input[type=number],select{background:#fafbf6;border:1px solid #dfe5d5;border-radius:6px;padding:10px 11px;width:100%;color:#536747;font-size:11px}.controls{display:flex;gap:10px;align-items:center}.controls select{width:auto}.gantt{margin:16px 0 8px;min-width:550px}.gantt-row{display:flex;gap:16px;align-items:center;margin:10px 0}.gantt-row>span{font-size:9px;color:#75816b;min-width:28px}.gantt-track{height:32px;background:repeating-linear-gradient(to right,#f6f8f0 0%,#f6f8f0 19.8%,#e4e9db 19.8%,#e4e9db 20%);position:relative;flex:1;border-radius:4px}.gantt-bar{position:absolute;height:24px;top:4px;border-radius:4px;background:#aac297;display:flex;align-items:center;padding:0 6px;font-size:8px;color:#3b5930;overflow:hidden;white-space:nowrap;border:1px solid #95b480}.gantt-bar.delayed{background:#f0be96;border-color:#e5a778;color:#936341}.gantt-axis{display:flex;justify-content:space-between;margin-left:44px;color:#98a487;font-size:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.model-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.flow-block{padding:17px;background:#f3f5ed;border-radius:7px}.flow-block b{display:block;font-size:11px;color:#677858;margin:8px 0}.flow-block span{color:#c38964;font-size:10px}.flow-block p{font-size:10px;margin:0}.prose{font-size:12px;line-height:1.85;color:#77816f}.prose p{margin:13px 0}.prose ul,.prose ol{padding-left:22px}.prose li{margin:10px 0}.prose strong{color:#506146}.prose h3{font-size:14px;margin:22px 0 8px}.code{padding:14px;border-radius:7px;background:#253329;color:#c8d5be;font:10px/1.8 monospace;white-space:pre-wrap;overflow-wrap:anywhere}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.stat-grid div{padding:15px;background:#f5f7f0;border-radius:7px;font-size:9px;color:#8c9b80}.stat-grid b{display:block;font:700 23px var(--heading);color:#637853;margin:8px 0}.checklist label{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin:16px 0;color:#69775e}.checklist input{accent-color:var(--orange);margin-top:4px}.download-row{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}.status-banner{background:#eaf1e2;border:1px solid #d6e4c8;border-radius:7px;padding:13px 16px;color:#6a8656;font-size:11px;margin:0 0 18px}.status-banner.warn{background:#fdf0e7;border-color:#f2d7c2;color:#b27850}footer{border-top:1px solid var(--line);margin:0 38px;padding:17px 0;color:#a4ae9b;font-size:8px;display:flex;justify-content:space-between}#toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%) translateY(100px);background:#28362a;color:#f5f8f0;border:1px solid #596c4d;box-shadow:0 8px 30px #18251b30;padding:13px 21px;border-radius:9px;z-index:30;max-width:90vw;font-size:12px;opacity:0;transition:.25s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{border:1px solid #dce2d3;border-radius:14px;padding:35px;max-width:570px;width:calc(100vw - 36px);background:#fcfdf9;color:var(--ink);box-shadow:0 30px 100px #1d2d2250}dialog::backdrop{background:#1c282677;backdrop-filter:blur(4px)}dialog h2{font-size:25px;margin:10px 0}dialog>p{font-size:12px}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:25px;color:#8d9a81}.demo-step{display:flex;gap:17px;padding:20px 0;border-bottom:1px solid #e9edde}.demo-step>b{font:700 21px var(--heading);color:#c4d0b5}.demo-step p{font-size:11px;margin:0 0 12px}dialog>.text-link{display:block;font-size:10px;margin-top:24px}.loading{padding:70px;text-align:center;color:#91a181}.mobile-only{display:none}@media(min-width:1500px){.row{grid-template-columns:minmax(0,1fr) 350px}.machine svg{height:135px}}@media(max-width:1200px){.sidebar{width:200px;padding:30px 16px}.brand{font-size:19px;gap:7px}.workspace{margin-left:200px}header{padding:0 25px}main{padding:28px 25px}.row{grid-template-columns:minmax(0,1fr) 275px;gap:14px}.panel{padding:17px}.fleet-grid{gap:8px}.machine{padding:11px 9px}.machine svg{height:95px}.kpi{padding:16px}.toolbar{flex-wrap:wrap;justify-content:flex-end}.page-title{align-items:flex-start}}@media(max-width:980px){.sidebar{width:170px}.brand{font-size:17px}.brandmark{width:28px;height:30px}.beta{display:none}nav a{font-size:10px;padding:12px 9px}.workspace{margin-left:170px}.row{grid-template-columns:1fr}.detail-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.detail-panel .detail-head,.detail-panel .detail-buttons{grid-column:1/-1}.kpis{gap:9px}.kpi{padding:14px}.kpi .value{font-size:25px}.header-actions .tag{display:none}.two-col{grid-template-columns:1fr}.model-flow{grid-template-columns:1fr}.machine svg{height:130px}.page-title{flex-wrap:wrap}.toolbar{justify-content:flex-start}}@media(max-width:680px){.sidebar{position:sticky;top:0;z-index:10;width:100%;height:auto;padding:12px 16px;display:block}.brand{font-size:20px}.brandmark{width:28px;height:29px;font-size:22px}.nav-label,.side-bottom{display:none}nav{display:flex;gap:6px;margin-top:12px;overflow:auto}nav a{padding:8px 10px;white-space:nowrap;font-size:9px}nav a span{display:none}.workspace{margin:0}header{height:49px;padding:0 18px}.breadcrumb{font-size:9px}.header-actions .btn{font-size:8px;padding:6px 8px}main{padding:22px 17px}.page-title{margin-bottom:18px;gap:15px}h1{font-size:27px}.subtitle{font-size:10px}.kpis{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.kpi{padding:15px}.notice{align-items:flex-start;font-size:9px;line-height:1.6}.notice .text-link{display:none}.fleet-grid{grid-template-columns:repeat(2,1fr);gap:10px}.machine svg{height:115px}.detail-panel{display:block}.panel{padding:17px}.chart-metrics{grid-template-columns:repeat(2,1fr);gap:15px}.form-row{grid-template-columns:1fr}.panel-head{flex-wrap:wrap}.controls{flex-wrap:wrap}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid div:last-child{grid-column:1/-1}.comparison{gap:7px;grid-template-columns:1fr 20px 1fr}.comparison-box{padding:14px}.comparison-box strong{font-size:23px}.model-flow{gap:8px}footer{margin:0 17px;line-height:1.6;gap:20px}footer span{text-align:right}.toolbar .btn{font-size:10px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}