:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7edf4;background:#05080c;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #05080c;--frame: #09111b;--sidebar: #08121e;--surface: #0b1521;--surface-2: #0e1a28;--surface-3: #111f2f;--line: #1d2b3b;--line-soft: rgba(151, 176, 201, .12);--text: #e7edf4;--muted: #8090a3;--muted-2: #5f7083;--green: #35d769;--green-soft: rgba(53, 215, 105, .12);--blue: #4da3ff;--blue-soft: rgba(77, 163, 255, .12);--amber: #f5b52e;--amber-soft: rgba(245, 181, 46, .12);--red: #ff5364;--red-soft: rgba(255, 83, 100, .12)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -30%,#162438 0,transparent 48rem),var(--bg)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}h1,h2,p{margin-top:0}.application-frame{width:calc(100% - 24px);min-height:calc(100vh - 24px);margin:12px;overflow:hidden;border:1px solid #1c2a3a;border-radius:26px;background:var(--frame);box-shadow:0 30px 90px #00000080,inset 0 1px #ffffff08;display:grid;grid-template-columns:228px minmax(0,1fr)}.sidebar{min-height:calc(100vh - 24px);padding:30px 18px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(20,43,69,.24),transparent 34%),#07101a;display:flex;flex-direction:column}.sidebar-head{min-height:72px;padding:2px 8px 22px;display:flex;align-items:flex-start;justify-content:space-between}.brand{color:#f3f6fa;font-size:23px;line-height:.98;letter-spacing:.04em}.brand strong,.brand span{display:block}.brand strong{font-weight:750}.brand span{font-weight:400}.icon-button{width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:9px;color:#9cacbe;background:#0d1825;display:grid;place-items:center;cursor:pointer}.menu-button{width:30px;height:30px;border:0}.sidebar nav{padding-top:12px;display:grid;gap:4px}.nav-item{width:100%;height:47px;padding:0 14px;border:0;border-radius:9px;color:#b1bdca;background:transparent;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:550;text-align:left;cursor:pointer}.nav-item:hover:not(:disabled){background:#ffffff09}.nav-item.active{color:#79a6ff;background:linear-gradient(100deg,#496edb4d,#3452a62e);box-shadow:inset 0 0 0 1px #6e90f21f}.nav-item:disabled{color:#647387;cursor:default}.sidebar-bottom{margin-top:auto;display:grid;gap:8px}.user-card{min-width:0;padding:13px;border:1px solid var(--line);border-radius:11px;background:#0b1623;display:grid;grid-template-columns:34px minmax(0,1fr) 7px;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;color:#dce8f5;background:#24354a;display:grid;place-items:center;font-size:12px;font-weight:700}.user-card strong,.user-card div span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card strong{font-size:12px}.user-card div span{margin-top:2px;color:var(--muted);font-size:11px}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #35d7698c}.logout-nav{height:42px;padding:0 13px;border:1px solid var(--line);border-radius:9px;color:#8f9eaf;background:#0a1420;display:flex;align-items:center;gap:9px;font-size:12px;cursor:pointer}.main-area{min-width:0;min-height:calc(100vh - 24px);display:flex;flex-direction:column}.app-header{min-height:98px;padding:20px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.app-header h1{margin-bottom:4px;color:#f2f5f8;font-size:27px;line-height:1.2;letter-spacing:-.025em}.app-header p{margin-bottom:0;color:var(--muted);font-size:13px}.header-controls{display:flex;align-items:center;gap:9px}.select-control,.date-control,.auto-control{height:40px;padding:0 14px;border:1px solid var(--line);border-radius:9px;color:#bac5d1;background:#0b1521;display:flex;align-items:center;gap:9px;font-size:12px}.select-control,.auto-control{cursor:pointer}.select-control{min-width:158px;justify-content:space-between}.auto-control{color:#78889a}.auto-control.enabled{color:#c8d2dc}.auto-control:not(.enabled) .online-dot{background:#526173;box-shadow:none}.refresh-control{flex:0 0 auto}.dashboard-content{flex:1;padding:20px;overflow:hidden}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.kpi-card{min-width:0;min-height:146px;padding:15px 16px 13px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(150deg,rgba(255,255,255,.025),transparent 55%),var(--surface)}.kpi-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c8d1dc;font-size:14px;font-weight:650}.kpi-icon{width:36px;height:36px;border:1px solid var(--line-soft);border-radius:50%;color:#8da0b3;background:#ffffff05;display:grid;place-items:center}.kpi-card>strong{display:block;margin:-2px 0 1px;color:var(--green);font-size:34px;line-height:1;font-weight:600}.kpi-card.blue>strong{color:var(--blue)}.kpi-card.amber>strong{color:var(--amber)}.kpi-card.muted>strong{color:#8c9aab;font-size:24px}.kpi-card>span{color:var(--muted);font-size:12px}.kpi-rule{height:2px;margin:11px -16px 9px;background:#152231}.kpi-rule span{height:100%;background:var(--green);display:block}.kpi-card.blue .kpi-rule span{background:var(--blue)}.kpi-card.amber .kpi-rule span{background:var(--amber)}.kpi-card.muted .kpi-rule span{background:#536274}.kpi-card small{display:block;overflow:hidden;color:#68798c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.primary-grid{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px}.panel{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 10px 28px #00000021}.panel-header{min-height:70px;padding:16px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-header h2{margin-bottom:4px;color:#e7ecf2;font-size:16px;line-height:1.2}.panel-header p{margin-bottom:0;color:var(--muted);font-size:11px}.map-legend{display:flex;align-items:center;gap:12px;color:#7e8d9d;font-size:10px}.map-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.legend-dot.measured{background:var(--green)}.legend-dot.unknown{background:var(--amber)}.process-map{position:relative;height:515px;margin:0 16px 16px;overflow-x:auto;overflow-y:hidden;border:1px solid #203043;border-radius:11px;background:linear-gradient(#132a4038,#040b12ad),#08121c;scrollbar-color:#2a3e54 #0a1521;scrollbar-width:thin}.process-canvas{position:relative;min-width:1240px;height:100%}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.42;background-image:linear-gradient(rgba(88,119,149,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(88,119,149,.09) 1px,transparent 1px);background-size:34px 34px}.process-canvas:after{content:"";position:absolute;top:30px;right:24px;bottom:28px;left:24px;border:1px solid rgba(62,91,120,.25);transform:skew(-3deg);pointer-events:none}.plan-node,.map-note{position:absolute;z-index:3}.plan-node{left:30px;top:25px;width:210px;min-height:92px;padding:14px;border:1px solid #31455a;border-radius:10px;background:#0d1a28ed}.plan-node span,.plan-node strong{display:block}.plan-label{color:#6f8093;font-size:11px;font-weight:700;letter-spacing:.09em}.plan-node strong{margin:6px 0 4px;overflow:hidden;color:#dae3ec;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.plan-node span:last-child{color:#7c8d9f;font-size:11px}.process-lane{position:absolute;z-index:3;left:30px;right:30px;top:134px;height:314px;display:grid;grid-template-columns:220px 82px 220px 108px 220px 108px 220px;align-items:center}.lane-node{position:relative;z-index:3}.finishing-stack{height:100%;display:flex;flex-direction:column;justify-content:space-between}.station-node{width:220px;min-height:168px;padding:14px 15px;border:1px solid rgba(53,215,105,.72);border-radius:10px;background:linear-gradient(145deg,rgba(53,215,105,.09),transparent 62%),#071419f5;box-shadow:0 9px 26px #0000006b,inset 0 0 20px #35d76906}.station-node.dressing{border-color:#4da3ffb8;background:linear-gradient(145deg,rgba(77,163,255,.1),transparent 62%),#08121cf5}.station-node.finishing{border-color:#f5b52ead;background:linear-gradient(145deg,rgba(245,181,46,.09),transparent 62%),#13120af5}.station-node.compact{width:220px;min-height:145px}.node-head,.node-name,.node-meta,.node-status{display:flex;align-items:center}.node-head{justify-content:space-between}.node-name{gap:7px;color:#dce5ed;font-size:14px;font-weight:650}.state-dot{width:8px;height:8px;border-radius:50%}.state-dot.unknown{background:var(--amber);box-shadow:0 0 8px #f5b52e80}.state-dot.online{background:var(--green);box-shadow:0 0 9px #35d7698c}.state-dot.stale{background:var(--amber);box-shadow:0 0 8px #f5b52e80}.state-dot.closed{background:#526274;box-shadow:none}.node-value{margin-top:15px;display:flex;align-items:baseline;gap:5px}.node-value strong{color:var(--green);font-size:31px;line-height:1;font-weight:600}.dressing .node-value strong{color:var(--blue)}.finishing .node-value strong{color:var(--amber)}.node-value span,.node-meta,.node-status{color:#76879a;font-size:11px}.node-meta{margin-top:13px;justify-content:space-between;gap:6px}.node-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-meta span:last-child{flex:0 0 auto;color:#9baab9}.node-status{margin:13px -15px -14px;min-height:35px;padding:8px 14px;border-top:1px solid rgba(255,255,255,.07);gap:5px}.buffer-badge{min-width:98px;padding:9px 11px;border:1px solid #35465a;border-radius:7px;background:#0a141ff5;box-shadow:0 7px 15px #00000059}.buffer-badge span,.buffer-badge strong{display:block}.buffer-badge span{color:#708094;font-size:11px;font-weight:700}.buffer-badge strong{margin-top:2px;color:#94a4b6;font-size:14px}.buffer-badge.active{border-color:#35d76994}.buffer-badge.active strong{color:var(--green)}.map-note{left:664px;bottom:17px;max-width:480px;color:#8d9aaa;display:flex;align-items:center;gap:6px;font-size:11px}.map-note svg{color:var(--amber)}.process-connector{position:relative;z-index:1;height:100%}.connector-straight:before,.branch-input,.branch-spine,.branch-arm,.merge-arm,.merge-spine,.merge-output{content:"";position:absolute;background:#35d769b3;box-shadow:0 0 8px #35d76940}.connector-straight:before{left:0;right:0;top:calc(50% - 1px);height:3px}.connector-arrow{position:absolute;z-index:2;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--green)}.connector-straight .connector-arrow{right:-1px;top:calc(50% - 5px)}.branch-input{left:0;width:50%;top:calc(50% - 1px);height:3px}.branch-spine{left:calc(50% - 1px);top:23%;bottom:23%;width:3px}.branch-arm{left:50%;right:0;height:3px}.branch-top{top:23%}.branch-bottom{bottom:23%}.arrow-top,.arrow-bottom{right:-1px}.arrow-top{top:calc(23% - 5px)}.arrow-bottom{bottom:calc(23% - 6px)}.merge-arm{left:0;width:50%;height:3px}.merge-top{top:23%}.merge-bottom{bottom:23%}.merge-spine{left:calc(50% - 1px);top:23%;bottom:23%;width:3px}.merge-output{left:50%;right:0;top:calc(50% - 1px);height:3px}.arrow-output{right:-1px;top:calc(50% - 5px)}.connector-buffer{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%)}.issues-panel{min-height:516px}.issue-count{min-width:28px;height:24px;padding:0 6px;border-radius:10px;color:#ffc6cc;background:#ff53643d;display:grid;place-items:center;font-size:12px;font-weight:700}.issue-list{padding:0 10px;display:grid;gap:7px}.issue-row{min-height:82px;padding:11px;border:1px solid var(--line-soft);border-radius:9px;background:#ffffff05;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:8px}.issue-icon{width:34px;height:34px;border-radius:7px;color:var(--amber);background:var(--amber-soft);display:grid;place-items:center}.issue-row.info .issue-icon,.issue-row.neutral .issue-icon{color:var(--blue);background:var(--blue-soft)}.issue-row strong,.issue-row div span{display:block}.issue-row strong{margin:1px 0 4px;color:#d8e0e8;font-size:13px}.issue-row div span{color:#77889b;font-size:11px;line-height:1.45}.issues-footer{margin:9px 8px 0;padding:9px 3px;border-top:1px solid var(--line-soft);color:#67778a;font-size:10px;text-align:center}.secondary-grid{margin-top:14px;display:grid;grid-template-columns:1.05fr 1.15fr .9fr;gap:14px}.secondary-grid .panel{min-height:255px}.bar-chart{height:178px;padding:7px 20px 14px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-around;gap:10px}.bar-column{flex:1;min-width:0;display:grid;grid-template-rows:22px 1fr 30px;justify-items:center}.bar-column strong{color:#cbd5df;font-size:11px}.bar-track{position:relative;width:28px;height:114px;overflow:hidden;border-radius:3px 3px 0 0;background:#111f2d;align-self:end}.bar-track span{position:absolute;inset:auto 0 0;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#44db71,#189347)}.bar-column:nth-child(2) .bar-track span{background:linear-gradient(180deg,#5cb0ff,#2a70ba)}.bar-column:nth-child(3) .bar-track span{background:linear-gradient(180deg,#ffc94d,#c68a14)}.bar-column>span{padding-top:5px;overflow:hidden;color:#7a899b;font-size:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.workplace-table{border-top:1px solid var(--line-soft)}.workplace-row{min-height:38px;padding:0 16px;border-bottom:1px solid rgba(151,176,201,.07);display:grid;grid-template-columns:.8fr 45px 1.5fr;align-items:center;gap:8px;color:#8090a2;font-size:10px}.workplace-row strong{color:#c7d0db;font-size:11px}.workplace-row.table-head{min-height:30px;color:#56687b;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.floor-list{padding:0 12px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.floor-item{min-width:0;min-height:58px;padding:9px;border:1px solid var(--line-soft);border-radius:8px;background:#ffffff04;display:grid;grid-template-columns:27px minmax(0,1fr) 16px;align-items:center;gap:6px}.floor-symbol{width:27px;height:27px;border-radius:7px;color:#64778b;background:#111f2e;display:grid;place-items:center}.floor-item.connected .floor-symbol{color:var(--green);background:var(--green-soft)}.floor-item strong,.floor-item div span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floor-item strong{color:#bdc8d3;font-size:11px}.floor-item div span{margin-top:2px;color:#657589;font-size:10px}.connection-state{color:#536477}.connection-state.yes{color:var(--green)}.status-bar{min-height:44px;padding:0 20px;border-top:1px solid var(--line);color:#748598;background:#08121d;display:flex;align-items:center;gap:34px;font-size:10px}.status-bar span{display:flex;align-items:center;gap:6px}.status-bar .system-ok{margin-left:auto;color:#78d697}.system-ok i{width:6px;height:6px;border-radius:50%;background:var(--green)}.login-page,.loading-page{min-height:100vh;padding:24px;background:radial-gradient(circle at 25% 15%,rgba(38,74,116,.24),transparent 32rem),#05090e;display:grid;place-items:center}.login-window{width:min(780px,100%);min-height:450px;overflow:hidden;border:1px solid #1d2e41;border-radius:20px;background:#09131e;box-shadow:0 35px 100px #0000008c;display:grid;grid-template-columns:1.05fr .95fr}.login-aside{padding:34px;border-right:1px solid var(--line);background:linear-gradient(145deg,rgba(38,77,121,.3),transparent 55%),#07111c;display:flex;flex-direction:column}.login-system-name{margin:auto 0}.login-system-name svg{margin-bottom:20px;color:#62a9ff}.login-system-name h1{max-width:260px;margin-bottom:10px;color:#edf2f7;font-size:28px;line-height:1.12;letter-spacing:-.035em}.login-system-name p{max-width:280px;margin-bottom:0;color:#77899c;font-size:12px;line-height:1.6}.test-label{color:#708296;display:flex;align-items:center;gap:7px;font-size:10px}.login-card{padding:52px 38px;align-self:center}.login-icon{width:40px;height:40px;margin-bottom:21px;border:1px solid #28405a;border-radius:10px;color:#74b4ff;background:#101f30;display:grid;place-items:center}.login-card h2{margin-bottom:6px;color:#edf2f6;font-size:21px}.login-card>p{margin-bottom:27px;color:#7d8da0;font-size:11px}.login-card form label{display:block;margin-bottom:7px;color:#a9b5c2;font-size:10px;font-weight:600}.pin-input{height:42px;padding:0 12px;border:1px solid #26394e;border-radius:8px;color:#74869a;background:#07111b;display:flex;align-items:center;gap:9px}.pin-input.error{border-color:#ff5364b8}.pin-input input{width:100%;border:0;outline:0;color:#e6edf4;background:transparent;font-size:12px}.pin-input input::placeholder{color:#4f6174}.login-error{margin-top:8px;color:#ff7f8d;display:flex;align-items:center;gap:6px;font-size:10px}.login-card form>button,.error-page button{width:100%;height:41px;margin-top:13px;border:0;border-radius:8px;color:#fff;background:#315dc9;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:650;cursor:pointer}.login-card form>button:disabled{opacity:.48;cursor:default}.session-note{margin-top:21px;padding-top:16px;border-top:1px solid var(--line);color:#66788c;display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.45}.session-note svg{flex:0 0 auto}.loading-page{color:#91a0b1;display:flex;align-items:center;gap:10px;font-size:12px}.error-page{flex-direction:column;color:#ff8592}.error-page button{width:auto;padding:0 18px}.spinning{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1650px){.primary-grid{grid-template-columns:minmax(0,1fr)}.issues-panel{min-height:auto}.issue-list{grid-template-columns:repeat(4,1fr)}.process-map{overflow-x:auto}.secondary-grid{grid-template-columns:1fr 1fr}.floors-panel{grid-column:1 / -1}}@media(max-width:1180px){.application-frame{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:12px}}@media(max-width:850px){.application-frame{width:100%;min-height:100vh;margin:0;border:0;border-radius:0;grid-template-columns:68px minmax(0,1fr)}.sidebar{min-height:100vh;padding-inline:9px}.sidebar .brand,.nav-item span,.user-card div,.user-card .online-dot,.logout-nav{display:none}.sidebar-head{justify-content:center;padding-inline:0}.nav-item{justify-content:center;padding:0}.user-card{padding:7px;grid-template-columns:1fr}.avatar{margin:auto}.app-header{align-items:flex-start}.header-controls{flex-wrap:wrap;justify-content:flex-end}.select-control,.auto-control{display:none}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card.buffer{grid-column:1 / -1}.issue-list{grid-template-columns:1fr 1fr}.secondary-grid{grid-template-columns:1fr}.floors-panel{grid-column:auto}.status-bar{gap:12px;flex-wrap:wrap;padding-block:8px}.login-window{max-width:420px;grid-template-columns:1fr}.login-aside{min-height:160px;border-right:0;border-bottom:1px solid var(--line)}.login-system-name{margin:30px 0 0}.login-system-name svg,.login-system-name p,.test-label{display:none}.login-system-name h1{margin-bottom:0;font-size:21px}.login-card{padding:34px}}@media(max-width:600px){.app-header{padding-inline:14px}.date-control{display:none}.dashboard-content{padding:10px}.kpi-grid{grid-template-columns:1fr}.kpi-card.buffer{grid-column:auto}.process-map{min-width:830px}.issue-list,.floor-list{grid-template-columns:1fr}}