:root{font-family:Manrope,'Segoe UI',sans-serif;color:#20342e;background:#f6f8f7;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{transition:background .15s,box-shadow .15s}button:focus-visible,a:focus-visible{outline:3px solid #76bd9e;outline-offset:4px}button:disabled{cursor:default}h1,h2,p{margin:0}button svg{flex-shrink:0}button{color:inherit}input{min-width:0}.brand{display:flex;align-items:center;gap:11px;font-size:29px;font-weight:800;letter-spacing:-1.1px;line-height:1}.brand-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e3efe7;color:#1f6754}.brand-sub{display:block;font-size:9px;font-weight:650;letter-spacing:4.1px;margin-top:7px;margin-left:2px}.brand.light{color:#fff}.brand.light .brand-symbol{background:#ffffff10;color:#b8e4cc;border:1px solid #ffffff19}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.intro{padding:44px 9%;background:#142f2e;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.intro:before{content:'';position:absolute;width:700px;height:700px;right:-430px;top:100px;border:1px solid #ffffff07;border-radius:50%;box-shadow:0 0 0 100px #ffffff02,0 0 0 200px #ffffff02;pointer-events:none}.intro-content{margin:auto 0;padding:65px 0 55px;position:relative}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:750;letter-spacing:1.5px;line-height:1.8;color:#a0bfb3}.status-dot,.live-label i,.chart-live i,.working i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#86cfa8;flex-shrink:0}.intro h1{font-size:clamp(34px,3.7vw,56px);letter-spacing:-2px;font-weight:650;line-height:1.18;margin:23px 0}.intro h1>span{color:#b5debf}.intro-content>p{font-size:14px;color:#adbfba;max-width:370px;line-height:1.9}.plant-visual{border:1px solid #ffffff1c;background:#ffffff04;border-radius:14px;margin-top:36px;max-width:430px;overflow:hidden}.visual-top,.visual-bottom{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:11px;color:#b5c8c0}.visual-top>span:first-child{display:flex;align-items:center;gap:7px}.live-label{display:flex;gap:6px;align-items:center;color:#b9e3c7;font-size:10px}.live-label i{width:5px;height:5px}.visual-body{padding:24px 22px;display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b;color:#86b6a2}.silo{display:flex;gap:5px;align-items:flex-start}.silo>span{display:block;width:22px;height:75px;border:1px solid #729a88;border-radius:9px 9px 3px 3px;position:relative;background:linear-gradient(0deg,#7eac9121 60%,transparent 60%)}.silo>span:after{content:'';position:absolute;bottom:-14px;height:14px;border-left:1px solid #729a88;left:9px}.silo>span:nth-child(2){height:84px}.plant-machine{margin-left:-12px}.mini-reading{margin-left:auto;min-width:100px}.mini-reading small{font-size:8px;letter-spacing:1.1px;color:#96b1a5}.mini-reading strong{font-size:29px;display:block;color:#e2eee7;font-weight:500;margin:6px 0}.mini-reading em{font-style:normal;font-size:13px;color:#8ca89c}.mini-reading svg{width:100%;max-width:130px;height:30px}.mini-reading path{stroke:#9ecbb1;fill:none;stroke-width:1.5}.visual-bottom{font-size:9px;padding:12px 18px}.visual-bottom .status-dot{width:5px;height:5px;margin-right:5px}.intro-features{display:flex;gap:22px;font-size:10px;color:#b2c5bb;margin-top:25px;flex-wrap:wrap}.intro-features span{display:flex;align-items:center;gap:7px}.intro-footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#a1b7ac;gap:20px}.intro-footer>span{letter-spacing:0;color:#91a89e}.login-side{padding:40px 9% 25px;display:flex;flex-direction:column;background:#fcfdfb}.login-top,.login-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#86918a}.demo-badge{font-size:9px;letter-spacing:1px;font-weight:750;background:#eef1e9;color:#67724e;border:1px solid #e4e8dc;border-radius:5px;padding:5px 8px;display:inline-flex;align-items:center;white-space:nowrap;line-height:1.5}.login-form-wrap{width:100%;max-width:370px;margin:auto; padding:50px 0}.login-icon{width:53px;height:53px;display:grid;place-items:center;border:1px solid #dde8df;border-radius:15px;background:#f0f6ef;color:#40765c;margin-bottom:27px}.muted{color:#819187;font-size:9px}.login-form-wrap h2{font-size:31px;font-weight:750;letter-spacing:-1px;margin:10px 0}.form-description{color:#7d8981;font-size:12px;line-height:1.9}.login-form-wrap form{margin-top:31px}label{display:block;font-size:11px;font-weight:750;margin:20px 0 9px}input{width:100%;height:47px;border:1px solid #dbe2db;background:#fff;border-radius:7px;padding:0 14px;font-size:12px;color:#20342e;outline:none}input::placeholder{color:#a3aaa5}input:focus{border-color:#578d72;box-shadow:0 0 0 3px #578d7214}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.eye-button{position:absolute;right:3px;top:3px;width:41px;height:41px;display:grid;place-items:center;border:0;background:none;color:#8e9a91;border-radius:4px}.eye-button:hover{background:#f0f4ef}.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:#24543f;color:#fff;border-radius:7px;font-size:12px;font-weight:650;padding:15px 17px;margin-top:25px;box-shadow:0 4px 8px #183a2910}.primary-button:hover{background:#183f2e}.demo-help{margin-top:28px;border:1px solid #e3e8dd;background:#f7f9f3;border-radius:9px;padding:16px}.demo-help .demo-badge{font-size:8px;padding:3px 6px}.demo-help p{font-size:11px;color:#7d8874;margin-top:9px}.credentials{display:flex;gap:30px;margin-top:16px}.credentials span{font-size:9px;color:#87917f}.credentials b{font-family:Consolas,monospace;color:#435b40;font-size:12px;display:block;margin-top:5px;font-weight:500}.demo-help button{border:0;border-top:1px solid #e3e8dd;padding:12px 0 0;margin-top:15px;background:none;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:10px;color:#4b7050;font-weight:650}.simulation-note{font-size:9px;color:#939e95;text-align:center;line-height:1.8;margin-top:17px}.login-footer{font-size:9px}.error{font-size:11px;color:#a63f34;margin:12px 0;line-height:1.7}.dashboard{display:flex;min-height:100dvh}.sidebar{width:224px;flex-shrink:0;border-right:1px solid #e3e9e4;background:#fff;padding:31px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.sidebar .brand{font-size:25px;margin:0 5px 45px}.sidebar .brand-symbol{width:37px;height:37px}.sidebar .brand-sub{font-size:8px}.workspace-label{font-size:8px;color:#9aa69c;letter-spacing:1.6px;font-weight:700;margin:0 13px 15px}nav{display:flex;flex-direction:column;gap:6px}nav button{display:flex;align-items:center;gap:11px;text-align:left;border:0;background:none;border-radius:7px;padding:13px 12px;font-size:11px;font-weight:600;color:#7a887d;white-space:nowrap}nav button.active{background:#edf4ed;color:#2d6345}nav button>svg:last-child:not(:first-child){margin-left:auto}nav button:hover{background:#f3f6f2}.sidebar-bottom{margin-top:auto;padding:20px 11px 0}.sidebar-bottom p{font-size:10px;color:#94a093;line-height:1.8;margin:12px 0 25px}.sidebar-bottom>button{border:0;background:none;font-size:11px;color:#7b897d;display:flex;align-items:center;gap:10px;padding:5px 0}.dashboard-body{flex:1;min-width:0;margin-left:224px}.topbar{height:85px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;border-bottom:1px solid #e4eae5;background:#ffffffb3}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:10px;color:#8d998f}.breadcrumb b{font-weight:600;color:#4c6151}.account{display:flex;align-items:center;gap:10px}.avatar{width:33px;height:33px;border:1px solid #dce8dc;background:#eef4e9;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#59714f;font-weight:700}.account strong{font-size:10px;display:block;font-weight:700}.account small{font-size:8px;display:block;color:#99a095;margin-top:3px}.mobile-logout{display:none}.dashboard-content{padding:35px 38px 20px;max-width:1550px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.page-heading h1{font-size:27px;letter-spacing:-.9px;font-weight:750;margin:7px 0 10px}.page-heading p{font-size:11px;color:#869287}.page-heading p span{padding:0 9px;color:#bec7bd}.demo-banner{display:flex;align-items:center;gap:9px;font-size:10px;color:#748064;margin:25px 0 22px;background:#f0f3e9;border:1px solid #e5eadc;border-radius:7px;padding:11px 14px;line-height:1.6}.demo-banner>svg{flex-shrink:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{padding:19px 18px;background:#fff;border:1px solid #e3e9e4;border-radius:10px}.metric>span{font-size:10px;color:#849286;display:flex;align-items:center;justify-content:space-between;gap:5px}.metric>span svg{color:#91a58f}.metric>strong{display:block;font-size:28px;font-weight:650;letter-spacing:-1px;margin:16px 0 10px;line-height:1.2;font-variant-numeric:tabular-nums}.metric>strong em{font-style:normal;font-size:12px;color:#9aa696;letter-spacing:0;font-weight:400}.metric>strong.working{font-size:22px;display:flex;align-items:center;gap:9px;color:#3a7452;letter-spacing:-.7px;margin-top:20px;margin-bottom:12px}.working i{background:#69a875}.metric small{font-size:9px;color:#9aa595;display:flex;align-items:center;gap:5px;line-height:1.7}.panel{background:#fff;border:1px solid #e2e9e3;border-radius:10px;overflow:hidden;min-width:0}.chart-panel{margin-top:21px}.panel-heading{padding:21px 22px;display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-heading h2{font-size:12px;font-weight:750}.panel-heading p{font-size:9px;color:#9ba695;margin-top:5px}.panel-heading>svg{color:#9eac9b}.chart-live{font-size:9px;color:#7c937b;display:flex;align-items:center;gap:7px}.chart-live i{background:#5f9975;width:6px;height:6px}.chart{height:230px;margin:0 15px 17px 10px}.chart-footer{display:flex;justify-content:space-between;padding:13px 22px;border-top:1px solid #edf0eb;font-size:9px;color:#9ba795;gap:10px}.chart-footer .status-dot{width:5px;height:5px;margin-right:6px;background:#6caa7a}.chart-footer time{font-variant-numeric:tabular-nums}.records-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-top:21px}.records-full{margin-top:21px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:10px}th{font-size:9px;color:#9aa692;font-weight:500;background:#fafbf8;padding:12px 20px;border-top:1px solid #edf0e9;border-bottom:1px solid #edf0e9}td{padding:16px 20px;border-bottom:1px solid #f0f3ed;color:#66775f}tbody tr:last-child td{border:0}.complete,.resolved{font-size:8px;color:#64835d;background:#eff5e9;border-radius:4px;padding:4px 6px}.alarm-list{padding:0 22px}.alarm-row{display:flex;gap:11px;border-top:1px solid #edf0e9;padding:19px 0;align-items:flex-start}.alarm-icon{background:#f7f4e9;color:#a39b6c;border-radius:7px;width:31px;height:31px;display:grid;place-items:center;flex-shrink:0}.alarm-row strong{font-size:10px;font-weight:600;display:block;line-height:1.6}.alarm-row small{font-size:8px;color:#9ca691;display:block;margin:3px 0 8px}.alarm-row time{margin-left:auto;font-size:9px;color:#a3ad9b;white-space:nowrap}.dashboard-footer{display:flex;justify-content:space-between;font-size:8px;color:#a1ad9a;padding:25px 0 0;gap:10px;line-height:1.8}.dashboard-footer>span>span{margin:0 8px}
@media(min-width:1550px){.intro{padding-left:12%;padding-right:12%}.intro-content{max-width:460px}.login-side{padding-left:12%;padding-right:12%}}
@media(max-width:1100px){.intro{padding:35px 7%}.login-side{padding:35px 7% 25px}.silo{display:none}.plant-machine{margin-left:0}.intro-features{gap:12px}.dashboard-content{padding:28px 22px 20px}.topbar{padding:0 22px}.sidebar{width:200px;padding:30px 13px}.dashboard-body{margin-left:200px}.metrics{gap:10px}.metric{padding:16px 12px}.metric>strong.working{font-size:19px}.records-grid{grid-template-columns:1fr}th,td{padding-left:22px}}
@media(max-width:760px){.login-layout{grid-template-columns:1fr}.intro{padding:23px 25px}.intro .brand{font-size:24px}.intro .brand-symbol{width:36px;height:36px}.intro .brand-sub{font-size:7px}.intro-content{padding:26px 0 3px}.intro-content>.eyebrow{font-size:8px}.intro h1{font-size:34px;margin:12px 0;letter-spacing:-1.3px}.intro h1 br{display:none}.intro-content>p{font-size:11px;max-width:380px}.plant-visual,.intro-features,.intro-footer{display:none}.login-side{padding:25px;min-height:650px}.login-top{font-size:10px}.login-form-wrap{padding:30px 0;max-width:420px}.login-icon{display:none}.login-form-wrap h2{font-size:28px}.login-form-wrap form{margin-top:22px}.login-footer{margin-top:15px}.sidebar{position:static;inset:auto;width:100%;padding:18px 20px 0;border-right:0;border-bottom:1px solid #e3e9e4}.dashboard{flex-direction:column}.sidebar .brand{font-size:23px;margin:0 0 23px}.sidebar .brand-symbol{width:33px;height:33px}.sidebar .brand-sub{font-size:7px}.workspace-label,.sidebar-bottom{display:none}nav{flex-direction:row;gap:7px;overflow:auto}nav button{font-size:10px;padding:12px 9px;border-radius:6px 6px 0 0;gap:6px}nav button.active{box-shadow:inset 0 -2px #4f7c54}nav button>svg:last-child:not(:first-child){display:none}nav button svg{width:15px}.dashboard-body{margin:0}.topbar{height:65px;padding:0 20px}.breadcrumb{font-size:9px;gap:6px}.breadcrumb>b{display:none}.account{gap:8px}.account small{font-size:7px}.account strong{font-size:9px}.avatar{width:28px;height:28px;font-size:9px}.mobile-logout{display:grid;place-items:center;border:0;background:none;margin-left:4px;padding:10px;color:#8c9b87}.dashboard-content{padding:25px 20px 20px}.page-heading h1{font-size:23px}.page-heading>.demo-badge{font-size:7px}.demo-banner{font-size:9px;margin:22px 0 16px}.metrics{grid-template-columns:repeat(2,1fr);gap:12px}.metric{padding:17px 14px}.metric>strong{font-size:27px}.metric>strong.working{font-size:21px}.metric small{font-size:8px}.metric>span{font-size:9px}.panel-heading{padding:19px 16px}.chart{height:210px;margin-left:3px;margin-right:10px}.chart-live{font-size:8px}.chart-footer{padding:12px 15px;font-size:8px;flex-wrap:wrap;row-gap:8px}.records-grid{gap:16px;margin-top:16px}.chart-panel{margin-top:16px}.alarm-list{padding:0 16px}.dashboard-footer{flex-direction:column;gap:4px}th,td{padding:13px 15px}table{font-size:9px}.panel-heading h2{font-size:12px}}
.demo-accounts{display:grid;margin-top:12px}.demo-accounts>button{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:12px 0;margin:0;gap:12px}.demo-accounts strong{font-size:11px;font-weight:650;display:block}.demo-accounts small{font-size:9px;font-weight:400;color:#87917f;display:block;margin-top:5px}.demo-accounts small b,.shared-password b{font-family:Consolas,monospace;font-weight:500;color:#435b40}.demo-help .shared-password{font-size:10px;border-top:1px solid #e3e8dd;padding-top:12px;margin-top:0}.login-side .login-form-wrap{padding-top:35px;padding-bottom:35px}.page-heading>div{min-width:0}.page-heading h1,.page-heading p{overflow-wrap:anywhere}
.metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.metric{min-width:0}.metric>strong em{display:inline-block;white-space:nowrap}.metric>strong[data-testid="production-rate"]{font-size:25px}
@media(max-width:1200px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric>strong[data-testid="production-rate"]{font-size:25px}.metric>strong[data-testid="production-rate"] em{font-size:10px}}
.customer-identity{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:24px;align-items:center;margin-top:24px;padding:22px;background:#fff;border:1px solid #e2e9e3;border-radius:10px}.customer-company{display:flex;align-items:center;gap:13px;min-width:0}.customer-company img{flex-shrink:0;border-radius:12px}.identity-label{display:block;font-size:8px;letter-spacing:1.3px;color:#8a9788;font-weight:700;margin-bottom:7px}.customer-company h2{font-size:16px;font-weight:750;letter-spacing:-.4px;line-height:1.4}.customer-company small{font-size:9px;color:#97a18f;display:block;margin-top:4px}.identity-site,.identity-location{min-width:0;border-left:1px solid #e9eee5;padding-left:24px}.identity-site strong,.identity-location strong{font-size:11px;font-weight:650;display:block;line-height:1.7;overflow-wrap:anywhere}.identity-site>span:last-child,.identity-location>span:last-child{display:block;font-size:9px;color:#94a08e;margin-top:5px}.customer-identity+.demo-banner{margin-top:16px}
@media(max-width:1100px){.customer-identity{grid-template-columns:1fr 1fr;gap:20px}.customer-company{grid-column:1/-1}.identity-site{border-left:0;padding-left:0}}
@media(max-width:760px){.customer-identity{grid-template-columns:1fr;padding:18px;gap:17px;margin-top:20px}.customer-company{grid-column:auto}.identity-site,.identity-location{border-left:0;border-top:1px solid #edf0e9;padding:14px 0 0}.customer-company h2{font-size:16px}.identity-label{font-size:8px}}
.customer-avatar{object-fit:contain;border-radius:9px;flex-shrink:0}
.metrics.metrics-four{grid-template-columns:repeat(4,minmax(0,1fr))}.production-page{display:grid;gap:20px}.production-filter .panel-heading h2{display:flex;align-items:center;gap:8px}.production-filter .panel-heading p{line-height:1.8}.date-filter-fields{display:flex;align-items:end;gap:18px;padding:0 22px 22px;flex-wrap:wrap}.date-filter-fields>div:not(.date-presets){flex:1;min-width:170px}.date-filter-fields label{margin:0 0 9px}.date-filter-fields input{height:43px;color:#49634e}.date-presets{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-height:43px}.date-presets button{border:1px solid #e1e8de;background:#fafbf8;border-radius:6px;padding:10px 12px;font-size:10px;white-space:nowrap}.date-presets button.selected{background:#eaf3e9;border-color:#bad0b8;color:#356742}.date-error{font-size:11px;color:#a63f34;line-height:1.7;padding:0 22px 20px}.production-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.production-summary .metric strong{font-size:27px}.production-summary .metric:first-child strong{color:#39714e}.production-summary .metric small{line-height:1.8}.record-time{display:block;font-size:9px;color:#9aa68f;margin-top:5px}.record-id{font:9px Consolas,monospace;color:#8a9a81}.production-page tfoot{background:#f1f6ed}.production-page tfoot th,.production-page tfoot td{border-top:1px solid #dce7d4;font-size:11px;font-weight:700;padding:17px 20px;color:#4b6943}.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0e9;padding:16px 20px;font-size:10px;color:#89977f;gap:12px}.pagination>div{display:flex;align-items:center;gap:13px}.pagination button{display:grid;place-items:center;border:1px solid #dfe7d9;background:#f9fbf6;width:30px;height:30px;border-radius:6px}.pagination button:disabled{opacity:.35}.production-empty{display:grid;justify-items:center;padding:36px 20px;color:#8c9b81;text-align:center}.production-empty h3{font-size:13px;color:#566b4d;margin:14px 0 8px}.production-empty p{font-size:10px;line-height:1.8}
@media(max-width:1200px){.metrics.metrics-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.production-summary{grid-template-columns:1fr 1fr;gap:12px}.production-summary .metric:first-child{grid-column:1/-1}.date-filter-fields{padding:0 16px 18px;gap:14px}.date-filter-fields>div:not(.date-presets){min-width:0;flex-basis:100%}.date-presets{width:100%}.date-presets button{flex:1;padding:11px 8px}.production-filter input{max-width:100%}.production-page{gap:16px}.production-page tfoot th,.production-page tfoot td{padding:16px 15px;font-size:10px}.pagination{padding:14px 15px}}
.remember-option{display:flex;align-items:flex-start;gap:10px;margin:20px 0 0;font-size:11px;font-weight:600;cursor:pointer}.remember-option input{width:16px;height:16px;flex-shrink:0;margin:2px 0 0;accent-color:#24543f}.remember-option small{display:block;font-size:9px;font-weight:400;color:#8b968b;margin-top:5px}.install-dialog{position:fixed;max-width:460px;width:calc(100% - 36px);max-height:calc(100dvh - 40px);overflow:auto;background:#fcfdfb;color:#20342e;padding:30px;border:1px solid #e0e7dc;border-radius:18px;box-shadow:0 20px 100px #142b2b35;margin:auto}.install-dialog::backdrop{background:#142b2b88;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;border:0;background:none;color:#86947d;width:32px;height:32px;border-radius:8px}.dialog-close:hover{background:#edf2e7}.install-app-icon{display:block;border-radius:15px;margin-bottom:18px}.install-dialog h2{font-size:24px;letter-spacing:-.6px;margin:8px 0}.install-description{font-size:11px;color:#8c9881;line-height:1.9}.install-platforms{display:flex;gap:5px;padding:5px;background:#f0f4eb;border-radius:8px;margin:22px 0}.install-platforms button{flex:1;background:none;border:0;border-radius:5px;font-size:10px;padding:10px 5px;color:#839178}.install-platforms button[aria-pressed=true]{background:#fff;color:#416b39;box-shadow:0 2px 5px #142b2b08;font-weight:700}.install-dialog ol{padding-left:23px;margin:0;font-size:11px;line-height:1.9;color:#6f8064}.install-dialog li{margin:12px 0;padding-left:4px}.install-dialog li svg{vertical-align:middle;margin-right:3px}.install-dialog li b{color:#3b5733;font-weight:650}.install-footnote,.install-message{font-size:9px;line-height:1.9;color:#97a18e;margin-top:20px}.install-message{color:#9b6d2b}.install-done{display:block;border:1px solid #dce6d6;border-radius:7px;background:#f4f8ef;color:#557248;font-size:11px;padding:11px 20px;margin-top:23px;width:100%}.install-success{font-size:12px;line-height:1.8;color:#5d7c4f;margin:22px 0}.pwa-notice{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid #cbdcca;border-radius:9px;background:#edf5e9;padding:15px 18px;margin-bottom:20px;font-size:11px;color:#4b7040}.pwa-notice button{border:1px solid #bdd1b5;border-radius:5px;background:#fff;padding:6px 10px;font-size:10px}.offline-banner{background:#fff5df;border-color:#eddbb8;color:#947137}
@media(max-width:760px){.install-dialog{padding:25px 22px}.install-dialog h2{font-size:22px}.account{gap:7px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-picker{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 8px;color:#70856a;border:1px solid #e0e7dc;border-radius:7px;font-size:10px;font-weight:500;flex-shrink:0;background:#fcfdfb}.language-picker select{font:inherit;background:transparent;color:inherit;border:0;outline-offset:3px;max-width:105px;cursor:pointer;padding:2px}.language-picker svg{flex-shrink:0}.login-top{gap:12px;flex-wrap:wrap}.brand{direction:ltr}.brand-sub{max-width:140px;letter-spacing:2px;font-size:8px}.account{gap:8px}.chart{direction:ltr}.password-wrap input{padding-inline-start:14px;padding-inline-end:48px}.record-id{direction:ltr;unicode-bidi:isolate}.remember-option input{margin-inline-start:0}.metric>span{line-height:1.7}.metric strong{overflow-wrap:anywhere}.install-dialog h2{line-height:1.35}
[dir=rtl] th{text-align:right}[dir=rtl] .sidebar{inset:0 0 0 auto;border-right:0;border-left:1px solid #e3e9e4}[dir=rtl] .dashboard-body{margin-left:0;margin-right:224px}[dir=rtl] nav button{text-align:right}[dir=rtl] nav button>svg:last-child:not(:first-child){margin-left:0;margin-right:auto;transform:rotate(180deg)}[dir=rtl] .eye-button{right:auto;left:3px}[dir=rtl] .identity-site,[dir=rtl] .identity-location{border-left:0;border-right:1px solid #e9eee5;padding-left:0;padding-right:24px}[dir=rtl] .alarm-row time{margin-left:0;margin-right:auto}[dir=rtl] .pagination svg,[dir=rtl] .breadcrumb svg{transform:rotate(180deg)}[dir=rtl] .install-dialog ol{padding-left:0;padding-right:23px}[dir=rtl] .dialog-close{right:auto;left:13px}[lang=ar] h1,[lang=ar] h2,[lang=ar] .eyebrow,[lang=ar] .identity-label,[lang=ar] .demo-badge,[lang=ar] .brand-sub{letter-spacing:0}
@media(max-width:1100px){.topbar .breadcrumb{display:none}.topbar .account{margin-inline-start:auto}[dir=rtl] .dashboard-body{margin-right:200px}[dir=rtl] .identity-site{border-right:0;padding-right:0}}
@media(max-width:760px){.topbar{min-height:65px;height:auto;padding:12px 20px}.topbar .account{width:100%;min-width:0;gap:6px}.account>.language-picker{margin-inline-end:auto}.account>div{min-width:0}.account strong{max-width:105px;overflow-wrap:anywhere}.language-picker{font-size:9px;padding:5px}.language-picker select{max-width:87px}.language-picker svg{width:14px}.brand-sub{font-size:7px}.login-top>span:first-of-type{margin-inline-start:auto}[dir=rtl] .dashboard-body{margin-right:0}[dir=rtl] .sidebar{inset:auto}[dir=rtl] .identity-site,[dir=rtl] .identity-location{border-right:0;padding-right:0}.intro h1{line-height:1.3}}
.customer-identity{margin-bottom:22px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.login-install{margin-top:20px;min-width:0}
.install-control{position:relative;width:100%;min-width:0}
.install-help-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:10px 14px;border:1px solid #24543f;border-radius:9px;background:#24543f;color:#fff;font-size:11px;font-weight:700;box-shadow:0 3px 9px #24543f20;white-space:normal;overflow-wrap:anywhere}
.install-help-button:hover{background:#193f2e}.install-help-button:disabled{opacity:.65}
.install-help-button:focus-visible,.install-reminder button:focus-visible{outline:3px solid #d5ac64;outline-offset:3px}
.install-reminder{position:relative;width:100%;max-width:100%;min-width:0;margin-top:14px;padding:21px;border:1px solid #cbdac5;background:#fffef8;border-radius:13px;box-shadow:0 6px 20px #142b2b12;white-space:normal;overflow-wrap:anywhere}
.install-reminder::before{content:'';position:absolute;top:-7px;inset-inline-start:30px;width:12px;height:12px;transform:rotate(45deg);border-top:1px solid #cbdac5;border-left:1px solid #cbdac5;background:#fffef8}
.install-reminder strong{display:block;max-width:none;font-size:13px;line-height:1.6;color:#244b36;padding-inline-end:18px}
.install-reminder p{font-size:11px;line-height:1.8;color:#71806b;margin:8px 0 15px}
.install-reminder-close{position:absolute;top:7px;inset-inline-end:7px;display:grid;place-items:center;width:30px;height:30px;border:0;background:transparent;color:#6a7e60;border-radius:6px}
.install-reminder-close:hover{background:#edf3e8}
.install-reminder-action{display:flex;align-items:center;gap:8px;max-width:100%;padding:0;border:0;background:none;color:#24543f;font-size:11px;font-weight:750;min-height:30px;overflow-wrap:anywhere}
.install-dialog{max-width:min(460px,calc(100vw - 24px));overflow-wrap:anywhere}
.install-platforms button{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.topbar .account{flex-wrap:wrap}.install-help-button{min-height:42px;padding:10px 12px;font-size:11px;gap:6px}.install-reminder{padding:20px}.install-dialog{padding:24px 18px}}

/* Access comes first: demo choices precede the form and installation. */
.login-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.login-side{padding:28px clamp(28px,5vw,88px) 24px;min-width:0}
.login-side .login-form-wrap{max-width:430px;padding:36px 0;margin:auto}
.mobile-brand{display:none}.login-top .language-picker{min-height:40px}.login-top .portal-label{margin-inline-end:auto}
.demo-entry-heading h2{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:12px 0 10px}
.demo-entry-heading>p{font-size:13px;line-height:1.7;color:#64766b;max-width:340px}
.demo-entry-heading .demo-badge{background:#e8f1e8;color:#396044;border-color:#d5e5d6;font-size:10px}
.demo-facility-cards{display:grid;gap:10px;margin-top:22px}
.demo-facility-card{display:flex;align-items:center;gap:15px;width:100%;min-height:96px;padding:15px 17px;background:#fff;border:1px solid #dbe5db;border-radius:13px;text-align:start;box-shadow:0 3px 12px #193a2610}
.demo-facility-card:hover{background:#eef6ef;border-color:#7da88b;box-shadow:0 4px 16px #193a261a}
.demo-facility-card>img{flex-shrink:0;border-radius:10px;width:46px;height:46px}
.demo-facility-copy{min-width:0;flex:1}.demo-facility-copy strong{font-size:14px;line-height:1.5;font-weight:750;display:block;color:#263f32}.demo-facility-copy small{font-size:12px;line-height:1.6;display:block;color:#6d7e71;margin-top:1px}
.demo-card-action{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:750;color:#28633f;margin-top:5px}.demo-card-chevron{color:#76907d}
.demo-credentials{margin-top:15px;color:#657667;font-size:12px}.demo-credentials summary{cursor:pointer;padding:10px 0;min-height:40px;width:fit-content;text-decoration:underline;text-decoration-color:#b3c5b8;text-underline-offset:4px}.demo-credentials summary:focus-visible{outline:3px solid #76bd9e;outline-offset:3px;border-radius:4px}.demo-credentials>div{background:#f0f5ee;border:1px solid #dce6d9;border-radius:9px;padding:8px 13px;margin-top:5px}.demo-credentials p{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;line-height:1.5}.demo-credentials b{font-family:Consolas,monospace;direction:ltr;unicode-bidi:isolate;color:#284934}
.login-divider{display:flex;align-items:center;gap:14px;margin:24px 0;color:#718171;font-size:11px;line-height:1.7}.login-divider:before,.login-divider:after{content:'';height:1px;background:#dce5dc;flex:1}.login-divider>span{text-align:center;max-width:75%}
.customer-login h2{font-size:21px;line-height:1.4;margin:0 0 5px;letter-spacing:-.5px}.customer-login .form-description{font-size:12px;color:#718175}.login-form-wrap .customer-login form{margin-top:15px}.customer-login label{font-size:12px;margin-top:14px}.customer-login input{font-size:16px;height:48px}.customer-login .remember-option{margin-top:16px;font-size:12px}.customer-login .remember-option input{width:18px;height:18px}.customer-login .remember-option small{font-size:11px;line-height:1.5}.customer-login .primary-button{font-size:14px;min-height:48px;margin-top:18px}.customer-login .eye-button{height:42px}
.login-install{margin-top:24px;padding-top:22px;border-top:1px solid #e1e8dd}.login-footer{gap:12px;line-height:1.7}
[dir=rtl] .demo-card-action svg,[dir=rtl] .demo-card-chevron{transform:rotate(180deg)}
@media(max-width:760px){
 .login-layout{display:flex;flex-direction:column}.login-side{order:0;padding:0 20px 22px;min-height:0}.intro{order:1;padding:30px 25px}.intro>.brand{display:none}.intro-content{padding:0}.intro h1{font-size:30px}.intro-content>p{font-size:13px}.intro-features{display:flex;font-size:11px;gap:14px}.intro-footer{display:flex;margin-top:28px;line-height:1.7;flex-wrap:wrap}
 .login-top{min-height:78px;gap:10px;border-bottom:1px solid #e0e8de;flex-wrap:nowrap}.mobile-brand{display:block;margin-inline-end:auto}.mobile-brand .brand{font-size:25px;gap:9px}.mobile-brand .brand-symbol{width:36px;height:36px}.mobile-brand .brand-sub{font-size:7px;margin-top:6px;letter-spacing:2px}.login-top .portal-label{display:none}.login-top .language-picker{font-size:11px;min-height:42px}.login-top .language-picker select{max-width:90px}
 .login-side .login-form-wrap{padding:25px 0 24px;margin:0 auto;max-width:460px}.demo-entry-heading h2{font-size:28px;margin:10px 0 8px}.demo-entry-heading>p{font-size:13px;line-height:1.7}.demo-facility-cards{gap:10px;margin-top:19px}.demo-facility-card{min-height:94px;padding:13px 14px;gap:13px}.demo-facility-copy strong{font-size:14px}.demo-facility-copy small{font-size:12px}.demo-card-action{font-size:12px}.demo-credentials{margin-top:10px}.login-divider{margin:22px 0}.login-footer{margin-top:0;font-size:10px}
}
@media(max-width:359px){.login-side{padding-inline:16px}.demo-entry-heading h2{font-size:25px}.demo-facility-card{padding:12px;gap:10px}.demo-facility-card>img{width:38px;height:38px}.demo-card-chevron{display:none}}
.demo-facility-copy strong,.demo-facility-copy small{overflow-wrap:anywhere}.demo-entry+.pwa-notice{margin-top:18px}

/* Customer portal entry and compact plant identity. */
.login-side>.login-install{width:100%;max-width:430px;margin:18px auto 0;padding:0;border:0}
.login-side>.login-install .install-help-button{min-height:44px;background:#edf4ed;color:#24543f;border-color:#b9cdbd;box-shadow:none;font-size:12px}
.login-side .login-form-wrap{padding-top:28px}.portal-heading h2{font-size:31px;line-height:1.3;letter-spacing:-1px;margin:9px 0}.portal-heading>p{font-size:13px;color:#65766c;line-height:1.8}
.demo-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:start;background:#f1f5ef;border:1px solid #dce6d9;border-radius:10px;padding:13px 15px;margin:21px 0 22px;color:#365a40;min-height:60px}.demo-toggle strong{display:block;font-size:13px}.demo-toggle small{display:block;font-size:11px;line-height:1.7;color:#6d7f6e;margin-top:3px}.demo-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.demo-toggle:hover{background:#e8f0e7}
.demo-entry[hidden]{display:none}.demo-entry{padding:18px;border:1px solid #dce6d9;background:#f8faf6;border-radius:12px;margin-bottom:24px}.demo-entry-heading h2{font-size:23px}.demo-entry-heading>p{font-size:12px}.demo-entry-heading .demo-badge{font-size:9px}.demo-facility-cards{margin-top:16px}.demo-facility-card{box-shadow:none}.customer-login form>label:first-child{margin-top:0}.login-install-reminder:empty{display:none}.login-install-reminder .install-reminder{margin-top:22px}.login-install-reminder .install-reminder:before{display:none}
.topbar{height:auto;min-height:88px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 30px;background:#fff;position:relative;z-index:2}.facility-identity{min-width:0;flex:1;max-width:680px}.facility-identity>summary{display:flex;align-items:center;gap:11px;cursor:pointer;list-style:none;min-height:48px;width:fit-content;max-width:100%;border-radius:7px}.facility-identity>summary::-webkit-details-marker{display:none}.facility-identity>summary:focus-visible{outline:3px solid #76bd9e;outline-offset:4px}.facility-identity>summary>img{border-radius:8px;flex-shrink:0}.facility-identity>summary>span{min-width:0}.facility-identity>summary strong{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.facility-identity>summary small{display:block;font-size:11px;line-height:1.6;color:#6b7c6c;overflow-wrap:anywhere}.facility-details-label{display:flex;align-items:center;gap:4px;font-size:10px;line-height:1.7;color:#44764c}.facility-identity[open] .facility-details-label svg{transform:rotate(180deg)}
.facility-details{display:grid;gap:14px;max-width:500px;padding:18px;margin-top:12px;border:1px solid #dce6d9;border-radius:10px;background:#f5f8f1}.facility-details .identity-label{font-size:9px;margin-bottom:4px}.facility-details strong{font-size:12px;line-height:1.6;display:block;overflow-wrap:anywhere}.facility-details small{display:block;font-size:10px;line-height:1.7;color:#7b8874;margin-top:3px}.topbar-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.topbar-actions .language-picker{margin:0;min-height:42px}.topbar-logout{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid #e1e8dc;background:#f8faf5;border-radius:8px;color:#6c8065}.topbar-logout:hover{background:#edf3e7}.page-heading h1{margin:0;font-size:26px}.dashboard-content>.demo-banner{margin:16px 0 18px}
@media(max-width:760px){.login-top{min-height:70px}.login-side>.login-install{max-width:460px;margin-top:14px}.login-side .login-form-wrap{padding-top:22px}.portal-heading h2{font-size:29px}.portal-heading>.eyebrow{font-size:9px}.portal-heading>p{font-size:12px}.demo-toggle{margin:18px 0 21px}.demo-entry{padding:14px}.demo-entry-heading h2{font-size:23px}.demo-facility-card{min-height:90px}
 .topbar{padding:14px 20px;gap:14px;min-height:0}.facility-identity>summary{align-items:flex-start;gap:9px}.facility-identity>summary>img{width:30px;height:30px;margin-top:3px}.facility-identity>summary strong{font-size:12px}.facility-identity>summary small{font-size:10px}.topbar-actions{gap:6px}.topbar-actions .language-picker{font-size:10px;min-height:40px}.topbar-actions .language-picker select{max-width:80px}.topbar-logout{min-width:40px;height:40px}.dashboard-content{padding-top:20px}.page-heading h1{font-size:23px}.facility-details{padding:13px}.dashboard-content>.demo-banner{font-size:10px;line-height:1.6;padding:10px 12px;margin:13px 0 16px}}
@media(max-width:420px){.topbar{flex-wrap:wrap;gap:8px;padding:12px 16px}.facility-identity{flex-basis:100%;max-width:none}.topbar-actions{width:100%;justify-content:flex-end}.facility-identity>summary{min-height:44px}.topbar-actions .language-picker{margin-inline-end:auto}.dashboard-content{padding-inline:16px}.page-heading h1{font-size:22px}.demo-toggle small{font-size:11px}}
@media(max-width:420px){.topbar{flex-wrap:nowrap;align-items:flex-start}.facility-identity{flex:1;min-width:0}.facility-identity>summary{width:100%}.facility-identity>summary>span{flex:1;min-width:0}.facility-identity>summary small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-actions{width:auto;flex-shrink:0;gap:4px}.topbar-actions .language-picker select{max-width:68px}.topbar-actions .language-picker svg{display:none}.topbar-logout{min-width:36px;width:36px}.facility-details{padding:12px}.facility-identity[open]{flex-basis:100%}.topbar:has(.facility-identity[open]){flex-wrap:wrap}}

/* Keep report filters compact until a custom range is requested. */
.production-filter-toolbar{display:flex;gap:8px;align-items:center;padding:12px 16px}.production-filter-toolbar .date-presets{flex:1;min-width:0;min-height:44px;gap:7px}.production-filter-toolbar .date-presets button{min-height:44px;flex:1;font-size:11px;padding:10px 12px}.date-picker-toggle{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #c8d9c3;background:#f4f8ef;color:#476a3b;border-radius:8px}.date-picker-toggle:hover,.date-picker-toggle[aria-expanded=true]{background:#e7f0e2;border-color:#8ba97d}.production-filter #custom-date-range[hidden]{display:none}.production-filter #custom-date-range{border-top:1px solid #e5ecdf}.production-filter #custom-date-range .panel-heading{padding-top:18px;padding-bottom:8px}
/* Keep brand/actions, plant identity and navigation in predictable mobile rows. */
.dashboard{display:block}
.dashboard-header>.topbar{margin-inline-start:224px}
.dashboard .topbar:has(.facility-identity[open]){flex-wrap:wrap}
.dashboard .topbar .facility-identity[open]{flex-basis:100%}
@media(max-width:1100px) and (min-width:761px){
 .dashboard-header>.topbar{margin-inline-start:200px}
}
@media(max-width:760px){
 html{scroll-padding-top:160px}
 .dashboard-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand actions' 'identity identity' 'navigation navigation';align-items:center;position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 2px 8px #20342e0a;padding-top:env(safe-area-inset-top,0px)}
 .dashboard .dashboard-header>.sidebar,.dashboard .dashboard-header>.topbar{display:contents}
 .dashboard>.dashboard-body{display:block;margin:0}
 .dashboard .sidebar>.brand{grid-area:brand;margin:0;padding:10px 16px;gap:7px;font-size:22px;min-width:0}
 .dashboard .sidebar .brand-symbol{width:30px;height:32px}
 .dashboard .sidebar .brand-symbol svg{width:23px}
 .dashboard .sidebar .brand-sub{letter-spacing:1.8px;font-size:6px;margin-top:5px}
 .dashboard .topbar-actions{grid-area:actions;display:flex;width:auto;gap:8px;padding-inline-end:16px;align-items:center}
 .dashboard .topbar-actions .language-picker{margin:0;min-height:44px;font-size:11px;padding:4px 7px}
 .dashboard .topbar-actions .language-picker svg{display:none}
 .dashboard .topbar-actions .language-picker select{max-width:84px;min-height:32px}
 .dashboard .topbar-logout{width:44px;min-width:44px;height:44px}
 .dashboard .topbar .facility-identity{grid-area:identity;min-width:0;max-width:none;margin:0 16px;border-top:1px solid #edf0eb}
 .dashboard .topbar .facility-identity>summary{position:relative;width:100%;min-height:58px;align-items:center;gap:9px;padding:7px 24px 7px 0;padding-inline:0 24px}
 .dashboard .topbar .facility-identity>summary>img{width:30px;height:30px;margin:0}
 .dashboard .topbar .facility-identity>summary>span{min-width:0;flex:1}
 .dashboard .topbar .facility-identity>summary strong{font-size:12px;line-height:1.6}
 .dashboard .topbar .facility-identity>summary small{font-size:10px;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .dashboard .topbar .facility-details-label{position:absolute;inset-inline-end:2px;top:50%;transform:translateY(-50%);font-size:0;gap:0;color:#44764c}
 .dashboard .topbar .facility-details-label svg{width:16px;height:16px}
 .dashboard .facility-details{margin:0 0 10px;padding:13px}
 .dashboard .sidebar>nav{grid-area:navigation;min-width:0;padding:0 12px;border-bottom:1px solid #e3e9e4;gap:3px;background:#fff}
 .dashboard .sidebar>nav button{min-height:44px;flex:1;justify-content:center;padding:10px 8px;font-size:10px;gap:6px}
 .dashboard .dashboard-body>.dashboard-content{width:100%;min-width:0;background:#f6f8f7;margin:0}
 .dashboard-header:has(.facility-identity[open]){max-height:70dvh;overflow-y:auto}
 .production-filter-toolbar{padding:10px;gap:6px}
 .production-filter-toolbar .date-presets{gap:5px;flex-wrap:nowrap;width:auto}
 .production-filter-toolbar .date-presets button{font-size:10px;padding:9px 6px;white-space:normal;line-height:1.5}
}

/* Shared Enopan Connect mark: canonical favicon also supplies the product logo. */
.brand-symbol,.brand.light .brand-symbol{background:transparent;border:0}.brand-symbol>img{display:block;width:100%;height:100%}

.forgot-password{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;color:#5f707b;font-size:12px;text-underline-offset:4px}.forgot-password:hover{color:#2868a8}