.layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "sidebar main";min-height:100vh}.header{grid-area:header;display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border)}.header-right{margin-left:auto;display:flex;align-items:center;gap:1rem}.header-date{font-size:.9rem;color:var(--text-muted);font-weight:500}.theme-toggle{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 .15s,background .15s,border-color .15s}.theme-toggle:hover{color:var(--text);background:#ffffff14;border-color:var(--text-muted)}[data-theme=light] .theme-toggle{background:#0000000a}[data-theme=light] .theme-toggle:hover{background:#00000014}.user-menu{position:relative}.user-menu__trigger{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 .15s,background .15s,border-color .15s}.user-menu__trigger:hover{color:var(--text);background:#ffffff14;border-color:var(--text-muted)}.user-menu__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 40px #00000059;padding:0;z-index:200;overflow:hidden}.user-menu__header{display:flex;align-items:center;gap:12px;padding:1rem 1.25rem;background:#ffffff08}.user-menu__avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#58a6ff26;color:var(--accent);display:flex;align-items:center;justify-content:center}.user-menu__info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-menu__name{font-weight:600;font-size:.95rem;color:var(--text)}.user-menu__email{font-size:.8rem;color:var(--text-muted);word-break:break-all}.user-menu__divider{height:1px;background:var(--border)}.user-menu__meta{padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--text-muted)}.user-menu__meta-row strong{display:inline-block;min-width:4.5rem;color:var(--text);font-weight:500}.user-menu__item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.65rem 1.25rem;font-size:.9rem;color:var(--text-muted);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s,color .15s}.user-menu__item:hover{background:#ffffff0f;color:var(--text)}.user-menu__item--signout{color:var(--text-muted)}.user-menu__item--signout:hover{color:#e57373}.menu-btn{background:none;border:1px solid var(--border);color:var(--text);padding:.4rem .6rem;border-radius:6px;cursor:pointer;font-size:1.1rem}.logo{margin:0;font-size:1.25rem;font-weight:600}.subtitle{color:var(--text-muted);font-size:.9rem}.sidebar{grid-area:sidebar;width:220px;background:var(--surface);border-right:1px solid var(--border);padding:1rem 0;transition:width .2s,margin-left .2s;display:flex;flex-direction:column}.sidebar .sidebar-nav{flex:1;min-height:0}.sidebar.open+.main{margin-left:0}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;color:var(--text-muted);text-decoration:none;border-radius:0 8px 8px 0;border-left:3px solid transparent}.sidebar-nav__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.8}.sidebar nav a.active .sidebar-nav__icon{opacity:1;color:var(--accent)}.sidebar nav a:hover{color:var(--text);background:#ffffff0a}.sidebar nav a.active{color:var(--accent);background:#58a6ff1a;border-left-color:var(--accent)}.main{grid-area:main;padding:1.5rem;overflow:auto}@media (max-width: 768px){.layout{grid-template-areas:"header" "main";grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:52px;bottom:0;z-index:100;margin-left:-220px;width:220px}.sidebar.open{margin-left:0}}.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)}.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{max-width:1400px;margin:0 auto}.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:.75rem;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:1rem;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(3,1fr);gap:.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(4,1fr);gap:.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-header{flex-direction:column;align-items:stretch}.dashboard-header__right{justify-content:flex-end}.overview-cards{grid-template-columns:repeat(2,1fr)}.compressor-metrics,.odorizer-content{grid-template-columns:1fr}.odorizer-gauge{justify-self:start}.dashboard-footer{flex-direction:column;align-items:flex-start}}.compressor-twin{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;overflow:hidden}.compressor-twin__header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.compressor-twin__title{margin:0 0 .35rem;font-size:1.1rem;font-weight:600;color:var(--text)}.compressor-twin__desc{margin:0 0 .75rem;font-size:.85rem;line-height:1.45;color:var(--text-muted);max-width:720px}.compressor-twin__status{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.compressor-twin__status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.compressor-twin__status-dot--on{background:var(--success);box-shadow:0 0 10px var(--success);animation:compressor-dot-pulse 2s ease-in-out infinite}.compressor-twin__status-dot--off{background:var(--danger)}.compressor-twin__status-text{color:var(--text)}@keyframes compressor-dot-pulse{0%,to{opacity:1}50%{opacity:.7}}.compressor-twin__diagram{min-width:0}.compressor-twin__flow-row{display:flex;align-items:stretch;flex-wrap:wrap;gap:.35rem .25rem;margin-bottom:1rem}.compressor-twin__block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:72px;padding:.6rem .5rem;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;gap:.2rem}.compressor-twin__block-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.compressor-twin__block-value{font-size:.95rem;font-weight:700;font-family:var(--font-mono);color:var(--text)}.compressor-twin__block-unit,.compressor-twin__block-extra{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.compressor-twin__block-hint{font-size:.6rem;color:var(--text-muted);text-transform:none;font-weight:400}.compressor-twin__block--in{border-color:var(--accent);background:#58a6ff14}.compressor-twin__block--in .compressor-twin__block-value{color:var(--accent)}.compressor-twin__block--stage{border-color:#58a6ff66;background:#58a6ff0d}.compressor-twin__block--stage .compressor-twin__block-value{color:var(--text)}.compressor-twin__block--ic{background:#ffffff08}.compressor-twin__block--out{border-color:var(--success);background:#38a16914}.compressor-twin__block--out .compressor-twin__block-value{color:var(--success)}.compressor-twin--running .compressor-twin__block--in,.compressor-twin--running .compressor-twin__block--stage{border-color:#58a6ff80}.compressor-twin__arrow{display:flex;align-items:center;color:var(--text-muted);font-size:1rem;font-weight:700;flex-shrink:0}.compressor-twin--running .compressor-twin__arrow{color:var(--accent)}.compressor-twin__engine-row{display:flex;justify-content:center;margin-top:.5rem}.compressor-twin__engine-box{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.5rem;background:#0003;border:1px solid var(--border);border-radius:10px}.compressor-twin__engine-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.compressor-twin__engine-value{font-size:1.25rem;font-weight:700;font-family:var(--font-mono);color:var(--text)}.compressor-twin__engine-run{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}@media (max-width: 900px){.compressor-twin__flow-row{gap:.5rem}.compressor-twin__block{min-width:64px;padding:.5rem .4rem}.compressor-twin__block-label{font-size:.65rem}.compressor-twin__block-value{font-size:.85rem}}.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)}.odorizer-twin{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;overflow:hidden}.odorizer-twin__header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.odorizer-twin__title{margin:0 0 .35rem;font-size:1.1rem;font-weight:600;color:var(--text)}.odorizer-twin__desc{margin:0;font-size:.85rem;line-height:1.45;color:var(--text-muted);max-width:720px}.odorizer-twin--flowing{border-color:#38a16966;box-shadow:0 0 0 1px #38a1691a}.odorizer-twin__schematic{min-width:0;margin-bottom:.75rem}.odorizer-twin__svg{width:100%;max-height:340px;display:block}.odorizer-twin__svg-label{font-size:11px;font-weight:700;fill:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.odorizer-twin__svg-value{font-size:13px;font-weight:700;fill:var(--text);font-family:var(--font-mono)}.odorizer-twin__svg-value--success{fill:var(--success)}.odorizer-twin__svg-unit{font-size:10px;fill:var(--text-muted);font-family:var(--font-mono)}.odorizer-twin__svg-status{font-size:9px;font-weight:700;fill:var(--text-muted);text-transform:uppercase}.odorizer-twin--flowing .odorizer-twin__comp--pump .odorizer-twin__svg-status{fill:var(--success)}.odorizer-twin__comp--tank .odorizer-twin__svg-label{fill:var(--text)}.odorizer-twin__comp--pump{cursor:default}.odorizer-twin__comp--inject .odorizer-twin__svg-label{fill:var(--warning)}.odorizer-twin__comp--panel .odorizer-twin__svg-label{fill:var(--text-muted)}.odorizer-twin__comp--panel .odorizer-twin__svg-value{font-size:11px;font-weight:600;fill:var(--text-muted)}.odorizer-twin__comp--downstream .odorizer-twin__svg-label{fill:var(--text)}.odorizer-twin__downstream-title{font-size:9px;font-weight:700}.odorizer-twin__comp--downstream .odorizer-twin__svg-unit{font-size:8px;fill:var(--text-muted)}.odorizer-twin__flow-dash{animation:odorizer-flow 1.2s linear infinite}.odorizer-twin__flow-dash--dose{animation-duration:1.8s}@keyframes odorizer-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-24}}.odorizer-twin__pump-active{animation:odorizer-pump-pulse 1.5s ease-in-out infinite}@keyframes odorizer-pump-pulse{0%,to{opacity:.7}50%{opacity:1}}.odorizer-twin__legend{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.odorizer-twin__legend-item{display:inline-flex;align-items:center;gap:.4rem}.odorizer-twin__legend-dot{width:10px;height:10px;border-radius:50%}.odorizer-twin__legend-dot--ng{background:var(--accent)}.odorizer-twin__legend-dot--dose{background:var(--warning)}.odorizer-twin__legend-dot--out{background:var(--success)}@media (max-width: 700px){.odorizer-twin__svg{max-height:280px}.odorizer-twin__svg-label{font-size:9px}.odorizer-twin__svg-value{font-size:11px}}.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: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(4,minmax(0,1fr));gap:1rem;width:100%;max-width:100%;min-width:0}@media (max-width: 1200px){.dispensers-unified-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.dispensers-unified-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}}@media (max-width: 500px){.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)}.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__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.reports-page__icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#805ad5,#6b46c1);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reports-page__header h2{margin:0 0 .25rem;font-size:1.5rem}.reports-page .muted{color:var(--text-muted);margin:0;font-size:.9rem}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.report-header h3{margin:0;font-size:1rem}.report-header select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.4rem .6rem;border-radius:6px;font-size:.9rem}.chart-bars{display:flex;align-items:flex-end;gap:.5rem;min-height:180px;padding:.5rem 0}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.bar{width:100%;min-height:4px;max-height:120px;background:var(--accent);border-radius:4px 4px 0 0;transition:height .3s}.bar-label{font-size:.75rem;color:var(--text-muted)}.bar-value{font-size:.8rem;font-family:var(--font-mono)}.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=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;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .2);--shadow-hover: 0 4px 14px rgba(0, 0, 0, .25)}[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;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-hover: 0 4px 14px rgba(0, 0, 0, .12)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh}#root{min-height:100vh}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)}