:root{--bg:#07110f;--panel:#0d1815;--panel-2:#101f1b;--line:#20312c;--muted:#82938d;--text:#edf7f2;--lime:#b9f44b;--mint:#66e6ad;--amber:#ffb84d;--red:#ff5d5d;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 45% -20%,#183e31 0,transparent 38%),var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh}.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar{height:76px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(7,17,15,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none}.brand-mark{width:33px;height:36px;display:flex;gap:3px;align-items:end}.brand-mark i{display:block;width:8px;background:var(--lime);clip-path:polygon(50% 0,100% 100%,0 100%)}.brand-mark i:nth-child(1){height:23px}.brand-mark i:nth-child(2){height:36px}.brand-mark i:nth-child(3){height:29px}.brand b{font-size:20px;letter-spacing:.2em}.brand small{display:block;font-family:var(--mono);color:var(--muted);font-size:8px;letter-spacing:.16em}.top-status{display:flex;align-items:center;gap:18px}.mode-badge,.state-pill{font-family:var(--mono);font-size:10px;letter-spacing:.1em;border:1px solid #405631;border-radius:99px;padding:7px 10px;color:var(--lime);background:#172114}.mode-badge i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px var(--lime);margin-right:5px}.clock{font:12px var(--mono);color:#b9c6c1}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);font-size:18px;cursor:pointer}main{max-width:1500px;margin:auto;padding:38px clamp(20px,4vw,64px) 48px}.hero-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.eyebrow{font:500 10px var(--mono);letter-spacing:.15em;color:var(--lime);margin:0 0 8px;text-transform:uppercase}h1{font-size:clamp(35px,4vw,59px);line-height:1.02;letter-spacing:-.055em;margin:0 0 12px}h1 em{font-style:normal;color:var(--lime)}.subtitle{color:#93a39d;margin:0;font-size:14px}.mission-actions{display:flex;gap:10px}.button{border-radius:9px;padding:13px 18px;font:700 12px var(--sans);cursor:pointer;border:1px solid var(--line)}.button.primary{background:var(--lime);border-color:var(--lime);color:#10170b}.button.secondary{background:transparent;color:#c5d2cd}.status-strip{min-height:62px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:.8fr .7fr 2fr .9fr 1fr;margin-bottom:14px;background:rgba(13,24,21,.7)}.status-strip>div{display:flex;align-items:center;gap:10px;padding:12px 18px;border-right:1px solid var(--line)}.status-strip>div:last-child{border:0}.status-strip small{font:9px var(--mono);color:var(--muted);letter-spacing:.1em}.status-strip strong{font:600 10px var(--mono);letter-spacing:.04em}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.live{background:var(--mint);box-shadow:0 0 10px var(--mint)}.signal{display:flex;align-items:end;gap:2px;margin-left:auto}.signal i{display:block;width:3px;background:var(--lime)}.signal i:nth-child(1){height:4px}.signal i:nth-child(2){height:7px}.signal i:nth-child(3){height:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.72fr);gap:14px}.panel{background:linear-gradient(145deg,rgba(16,31,27,.95),rgba(10,21,18,.95));border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px}.panel-head h2{margin:0;font-size:18px;letter-spacing:-.03em}.legend{display:flex;gap:16px;font:9px var(--mono);color:var(--muted)}.legend i{display:inline-block;width:15px;height:2px;vertical-align:middle;margin-right:5px}.legend .planned{background:var(--lime)}.legend .current{height:7px;width:7px;border-radius:50%;background:var(--mint)}.warehouse{position:relative;height:470px;margin:0 14px 14px;overflow:hidden;border:1px solid #1a2b26;border-radius:8px;background-color:#091410;background-image:linear-gradient(#12231e 1px,transparent 1px),linear-gradient(90deg,#12231e 1px,transparent 1px);background-size:30px 30px}.zone{position:absolute;border:1px solid #1f352e;background:rgba(24,49,40,.42);color:#587068;font:9px var(--mono);letter-spacing:.12em;padding:10px}.zone.receiving{left:2%;bottom:4%;width:17%;height:24%}.zone.stock-a{left:27%;bottom:7%;width:19%;height:41%}.zone.stock-b{left:51%;top:5%;width:19%;height:42%}.zone.production{right:5%;top:5%;width:18%;height:27%}.zone.shipping{right:2%;bottom:5%;width:17%;height:22%}.stock-a i,.stock-b i{display:block;height:18%;border:1px solid #233d34;margin:8px 0}.route{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.route-shadow,.route-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-shadow{stroke:#07100d;stroke-width:15}.route-line{stroke:var(--lime);stroke-width:3;stroke-dasharray:7 6;filter:drop-shadow(0 0 6px rgba(185,244,75,.35))}.checkpoint{position:absolute;transform:translate(-50%,-50%);text-align:center;color:#8da099;font:9px var(--mono);z-index:3}.checkpoint b{display:grid;place-items:center;width:32px;height:32px;margin:auto;border:2px solid #4c625a;background:#0a1512;border-radius:50%;color:#bfd0ca}.checkpoint small{display:block;white-space:nowrap;margin-top:5px}.checkpoint.complete b{background:var(--lime);border-color:var(--lime);color:#11200a}.checkpoint.active b{border-color:var(--lime);color:var(--lime);box-shadow:0 0 0 6px rgba(185,244,75,.1),0 0 22px rgba(185,244,75,.28)}.cp1{left:10%;top:80%}.cp2{left:27%;top:57%}.cp3{left:50%;top:24%}.cp4{left:77%;top:24%}.cp5{left:91%;top:75%}.vehicle{position:absolute;left:10%;top:80%;transform:translate(-50%,-115%);z-index:5;transition:left 1s cubic-bezier(.4,0,.2,1),top 1s cubic-bezier(.4,0,.2,1)}.vehicle div{display:grid;place-items:center;width:36px;height:27px;background:var(--mint);color:#062016;border-radius:5px;box-shadow:0 0 25px rgba(102,230,173,.45)}.vehicle span{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font:8px var(--mono);color:var(--mint);white-space:nowrap}.map-scale{position:absolute;right:15px;bottom:12px;color:#61736c;font:8px var(--mono);border-top:2px solid #61736c;width:50px;text-align:center;padding-top:3px}.side-column{display:grid;grid-template-rows:1fr auto;gap:14px}.operation-card{padding-bottom:18px}.state-pill{font-size:9px}.state-pill.running{color:var(--mint);border-color:#295e49;background:#10251e}.state-pill.alert{color:#fff;border-color:#772f32;background:#341719}.state-pill.neutral{color:#91a39c;border-color:#30433c;background:#15221e}.progress-wrap{padding:4px 22px 20px}.progress-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:8px}.progress-meta b{font-family:var(--mono);color:var(--text)}.progress{height:5px;background:#1c2c27;border-radius:9px}.progress i{display:block;width:0;height:100%;border-radius:9px;background:var(--lime);box-shadow:0 0 10px rgba(185,244,75,.4);transition:width .6s}.point-pair{margin:0 22px;padding:20px 0;display:grid;grid-template-columns:1fr auto 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.point-pair>div:last-child{text-align:right}.point-pair small,.timer small,.telemetry-grid small{display:block;font:8px var(--mono);color:var(--muted);letter-spacing:.1em}.point-pair strong{font-size:28px}.point-pair span{display:block;font-size:10px;color:var(--muted)}.point-pair .arrow{font-size:20px;color:var(--lime);padding:0 15px}.timer{text-align:center;padding:25px}.timer strong{display:block;font:500 42px var(--mono);letter-spacing:-.08em}.timer span{font:9px var(--mono);color:var(--muted)}.stop-button{display:block;width:calc(100% - 44px);margin:0 22px;padding:14px;border:1px solid #7d3034;border-radius:8px;background:#291516;color:#ff8d8d;font:700 11px var(--sans);letter-spacing:.08em;cursor:pointer}.stop-button:hover{background:#3a181b}.insight-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px 20px}.insight-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--lime);color:#15200d}.insight-card strong{font-size:12px}.insight-card p:last-child{font-size:10px;line-height:1.55;color:var(--muted);margin:6px 0 0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.kpi{min-height:150px;padding:20px;background:linear-gradient(145deg,#10201b,#0b1714);border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden}.kpi-label{display:flex;justify-content:space-between;align-items:start;font:8px var(--mono);letter-spacing:.08em;color:var(--muted)}.trend{font-style:normal;color:#a7b4af}.trend.good{color:var(--mint)}.kpi>strong{font-size:39px;letter-spacing:-.06em;display:inline-block;margin-top:20px}.kpi>small{font:8px var(--mono);color:var(--muted);margin-left:4px}.meter{position:absolute;bottom:20px;left:20px;right:20px;height:3px;background:#20302b}.meter i{display:block;height:100%;width:0;background:var(--lime);transition:width .6s}.spark{position:absolute;inset:auto 0 0;height:35px;opacity:.2;background:linear-gradient(135deg,transparent 0 15%,var(--lime) 16% 17%,transparent 18% 32%,var(--lime) 33% 34%,transparent 35% 50%,var(--lime) 51% 52%,transparent 53%)}.deviation-bars{position:absolute;right:20px;bottom:20px;height:55px;display:flex;align-items:end;gap:5px}.deviation-bars i{width:7px;height:20%;background:#395148;transition:height .5s}.lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.mono{font:8px var(--mono);color:var(--muted)}.timeline{padding:0 22px 22px;min-height:190px}.event{display:grid;grid-template-columns:65px 18px 1fr auto;gap:12px;align-items:center;min-height:43px;font-size:10px}.event time{font:9px var(--mono);color:var(--muted)}.event .event-dot{width:8px;height:8px;border-radius:50%;background:#4b6259;position:relative}.event:not(:last-child) .event-dot:after{content:"";position:absolute;width:1px;height:35px;background:#294039;left:3px;top:8px}.event.valid .event-dot{background:var(--lime);box-shadow:0 0 8px var(--lime)}.event.alert .event-dot{background:var(--red)}.event span{color:#c8d4d0}.event b{font:8px var(--mono);color:var(--muted)}.telemetry-panel{padding-bottom:18px}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;margin:0 22px;border:1px solid var(--line);border-radius:8px}.telemetry-grid>div{padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.telemetry-grid>div:nth-child(2n){border-right:0}.telemetry-grid>div:nth-child(n+3){border-bottom:0}.telemetry-grid strong{display:inline-block;font:500 20px var(--mono);margin-top:7px}.telemetry-grid span{font:8px var(--mono);color:var(--muted)}.quality{padding:20px 22px 8px}.quality>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.quality b{font-family:var(--mono);color:var(--mint)}.segments{display:flex!important;gap:4px;margin-top:9px}.segments i{height:4px;flex:1;background:#24352f}.segments i.on{background:var(--mint)}.simulation-note{font-size:9px;line-height:1.55;color:var(--muted);border-top:1px solid var(--line);padding:15px 22px 0;margin:10px 0 0}.simulation-note b{color:#b5c5bf}footer{display:flex;justify-content:space-between;padding:22px clamp(20px,4vw,64px);border-top:1px solid var(--line);font:8px var(--mono);letter-spacing:.08em;color:#5f736b}@media(max-width:1100px){.dashboard-grid,.lower-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr;grid-template-rows:auto}.kpi-grid{grid-template-columns:1fr 1fr}.status-strip{grid-template-columns:repeat(2,1fr)}.status-strip>div{border-bottom:1px solid var(--line)}.status-strip>div:nth-child(3){grid-column:span 2}}@media(max-width:720px){.topbar{height:65px}.brand small,.clock{display:none}main{padding-top:25px}.hero-row{align-items:start;flex-direction:column}.mission-actions{width:100%}.button{flex:1}.status-strip{display:none}.dashboard-grid{display:block}.side-column{display:block}.side-column>*{margin-top:14px}.warehouse{height:390px}.legend{display:none}.kpi-grid{grid-template-columns:1fr}.lower-grid{display:block}.lower-grid>*{margin-top:14px}.checkpoint small{display:none}.vehicle span{display:none}footer{gap:12px;flex-direction:column}}