:root{color:#172033;background:#f4f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button{border:0;font:inherit}main{width:min(1120px,100%);margin:0 auto;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 18px}.topbar h1{margin:0;font-size:clamp(1.55rem,5vw,2.3rem);line-height:1.05;letter-spacing:0}.topbar p,.section-heading span{margin:6px 0 0;color:#657287}.topbar button{display:grid;width:44px;height:44px;min-width:44px;place-items:center;border-radius:8px;background:#172033;color:#fff}.topbar__actions{display:flex;align-items:end;gap:10px}.language-select{width:138px}.language-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-select select{min-height:44px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.status-strip div{min-width:0;padding:13px 12px;border:1px solid #d9e1e5;border-radius:8px;background:#fff}.status-strip strong{display:block;font-size:1.4rem}.status-strip span{display:block;overflow-wrap:anywhere;color:#657287;font-size:.83rem}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:22px 0 12px}.section-heading h2{margin:0;font-size:1rem;letter-spacing:0}.summary{margin-bottom:8px}.alarms-section{margin-bottom:16px}.alarms-section--active{padding:0 0 2px}.alarm-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.alarm-card{display:grid;grid-template-columns:42px 1fr;gap:11px;min-width:0;padding:12px;border:1px solid #f3a8a8;border-radius:8px;background:#fff8f8}.alarm-card--manual{border-color:#e6bf6b;background:#fff9ea}.alarm-card__icon{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:#d43c3c;color:#fff}.alarm-card strong,.alarm-card p,.alarm-card small{display:block;min-width:0}.alarm-card strong{overflow-wrap:anywhere}.alarm-card p{display:-webkit-box;overflow:hidden;margin:4px 0;color:#344255;font-size:.9rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.alarm-card small{color:#657287;font-size:.78rem}.period-controls{display:grid;grid-template-columns:minmax(280px,380px) minmax(150px,190px) minmax(180px,260px);gap:10px;align-items:center;margin:4px 0 2px}.period-controls input:disabled{color:#8a96a8;background:#edf2f4}.summary__bars{display:grid;gap:10px}.summary-row{display:grid;gap:6px}.summary-row__label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem}.summary-row__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-row__track{height:12px;overflow:hidden;border-radius:7px;background:#dfe8eb}.summary-row__track span{display:block;height:100%;border-radius:inherit}.machine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.machine-card{position:relative;overflow:hidden;min-height:176px;border:1px solid #d9e1e5;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.machine-card:hover,.machine-card:focus-visible{border-color:#8fb4c4;box-shadow:0 10px 26px #1720331a;transform:translateY(-1px);outline:none}.machine-card--attention{border-color:#f3a8a8}.machine-card__bar{height:6px}.machine-card__header{display:flex;justify-content:space-between;gap:14px;padding:14px 14px 8px}.machine-card__header h2{margin:0;font-size:1.05rem;line-height:1.25;letter-spacing:0}.machine-card__header p{margin:5px 0 0;color:#657287}.machine-card__header svg{flex:0 0 auto;color:#344255}.machine-card__state{display:flex;align-items:center;gap:9px;min-height:42px;padding:4px 14px 12px}.machine-card__state span{width:11px;height:11px;flex:0 0 auto;border-radius:50%}.machine-card__state strong{min-width:0;overflow-wrap:anywhere;font-size:.94rem}.machine-card__timeline{display:flex;width:calc(100% - 28px);height:18px;overflow:hidden;margin:0 14px 12px;border:1px solid #d9e1e5;border-radius:8px;background:#eef3f5}.machine-card__timeline span{display:block;min-width:2px;height:100%}.machine-card__timeline-empty{width:100%;background:repeating-linear-gradient(45deg,#d8e1e5,#d8e1e5 6px,#edf2f4 6px,#edf2f4 12px)}.machine-card__metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 14px 14px}.machine-card__metrics div{display:flex;align-items:center;gap:7px;min-width:0;padding:9px;border-radius:8px;background:#eef3f5;color:#344255;font-size:.88rem}.machine-card__metrics div.kpi-ok{background:#e7f6ee;color:#11683a}.machine-card__metrics div.kpi-alert{background:#fff0f0;color:#942424}.machine-card__metrics span{min-width:0;overflow-wrap:anywhere}.error{padding:12px;border:1px solid #f3a8a8;border-radius:8px;background:#fff0f0;color:#942424}.login-shell{display:grid;min-height:100vh;place-items:center}.login-panel{display:grid;width:min(420px,100%);gap:14px;padding:20px;border:1px solid #d9e1e5;border-radius:8px;background:#fff}.login-panel__brand{display:flex;align-items:center;gap:12px}.login-panel__brand h1{margin:0;font-size:1.45rem}.login-panel__brand p{margin:4px 0 0;color:#657287}.segmented{display:grid;grid-template-columns:repeat(2,1fr);padding:4px;border-radius:8px;background:#eef3f5}.segmented button{height:38px;border-radius:7px;background:transparent;color:#344255}.segmented button.active{background:#fff;color:#172033;box-shadow:0 1px 3px #1720331f}.segmented--three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:grid;gap:6px;color:#344255;font-size:.9rem}input,select{width:100%;min-height:42px;border:1px solid #cfd9de;border-radius:8px;padding:0 11px;color:#172033;font:inherit}.primary-action,.admin-form button,.customer-row button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;background:#172033;color:#fff}.admin-form{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 46px;gap:8px;margin-bottom:14px}.user-management{margin-bottom:18px}.user-form{display:grid;grid-template-columns:1fr 1.2fr minmax(130px,.8fr) 1fr 46px;gap:8px;margin-bottom:14px}.user-form button,.user-row button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:8px;background:#172033;color:#fff}.user-list{display:grid;gap:8px}.user-row{display:grid;grid-template-columns:1fr 1.2fr minmax(130px,.8fr) minmax(105px,.6fr) 1fr 42px 42px;gap:8px;align-items:center;padding:10px;border:1px solid #d9e1e5;border-radius:8px;background:#fff}.user-row__identity{min-width:0}.user-row__identity strong,.user-row__identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row__identity small{margin-top:3px;color:#657287}.inline-check{display:flex;align-items:center;gap:7px}.inline-check input{width:18px;min-height:18px}.customer-list{display:grid;gap:8px}.customer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #d9e1e5;border-radius:8px;background:#fff}.customer-row strong,.customer-row span{display:block;overflow-wrap:anywhere}.customer-row span{margin-top:4px;color:#657287;font-size:.88rem}.customer-row button{width:42px;min-width:42px}.config-preview{overflow:auto;max-height:360px;margin-top:16px;padding:12px;border-radius:8px;background:#172033;color:#f4f7f8;font-size:.82rem}.detail-panel{position:fixed;inset:0 0 0 auto;z-index:20;width:min(760px,100%);overflow:auto;padding:18px;border-left:1px solid #d9e1e5;background:#f4f7f8;box-shadow:-20px 0 45px #1720332e}.detail-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.detail-panel__header h2{margin:0;font-size:1.45rem}.detail-panel__header p{margin:5px 0 0;color:#657287}.detail-panel__header button{display:grid;width:42px;height:42px;min-width:42px;place-items:center;border-radius:8px;background:#172033;color:#fff}.detail-filters{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;margin-bottom:14px}.detail-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.detail-kpi{min-width:0;padding:14px;border:1px solid #d9e1e5;border-radius:8px;background:#fff}.detail-kpi span,.detail-kpi small{display:block;color:#657287}.detail-kpi strong{display:block;margin:7px 0 3px;font-size:1.55rem}.detail-kpi--ok{border-color:#b9e5cb;background:#e7f6ee;color:#11683a}.detail-kpi--alert{border-color:#f3a8a8;background:#fff0f0;color:#942424}.detail-kpi--neutral{color:#172033}.detail-graphs{display:grid;gap:18px}.detail-graphs section{padding:14px;border:1px solid #d9e1e5;border-radius:8px;background:#fff}.kpi-line-wrap{display:grid;gap:10px}.kpi-line-chart{width:100%;min-height:180px}.kpi-line-chart text{fill:#657287;font-size:8px}.grid-line{stroke:#dfe8eb;stroke-width:.8}.target-line{stroke-width:1;stroke-dasharray:4 3;opacity:.55}.utilization-target{stroke:#2b6cb0}.availability-target{stroke:#138a54}.line-utilization,.line-availability{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.line-utilization,.dot-utilization{stroke:#2b6cb0}.line-availability,.dot-availability{stroke:#138a54}.line-utilization,.line-availability{fill:none}.dot-utilization{fill:#2b6cb0}.dot-availability{fill:#138a54}.kpi-line-legend{display:flex;flex-wrap:wrap;gap:12px;color:#344255;font-size:.9rem}.kpi-line-legend span{display:inline-flex;align-items:center;gap:6px}.kpi-line-legend i{width:18px;height:4px;border-radius:4px}.legend-utilization{background:#2b6cb0}.legend-availability{background:#138a54}.empty-note{margin:0;color:#657287}.status-pie-wrap{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center}.status-pie{width:170px;height:170px;transform:rotate(-90deg)}.status-legend{display:grid;gap:8px}.status-legend div{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;min-width:0}.status-legend span{width:12px;height:12px;border-radius:50%}.status-legend strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.status-legend small{color:#657287}.daily-bars{display:grid;gap:8px}.daily-row{display:grid;grid-template-columns:54px 1fr;gap:8px;align-items:center}.daily-row>span{color:#657287;font-size:.84rem}.daily-row>div{display:flex;height:20px;overflow:hidden;border-radius:8px;background:#eef3f5}.daily-row i{display:block;min-width:2px;height:100%}@media (max-width: 520px){main{padding:14px}.machine-grid,.admin-form,.user-form,.user-row,.period-controls{grid-template-columns:1fr}.topbar{align-items:flex-start}.topbar__actions{align-items:end}.language-select{width:min(138px,36vw)}.detail-panel{padding:14px}.detail-filters,.detail-kpis,.status-pie-wrap{grid-template-columns:1fr}.status-pie{justify-self:center}}