@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#0b1618;--surface:#f3f6f3;--panel:#fff;--muted:#687477;--line:#dce4df;--teal:#0c8f83;--teal-soft:#dff4ed;--amber:#e89218;--orange:#d65e28;--blue:#5196d1;--shadow:0 16px 36px rgba(14,37,39,.08);font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--surface)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip-link{position:fixed;top:-100px;left:16px;z-index:20;background:#fff;color:#000;padding:10px}.skip-link:focus{top:16px}.app-shell{min-height:100vh;display:flex;background:linear-gradient(120deg,#f5f8f6,#eff4f1)}.sidebar{width:260px;flex:none;background:var(--ink);color:#ecf5f1;min-height:100vh;padding:26px 16px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 27px;font-size:25px;font-weight:800;letter-spacing:-1.8px}.brand small{display:block;color:#75aaa5;font:500 8px DM Mono;letter-spacing:2.4px;margin-top:-2px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;color:#d8fff6;background:var(--teal);border-radius:9px 9px 9px 1px}.mobile-close{display:none;margin-left:auto}.company-switcher{display:flex;gap:10px;align-items:center;padding:10px;background:#162729;border:1px solid #284144;border-radius:10px;margin-bottom:24px}.company-switcher .company-mark{width:31px;height:31px;display:grid;place-items:center;background:#eff3e5;color:#183637;border-radius:7px;font:700 18px Barlow Condensed}.company-switcher span:nth-child(2){flex:1}.company-switcher small,.profile small{display:block;font:500 8px DM Mono;color:#8aa19d;letter-spacing:1.1px}.company-switcher b{display:block;font-size:13px}nav{display:grid;gap:5px}nav button,.sidebar-bottom>button{border:0;background:transparent;color:#9bb0ad;display:flex;gap:12px;padding:12px 11px;border-radius:7px;width:100%;text-align:left;align-items:center;font-size:13px}nav button:hover,nav button.active{color:#fff;background:#193638}nav button.active{box-shadow:inset 3px 0 var(--teal)}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #294143;margin-top:13px;padding:18px 5px 0;display:flex;align-items:center;gap:10px}.profile>span{background:#e8b670;color:#322313;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.profile p{margin:0;flex:1;font-size:11px;font-weight:700}.page-wrap{flex:1;min-width:0}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5.6%;border-bottom:1px solid var(--line);background:#fafcfabf}h1,h2,h3,p{margin-top:0}h1{font:600 27px Barlow Condensed;letter-spacing:-.5px;margin:2px 0 0}.eyebrow,.panel-label{color:#788785;font:500 10px DM Mono;letter-spacing:.8px;margin:0}.accent{color:var(--teal)}.top-actions{display:flex;align-items:center;gap:14px}.icon-button,.menu-button,.mobile-close{background:transparent;border:0;color:var(--ink);position:relative;padding:8px}.icon-button i{width:7px;height:7px;display:block;border-radius:50%;background:#df651a;position:absolute;top:7px;right:7px;border:1px solid white}.new-stop{border:0;border-radius:7px;padding:12px 16px;background:var(--ink);color:#fff;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;box-shadow:0 5px 12px #0411112b}.new-stop:hover{background:#1e383b;transform:translateY(-1px)}.menu-button{display:none}main{max-width:1440px;margin:auto;padding:34px 5.6% 58px}.setup-banner,.toast{display:flex;gap:9px;align-items:center;background:#fff8e8;color:#7a5318;padding:11px 14px;border:1px solid #f0d9a6;border-radius:8px;font-size:11px;margin-bottom:21px}code{font:500 10px DM Mono;color:#795a21}.toast{position:fixed;bottom:20px;right:24px;z-index:10;box-shadow:var(--shadow);max-width:390px;background:#e3f5ef;color:#0f645d;border-color:#a6d8ce}.toast button{border:0;background:transparent;margin-left:auto;font-size:20px;color:inherit}.overview-intro{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:28px}.overview-intro h2{font:600 clamp(30px,3vw,43px)/.98 "Barlow Condensed";letter-spacing:-1.4px;margin:8px 0}.overview-intro h2 em{color:var(--teal);font-style:normal}.overview-intro>div:first-child>p:last-child{color:var(--muted);max-width:620px;font-size:13px;line-height:1.65;margin:0}.live-badge{font:500 9px DM Mono;letter-spacing:.7px;color:#508179;white-space:nowrap;padding-bottom:4px}.pulse{display:inline-block;width:8px;height:8px;background:var(--teal);border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #d9f4ed}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:19px}.metric-card,.panel{background:#ffffffe0;border:1px solid rgba(208,221,215,.9);box-shadow:var(--shadow)}.metric-card{min-height:132px;padding:18px;border-radius:9px}.metric-label{display:flex;justify-content:space-between;align-items:center;color:#61706e;font-size:11px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.good{background:#3dae77;box-shadow:0 0 0 4px #e1f4e8}.status-dot.warn{background:#e69b25;box-shadow:0 0 0 4px #fff0d6}.metric-card strong{display:block;font:600 32px Barlow Condensed;margin:10px 0 4px;letter-spacing:-1px}.metric-card small{color:#69837d;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.5fr .82fr;gap:19px}.panel{border-radius:9px;padding:20px;min-width:0}.panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel h3{font:600 20px Barlow Condensed;letter-spacing:-.2px;margin:4px 0 0}.quiet-button{display:flex;gap:3px;border:0;color:#5f706e;background:transparent;font-size:10px;align-items:center}.line-list{margin-top:23px}.line-row{display:grid;grid-template-columns:6px 74px 1fr 1fr 44px;gap:11px;align-items:center;padding:12px 0;border-top:1px solid #e9efeb}.line-indicator{height:35px;border-radius:3px;background:#47b88a}.line-indicator.warn{background:#efaa35}.line-name b{display:block;font-size:11px}.line-name small{color:#778684;font-size:9px}.bar-group div:first-child{display:flex;justify-content:space-between;font:500 8px DM Mono;color:#788581;margin-bottom:5px}.track{height:5px;border-radius:8px;background:#eaf0ec;overflow:hidden}.track i{display:block;height:100%;background:#55b890;border-radius:inherit}.performance .track i{background:#64a4ca}.line-oee{font:700 19px Barlow Condensed;color:#188c79;text-align:right}.line-oee.warn{color:#d17a14}.score-panel{text-align:center;background:#0e2729;color:#effaf6;border:0;position:relative;overflow:hidden}.score-panel:after{content:"";position:absolute;inset:auto -25% -38% auto;width:200px;height:200px;border:1px solid #265456;border-radius:50%}.score-panel header{text-align:left}.score-panel .panel-label{color:#9bc8c1}.trend{padding:4px 6px;border-radius:4px;color:#a5efd1;background:#1f4f4c;font:500 9px DM Mono}.oee-ring{--progress: 0deg;width:155px;height:155px;display:grid;place-items:center;margin:22px auto 17px;border-radius:50%;background:conic-gradient(#3be3bc var(--progress),#285255 var(--progress));position:relative}.oee-ring:before{content:"";width:125px;height:125px;border-radius:50%;background:#0e2729;position:absolute}.oee-ring>div{z-index:1}.oee-ring span{display:block;color:#8cbab2;font:500 9px DM Mono}.oee-ring strong{font:600 39px Barlow Condensed;letter-spacing:-1px}.score-panel>p{font-size:11px;color:#b9d4cf;margin:0 0 20px}.score-detail{border-top:1px solid #285155;padding-top:15px;display:grid;gap:9px;text-align:left;font-size:10px;color:#bfd3cf}.score-detail span{display:flex;align-items:center;gap:6px}.score-detail b{margin-left:auto;color:#fff}.dot{width:7px;height:7px;border-radius:50%}.teal{background:#3be3bc}.amber{background:#efb342}.blue{background:#6eafde}.stop-panel,.production-panel{min-height:255px}.stops{margin-top:17px}.stop-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #ecf0ed}.stop-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:6px;color:#bd5e28;background:#fff0e7}.stop-icon.medium{color:#b87716;background:#fff3dc}.stop-icon.low{color:#4486a1;background:#e7f3f7}.stop-row div:nth-child(2){flex:1}.stop-row b{display:block;font-size:10px}.stop-row small{color:#768482;font-size:9px}.stop-row>strong{font:600 17px Barlow Condensed}.full-link{width:100%;padding:12px 0 0;border:0;background:none;color:#0b8376;display:flex;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:700}.production-panel header>strong{font:600 27px Barlow Condensed}.production-panel header strong small{color:#6c7b78;font-size:10px}.chart{display:flex;align-items:end;gap:7px;height:121px;border-bottom:1px solid #dfe7e2;margin-top:18px;padding:5px 7px 0;position:relative}.chart-lines{position:absolute;top:8px;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 38px,#ebf0ed 39px)}.chart span{background:#a6d7ca;flex:1;max-width:22px;z-index:1;border-radius:3px 3px 0 0}.chart span.today{background:#078c7d}.chart-caption{display:flex;justify-content:space-between;color:#899693;font:500 8px DM Mono;margin-top:8px}.chart-caption b{color:#4f716b}.placeholder{min-height:380px;display:grid;place-content:center;justify-items:center;text-align:center;color:#57716d;background:#fff9;border:1px dashed #b9cac5;border-radius:12px}.placeholder h2{color:#183536;margin:14px 0 7px}.placeholder p{max-width:400px;font-size:13px;line-height:1.6}.modal-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:#04111291;display:grid;place-items:center;padding:20px}.modal{width:min(500px,100%);background:#fff;box-shadow:0 25px 70px #00000047;padding:24px;border-radius:11px}.modal header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal h2{font:600 27px Barlow Condensed;margin:5px 0 0}.modal label{display:grid;gap:6px;color:#405350;font-size:11px;font-weight:700;margin-top:13px}.modal input,.modal select,.modal textarea{width:100%;border:1px solid #d3dfd8;border-radius:6px;padding:10px;color:#213635;background:#fbfdfc;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.cancel{border:0;background:transparent;color:#60706e;font-size:12px;padding:10px}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.score-panel{min-height:330px}.oee-ring{margin-top:12px}.score-detail{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.sidebar{position:fixed;z-index:25;transform:translate(-105%);transition:transform .25s ease;width:270px}.sidebar.open{transform:translate(0);box-shadow:10px 0 30px #0003}.mobile-close,.menu-button{display:block}.topbar{height:84px;padding:0 18px}.topbar>div:first-of-type{margin-right:auto}.topbar h1{font-size:24px}.top-actions .icon-button{display:none}.top-actions .new-stop{padding:10px;font-size:0}.top-actions .new-stop svg{margin:0}.overview-intro{display:block}.live-badge{margin-top:18px}.line-row{grid-template-columns:5px 65px 1fr 43px}.line-row .performance{display:none}main{padding:25px 18px 40px}.score-detail{grid-template-columns:1fr}.company-switcher{margin-top:0}}@media(max-width:510px){.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:13px;min-height:116px}.metric-card strong{font-size:28px}.metric-card small{font-size:8px}.overview-intro h2{font-size:35px}.panel{padding:16px}.line-row{grid-template-columns:5px 1fr 42px}.bar-group{display:none}.form-row{grid-template-columns:1fr}.setup-banner{font-size:9px}.topbar .eyebrow{font-size:8px}.modal{padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;color:#1e5c58;font-size:13px;background:var(--surface)}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) 1.1fr;background:#eff5f1}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,8vw,120px);background:#fff}.login-panel .brand{color:var(--ink);padding:0 0 65px}.login-panel h1{font:600 clamp(35px,4vw,51px)/.98 "Barlow Condensed";max-width:430px;margin:10px 0 13px}.login-copy{max-width:400px;color:#62726f;font-size:13px;line-height:1.7;margin-bottom:28px}.login-panel form{display:grid;gap:16px;max-width:400px}.login-panel label{display:grid;gap:7px;color:#405350;font-size:11px;font-weight:700}.login-panel input{border:1px solid #cfddd6;padding:12px;border-radius:7px;font-size:13px}.login-submit{justify-content:center;margin-top:4px}.login-submit:disabled{opacity:.65;cursor:wait}.login-error{margin:0;padding:10px;border-radius:6px;background:#fff0eb;color:#a44628;font-size:11px}.login-aside{padding:clamp(35px,8vw,120px);color:#e8f6f1;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#0a2426,#164d4a);position:relative;overflow:hidden}.login-aside:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #3b8179;border-radius:50%;right:-170px;bottom:-180px}.login-aside .eyebrow{color:#9fd7cb}.login-aside h2{font:600 clamp(36px,5vw,65px)/.92 "Barlow Condensed";letter-spacing:-1.5px;max-width:520px;margin:15px 0 60px}.login-aside h2 em{color:#65dec7;font-style:normal}.login-aside div{border-top:1px solid #3d6c69;padding-top:16px;width:min(310px,100%);display:flex;justify-content:space-between;align-items:baseline}.login-aside span{font-size:12px;color:#bddcd4}.login-aside strong{font:600 43px Barlow Condensed}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-aside{display:none}.login-panel{min-height:100vh}.login-panel .brand{padding-bottom:45px}}