.layout--ro{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"ro-header ro-header" "ro-sidebar ro-main";min-height:100vh}.ro-header{grid-area:ro-header;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.ro-header__left{display:flex;align-items:center;gap:.75rem}.ro-header__menu{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);cursor:pointer}.ro-header__menu-icon{font-size:1.1rem}.ro-header__brand{display:flex;flex-direction:column;gap:0}.ro-header__logo{margin:0;font-size:1.1rem;font-weight:700;color:var(--text);line-height:1.2}.ro-header__subtitle{font-size:.75rem;color:var(--text-muted)}.ro-header__center{display:flex;align-items:center;gap:.5rem 1rem;flex-wrap:wrap}.ro-header__tab{font-size:.75rem;font-weight:700;color:var(--text-muted);text-decoration:none;padding:.35rem .6rem;border-radius:6px;text-transform:uppercase;letter-spacing:.02em}.ro-header__tab:hover{color:var(--accent);background:#0000000a}[data-theme=dark] .ro-header__tab:hover{background:#ffffff0f}.ro-header__alerts{font-size:.7rem;color:var(--text-muted);margin-left:.25rem}.ro-header__right{display:flex;align-items:center;gap:.5rem .75rem;flex-wrap:wrap}.ro-header__today{display:flex;align-items:baseline;gap:.35rem}.ro-header__today-label{font-size:.8rem;color:var(--text-muted)}.ro-header__today-value{font-size:.9rem;font-weight:700;font-family:var(--font-mono);color:var(--text)}.ro-header__theme{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer}.ro-header__theme:hover{color:var(--text)}.ro-header__user-name{font-size:.85rem;color:var(--text);text-transform:lowercase}.ro-header__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.ro-header__icon-btn:hover{color:var(--text);background:#0000000d}[data-theme=dark] .ro-header__icon-btn:hover{background:#ffffff14}.ro-header__user-menu{position:relative}.ro-header__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:260px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-hover);padding:0;z-index:200;overflow:hidden}.ro-header__dropdown-head{display:flex;align-items:center;gap:.75rem;padding:1rem}.ro-header__dropdown-head svg{color:var(--accent);flex-shrink:0}.ro-header__dropdown-name{font-weight:600;font-size:.95rem;color:var(--text)}.ro-header__dropdown-email{font-size:.8rem;color:var(--text-muted)}.ro-header__dropdown-divider{height:1px;background:var(--border)}.ro-header__dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-size:.9rem;color:var(--text);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left}.ro-header__dropdown-item:hover{background:#0000000a}.ro-header__dropdown-item--signout:hover{color:var(--danger)}.ro-sidebar{grid-area:ro-sidebar;width:56px;background:var(--surface);border-right:1px solid var(--border);padding:.75rem 0;display:flex;flex-direction:column;transition:width .2s ease;overflow:hidden}.ro-sidebar--open{width:220px}.ro-sidebar__nav{display:flex;flex-direction:column;gap:2px}.ro-sidebar__link{display:flex;align-items:center;gap:.75rem;width:100%;min-width:0;padding:.65rem;color:var(--text-muted);text-decoration:none;border-left:3px solid transparent;transition:color .15s,background .15s;font-size:.9375rem;justify-content:flex-start}.ro-sidebar:not(.ro-sidebar--open) .ro-sidebar__link{justify-content:center;padding-left:.65rem;padding-right:.65rem}.ro-sidebar__link:hover{color:var(--text);background:#0000000a}[data-theme=dark] .ro-sidebar__link:hover{background:#ffffff0f}.ro-sidebar__link--active{color:var(--accent);background:#58a6ff1a;border-left-color:var(--accent)}.ro-sidebar__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px}.ro-sidebar__label{white-space:nowrap;overflow:hidden;opacity:0;width:0;transition:opacity .2s,width .2s}.ro-sidebar--open .ro-sidebar__label{opacity:1;width:auto}.ro-main{grid-area:ro-main;padding:clamp(.5rem,1.2vw,1rem) clamp(.75rem,2vw,2rem);overflow:auto;background:var(--bg);font-size:1rem;min-width:0}.ro-sidebar-overlay{display:none;position:fixed;right:0;bottom:0;left:0;top:52px;background:#0006;z-index:99;border:none;cursor:pointer}@media (max-width: 900px){.ro-header{padding:.5rem .75rem;gap:.5rem}.ro-header__center{order:3;width:100%;margin-top:.25rem}.ro-header__alerts{margin-left:auto}.ro-header__tab{font-size:.7rem;padding:.3rem .5rem}}@media (max-width: 768px){.layout--ro{grid-template-areas:"ro-header" "ro-main";grid-template-columns:1fr}.ro-sidebar-overlay{display:block}.ro-sidebar{position:fixed;left:0;top:52px;bottom:0;z-index:100;transform:translate(-100%);box-shadow:none}.ro-sidebar--open{transform:translate(0);box-shadow:4px 0 20px #00000026}.ro-header__subtitle{display:none}.ro-header__logo{font-size:1rem}.ro-header__today-label{font-size:.75rem}.ro-header__today-value{font-size:.8rem}}@media (max-width: 480px){.ro-header{padding:.4rem .5rem}.ro-header__left{gap:.5rem}.ro-header__logo{font-size:.95rem}.ro-header__right{gap:.35rem}.ro-header__today{display:none}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg)}.login-card{width:100%;max-width:400px;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.login-header{margin-bottom:1.5rem;text-align:center}.login-title{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:var(--text)}.login-subtitle{margin:0;font-size:.9rem;color:var(--text-muted)}.login-form{display:flex;flex-direction:column;gap:1rem}.login-error{padding:.65rem .85rem;background:#f851491f;border:1px solid rgba(248,81,73,.35);border-radius:8px;color:var(--danger);font-size:.9rem}.login-label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500;color:var(--text)}.login-input{padding:.65rem .85rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);transition:border-color .2s}.login-input::placeholder{color:var(--text-muted)}.login-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #58a6ff33}.login-submit{margin-top:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:600;color:#fff;background:var(--accent);border:1px solid var(--accent-dim);border-radius:8px;cursor:pointer;transition:filter .2s}.login-submit:hover{filter:brightness(1.08)}.login-loading{margin:0;text-align:center;color:var(--text-muted)}@media (max-width: 480px){.login-page{padding:2rem 1rem 1rem;align-items:flex-start}.login-card{padding:1.25rem;max-width:100%}.login-title{font-size:1.25rem}.login-subtitle{font-size:.85rem}.login-input,.login-submit{padding:.6rem .75rem}}.landing{width:100%;padding-bottom:2rem}.landing-error{padding:1rem;color:var(--danger);background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:8px}.hp-live{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;width:fit-content;font-size:.75rem;color:var(--text-muted)}.hp-live__dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 6px #22c55e00}}.hp-live__text{font-weight:500}.hp-live__time{margin-left:auto;font-family:var(--font-mono)}.hp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.6rem,1vw,1rem);margin-bottom:clamp(.75rem,1.2vw,1.25rem)}.hp-kpi{display:flex;align-items:center;gap:.75rem;padding:1rem 1.15rem;border-radius:12px;background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}.hp-kpi:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.hp-kpi:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;border-radius:inherit;pointer-events:none}.hp-kpi--revenue:before{background:linear-gradient(135deg,#f59e0b,#eab308)}.hp-kpi--volume:before{background:linear-gradient(135deg,#3b82f6,#6366f1)}.hp-kpi--txn:before{background:linear-gradient(135deg,#22c55e,#10b981)}.hp-kpi--alarm:before{background:linear-gradient(135deg,#ef4444,#f97316)}.hp-kpi__icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.hp-kpi--revenue .hp-kpi__icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.hp-kpi--volume .hp-kpi__icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.hp-kpi--txn .hp-kpi__icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.hp-kpi--alarm .hp-kpi__icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.hp-kpi__body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.hp-kpi__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}.hp-kpi__value{font-size:1.25rem;font-weight:700;font-family:var(--font-mono);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-kpi__badge{position:absolute;top:.5rem;right:.5rem;font-size:.6rem;font-weight:700;padding:.15rem .4rem;border-radius:6px;background:#ef444426;color:var(--danger);text-transform:uppercase}.hp-row{display:grid;gap:clamp(.75rem,1.2vw,1.25rem);margin-bottom:clamp(.75rem,1.2vw,1.25rem)}.hp-row--two{grid-template-columns:repeat(2,1fr)}.hp-row--eq{grid-template-columns:1fr 1.6fr}.hp-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.hp-card__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:#00000004}[data-theme=dark] .hp-card__head{background:#ffffff05}.hp-card__title{margin:0;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text)}.hp-card>.hp-card__title{padding:.75rem 1rem;border-bottom:1px solid var(--border);background:#00000004}[data-theme=dark] .hp-card>.hp-card__title{background:#ffffff05}.hp-card__body{padding:1rem;flex:1;display:flex;flex-direction:column}.hp-card__link{display:inline-flex;align-items:center;gap:.25rem;margin-top:auto;padding-top:.75rem;font-size:.8rem;font-weight:600;color:var(--accent);text-decoration:none}.hp-card__link:hover{text-decoration:underline}.hp-badge-group{display:flex;gap:.4rem}.hp-badge{font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.hp-badge--success{background:#22c55e1f;color:#16a34a}.hp-badge--accent{background:#3b82f61f;color:#2563eb}.hp-badge--danger{background:#ef44441f;color:#dc2626}.hp-badge--muted{background:var(--border);color:var(--text-muted)}[data-theme=dark] .hp-badge--success{color:#4ade80}[data-theme=dark] .hp-badge--accent{color:#60a5fa}[data-theme=dark] .hp-badge--danger{color:#f87171}.hp-eq-grid{padding:.75rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.hp-eq{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:8px;background:#00000005;border:1px solid var(--border);transition:background .15s}.hp-eq:hover{background:#0000000a}[data-theme=dark] .hp-eq{background:#ffffff08}[data-theme=dark] .hp-eq:hover{background:#ffffff0e}.hp-eq__indicator{width:6px;height:6px;border-radius:50%;flex-shrink:0}.hp-eq__indicator--ok{background:#22c55e;box-shadow:0 0 4px #22c55e80}.hp-eq__indicator--warn{background:#eab308;box-shadow:0 0 4px #eab30880}.hp-eq__icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.hp-eq__icon--comp{background:#6366f1}.hp-eq__icon--mfm{background:#0ea5e9}.hp-eq__icon--odo{background:#8b5cf6}.hp-eq__icon--bank{background:#64748b}.hp-eq__info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.hp-eq__name{font-size:.8rem;font-weight:600;color:var(--text)}.hp-eq__status{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.hp-eq__status--running{color:#22c55e}.hp-eq__status--idle{color:#eab308}.hp-eq__status--stopped{color:#ef4444}.hp-eq__status--unknown{color:var(--text-muted)}.hp-eq__readings{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;font-size:.8rem;font-family:var(--font-mono);font-weight:600;color:var(--text)}.hp-eq__readings--banks{flex-direction:row;gap:.6rem;font-size:.72rem}.hp-eq__muted{font-size:.68rem;color:var(--text-muted);font-weight:500}.hp-eq__bar{width:60px;height:5px;border-radius:3px;background:var(--border);overflow:hidden}.hp-eq__bar-fill{height:100%;border-radius:3px;transition:width .3s}.hp-du-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem;padding:.75rem;flex:1}.hp-du{border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem;background:var(--surface);transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.hp-du--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 2px 8px #3b82f61a}.hp-du--active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(59,130,246,.04),transparent);pointer-events:none}.hp-du--off{opacity:.5}.hp-du__head{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.5rem}.hp-du__name{font-size:.82rem;font-weight:700;color:var(--text)}.hp-du__pill{font-size:.58rem;font-weight:700;padding:.15rem .4rem;border-radius:5px;text-transform:uppercase;letter-spacing:.03em}.hp-du__pill--active{background:#3b82f61f;color:#2563eb}.hp-du__pill--idle{background:#22c55e1a;color:#16a34a}.hp-du__pill--off{background:#64748b1f;color:#64748b}[data-theme=dark] .hp-du__pill--active{color:#60a5fa}[data-theme=dark] .hp-du__pill--idle{color:#4ade80}[data-theme=dark] .hp-du__pill--off{color:#94a3b8}.hp-du__metrics{display:flex;flex-direction:column;gap:.3rem}.hp-du__metric{display:flex;justify-content:space-between;align-items:center}.hp-du__metric-label{font-size:.68rem;color:var(--text-muted);font-weight:500}.hp-du__metric-value{font-size:.75rem;font-family:var(--font-mono);font-weight:600;color:var(--text)}.hp-du__updated{display:block;margin-top:.35rem;font-size:.6rem;color:var(--text-muted);text-align:right}.hp-card>.hp-card__link{padding:.5rem 1rem .75rem}.hp-txn-list{display:flex;flex-direction:column;gap:0}.hp-txn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.hp-txn:last-child{border-bottom:none}.hp-txn__left{display:flex;flex-direction:column;gap:.1rem;min-width:0}.hp-txn__pump{font-size:.82rem;font-weight:600;color:var(--text)}.hp-txn__meta{font-size:.72rem;color:var(--text-muted)}.hp-txn__right{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.hp-txn__amount{font-size:.85rem;font-weight:700;font-family:var(--font-mono);color:var(--text)}.hp-txn__time{font-size:.68rem;color:var(--text-muted)}.hp-empty{margin:0;padding:1.5rem 0;text-align:center;color:var(--text-muted);font-size:.85rem}.hp-empty--good{color:#16a34a;font-weight:500}[data-theme=dark] .hp-empty--good{color:#4ade80}.hp-alarm-summary{margin-bottom:.75rem}.hp-alarm-bar{display:flex;flex-wrap:wrap;gap:1rem}.hp-alarm-bar__item{display:flex;align-items:center;gap:.35rem}.hp-alarm-bar__dot{width:8px;height:8px;border-radius:50%}.hp-alarm-bar__label{font-size:.72rem;color:var(--text-muted)}.hp-alarm-bar__count{font-size:.78rem;font-weight:700;font-family:var(--font-mono);color:var(--text)}.hp-alarm-list{display:flex;flex-direction:column;gap:0}.hp-alarm-item{display:flex;align-items:center;gap:.5rem;padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.8rem}.hp-alarm-item:last-child{border-bottom:none}.hp-alarm-sev{font-size:.6rem;font-weight:700;padding:.12rem .35rem;border-radius:4px;text-transform:uppercase;flex-shrink:0}.hp-alarm-sev--critical{background:#cf222e1f;color:#cf222e}.hp-alarm-sev--high{background:#ef44441f;color:#dc2626}.hp-alarm-sev--medium{background:#d69e2e1f;color:#b45309}.hp-alarm-sev--low{background:#38a1691f;color:#16a34a}.hp-alarm-msg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-alarm-time{font-size:.68rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.hp-trend{min-height:180px}.hp-trend__svg{width:100%;height:auto}.hp-perf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.hp-perf-item{padding:.75rem;background:#00000005;border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:.25rem}[data-theme=dark] .hp-perf-item{background:#ffffff08}.hp-perf-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}.hp-perf-value{font-size:1.05rem;font-weight:700;font-family:var(--font-mono);color:var(--text)}.hp-perf-bar{height:4px;border-radius:2px;background:var(--border);overflow:hidden;margin-top:.25rem}.hp-perf-bar__fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--success));transition:width .3s}@media (max-width: 1100px){.hp-row--eq{grid-template-columns:1fr}}@media (max-width: 900px){.hp-kpis{grid-template-columns:repeat(2,1fr)}.hp-row--two{grid-template-columns:1fr}}@media (max-width: 640px){.hp-kpis{grid-template-columns:1fr 1fr;gap:.5rem}.hp-kpi{padding:.75rem}.hp-kpi__icon{width:36px;height:36px}.hp-kpi__value{font-size:1.05rem}.hp-du-grid,.hp-perf-grid{grid-template-columns:1fr 1fr}.hp-eq__readings--banks{flex-direction:column;gap:.15rem;font-size:.68rem}}@media (max-width: 480px){.hp-kpis{grid-template-columns:1fr}.hp-kpi__value{font-size:1.1rem}.hp-du-grid,.hp-perf-grid{grid-template-columns:1fr}.hp-alarm-bar{gap:.5rem}.hp-txn__pump{font-size:.78rem}.hp-txn__amount{font-size:.8rem}}.dispenser-graphic{--disp-body: #2d3748;--disp-screen: #1a202c;--disp-nozzle: #4a5568;--disp-accent: #38a169;--disp-danger: #e53e3e;display:flex;flex-direction:column;align-items:center;gap:.5rem}.dispenser-graphic__body{position:relative;background:var(--disp-body);border-radius:8px 8px 4px 4px;padding:.5rem .75rem;border:2px solid #4a5568;box-shadow:inset 0 2px 4px #0000004d,0 2px 6px #0003}.dispenser-graphic__screen{background:var(--disp-screen);border-radius:4px;padding:.35rem .5rem;min-width:3.5rem;text-align:center;border:1px solid #4a5568}.dispenser-graphic__flow-value{display:block;font-family:var(--font-mono);font-weight:700;font-size:1rem;line-height:1.2;color:#e2e8f0}.dispenser-graphic__flow-unit{font-size:.5rem;color:#718096;text-transform:uppercase;letter-spacing:.05em}.dispenser-graphic__nozzle{display:flex;align-items:center;justify-content:center;margin-top:.4rem;gap:0}.dispenser-graphic__nozzle-pipe{width:.5rem;height:.4rem;background:var(--disp-nozzle);border-radius:2px}.dispenser-graphic__nozzle-head{width:.9rem;height:.9rem;background:linear-gradient(145deg,#4a5568,#2d3748);border-radius:50%;border:2px solid #718096;position:relative;box-shadow:0 2px 4px #0000004d}.dispenser-graphic__flow-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:radial-gradient(circle,rgba(56,161,105,.6) 0%,transparent 70%);animation:dispenser-pulse 1s ease-in-out infinite}@keyframes dispenser-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.dispenser-graphic__base{width:100%}.dispenser-graphic__flow-bar{height:4px;background:#2d3748;border-radius:2px;overflow:hidden}.dispenser-graphic__flow-fill{height:100%;background:linear-gradient(90deg,var(--disp-accent),#68d391);border-radius:2px;transition:width .3s ease}.dispenser-graphic--active .dispenser-graphic__body{border-color:var(--success);box-shadow:inset 0 2px 4px #0000004d,0 0 12px #38a1694d}.dispenser-graphic--active .dispenser-graphic__flow-value{color:var(--success)}.dispenser-graphic--offline .dispenser-graphic__body{border-color:var(--danger);opacity:.7}.dispenser-graphic--offline .dispenser-graphic__flow-value{color:var(--text-muted)}.dispenser-graphic--small .dispenser-graphic__screen{min-width:2.5rem;padding:.2rem .35rem}.dispenser-graphic--small .dispenser-graphic__flow-value{font-size:.75rem}.dispenser-graphic--small .dispenser-graphic__flow-unit{font-size:.45rem}.dispenser-graphic--large .dispenser-graphic__body{padding:.75rem 1rem}.dispenser-graphic--large .dispenser-graphic__screen{min-width:4.5rem;padding:.5rem .75rem}.dispenser-graphic--large .dispenser-graphic__flow-value{font-size:1.35rem}.dispenser-graphic--large .dispenser-graphic__nozzle-head{width:1.1rem;height:1.1rem}.dispenser-graphic--large .dispenser-graphic__flow-bar{height:6px}.dashboard{width:100%}.dashboard-error{color:var(--danger);padding:1rem;background:#f851491a;border-radius:8px;border:1px solid rgba(248,81,73,.3)}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.dashboard-header__title h2{margin:0 0 .35rem;font-size:1.6rem;font-weight:600;letter-spacing:-.02em}.dashboard-header__subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.dashboard-header__right{display:flex;align-items:center;gap:.75rem}.live-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:var(--success)}.live-badge__dot{color:var(--success);filter:drop-shadow(0 0 6px var(--success));animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.6}}.dashboard-refresh{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:#ffffff0d;color:var(--text-muted);cursor:pointer;transition:color .2s,background .2s,border-color .2s}.dashboard-refresh:hover{color:var(--accent);background:#58a6ff1a;border-color:var(--accent)}.overview-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.5rem,1vw,1rem);margin-bottom:1rem}.overview-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;box-shadow:0 1px 3px #00000026;transition:border-color .2s,box-shadow .2s}.overview-card:hover{border-color:#58a6ff4d;box-shadow:0 4px 12px #0003}.overview-card__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.overview-card__icon--compressor{background:linear-gradient(135deg,#3182ce,#2b6cb0)}.overview-card__icon--dispenser{background:linear-gradient(135deg,#38a169,#2f855a)}.overview-card__icon--rupee{background:linear-gradient(135deg,#d69e2e,#b7791f)}.overview-card__icon--weight{background:linear-gradient(135deg,#805ad5,#6b46c1)}.overview-card__icon--alarm{background:linear-gradient(135deg,#e53e3e,#c53030)}.overview-card__status{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.overview-card__status--running{color:var(--success)}.overview-card__status--ok{color:var(--text-muted)}.overview-card__status--critical{color:var(--danger)}.overview-card__label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.overview-card__value{font-size:1.4rem;font-weight:700;font-family:var(--font-mono);color:var(--text)}.overview-card__value--running{color:var(--success)}.overview-card__value--rupee{color:var(--warning)}.overview-card__value--alarm{color:var(--danger)}.dashboard-sections{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.75rem,1.2vw,1.25rem);margin-bottom:1rem}.dashboard-section{min-width:0;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 1px 3px #00000026;overflow:hidden}.dashboard .dashboard-section.card{padding:1rem}.dashboard-section__head{display:flex;align-items:center;gap:.6rem;margin-bottom:.65rem;flex-wrap:wrap}.dashboard-section__head h3{margin:0;font-size:1.1rem;font-weight:600}.dashboard-section__icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dashboard-section__icon--compressor{background:linear-gradient(135deg,#3182ce,#2b6cb0)}.dashboard-section__icon--dispenser{background:linear-gradient(135deg,#38a169,#2f855a)}.dashboard-section__icon--mfm{background:linear-gradient(135deg,#805ad5,#6b46c1)}.dashboard-section__icon--odorizer{background:linear-gradient(135deg,#dd6b20,#c05621)}.section-status{margin-left:auto;font-size:.85rem;font-weight:600}.section-status--running{color:var(--success)}.section-status--stopped,.section-status--fault{color:var(--danger)}.dashboard-section__subtitle{margin:.25rem 0 0;font-size:.8rem;color:var(--text-muted)}.dashboard-section__link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.9rem;font-weight:500;color:var(--accent);text-decoration:none}.dashboard-section__link:hover{color:#79b8ff}.dashboard-section__btn{display:inline-flex;align-items:center;justify-content:center;margin-top:.65rem;padding:.5rem .85rem;font-size:.8rem;font-weight:700;letter-spacing:.05em;color:var(--accent);background:#58a6ff1a;border:1px solid var(--accent);border-radius:8px;text-decoration:none;transition:background .2s,color .2s}.dashboard-section__btn:hover{background:#58a6ff33;color:#79b8ff}.dashboard-section__btn--manage{align-self:flex-start}.dashboard-section--compressor{grid-column:1}.compressor-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:clamp(.5rem,.8vw,.75rem);margin-bottom:.35rem}.compressor-metric{display:flex;flex-direction:column;gap:.25rem}.compressor-metric__label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.compressor-metric__value{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);color:var(--text)}.compressor-metric__unit{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-left:.2rem}.compressor-schematic{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.65rem .85rem;background:#0003;border-radius:10px;border:1px solid var(--border)}.schematic-node{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:70px}.schematic-node__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.schematic-node__value{font-family:var(--font-mono);font-weight:700;font-size:1rem;color:var(--text)}.schematic-node--center{background:#58a6ff1a;border-color:var(--accent)}.schematic-node__icon{color:var(--accent);opacity:.9}.schematic-line{flex:1;height:2px;min-width:20px;background:linear-gradient(90deg,var(--border),var(--accent),var(--border));border-radius:1px}.dashboard-section--mfm{grid-column:1;grid-row:2}.mfm-dashboard{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.mfm-dashboard__main{display:flex;flex-direction:column;gap:.25rem}.mfm-dashboard__totalizer{font-size:1.75rem;font-weight:700;font-family:var(--font-mono);color:var(--text)}.mfm-dashboard__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.mfm-dashboard__readings{display:flex;gap:1.25rem}.mfm-dashboard__reading{display:flex;flex-direction:column;gap:.2rem}.mfm-dashboard__reading-label{font-size:.8rem;color:var(--text-muted)}.mfm-dashboard__reading-value{font-size:1.15rem;font-weight:700;font-family:var(--font-mono);color:var(--text)}.mfm-dashboard__reading-unit{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-left:.2rem}.dashboard-section--dispensers{grid-column:2;grid-row:1 / 3;align-self:stretch}.dispensers-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.dispenser-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#ffffff08;border-radius:10px;border:1px solid var(--border);transition:border-color .2s,background .2s}.dispenser-row--active{border-color:var(--success);background:#38a16914}.dispenser-row--offline{border-color:#e53e3e80;opacity:.85}.dispenser-row__graphic{flex-shrink:0}.dispenser-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.dispenser-row__name{font-size:.95rem;font-weight:600;color:var(--text)}.dispenser-row__flow{font-size:.8rem;color:var(--text-muted)}.dispenser-row__flow strong{color:var(--text);font-family:var(--font-mono)}.dispenser-row__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dispenser-row__dot--active{background:var(--success);box-shadow:0 0 8px var(--success)}.dispenser-row__dot--idle{background:var(--text-muted)}.dispenser-row__dot--offline{background:var(--danger)}.dashboard-section--odorizer{grid-column:1 / -1;grid-row:3}.odorizer-content{display:grid;grid-template-columns:1fr auto;gap:1.25rem;align-items:start}.odorizer-main{min-width:0}.odorizer-level{margin-bottom:.65rem}.odorizer-level__label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.35rem}.odorizer-level__bar{height:14px;background:var(--border);border-radius:7px;overflow:hidden;position:relative}.odorizer-level__fill{height:100%;background:linear-gradient(90deg,var(--danger),var(--warning),var(--success));border-radius:7px;transition:width .3s}.odorizer-level__pct{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-top:.35rem}.odorizer-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:clamp(.5rem,.8vw,.65rem)}.odorizer-metric{padding:.5rem .65rem;background:#ffffff08;border-radius:8px;border:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.odorizer-metric__label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.odorizer-metric__value{font-size:1.15rem;font-weight:700;font-family:var(--font-mono);color:var(--text)}.odorizer-metric__unit{font-size:.7rem;font-weight:500;color:var(--text-muted);margin-left:.2rem}.odorizer-gauge{flex-shrink:0}.gauge-circle{width:160px;height:160px;border-radius:50%;border:4px solid var(--accent);background:#58a6ff14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:1rem}.gauge-circle__value{font-size:1.75rem;font-weight:700;font-family:var(--font-mono);color:var(--text)}.gauge-circle__unit{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.gauge-circle__status{font-size:.7rem;font-weight:600;color:var(--success);margin-top:.25rem}.gauge-circle__pump{font-size:.65rem;color:var(--text-muted)}.dashboard-footer{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:.75rem 0;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}@media (max-width: 1100px){.overview-cards{grid-template-columns:repeat(3,1fr)}.dashboard-sections{grid-template-columns:1fr}.dashboard-section--dispensers{grid-column:1;grid-row:auto}.odorizer-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard{padding:0}.dashboard-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:.75rem}.dashboard-header__title h2{font-size:1.35rem}.dashboard-header__subtitle{font-size:.875rem}.dashboard-header__right{justify-content:flex-end}.overview-cards{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.75rem}.overview-card{padding:.65rem .75rem}.overview-card__value{font-size:1.2rem}.dashboard-sections{gap:.75rem}.compressor-metrics,.odorizer-content,.odorizer-metrics{grid-template-columns:1fr}.odorizer-gauge{justify-self:start}.dashboard-footer{flex-direction:column;align-items:flex-start;padding:.5rem 0}}@media (max-width: 480px){.dashboard-header__title h2{font-size:1.2rem}.overview-cards{grid-template-columns:1fr}.overview-card__value{font-size:1.1rem}}.ct{padding:1rem}.ct__svg{width:100%;max-height:420px;display:block}.ct-label{font-size:9.5px;font-weight:700;fill:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-sans)}.ct-label--cyan{fill:#06b6d4}.ct-label--green{fill:#22c55e}.ct-value{font-size:11.5px;font-weight:700;fill:var(--text);font-family:var(--font-mono)}.ct-value--blue{fill:#3b82f6}.ct-value--green{fill:#22c55e}.ct-value--purple{fill:#8b5cf6}.ct-sub{font-size:8.5px;fill:var(--text-muted);font-family:var(--font-mono)}.ct-status-text{font-size:10px;font-weight:700;fill:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em}.ct-status-text--on{fill:#22c55e}.ct-status-text--off{fill:#ef4444}.ct-flow{animation:ctFlow 1s linear infinite}@keyframes ctFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-32}}.ct-stage-pulse{animation:ctStagePulse 1.5s ease-in-out infinite}@keyframes ctStagePulse{0%,to{opacity:.2;stroke-dashoffset:0}50%{opacity:.8;stroke-dashoffset:-14}}.ct-engine-pulse{animation:ctEnginePulse 2s ease-in-out infinite}@keyframes ctEnginePulse{0%,to{opacity:.2}50%{opacity:.7}}@media (max-width: 800px){.ct__svg{max-height:340px}}@media (max-width: 600px){.ct{padding:.5rem}.ct__svg{max-height:260px}.ct-label{font-size:8px}.ct-value{font-size:9.5px}.ct-sub{font-size:7.5px}}.dispenser-twin-v2{background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:1rem 1.25rem;display:flex;flex-direction:column;width:100%;min-height:0;overflow:hidden;transition:border-color .3s,box-shadow .3s}.dispenser-twin-v2:hover{border-color:#0ea5e980}.dispenser-twin-v2--active{border-color:#22c55e66;box-shadow:0 0 0 1px #22c55e33}.dispenser-twin-v2--offline{opacity:.85;border-color:#f8514966}[data-theme=light] .dispenser-twin-v2{background:#f8fafce6;border-color:#00000014}[data-theme=light] .dispenser-twin-v2:hover{border-color:#0ea5e966}.dispenser-twin-v2__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.dispenser-twin-v2__name{margin:0;font-size:1.5rem;font-weight:800;font-style:italic;letter-spacing:-.02em;color:var(--text-muted)}.dispenser-twin-v2__uuid{font-size:10px;font-family:var(--font-mono);font-weight:700;padding:.25rem .5rem;border-radius:6px;background:#ffffff14;color:var(--text-muted)}[data-theme=light] .dispenser-twin-v2__uuid{background:#0000000f}.dispenser-twin-v2__viz{position:relative;min-height:14rem;height:18rem;max-height:20rem;flex-shrink:1;min-width:0;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem}.dispenser-twin-v2__dotgrid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;pointer-events:none;background-image:radial-gradient(circle,var(--accent) 1px,transparent 1px);background-size:20px 20px}.dispenser-twin-v2__frame{position:relative;width:12rem;height:16rem;border:2px solid rgba(255,255,255,.1);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 12px #0ea5e940}[data-theme=light] .dispenser-twin-v2__frame{border-color:#0000001a}.dispenser-twin-v2__display{width:10rem;margin-top:1rem;padding:.5rem .75rem;background:#0f172ae6;border:1px solid rgba(14,165,233,.4);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.dispenser-twin-v2__display-accent{position:absolute;top:0;left:0;right:0;height:4px;background:#0ea5e94d}.dispenser-twin-v2__display-flow-label{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.2rem}.dispenser-twin-v2__display-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;letter-spacing:.15em;color:#00f2ff}.dispenser-twin-v2--active .dispenser-twin-v2__display-value{color:#86efac}.dispenser-twin-v2__display-unit{font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-top:.15rem}.dispenser-twin-v2__display-totalizer{font-family:var(--font-mono);font-size:.75rem;color:#e2e8f0e6;margin-top:.5rem}.dispenser-twin-v2__display-totalizer-label{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.dispenser-twin-v2__tag{position:absolute;padding:.35rem .6rem;border-radius:6px;font-size:10px;font-family:var(--font-mono);background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.dispenser-twin-v2__tag--vlv{top:-.8rem;right:-.5rem;color:#ff8c00;border-color:#ff8c0059}.dispenser-twin-v2__tag--link{top:-.8rem;left:-.75rem;color:#34d399;border-color:#34d39959}.dispenser-twin-v2__tag--press{bottom:5rem;left:-1.5rem;color:#00f2ff;border-color:#00f2ff59}.dispenser-twin-v2__nozzle-line{position:absolute;left:50%;transform:translate(-50%);bottom:6rem;width:4px;height:3rem;background:#00f2ff;border-radius:2px;box-shadow:0 0 8px #00f2ff80;opacity:.7}.dispenser-twin-v2__nozzle-line--active{opacity:1;box-shadow:0 0 12px #00f2ffcc;animation:dispenser-v2-flow-glow 1.5s ease-in-out infinite}@keyframes dispenser-v2-flow-glow{0%,to{box-shadow:0 0 12px #00f2ffcc;opacity:1}50%{box-shadow:0 0 20px #00f2ff;opacity:.9}}.dispenser-twin-v2__sensor-dot{position:absolute;left:50%;transform:translate(-50%);bottom:4.5rem;width:12px;height:12px;border-radius:50%;background:#ff8c00;box-shadow:0 0 10px #ff8c0099}.dispenser-twin-v2__sensor-dot--active{animation:dispenser-v2-pulse 2s ease-in-out infinite}.dispenser-twin-v2:not(.dispenser-twin-v2--active) .dispenser-twin-v2__sensor-dot{background:#64748b;box-shadow:none}@keyframes dispenser-v2-pulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.1)}}.dispenser-twin-v2__hose{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:4rem;height:6rem;overflow:visible}.dispenser-twin-v2__hose-flow{animation:dispenser-v2-hose-flow .8s linear infinite}@keyframes dispenser-v2-hose-flow{to{stroke-dashoffset:-28}}.dispenser-twin-v2__flow-indicator{position:absolute;left:50%;transform:translate(-50%);bottom:6rem;width:5px;height:3rem;border-radius:2px;overflow:hidden;pointer-events:none;z-index:1}.dispenser-twin-v2__flow-dashes{position:absolute;left:0;right:0;top:0;height:200%;background:repeating-linear-gradient(to bottom,#00f2ff 0,#00f2ff 5px,transparent 5px,transparent 12px);opacity:.95;animation:dispenser-v2-flow-dash 1s linear infinite}@keyframes dispenser-v2-flow-dash{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.dispenser-twin-v2__status-bar{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4rem;height:4px;background:var(--success);border-radius:999px;box-shadow:0 0 12px #22c55e80;animation:dispenser-v2-bar-pulse 3s ease-in-out infinite}@keyframes dispenser-v2-bar-pulse{0%,to{opacity:1;transform:translate(-50%) scaleX(1)}50%{opacity:.6;transform:translate(-50%) scaleX(.95)}}.dispenser-twin-v2__metrics{margin-top:auto;padding:.65rem .85rem;border-radius:.75rem;background:#ffffff0a;border:1px solid var(--border);font-family:var(--font-mono);font-size:.8rem;flex-shrink:0;min-width:0;overflow:hidden}[data-theme=light] .dispenser-twin-v2__metrics{background:#00000008}.dispenser-twin-v2__metric-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem .75rem;padding:.2rem 0;min-height:1.35em}.dispenser-twin-v2__metric-label{color:var(--text-muted);white-space:nowrap;padding-right:.5rem}.dispenser-twin-v2__metric-value{font-weight:700;color:var(--text);text-align:right;white-space:nowrap;min-width:5em;padding-left:.35rem;overflow:hidden;text-overflow:ellipsis}.dispenser-twin-v2__status-wrap{margin-top:.6rem;flex-shrink:0;display:flex;justify-content:center}.dispenser-twin-v2__status-pill{padding:.2rem 1.15rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#ffffff14;color:var(--text-muted)}.dispenser-twin-v2__status-pill--active{background:#22c55e33;color:var(--success)}[data-theme=light] .dispenser-twin-v2__status-pill{background:#0000000f}[data-theme=light] .dispenser-twin-v2__status-pill--active{background:#1a7f3726;color:var(--success)}.odo-twin{padding:1rem}.odo-twin__svg{width:100%;max-height:380px;display:block}.ot-label{font-size:9.5px;font-weight:700;fill:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-sans)}.ot-value{font-size:12px;font-weight:700;fill:var(--text);font-family:var(--font-mono)}.ot-value--blue{fill:#3b82f6}.ot-value--green{fill:#22c55e}.ot-sub{font-size:8.5px;fill:var(--text-muted);font-family:var(--font-mono)}.ot-tank-pct{font-size:22px;font-weight:800;fill:#ffffffeb;font-family:var(--font-mono);text-shadow:0 1px 3px rgba(0,0,0,.4)}[data-theme=light] .ot-tank-pct{fill:#000000b3}.ot-inject-symbol{font-size:14px;font-weight:700;fill:var(--text-muted)}.ot-status{font-size:8px;font-weight:700;fill:var(--text-muted);letter-spacing:.04em;font-family:var(--font-sans)}.ot-status--on{fill:#22c55e}.ot-status-text{font-size:9px;font-weight:600;fill:var(--text-muted);font-family:var(--font-mono);letter-spacing:.03em}.ot-status-text--on{fill:#22c55e}.ot-flow{animation:otFlow 1s linear infinite}.ot-flow--tht{animation-duration:1.4s}@keyframes otFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-32}}.ot-pump-pulse{animation:otPumpPulse 1.2s ease-in-out infinite}@keyframes otPumpPulse{0%,to{opacity:.3;stroke-dashoffset:0}50%{opacity:1;stroke-dashoffset:-14}}.odo-twin--active{border-color:#22c55e33}@media (max-width: 800px){.odo-twin__svg{max-height:300px}}@media (max-width: 600px){.odo-twin{padding:.5rem}.odo-twin__svg{max-height:240px}.ot-label{font-size:8px}.ot-value{font-size:10px}.ot-tank-pct{font-size:16px}}.cmp-page{width:100%;padding-bottom:2rem}.cmp-error{padding:1.25rem;color:var(--danger);background:#f8514914;border:1px solid rgba(248,81,73,.25);border-radius:10px;font-weight:500}.cmp-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:4rem 1rem;color:var(--text-muted);font-size:.9rem}.cmp-loading__spinner{width:22px;height:22px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:cmpSpin .7s linear infinite}@keyframes cmpSpin{to{transform:rotate(360deg)}}.cmp-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(1rem,1.5vw,1.5rem);flex-wrap:wrap}.cmp-header__left{display:flex;align-items:center;gap:.85rem}.cmp-header__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);flex-shrink:0;box-shadow:0 4px 12px #3b82f640}.cmp-header__title{margin:0;font-size:1.35rem;font-weight:700;color:var(--text)}.cmp-header__subtitle{margin:.15rem 0 0;font-size:.82rem;color:var(--text-muted);line-height:1.3}.cmp-header__right{display:flex;align-items:center;gap:.75rem}.cmp-header__updated{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono)}.cmp-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.cmp-chip--running{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.cmp-chip--stopped{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.25)}[data-theme=dark] .cmp-chip--running{color:#4ade80}[data-theme=dark] .cmp-chip--stopped{color:#f87171}.cmp-chip__dot{width:7px;height:7px;border-radius:50%}.cmp-chip--running .cmp-chip__dot{background:#22c55e;animation:cmpPulse 1.5s ease-in-out infinite}.cmp-chip--stopped .cmp-chip__dot{background:#ef4444}@keyframes cmpPulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}}.cmp-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.5rem,1vw,1rem);margin-bottom:clamp(1rem,1.5vw,1.5rem)}.cmp-kpi{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .75rem;border-radius:12px;background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden;text-align:center;transition:transform .15s,box-shadow .15s}.cmp-kpi:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.cmp-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:12px 12px 0 0}.cmp-kpi--pressure:before{background:#3b82f6}.cmp-kpi--rpm:before{background:#8b5cf6}.cmp-kpi--hours:before{background:#06b6d4}.cmp-kpi--inlet:before{background:#f59e0b}.cmp-kpi--alarm:before{background:#22c55e}.cmp-kpi--alarm-active:before{background:#ef4444}.cmp-kpi__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}.cmp-kpi__value{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);color:var(--text);line-height:1}.cmp-kpi__unit{font-size:.7rem;color:var(--text-muted);font-weight:500}.cmp-kpi__link{font-size:.7rem;font-weight:600;color:var(--accent);text-decoration:none;margin-top:.15rem}.cmp-kpi__link:hover{text-decoration:underline}.cmp-kpi--alarm-active .cmp-kpi__value{color:#dc2626}[data-theme=dark] .cmp-kpi--alarm-active .cmp-kpi__value{color:#f87171}.cmp-twin-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:clamp(1rem,1.5vw,1.5rem)}.cmp-twin-section__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.15rem;border-bottom:1px solid var(--border);background:#00000004;flex-wrap:wrap}[data-theme=dark] .cmp-twin-section__head{background:#ffffff05}.cmp-twin-section__title{margin:0;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text)}.cmp-twin-section__legend{display:flex;gap:1rem;flex-wrap:wrap}.cmp-leg{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--text-muted);font-weight:500}.cmp-leg__dot{width:8px;height:8px;border-radius:50%}.cmp-leg__dot--gas{background:#3b82f6}.cmp-leg__dot--cool{background:#06b6d4}.cmp-leg__dot--out{background:#22c55e}.cmp-readings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(.75rem,1.2vw,1.25rem)}.cmp-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.cmp-card--wide{grid-column:1 / -1}.cmp-card__title{margin:0;padding:.75rem 1.15rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text);border-bottom:1px solid var(--border);background:#00000004}[data-theme=dark] .cmp-card__title{background:#ffffff05}.cmp-table{display:flex;flex-direction:column}.cmp-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1.15rem;border-bottom:1px solid var(--border);transition:background .1s}.cmp-row:last-child{border-bottom:none}.cmp-row:hover{background:#00000004}[data-theme=dark] .cmp-row:hover{background:#ffffff05}.cmp-row__label{font-size:.82rem;color:var(--text-muted);font-weight:500}.cmp-row__value{font-size:.82rem;font-weight:600;font-family:var(--font-mono);color:var(--text)}.cmp-fm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem;padding:.75rem}.cmp-fm{border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem;background:var(--surface);transition:border-color .15s}.cmp-fm--off{opacity:.5}.cmp-fm__head{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.4rem}.cmp-fm__name{font-size:.82rem;font-weight:700;color:var(--text)}.cmp-fm__pill{font-size:.58rem;font-weight:700;padding:.12rem .35rem;border-radius:5px;text-transform:uppercase;letter-spacing:.03em}.cmp-fm__pill--on{background:#22c55e1a;color:#16a34a}.cmp-fm__pill--off{background:#ef44441a;color:#dc2626}[data-theme=dark] .cmp-fm__pill--on{color:#4ade80}[data-theme=dark] .cmp-fm__pill--off{color:#f87171}.cmp-fm__metrics{display:flex;flex-direction:column;gap:.25rem}.cmp-fm__metric{display:flex;justify-content:space-between;align-items:center}.cmp-fm__metric-label{font-size:.68rem;color:var(--text-muted);font-weight:500}.cmp-fm__metric-value{font-size:.75rem;font-family:var(--font-mono);font-weight:600;color:var(--text)}@media (max-width: 1100px){.cmp-kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.cmp-header{flex-direction:column;align-items:flex-start;gap:.75rem}.cmp-kpis{grid-template-columns:repeat(2,1fr)}.cmp-readings-grid{grid-template-columns:1fr}.cmp-twin-section__head{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 640px){.cmp-kpis{grid-template-columns:1fr 1fr;gap:.5rem}.cmp-kpi{padding:.75rem .5rem}.cmp-kpi__value{font-size:1.2rem}.cmp-header__title{font-size:1.15rem}.cmp-fm-grid{grid-template-columns:1fr}}@media (max-width: 480px){.cmp-kpis{grid-template-columns:1fr}.cmp-kpi__value{font-size:1.35rem}.cmp-row,.cmp-fm__metric{font-size:.78rem}.cmp-row{padding:.5rem .85rem}}.equipment-page h2{margin:0 0 .25rem;font-size:1.5rem}.equipment-page .muted{color:var(--text-muted);margin:0 0 1.5rem;font-size:.9rem}.readings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(.75rem,1.2vw,1.5rem)}.readings-grid .card{border-radius:12px;padding:1.25rem;box-shadow:var(--shadow)}.readings-grid .card h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.readings-grid dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;font-size:.9rem}.readings-grid dt{color:var(--text-muted);font-weight:400}.readings-grid dd{margin:0;font-family:var(--font-mono)}.status-bar{margin-bottom:1.25rem}.compressor-actions{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.25rem}.compressor-emergency-stop{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#fff;background:var(--danger);border:1px solid rgba(229,62,62,.8);border-radius:8px;cursor:pointer;transition:background .2s,filter .2s}.compressor-emergency-stop:hover{filter:brightness(1.1)}.flow-meter-row{padding:.5rem 0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.flow-meter-row:last-child{border-bottom:none}.flow-meter-row__name{font-weight:600;color:var(--text)}.flow-meter-row__values{display:flex;gap:1rem;font-size:.9rem;color:var(--text-muted)}.flow-meter-row__values strong{color:var(--text);font-family:var(--font-mono)}.alarm-status-block{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.alarm-status-block__count{font-weight:600;color:var(--text)}.alarm-status-block__link{font-size:.9rem;color:var(--accent);text-decoration:none}.alarm-status-block__link:hover{text-decoration:underline}.equipment-page__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.75rem}.equipment-page__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.equipment-page__icon--dispenser{background:linear-gradient(135deg,#38a169,#2f855a)}.equipment-page__icon--compressor{background:linear-gradient(135deg,#3182ce,#2b6cb0)}.equipment-page__icon--mfm{background:linear-gradient(135deg,#805ad5,#6b46c1)}.equipment-page__icon--odorizer{background:linear-gradient(135deg,#dd6b20,#c05621)}.equipment-page__header h2{margin:0 0 .25rem}.equipment-page__header .muted{margin:0}.dispensers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.dispenser-card{text-align:center;padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 1px 3px #00000026;transition:border-color .2s,box-shadow .2s}.dispenser-card:hover{box-shadow:0 4px 12px #0003}.dispenser-card--dispensing{border-color:var(--success);border-width:2px;background:#38a16914;box-shadow:0 0 0 1px #38a16933,0 4px 12px #00000026}.dispenser-card--offline{opacity:.75;border-color:var(--danger);border-width:2px}.dispenser-card__graphic{margin:.25rem 0}.dispenser-card__name{font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:.02em}.dispenser-card__details{width:100%;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#ffffff0a;border-radius:8px;text-align:left}.dispenser-card__row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.dispenser-card__label{color:var(--text-muted)}.dispenser-card__value{font-family:var(--font-mono);font-weight:600;color:var(--text)}.dispenser-card .badge{margin-top:.25rem;text-transform:capitalize}.mfm-card{max-width:520px;border-radius:12px;padding:1.5rem}.mfm-main{margin-bottom:1rem}.mfm-main .label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem}.mfm-main .value{font-family:var(--font-mono);font-size:1.5rem;font-weight:600}.mfm-extra{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--text-muted)}.odorizer-specs{max-width:640px;margin-bottom:1.5rem;border-radius:12px;padding:1.25rem 1.5rem}.odorizer-specs__title{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:var(--text)}.odorizer-specs__list{margin:0;padding-left:1.25rem;color:var(--text-muted);font-size:.9rem;line-height:1.6}.odorizer-card{max-width:520px;border-radius:12px;padding:1.5rem}.odorizer-card__heading{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text)}.equipment-twin-wrap{margin-bottom:1.5rem}.equipment-twin-wrap .compressor-twin,.equipment-twin-wrap .odorizer-twin{max-width:100%}.dispensers-unified-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(.75rem,1.2vw,1.25rem);width:100%;max-width:100%;min-width:0}@media (max-width: 600px){.dispensers-unified-grid{grid-template-columns:1fr}}.dispenser-unified-card{display:flex;flex-direction:column;align-items:center;padding:.85rem;border-radius:12px;transition:border-color .2s,box-shadow .2s;min-width:0;overflow:hidden}.dispenser-unified-card .dispenser-twin{width:100%;margin-bottom:.75rem;padding:.75rem}.dispenser-unified-card .dispenser-twin__label{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:.02em}.dispenser-unified-card__details{width:100%;padding:.75rem;background:#ffffff0a;border-radius:8px;margin-bottom:.5rem}.dispenser-unified-card__row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:.2rem 0}.dispenser-unified-card__label{color:var(--text-muted)}.dispenser-unified-card__value{font-family:var(--font-mono);font-weight:600;color:var(--text)}.dispenser-unified-card--dispensing{border-color:var(--success);border-width:2px;background:#38a1690f;box-shadow:0 0 0 1px #38a16926}.dispenser-unified-card--offline{opacity:.8;border-color:var(--danger);border-width:2px}[data-theme=light] .dispenser-unified-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}[data-theme=light] .dispenser-unified-card:hover{box-shadow:var(--shadow-hover)}[data-theme=light] .dispenser-unified-card__details{background:#0000000a;border:1px solid var(--border)}[data-theme=light] .dispenser-unified-card .badge--muted{background:#00000014;color:#57606a;border:1px solid var(--border);font-weight:600}[data-theme=light] .dispenser-unified-card--dispensing{background:#1a7f370f;box-shadow:0 0 0 1px #1a7f3733}[data-theme=light] .dispenser-unified-card .dispenser-twin,[data-theme=light] .dispenser-unified-card .dispenser-twin-v2{background:#00000005;border:1px solid var(--border)}.error{color:var(--danger);padding:1rem;background:#f851491a;border-radius:8px;border:1px solid rgba(248,81,73,.3)}.level-bar-large{height:24px;background:var(--border);border-radius:6px;overflow:hidden;position:relative;margin-bottom:1.25rem}.level-bar-large .level-fill{height:100%;background:linear-gradient(90deg,var(--danger),var(--warning),var(--success));border-radius:6px;transition:width .3s}.level-bar-large .level-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.8rem;font-weight:600;color:var(--text);text-shadow:0 0 4px var(--bg)}.odorizer-readings{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1.5rem;font-size:.9rem}.odorizer-readings dt{color:var(--text-muted)}.odorizer-readings dd{margin:0;font-family:var(--font-mono)}.loading{color:var(--text-muted);padding:2rem}.dispensers-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center}.dispensers-footer__stats{display:flex;gap:2rem;flex-wrap:wrap}.dispensers-footer__stat{min-width:0}.dispensers-footer__stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700;margin-bottom:.25rem}.dispensers-footer__stat-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text)}.dispensers-footer__stat-unit{font-size:.875rem;font-weight:400;color:var(--text-muted);font-style:italic}.dispensers-footer__actions{display:flex;gap:1rem;flex-wrap:wrap}.dispensers-footer__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;border:1px solid transparent;background:#0f172a80;color:var(--text);border-color:#ffffff1a}.dispensers-footer__btn:hover{background:#ffffff14}.dispensers-footer__btn--primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 14px #0ea5e940}.dispensers-footer__btn--primary:hover{filter:brightness(1.1);box-shadow:0 4px 18px #0ea5e959}[data-theme=light] .dispensers-footer__btn{background:#0000000d;border-color:var(--border)}[data-theme=light] .dispensers-footer__btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}@media (max-width: 640px){.equipment-page__header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.equipment-page__header h2{font-size:1.25rem}.readings-grid{gap:1rem}.readings-grid .card{padding:1rem}.dispensers-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.dispensers-footer__stats{gap:1.25rem}.dispensers-footer__stat-value{font-size:1.25rem}}@media (max-width: 480px){.equipment-page__header h2{font-size:1.1rem}.dispenser-unified-card{padding:.65rem}.dispenser-unified-card .dispenser-twin{padding:.5rem}.dispensers-footer__stats{flex-direction:column;gap:.5rem}}.odo-page{width:100%;padding-bottom:2rem}.odo-error{padding:1.25rem;color:var(--danger);background:#f8514914;border:1px solid rgba(248,81,73,.25);border-radius:10px;font-weight:500}.odo-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:4rem 1rem;color:var(--text-muted);font-size:.9rem}.odo-loading__spinner{width:22px;height:22px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:odoSpin .7s linear infinite}@keyframes odoSpin{to{transform:rotate(360deg)}}.odo-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(1rem,1.5vw,1.5rem);flex-wrap:wrap}.odo-header__left{display:flex;align-items:center;gap:.85rem}.odo-header__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);flex-shrink:0;box-shadow:0 4px 12px #f59e0b40}.odo-header__title{margin:0;font-size:1.35rem;font-weight:700;color:var(--text)}.odo-header__subtitle{margin:.15rem 0 0;font-size:.82rem;color:var(--text-muted);line-height:1.3}.odo-header__right{display:flex;align-items:center;gap:.75rem}.odo-header__updated{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono)}.odo-status-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.odo-status-chip--active{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.odo-status-chip--idle{background:#eab3081a;color:#a16207;border:1px solid rgba(234,179,8,.25)}[data-theme=dark] .odo-status-chip--active{color:#4ade80}[data-theme=dark] .odo-status-chip--idle{color:#facc15}.odo-status-chip__dot{width:7px;height:7px;border-radius:50%}.odo-status-chip--active .odo-status-chip__dot{background:#22c55e;animation:odoPulse 1.5s ease-in-out infinite}.odo-status-chip--idle .odo-status-chip__dot{background:#eab308}@keyframes odoPulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}}.odo-kpis{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:clamp(.6rem,1vw,1rem);margin-bottom:clamp(1rem,1.5vw,1.5rem)}.odo-kpi{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.15rem;border-radius:12px;background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}.odo-kpi:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.odo-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:12px 12px 0 0}.odo-kpi--tank:before{background:linear-gradient(90deg,#f59e0b,#22c55e)}.odo-kpi--dose:before{background:#8b5cf6}.odo-kpi--flow:before{background:#3b82f6}.odo-kpi--strokes:before{background:#06b6d4}.odo-kpi__top{display:flex;align-items:center;justify-content:space-between}.odo-kpi__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}.odo-kpi__badge{font-size:.6rem;font-weight:700;padding:.12rem .4rem;border-radius:5px;text-transform:uppercase}.odo-kpi__badge--good{background:#22c55e1f;color:#16a34a}.odo-kpi__badge--warning{background:#eab3081f;color:#a16207}.odo-kpi__badge--critical{background:#ef44441f;color:#dc2626}[data-theme=dark] .odo-kpi__badge--good{color:#4ade80}[data-theme=dark] .odo-kpi__badge--warning{color:#facc15}[data-theme=dark] .odo-kpi__badge--critical{color:#f87171}.odo-kpi__value-row{display:flex;align-items:baseline;gap:.5rem}.odo-kpi__value{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);color:var(--text);line-height:1}.odo-kpi__unit{font-size:.72rem;color:var(--text-muted);font-weight:500}.odo-kpi__bar{height:6px;border-radius:3px;background:var(--border);overflow:hidden;margin-top:.25rem}.odo-kpi__bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.odo-kpi__bar-fill--good{background:linear-gradient(90deg,#22c55e,#16a34a)}.odo-kpi__bar-fill--warning{background:linear-gradient(90deg,#eab308,#f59e0b)}.odo-kpi__bar-fill--critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.odo-kpi__strokes-row{display:flex;align-items:center;gap:.75rem;margin-top:.15rem}.odo-kpi__stroke-item{display:flex;flex-direction:column;gap:.1rem;min-width:0}.odo-kpi__stroke-num{font-size:1.2rem;font-weight:700;font-family:var(--font-mono);color:var(--text);line-height:1.1}.odo-kpi__stroke-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-weight:600}.odo-kpi__stroke-sep{width:1px;height:28px;background:var(--border);flex-shrink:0}.odo-twin-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:clamp(1rem,1.5vw,1.5rem)}.odo-twin-section__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.15rem;border-bottom:1px solid var(--border);background:#00000004;flex-wrap:wrap}[data-theme=dark] .odo-twin-section__head{background:#ffffff05}.odo-twin-section__title{margin:0;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text)}.odo-twin-section__legend{display:flex;gap:1rem;flex-wrap:wrap}.odo-legend{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--text-muted);font-weight:500}.odo-legend__dot{width:8px;height:8px;border-radius:50%}.odo-legend__dot--ng{background:var(--accent)}.odo-legend__dot--tht{background:#f59e0b}.odo-legend__dot--out{background:#22c55e}.odo-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.75rem,1.2vw,1.25rem)}.odo-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.odo-card__title{margin:0;padding:.75rem 1.15rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text);border-bottom:1px solid var(--border);background:#00000004}[data-theme=dark] .odo-card__title{background:#ffffff05}.odo-readings{display:flex;flex-direction:column}.odo-reading{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.15rem;border-bottom:1px solid var(--border);transition:background .1s}.odo-reading:last-child{border-bottom:none}.odo-reading:hover{background:#00000004}[data-theme=dark] .odo-reading:hover{background:#ffffff05}.odo-reading__label{font-size:.82rem;color:var(--text-muted);font-weight:500}.odo-reading__value{font-size:.85rem;font-weight:600;font-family:var(--font-mono);color:var(--text)}.odo-reading__value--good{color:#16a34a}.odo-reading__value--warning{color:#d97706}.odo-reading__value--critical{color:#dc2626}[data-theme=dark] .odo-reading__value--good{color:#4ade80}[data-theme=dark] .odo-reading__value--warning{color:#fbbf24}[data-theme=dark] .odo-reading__value--critical{color:#f87171}.odo-specs{display:flex;flex-direction:column}.odo-spec{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.15rem;border-bottom:1px solid var(--border)}.odo-spec:last-child{border-bottom:none}.odo-spec__label{font-size:.82rem;color:var(--text-muted);font-weight:500}.odo-spec__value{font-size:.82rem;font-weight:600;color:var(--text)}@media (max-width: 1024px){.odo-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.odo-header{flex-direction:column;align-items:flex-start;gap:.75rem}.odo-header__right{flex-wrap:wrap}.odo-bottom-row{grid-template-columns:1fr}}@media (max-width: 640px){.odo-kpis{grid-template-columns:1fr 1fr;gap:.5rem}.odo-kpi{padding:.75rem}.odo-kpi__value{font-size:1.2rem}.odo-twin-section__head{flex-direction:column;align-items:flex-start;gap:.5rem}.odo-header__title{font-size:1.15rem}}@media (max-width: 480px){.odo-kpis{grid-template-columns:1fr}.odo-kpi__value{font-size:1.35rem}.odo-reading,.odo-spec{padding:.5rem .85rem;font-size:.78rem}}.transactions-page__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.transactions-page__icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3182ce,#2b6cb0);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transactions-page__header h2{margin:0 0 .25rem;font-size:1.5rem}.transactions-page .muted{color:var(--text-muted);margin:0;font-size:.9rem}.toolbar{margin-bottom:1rem}.toolbar select{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.5rem .75rem;border-radius:6px;font-size:.9rem}.table-wrap{overflow-x:auto;padding:0}.table-wrap table{margin:0}.table-wrap .mono{font-family:var(--font-mono);font-size:.9rem}.pagination{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.9rem;color:var(--text-muted)}.pagination button{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.35rem .75rem;border-radius:6px;cursor:pointer;margin:0 .25rem}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination .page-num{margin:0 .5rem}.alarms-page__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.alarms-page__icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alarms-page__header h2{margin:0 0 .25rem;font-size:1.5rem}.alarms-page .muted{color:var(--text-muted);margin:0;font-size:.9rem}.alarm-summary{display:flex;gap:1rem;margin-bottom:1.25rem}.alarms-page .card h3{margin:0 0 1rem;font-size:1rem}.btn-ack{background:var(--accent);border:none;color:var(--bg);padding:.35rem .6rem;border-radius:4px;font-size:.8rem;cursor:pointer}.reports-page{width:100%}.rpt-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.rpt-header__left{display:flex;align-items:center;gap:.85rem}.rpt-header__icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#6e40c9,#8957e5);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #6e40c94d}.rpt-header__title{margin:0;font-size:1.5rem;font-weight:700}.rpt-header__sub{margin:.15rem 0 0;font-size:.85rem;color:var(--text-muted)}.rpt-header__actions,.rpt-period-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.rpt-period{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-muted)}.rpt-period select{border:none;background:transparent;color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;outline:none;padding-right:.25rem}.rpt-date-range{display:inline-flex;align-items:center;gap:.5rem}.rpt-date-range input[type=date]{padding:.4rem .65rem;font-size:.85rem;font-family:var(--font-sans);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;outline:none;cursor:pointer;transition:border-color .2s}.rpt-date-range input[type=date]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #0969da26}.rpt-date-range__sep{font-size:.8rem;color:var(--text-muted);font-weight:500}.rpt-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap}.rpt-btn--ghost{color:var(--text-muted);background:var(--surface);border-color:var(--border)}.rpt-btn--ghost:hover{color:var(--text);border-color:var(--text-muted)}.rpt-btn--accent{color:#fff;background:var(--accent);border-color:var(--accent-dim);box-shadow:0 2px 8px #0969da33}.rpt-btn--accent:hover{filter:brightness(1.08)}.rpt-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid var(--border)}.rpt-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .2s,border-color .2s}.rpt-tab:hover{color:var(--text)}.rpt-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.rpt-error{padding:1rem;margin-bottom:1rem;background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:8px;color:var(--danger)}.rpt-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--text-muted);font-size:.95rem}.rpt-spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:rpt-spin .8s linear infinite}@keyframes rpt-spin{to{transform:rotate(360deg)}}.rpt-empty{margin:0;padding:2rem;text-align:center;color:var(--text-muted)}.rpt-section{display:flex;flex-direction:column;gap:clamp(.75rem,1.2vw,1.25rem)}.rpt-section__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.rpt-section__title{margin:0;font-size:1.15rem;font-weight:700}.rpt-section__period{font-size:.8rem;color:var(--text-muted)}.rpt-kpis{display:grid;gap:clamp(.5rem,1vw,1rem)}.rpt-kpis--three{grid-template-columns:repeat(3,1fr)}.rpt-kpis--four{grid-template-columns:repeat(4,1fr)}.rpt-kpi{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.35rem;overflow:hidden;box-shadow:var(--shadow)}.rpt-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.rpt-kpi--revenue:before{background:linear-gradient(90deg,#d69e2e,#ecc94b)}.rpt-kpi--volume:before{background:linear-gradient(90deg,#38a169,#68d391)}.rpt-kpi--txn:before{background:linear-gradient(90deg,#0969da,#58a6ff)}.rpt-kpi--peak:before{background:linear-gradient(90deg,#805ad5,#b794f4)}.rpt-kpi__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--text-muted)}.rpt-kpi__value{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);color:var(--text);line-height:1.2}.rpt-kpi__note{font-size:.75rem;color:var(--text-muted)}.rpt-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem;box-shadow:var(--shadow)}.rpt-card__title{margin:0 0 1rem;font-size:.95rem;font-weight:700;color:var(--text)}.rpt-row{display:grid;gap:clamp(.75rem,1.2vw,1.25rem)}.rpt-row--half{grid-template-columns:1fr 1fr}.rpt-chart{width:100%;overflow:hidden}.rpt-chart__svg{width:100%;height:auto}.rpt-chart__axis-label{fill:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.rpt-chart__legend{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;font-weight:600;color:var(--text)}.rpt-chart__legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.rpt-hbar-list{display:flex;flex-direction:column;gap:.85rem}.rpt-hbar__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.rpt-hbar__label{font-size:.85rem;font-weight:600;color:var(--text)}.rpt-hbar__value{font-size:.85rem;font-family:var(--font-mono);font-weight:600;color:var(--text)}.rpt-hbar__track{height:10px;background:var(--border);border-radius:5px;overflow:hidden}.rpt-hbar__fill{height:100%;border-radius:5px;transition:width .5s ease;min-width:4px}.rpt-donut{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;justify-content:center}.rpt-donut__total{fill:var(--text);font-size:18px;font-weight:700;font-family:var(--font-mono)}.rpt-donut__unit{fill:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.rpt-donut__legend{display:flex;flex-direction:column;gap:.5rem}.rpt-donut__item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.rpt-donut__swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.rpt-donut__name{color:var(--text);font-weight:500}.rpt-donut__pct{font-family:var(--font-mono);font-weight:600;color:var(--text-muted);margin-left:auto;min-width:3rem;text-align:right}.rpt-tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.rpt-tbl{width:100%;min-width:400px;border-collapse:collapse;font-size:.875rem}.rpt-tbl th,.rpt-tbl td{padding:.65rem .85rem;border-bottom:1px solid var(--border)}.rpt-tbl th{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:#00000005}[data-theme=dark] .rpt-tbl th{background:#ffffff08}.rpt-tbl tbody tr{transition:background .1s}.rpt-tbl tbody tr:hover{background:#00000005}[data-theme=dark] .rpt-tbl tbody tr:hover{background:#ffffff0a}.rpt-tbl tfoot td{border-top:2px solid var(--border);border-bottom:none;background:#00000005}[data-theme=dark] .rpt-tbl tfoot td{background:#ffffff08}.rpt-tbl--right{text-align:right}.rpt-tbl--mono{font-family:var(--font-mono)}@media (max-width: 900px){.rpt-kpis--three,.rpt-kpis--four{grid-template-columns:repeat(2,1fr)}.rpt-row--half{grid-template-columns:1fr}}@media (max-width: 640px){.rpt-header{flex-direction:column;align-items:flex-start;gap:.75rem}.rpt-header__actions{width:100%;justify-content:space-between}.rpt-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.rpt-tab{padding:.6rem .85rem;white-space:nowrap;font-size:.85rem}.rpt-kpis--three,.rpt-kpis--four{grid-template-columns:1fr}.rpt-kpi__value{font-size:1.25rem}.rpt-card{padding:1rem}.rpt-donut{flex-direction:column;align-items:center}.rpt-section__head{flex-direction:column;align-items:flex-start}.rpt-period-group{flex-direction:column;align-items:stretch}.rpt-date-range{flex-wrap:wrap}.rpt-date-range input[type=date]{flex:1;min-width:0}}@media (max-width: 480px){.rpt-header__title{font-size:1.25rem}.rpt-btn{padding:.45rem .75rem;font-size:.8rem}}@media print{.rpt-header__actions,.rpt-tabs,.rpt-section__head .rpt-btn{display:none!important}.rpt-kpi,.rpt-card{break-inside:avoid;box-shadow:none;border:1px solid #d0d7de}}.settings-page__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.settings-page__icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-page__header h2{margin:0 0 .25rem;font-size:1.5rem}.settings-page .muted{color:var(--text-muted);margin:0;font-size:.9rem}.settings-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem}.settings-tab{padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500}.settings-tab:hover{color:var(--text);border-color:var(--accent)}.settings-tab--active{background:#58a6ff1a;border-color:var(--accent);color:var(--accent)}.settings-card{max-width:800px}.settings-card h3{margin:0 0 1rem;font-size:1rem}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.role-card{padding:1rem;background:#ffffff0a;border-radius:8px;border:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.role-card__name{font-weight:600;color:var(--text)}.role-card__count{font-family:var(--font-mono);font-size:1.25rem;color:var(--accent)}.role-card__desc{font-size:.85rem;color:var(--text-muted)}.settings-users-table{margin:0}.settings-users-table .user-name{font-weight:500;color:var(--text)}:root,[data-theme=light]{--bg: #f0f2f5;--surface: #ffffff;--surface-elevated: #ffffff;--border: #d0d7de;--text: #1f2328;--text-muted: #57606a;--accent: #0969da;--accent-dim: #0550ae;--success: #1a7f37;--warning: #9a6700;--danger: #cf222e;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-hover: 0 4px 14px rgba(0, 0, 0, .12)}[data-theme=dark]{--bg: #0f1419;--surface: #1a2129;--surface-elevated: #232d38;--border: #2d3a47;--text: #e7ecf1;--text-muted: #8b95a0;--accent: #58a6ff;--accent-dim: #388bfd;--success: #3fb950;--warning: #d29922;--danger: #f85149;--shadow: 0 1px 3px rgba(0, 0, 0, .2);--shadow-hover: 0 4px 14px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html{overflow-x:hidden;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;min-width:0;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}table{width:100%;border-collapse:collapse}th,td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.equipment-card{border-radius:12px;padding:1.5rem}.badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.badge-success,.badge--success{background:#3fb95033;color:var(--success)}.badge-warning,.badge--warning{background:#d2992233;color:var(--warning)}.badge-danger,.badge--danger{background:#f8514933;color:var(--danger)}.badge-muted,.badge--muted{background:#8b949e33;color:var(--text-muted)}