:root{--ink:#182126;--brand:#0078b3;--brand-dark:#005f8f;--slate:#384042;--muted:#687982;--line:#dce5ea;--surface:#fff;--canvas:#f3f6f8;--green:#12845b;--red:#c13f48;--orange:#dc7a13;--shadow:0 10px 30px rgba(32,54,64,.08)}
*{box-sizing:border-box}html{color-scheme:light;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas)}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.hidden{display:none!important}.muted{color:var(--muted);margin:.3rem 0;line-height:1.45}.stack{display:grid;gap:1rem}.stack.compact{gap:.7rem}label{display:grid;gap:.38rem;font-size:.78rem;font-weight:700;color:#52646d}input,select,textarea{width:100%;border:1px solid #cbd8df;background:white;color:var(--ink);border-radius:9px;padding:.72rem .82rem;outline:none;transition:.18s border,.18s box-shadow}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,120,179,.13)}button{border:0;border-radius:9px;padding:.72rem 1rem;font-weight:750}.primary{color:#fff;background:var(--brand)}.primary:hover{background:var(--brand-dark)}.secondary{color:var(--brand-dark);background:#e8f5fb;border:1px solid #b9dfee}.ghost{color:#52646d;background:transparent;border:1px solid var(--line)}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.login-page{display:grid;place-items:center;background:radial-gradient(circle at 75% 15%,#dff2fb 0,transparent 36%),linear-gradient(135deg,#f8fafb,#eaf0f3);padding:1.5rem}.login-card{width:min(410px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:2.1rem;box-shadow:0 24px 70px rgba(28,50,60,.15)}.login-logo{width:190px;height:auto;margin-bottom:1.8rem}.login-card h1{font-size:1.7rem;margin:.3rem 0}.product-kicker,.eyebrow{font-size:.72rem;letter-spacing:.13em;font-weight:800;color:var(--brand)}.check-row{display:flex;align-items:center;gap:.5rem;font-weight:500}.check-row input{width:auto}.form-error{min-height:1.2rem;margin:0;color:var(--red);font-size:.83rem}
.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,3rem);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--slate);font-weight:800}.brand img{width:116px}.brand span{border-left:1px solid var(--line);padding-left:1rem}.top-actions{display:flex;align-items:center;gap:.8rem}.status{font-size:.75rem;color:var(--muted)}.shell{width:min(1460px,calc(100% - 2rem));margin:1.25rem auto 3rem}.toolbar{display:grid;grid-template-columns:repeat(3,minmax(150px,220px)) auto;align-items:end;gap:.8rem;padding:1rem}.toolbar .primary{height:42px}.plant-monitor{margin-top:1rem;padding:1rem}.plant-monitor header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.plant-monitor h2{font-size:1rem;margin:0}.connection-legend{display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.68rem;white-space:nowrap}.connection-legend span{width:8px;height:8px;margin-left:.45rem;border-radius:50%}.connection-legend span:first-child{margin-left:0}.connection-legend .online{background:var(--green)}.connection-legend .offline{background:var(--red)}.connection-legend .unconfigured{background:#93a0a6}.plant-status-grid{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:.65rem}.plant-status-card{min-width:0;padding:.78rem;text-align:left;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:none;transition:.18s border,.18s box-shadow,.18s transform}.plant-status-card:hover{transform:translateY(-1px);border-color:#b9d4df}.plant-status-card.selected{border-color:var(--brand);box-shadow:0 0 0 2px rgba(0,120,179,.12)}.plant-status-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.plant-status-head strong{font-size:.9rem}.program-state{display:flex;align-items:center;gap:.38rem;margin-top:.55rem;font-size:.7rem;font-weight:800}.program-state i{width:8px;height:8px;flex:0 0 auto;border-radius:50%}.program-state.online{color:var(--green)}.program-state.online i{background:var(--green);box-shadow:0 0 0 3px rgba(18,132,91,.12)}.program-state.offline{color:var(--red)}.program-state.offline i{background:var(--red)}.program-state.unconfigured{color:#78868c}.program-state.unconfigured i{background:#93a0a6}.source-chip,.source-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;font-size:.63rem;font-weight:900;letter-spacing:.06em}.source-chip{padding:.24rem .4rem}.source-chip.real,.source-pill.real{color:#006493;background:#e1f2fa}.source-chip.simulation,.source-pill.simulation{color:#91530b;background:#fff0d7}.source-chip.none{color:#78868c;background:#edf1f3}.plant-status-card small{display:block;overflow:hidden;margin-top:.45rem;color:var(--muted);font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.source-banner{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:1rem;padding:.75rem 1rem;text-align:center;border-radius:10px;font-size:.76rem}.source-banner strong{letter-spacing:.07em}.source-banner.real{color:#005c87;background:#e8f6fc;border:1px solid #b9dfee}.source-banner.simulation{color:#7d4507;background:#fff3dc;border:1px solid #efc680}.hero-row{display:flex;justify-content:space-between;align-items:center;padding:1.9rem .2rem 1.15rem}.hero-row h1{font-size:clamp(1.8rem,4vw,2.7rem);margin:.2rem 0}.hero-statuses{display:flex;align-items:center;gap:.6rem}.source-pill{padding:.65rem .85rem}.connection-pill{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border-radius:99px;font-size:.78rem;font-weight:800}.connection-pill span{width:8px;height:8px;border-radius:50%}.connection-pill.online{background:#e4f5ee;color:var(--green)}.connection-pill.online span{background:var(--green)}.connection-pill.offline{background:#fde8e9;color:var(--red)}.connection-pill.offline span{background:var(--red)}.connection-pill.unconfigured{background:#edf1f3;color:#67767d}.connection-pill.unconfigured span{background:#8b999f}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.kpi{padding:1.15rem 1.25rem;display:grid;gap:.45rem}.kpi span{font-size:.76rem;color:var(--muted);font-weight:700}.kpi strong{font-size:1.65rem;letter-spacing:-.03em}.kpi small{font-size:.69rem;color:#87969d}.content-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1rem;margin-top:1rem}.content-grid>.card{padding:1.2rem;min-width:0}.span-2{grid-column:span 2}.card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card h2{font-size:1rem;margin:0}.chart,.chart-empty{height:290px}.chart-empty{display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.chart svg{width:100%;height:250px;overflow:visible}.chart .grid line{stroke:#e8eef1;stroke-width:1}.chart .grid text{font-size:11px;fill:#87969d}.chart .area{fill:rgba(0,120,179,.1)}.chart .line{fill:none;stroke:var(--brand);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-range{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem}.material-list{display:grid;gap:1rem}.material-row>div:first-child{display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:.35rem}.material-row span{color:var(--muted)}.bar{height:8px;border-radius:10px;background:#e9eff2;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#42a7d3)}.live-grid{display:grid;grid-template-columns:1fr 1fr;margin:0}.live-grid div{padding:.8rem;border-bottom:1px solid #edf1f3}.live-grid dt{font-size:.68rem;color:var(--muted)}.live-grid dd{margin:.28rem 0 0;font-weight:800}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.76rem}th,td{text-align:left;padding:.7rem;border-bottom:1px solid #edf1f3;white-space:nowrap}th{color:var(--muted);font-size:.68rem;text-transform:uppercase}.severity{padding:.25rem .4rem;border-radius:5px;background:#edf1f3}.severity.critical,.severity.error{background:#fde4e6;color:var(--red)}.severity.warning{background:#fff0d7;color:#98570d}.admin-card textarea{resize:vertical}.activation-code{display:block;margin-top:1rem;padding:1rem;border:1px dashed var(--brand);border-radius:9px;color:var(--brand-dark);background:#f0f9fd;text-align:center;font:800 1rem ui-monospace,monospace;letter-spacing:.05em}.toast{position:fixed;right:1rem;bottom:1rem;z-index:30;max-width:360px;padding:.9rem 1rem;color:#fff;background:var(--green);border-radius:10px;box-shadow:var(--shadow);font-size:.82rem}.toast.error{background:var(--red)}
@media(max-width:1100px){.plant-status-grid{grid-template-columns:repeat(4,minmax(125px,1fr))}}
@media(max-width:1000px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.toolbar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.shell{width:min(100% - 1rem,1460px)}.topbar{padding:0 .7rem}.brand span,.status{display:none}.toolbar{grid-template-columns:1fr 1fr}.toolbar label:first-child{grid-column:span 2}.toolbar .primary{grid-column:span 2}.plant-monitor header{display:block}.connection-legend{margin-top:.65rem;white-space:normal}.plant-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-banner{align-items:flex-start;flex-direction:column;text-align:left}.hero-row{align-items:flex-start;flex-direction:column;gap:1rem}.hero-statuses{flex-wrap:wrap}.connection-pill{padding:.5rem .7rem}.kpi-grid,.content-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.kpi strong{font-size:1.4rem}.chart,.chart-empty{height:250px}.chart svg{height:210px}.login-card{padding:1.5rem}}
.material-row progress{display:block;width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;background:#e9eff2}.material-row progress::-webkit-progress-bar{background:#e9eff2}.material-row progress::-webkit-progress-value{background:var(--brand);border-radius:10px}.material-row progress::-moz-progress-bar{background:var(--brand);border-radius:10px}
.download-link{display:inline-flex;align-items:center;text-decoration:none;font-size:.78rem}.top-actions .download-link{padding:.65rem .85rem}@media(max-width:650px){.download-link{display:none}}
.dashboard-tabs{display:flex;gap:.45rem;padding:.45rem;margin-bottom:1rem}.dashboard-tab{color:#60727b;background:transparent;border:1px solid transparent}.dashboard-tab.active{color:#fff;background:var(--slate);box-shadow:0 5px 14px rgba(56,64,66,.16)}.analytics-toolbar{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.analytics-toolbar button{height:42px;align-self:end}.excel-button{color:#fff;background:var(--green)}.excel-button:hover{background:#0d6d4b}.analytics-kpis{grid-template-columns:repeat(3,1fr)}.asphalt-kpi{border-color:#f0c996;background:linear-gradient(145deg,#fff,#fff8ef)}.asphalt-kpi strong{color:#9a570a}.comparison{font-size:.69rem!important;font-weight:700}.comparison.positive{color:var(--green)}.comparison.negative{color:var(--red)}.comparison.neutral{color:#87969d}.span-3{grid-column:span 3}.inline-filter{width:min(210px,45%)}.daily-analysis-card header{align-items:flex-end}.daily-chart{height:310px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fbfcfd}.daily-chart-scroll{height:100%;overflow-x:auto;overflow-y:hidden}.daily-chart svg{display:block;width:100%;height:290px}.daily-chart .grid line{stroke:#e3eaee;stroke-width:1}.daily-chart .grid text,.daily-chart .axis-labels text{font-size:10px;fill:#768990}.daily-chart .daily-bars rect{fill:var(--orange);transition:.15s opacity}.daily-chart .daily-bars rect:hover{opacity:.72}.daily-table-card .table-wrap{max-height:430px}.daily-table-card thead{position:sticky;top:0;z-index:2;background:#fff}.analysis-list{display:grid;gap:0;margin:0}.analysis-list div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid #edf1f3}.analysis-list div:last-child{border-bottom:0}.analysis-list dt{font-size:.72rem;color:var(--muted)}.analysis-list dd{margin:0;text-align:right;font-size:.86rem;font-weight:850}.mini-state{padding:.3rem .5rem;border-radius:99px;font-size:.62rem;font-weight:900}.mini-state.on{color:var(--green);background:#e4f5ee}.mini-state.off{color:#78868c;background:#edf1f3}.material-row.interactive{display:block;width:100%;padding:0;color:var(--ink);text-align:left;background:transparent;border:0;border-radius:7px}.material-row.interactive.selected{padding:.55rem;background:#fff4e7;box-shadow:0 0 0 1px #efc680}.admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1rem .2rem 1.4rem}.admin-heading h1{margin:.25rem 0;font-size:2rem}.admin-heading>label{width:min(280px,100%)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-grid>.card{padding:1.3rem}.project-status{margin-bottom:1rem;padding:.8rem 1rem;color:var(--brand-dark);background:#e8f6fc;border:1px solid #b9dfee;border-radius:9px;font-weight:800}
.batch-table{min-width:2000px}.batch-table thead{position:sticky;top:0;z-index:2;background:#fff}.batch-table td:nth-child(n+11):nth-child(-n+19){text-align:right;font-variant-numeric:tabular-nums}.batch-state{display:inline-flex;padding:.25rem .45rem;border-radius:99px;font-size:.65rem;font-weight:850}.batch-state.completed{color:var(--green);background:#e4f5ee}.batch-state.active{color:var(--brand-dark);background:#e8f6fc}.batch-state.interrupted{color:#98570d;background:#fff0d7}
@media(max-width:1000px){.analytics-kpis{grid-template-columns:repeat(2,1fr)}.span-3{grid-column:span 2}.admin-grid{grid-template-columns:1fr}}
@media(max-width:650px){.dashboard-tabs{display:grid;grid-template-columns:1fr 1fr}.analytics-kpis{grid-template-columns:1fr}.span-3{grid-column:auto}.daily-analysis-card header,.batch-table-card header{align-items:stretch;flex-direction:column}.inline-filter{width:100%}.admin-heading{align-items:stretch;flex-direction:column}.admin-heading>label{width:100%}.daily-chart{height:280px}}
.plant-monitor{margin-top:0}.analytics-toolbar{margin-top:1rem}
.daily-movement-filter{display:flex;align-items:center;gap:.6rem;min-height:40px;margin-bottom:.5rem;color:var(--slate);font-size:.8rem;cursor:pointer}.daily-movement-filter input{width:1.05rem;height:1.05rem;flex:none;margin:0;padding:0;accent-color:var(--brand)}
th.filler-label{text-transform:none}
.account-identity{display:grid;gap:.15rem;text-align:right;font-size:.74rem}.account-identity span:last-child{color:var(--muted);font-size:.67rem}.user-management{grid-column:1/-1}.users-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem}.users-heading p{max-width:650px}.users-table{min-width:760px}.primary-admin{font-size:.78rem;color:var(--slate);padding:.7rem;background:#f0f7fa;border-radius:8px}.user-status{display:inline-block;padding:.3rem .55rem;border-radius:20px;background:#edf1f3;color:#52646d;font-size:.7rem}.user-status.active{background:#e4f5ee;color:var(--green)}.user-mail-note{display:block;max-width:260px;white-space:normal;margin-top:.4rem;color:var(--orange)}.account-help{font-size:.8rem;line-height:1.5;color:var(--muted);margin:.4rem 0}.account-message{font-size:.85rem;line-height:1.5;color:var(--green)}.account-message.error{color:var(--red)}.login-back{display:block;margin-top:1rem;color:var(--brand-dark);text-align:center;font-size:.85rem}.create-account-link{display:block;padding:.7rem;text-align:center;border:1px solid var(--line);border-radius:9px;text-decoration:none;margin-top:.8rem;color:var(--brand-dark);font-weight:700;font-size:.85rem}
@media(max-width:650px){.account-identity{max-width:160px;overflow:hidden}.account-identity span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-heading{flex-direction:column}.users-heading button{width:100%}}
.batch-table .batch-actions{position:sticky;right:0;background:var(--surface);text-align:center;box-shadow:-2px 0 0 var(--line);min-width:104px}
.batch-table td.batch-actions{z-index:1}.batch-table th.batch-actions{z-index:3}
.batch-delete{padding:.45rem .65rem;border:1px solid #e4b5b9;background:#fff5f5;color:var(--red);font-size:.75rem}
.batch-delete:hover:not(:disabled){background:#fce3e5;border-color:var(--red)}.batch-delete:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media(max-width:650px){.analytics-toolbar label:first-child{grid-column:auto}}
.current-total-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.material-total,.operation-total{min-height:118px;align-content:center}.material-total strong,.operation-total strong{font-size:1.85rem}.operation-total{border-color:#b9dfee;background:linear-gradient(145deg,#fff,#eef9fe)}.operation-total strong{color:var(--brand-dark)}.production-tables-card{margin-top:1rem;padding:1.2rem}.production-tables-header{gap:1rem}.production-table-tabs{display:flex;gap:.45rem;padding:.35rem;background:#edf2f5;border-radius:10px}.table-view-tab{color:#60727b;background:transparent}.table-view-tab.active{color:#fff;background:var(--slate);box-shadow:0 4px 12px rgba(56,64,66,.14)}.production-table-panel .table-wrap{max-height:520px;border:1px solid var(--line);border-radius:10px}.daily-material-table{min-width:1050px}.daily-material-table thead{position:sticky;top:0;z-index:2;background:#fff}.daily-material-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.daily-material-table th:not(:first-child){text-align:right}
@media(max-width:1000px){.current-total-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.current-total-grid{grid-template-columns:1fr}.material-total,.operation-total{min-height:96px}.material-total strong,.operation-total strong{font-size:1.55rem}}
@media(max-width:650px){.production-tables-header{align-items:stretch;flex-direction:column}.production-table-tabs{display:grid;grid-template-columns:1fr}.table-view-tab{width:100%}}
@media(max-width:650px){.analytics-toolbar button{height:auto;min-height:42px}}