@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@keyframes pulse-border{0%{box-shadow:0 0 0 0 rgba(var(--color-empty-rgb), .4);border-color:rgba(var(--color-empty-rgb), .5)}70%{box-shadow:0 0 0 6px rgba(var(--color-empty-rgb), 0);border-color:rgba(var(--color-empty-rgb), .2)}to{box-shadow:0 0 0 0 rgba(var(--color-empty-rgb), 0);border-color:rgba(var(--color-empty-rgb), .5)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app-header{grid-template-columns:1fr auto!important;grid-template-areas:"brand actions""nav nav"!important;gap:16px!important;margin-bottom:24px!important;padding:12px 16px!important;display:grid!important}.brand-title{grid-area:brand}.nav-container{flex-direction:column;grid-area:nav;align-items:stretch;gap:10px;width:100%;display:flex}.nav-links{gap:6px;width:100%;display:flex}.nav-links .btn{flex:1;justify-content:center;gap:4px;padding:8px 10px;font-size:.8rem}.nav-links .btn svg{width:14px;height:14px}.header-actions{grid-area:actions;justify-content:flex-end}}@media (width<=480px){.nav-links .btn{gap:3px;padding:8px 4px;font-size:.75rem}.brand-title h1{font-size:1.1rem!important}.brand-title span{font-size:.65rem!important}}@media (width>=1024px){.racks-grid{grid-template-columns:repeat(2,1fr)}}@keyframes pulse-border-empty{0%{border-color:#ef44444d}50%{border-color:#ef4444bf}to{border-color:#ef44444d}}@keyframes pulse-fill-empty{0%{opacity:.85}50%{opacity:1}to{opacity:.85}}@media (width>=900px){.admin-sections-grid{grid-template-columns:repeat(2,1fr)}.admin-section-full{grid-column:span 2}}@media print{body{color:#000!important;background:#fff!important}.app-header,footer,.admin-container>:not(.modal-overlay),.no-print{visibility:hidden!important;height:0!important;display:none!important;overflow:hidden!important}#root,.admin-container,.modal-overlay,.modal-content,.qr-modal-body,.qr-modal-preview-container{visibility:visible!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;transform:none!important}#printable-qr-card{visibility:visible!important;color:#000!important;width:360px!important;height:auto!important;box-shadow:none!important;text-align:center!important;box-sizing:border-box!important;background:#fff!important;border:3px double #000!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:20mm auto!important;padding:30px!important;display:flex!important;position:relative!important}#printable-qr-card *{visibility:visible!important;color:#000!important}#printable-qr-card h2{margin-bottom:2px!important;font-size:1.6rem!important;font-weight:700!important}#printable-qr-card p.subtitle{color:#333!important;margin-bottom:16px!important;font-size:.75rem!important;font-weight:600!important}#printable-qr-card h3.rack-name{margin-top:14px!important;margin-bottom:4px!important;font-size:1.4rem!important;font-weight:700!important}#printable-qr-card p.rack-desc{color:#333!important;margin-bottom:16px!important;font-size:.85rem!important}#printable-qr-card .printable-qr-footer{border-top:1px dashed #000!important;width:100%!important;padding-top:12px!important}#printable-qr-card .printable-qr-instructions{font-size:.8rem!important;font-weight:600!important}#printable-qr-card .printable-qr-url{word-break:break-all!important;font-family:monospace!important;font-size:.65rem!important}@page{margin:0;size:auto}}.analytics-container{max-width:1400px;animation:fadeIn var(--transition-fast) forwards;flex-direction:column;gap:24px;margin:0 auto;padding:24px;display:flex}.analytics-header-section{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.analytics-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.analytics-select-group{align-items:center;gap:8px;display:flex}.analytics-select-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.analytics-select{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);outline:none;padding:8px 16px;font-size:.9rem}.analytics-select:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px #8b5cf633}.analytics-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.analytics-metric-card{align-items:center;gap:16px;padding:20px;display:flex}.analytics-metric-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.analytics-metric-icon.avg{color:var(--color-brand);background:#8b5cf626}.analytics-metric-icon.alert{color:var(--color-empty);background:#ef444426}.analytics-metric-icon.replace{color:var(--color-full);background:#10b98126}.analytics-metric-icon.ops{color:var(--color-ok);background:#38bdf826}.analytics-metric-info{flex-direction:column;flex-grow:1;display:flex}.analytics-metric-value{font-size:1.7rem;font-weight:700;line-height:1.2}.analytics-metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.analytics-metric-meta{color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;font-size:.75rem;display:flex}.analytics-charts-row{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.analytics-charts-row.main{grid-template-columns:2fr 1fr}.analytics-charts-row.secondary{grid-template-columns:1fr 1.2fr}}.analytics-card{flex-direction:column;gap:20px;min-width:0;padding:24px;display:flex}.analytics-card-title{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:1.1rem;font-weight:600;display:flex}.analytics-card-header-actions{gap:8px;display:flex}.chart-wrapper{width:100%;height:280px;position:relative}.chart-svg{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:var(--chart-grid);stroke-width:1px}.chart-axis-line{stroke:var(--chart-axis);stroke-width:1px}.chart-axis-text{fill:var(--text-muted);font-size:10px;font-weight:500}.chart-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 8px #0000004d);transition:stroke-dasharray .5s ease-in-out}.chart-area{stroke:none;pointer-events:none;opacity:.1;transition:all .3s}.chart-dot{cursor:pointer;fill-opacity:1;transition:r .15s ease-in-out,stroke-width .15s ease-in-out}.chart-dot:hover{r:6;stroke-width:3px;stroke:#fff}.chart-tooltip{z-index:100;background:var(--tooltip-bg);border:1px solid var(--tooltip-border);box-shadow:var(--shadow-lg), 0 10px 25px -5px #00000080;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-sm);pointer-events:none;color:var(--text-primary);flex-direction:column;gap:4px;min-width:150px;padding:10px 14px;font-size:.8rem;transition:opacity .15s ease-in-out,transform .15s ease-in-out;display:flex;position:absolute}.chart-tooltip-header{border-bottom:1px solid var(--tooltip-border);color:var(--text-primary);margin-bottom:4px;padding-bottom:4px;font-weight:600}.chart-tooltip-row{color:var(--text-secondary);justify-content:space-between;gap:12px;display:flex}.chart-tooltip-value{color:var(--text-primary);font-weight:600}.donut-chart-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:10px 0;display:flex}.donut-wrapper{width:160px;height:160px;position:relative}.donut-segment{fill:none;stroke-linecap:round;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.donut-center-text{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-value{color:var(--text-primary);font-size:1.8rem;font-weight:700;line-height:1}.donut-center-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.65rem;font-weight:600}.donut-legend{flex-direction:column;flex-grow:1;gap:10px;min-width:140px;display:flex}.donut-legend-item{color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.85rem;transition:background .2s;display:flex}.donut-legend-item:hover{background:var(--hover-bg-subtle)}.donut-legend-left{align-items:center;gap:8px;display:flex}.donut-legend-dot{border-radius:50%;width:10px;height:10px}.donut-legend-value{color:var(--text-primary);font-weight:600}.insights-list{flex-direction:column;gap:12px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.insight-item{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--insight-bg);transition:all var(--transition-fast);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.insight-item:hover{border-color:var(--glass-border-focus);background:var(--insight-bg-hover)}.insight-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.insight-icon.danger{color:var(--color-empty);background:#ef44441f}.insight-icon.warning{color:var(--color-low);background:#f59e0b1f}.insight-icon.success{color:var(--color-full);background:#10b9811f}.insight-icon.info{color:var(--color-brand);background:#8b5cf61f}.insight-content{flex-direction:column;flex-grow:1;gap:2px;display:flex}.insight-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.insight-description{color:var(--text-secondary);font-size:.78rem;line-height:1.3}.technicians-list{flex-direction:column;gap:8px;display:flex}.technician-row{background:var(--tech-row-bg);border-radius:var(--radius-md);border:1px solid var(--tech-row-border);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;display:flex}.technician-name{color:var(--text-primary);font-weight:500}.technician-stats-badge{color:var(--color-brand);background:#8b5cf61f;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.bar-chart-container{flex-direction:column;gap:16px;padding:8px 0;display:flex}.bar-row{flex-direction:column;gap:6px;display:flex}.bar-header{justify-content:space-between;font-size:.8rem;display:flex}.bar-name{color:var(--text-primary);font-weight:600}.bar-totals{color:var(--text-secondary);font-size:.75rem}.bar-track{background:var(--bar-track-bg);border:1px solid var(--bar-track-border);border-radius:4px;width:100%;height:14px;display:flex;overflow:hidden}.bar-segment{cursor:pointer;height:100%;transition:width .5s ease-in-out;position:relative}.bar-segment:hover{filter:brightness(1.15)}.bar-segment.update{background:var(--grad-brand)}.bar-segment.replace{background:var(--grad-full)}.bar-chart-legend{justify-content:flex-start;gap:16px;margin-top:4px;font-size:.75rem;display:flex}.bar-legend-item{color:var(--text-muted);align-items:center;gap:6px;display:flex}.bar-legend-box{border-radius:2px;width:10px;height:10px}.bar-legend-box.update{background:var(--color-brand)}.bar-legend-box.replace{background:var(--color-full)}.logs-search-wrapper{width:100%;max-width:320px;position:relative}.logs-search-input{background:var(--input-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:8px 12px 8px 36px;font-size:.85rem}.logs-search-input:focus{border-color:var(--color-brand);background:var(--input-bg)}.logs-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.logs-pagination-row{border-top:1px solid var(--table-border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:12px 18px;font-size:.8rem;display:flex}.logs-pagination-buttons{gap:8px;display:flex}.btn-pagination{background:var(--pagination-btn-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;padding:4px 10px;font-size:.75rem}.btn-pagination:hover:not(:disabled){background:var(--pagination-btn-bg-hover);border-color:var(--glass-border-focus)}.btn-pagination:disabled{opacity:.3;cursor:not-allowed}.analytics-metric-card.clickable{cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.analytics-metric-card.clickable:hover{transform:translateY(-2px);border-color:#ef444466!important;box-shadow:0 8px 24px #ef444426!important}.analytics-metric-card.clickable.active{background:var(--glass-bg-hover);box-shadow:inset 0 0 0 1px #ef444426,0 4px 12px #ef44440d;border-color:#ef444480!important}.warning-details-panel{animation:slideDown var(--transition-fast) forwards;margin-top:-8px;background:#ef444405!important;border:1px solid #ef444440!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.warning-bottles-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:.85rem}.warning-bottles-table th,.warning-bottles-table td{text-align:left;border-bottom:1px solid var(--table-border);padding:10px 14px}.warning-bottles-table th{color:var(--text-secondary);background:var(--table-th-bg);font-weight:600}.warning-bottles-table tbody tr:hover{background:var(--hover-bg-subtle)}.log-action-badge.empty{color:var(--color-empty);background:#ef44441f}.log-action-badge.low{color:var(--color-low);background:#f59e0b1f}.chart-tooltip.multi-line{border-radius:var(--radius-md);min-width:240px;padding:12px 14px}.chart-hover-line{stroke-linecap:round;transition:opacity .15s ease-in-out}.refill-top-table tbody tr:hover{background:var(--hover-bg-subtle)}.refill-rank-badge{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:inline-flex}.refill-rank-badge.rank-1{color:#fbbf24;background:#eab30826;border:1px solid #eab3084d;box-shadow:0 0 8px #eab30840}.refill-rank-badge.rank-2{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d;box-shadow:0 0 8px #94a3b833}.refill-rank-badge.rank-3{color:#f97316;background:#b4530926;border:1px solid #b453094d;box-shadow:0 0 8px #b4530933}.refill-rank-badge.rank-4,.refill-rank-badge.rank-5,.refill-rank-badge.rank-6,.refill-rank-badge.rank-7,.refill-rank-badge.rank-8,.refill-rank-badge.rank-9,.refill-rank-badge.rank-10{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14}.spinning-hover{transition:transform .6s cubic-bezier(.4,0,.2,1)}.analytics-card-title:hover .spinning-hover{transform:rotate(360deg)}.admin-container{flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;padding:24px;display:flex}.admin-sections-grid{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=900px){.admin-sections-grid{grid-template-columns:repeat(2,1fr)}.admin-section-full{grid-column:span 2}}.admin-card{border-radius:var(--radius-lg);flex-direction:column;gap:24px;padding:28px;display:flex}.admin-card-title{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding-bottom:12px;font-size:1.25rem;display:flex}.admin-card-title svg{color:var(--color-brand)}.racks-list{flex-direction:column;gap:12px;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}.rack-list-item{border-radius:var(--radius-md);background:var(--rack-item-bg);border:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.rack-list-info{flex-direction:column;display:flex}.rack-list-actions{gap:8px;display:flex}.action-icon-btn{background:var(--action-btn-bg);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:8px;display:inline-flex}.action-icon-btn:hover{background:var(--action-btn-bg-hover);color:var(--text-primary);border-color:var(--glass-border-focus)}.action-icon-btn.delete:hover{color:var(--color-empty);background:#ef444426;border-color:#ef44444d}.threshold-inputs-container{flex-direction:column;gap:20px;display:flex}.threshold-slider-group{flex-direction:column;gap:8px;display:flex}.threshold-header{justify-content:space-between;font-size:.95rem;display:flex}.threshold-range-bar{background:var(--range-bar-bg);border-radius:4px;height:8px;margin:10px 0;position:relative}.slider-input{-webkit-appearance:none;background:var(--slider-track-bg);border-radius:4px;outline:none;width:100%;height:8px;transition:background .3s}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--color-brand);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 0 10px #8b5cf680}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.25)}.slider-input.full::-webkit-slider-thumb{background:var(--color-full);box-shadow:0 0 10px #10b98180}.slider-input.ok::-webkit-slider-thumb{background:var(--color-ok);box-shadow:0 0 10px #38bdf880}.slider-input.low::-webkit-slider-thumb{background:var(--color-low);box-shadow:0 0 10px #f59e0b80}.slider-input.empty::-webkit-slider-thumb{background:var(--color-empty);box-shadow:0 0 10px #ef444480}.qr-modal-preview-container{justify-content:center;margin:16px 0 24px;display:flex}.qr-card-preview{color:#0f172a;border-radius:var(--radius-md);text-align:center;background:#fff;border:1px solid #0f172a1a;flex-direction:column;align-items:center;width:100%;max-width:340px;padding:24px;display:flex;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.qr-card-preview h2{letter-spacing:-.01em;margin-bottom:2px;font-size:1.25rem;font-weight:700;color:#0f172a!important}.qr-card-preview p.subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-size:.7rem;font-weight:600}.qr-card-preview h3.rack-name{margin-top:14px;margin-bottom:4px;font-size:1.2rem;font-weight:700;color:#0f172a!important}.qr-card-preview p.rack-desc{color:#475569;margin-bottom:16px;font-size:.8rem;line-height:1.3}.qr-card-preview .printable-qr-footer{border-top:1px dashed #0f172a26;width:100%;margin-top:4px;padding-top:12px}.qr-card-preview .printable-qr-instructions{color:#0f172a;margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.qr-card-preview .printable-qr-url{color:#64748b;word-break:break-all;white-space:normal;font-family:monospace;font-size:.6rem;display:block}@media print{body{color:#000!important;background:#fff!important}.app-header,footer,.admin-container>:not(.modal-overlay),.no-print{visibility:hidden!important;height:0!important;display:none!important;overflow:hidden!important}#root,.admin-container,.modal-overlay,.modal-content,.qr-modal-body,.qr-modal-preview-container{visibility:visible!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;transform:none!important}#printable-qr-card{visibility:visible!important;color:#000!important;width:360px!important;height:auto!important;box-shadow:none!important;text-align:center!important;box-sizing:border-box!important;background:#fff!important;border:3px double #000!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:20mm auto!important;padding:30px!important;display:flex!important;position:relative!important}#printable-qr-card *{visibility:visible!important;color:#000!important}#printable-qr-card h2{margin-bottom:2px!important;font-size:1.6rem!important;font-weight:700!important}#printable-qr-card p.subtitle{color:#333!important;margin-bottom:16px!important;font-size:.75rem!important;font-weight:600!important}#printable-qr-card h3.rack-name{margin-top:14px!important;margin-bottom:4px!important;font-size:1.4rem!important;font-weight:700!important}#printable-qr-card p.rack-desc{color:#333!important;margin-bottom:16px!important;font-size:.85rem!important}#printable-qr-card .printable-qr-footer{border-top:1px dashed #000!important;width:100%!important;padding-top:12px!important}#printable-qr-card .printable-qr-instructions{font-size:.8rem!important;font-weight:600!important}#printable-qr-card .printable-qr-url{word-break:break-all!important;font-family:monospace!important;font-size:.65rem!important}@page{margin:0;size:auto}}.field-update-container{flex-direction:column;gap:24px;max-width:680px;margin:0 auto;padding:20px 16px 40px;display:flex}.field-action-bar{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.back-button{padding:8px 14px;font-size:.85rem}.field-app-tag{color:var(--text-secondary);background:var(--btn-sec-bg);border:1px solid var(--glass-border);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.pulse-icon{color:var(--color-brand);animation:2s infinite pulse-brand}@keyframes pulse-brand{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(1)}}.rack-hero-card{border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);flex-direction:column;gap:20px;padding:24px;display:flex}.rack-hero-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.rack-hero-label{color:var(--color-brand);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.rack-hero-title{font-size:1.6rem;font-weight:700;line-height:1.2}.rack-hero-desc{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.rack-hero-slots-badge{color:var(--color-brand);background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:.8rem;font-weight:600}.status-alert-banner{border-radius:var(--radius-md);border-style:solid;border-width:1px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.status-alert-banner.status-ok{color:var(--color-full);background:#10b9810d;border-color:#10b98133}.status-alert-banner.status-warning{color:var(--color-low);background:#f59e0b0d;border-color:#f59e0b33}.status-alert-banner.status-critical{color:var(--color-empty);background:#ef444412;border-color:#ef444433}.alert-icon-wrapper{justify-content:center;align-items:center;padding-top:2px;display:flex}.alert-status-title{letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:700;display:block}.alert-status-desc{color:var(--text-primary);margin-top:2px;font-size:.85rem;line-height:1.35}.rack-stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.rack-stat-pill{background:var(--panel-bg-inner);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:.8rem;font-weight:500;display:flex}.rack-stat-pill .stat-pill-dot{border-radius:50%;width:6px;height:6px}.rack-stat-pill.full .stat-pill-dot{background:var(--color-full)}.rack-stat-pill.ok .stat-pill-dot{background:var(--color-ok)}.rack-stat-pill.low .stat-pill-dot{background:var(--color-low)}.rack-stat-pill.empty .stat-pill-dot{background:var(--color-empty)}.stat-pill-label{color:var(--text-secondary)}.stat-pill-val{color:var(--text-primary);font-weight:700}.field-slots-section{flex-direction:column;gap:16px;display:flex}.section-header h2{font-size:1.2rem;font-weight:600}.section-header p{color:var(--text-secondary);margin-top:2px;font-size:.85rem}.large-slots-grid{border-radius:var(--radius-lg);background:var(--panel-bg-inner);border:1px solid var(--border-subtle);flex-direction:column;gap:16px;padding:16px;display:flex}.large-slot-card-wrapper{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:14px 18px}.large-slot-card-wrapper:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}.large-slot-card-inner{align-items:center;gap:24px;display:flex}.large-slot-card-wrapper .bottle-container{min-width:unset;max-width:unset;flex:none;gap:0;cursor:pointer!important}.large-slot-card-wrapper .bottle-container .bottle-slot-number,.large-slot-card-wrapper .bottle-container .bottle-bar{display:none!important}.large-slot-card-wrapper.status-empty{border-color:#ef444440;box-shadow:0 4px 20px #ef44440a}.large-slot-card-wrapper.status-empty:hover{border-color:#ef444473;box-shadow:0 8px 24px #ef444414}.large-slot-card-wrapper.status-low{border-color:#f59e0b40;box-shadow:0 4px 20px #f59e0b0a}.large-slot-card-wrapper.status-low:hover{border-color:#f59e0b73;box-shadow:0 8px 24px #f59e0b14}.large-slot-card-wrapper.status-ok{border-color:#0284c733;box-shadow:0 4px 20px #0284c705}.large-slot-card-wrapper.status-ok:hover{border-color:#0284c766;box-shadow:0 8px 24px #0284c70f}.large-slot-card-wrapper.status-full{border-color:#10b98133;box-shadow:0 4px 20px #10b98105}.large-slot-card-wrapper.status-full:hover{border-color:#10b98166;box-shadow:0 8px 24px #10b9810f}.large-slot-details{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:16px;display:flex}.large-slot-meta{flex-direction:column;display:flex}.large-slot-label{color:var(--text-primary);font-size:1.05rem;font-weight:700}.large-slot-pressure{color:var(--text-secondary);margin-top:2px;font-size:.9rem;font-weight:600}.large-slot-card-wrapper.empty .large-slot-pressure{color:var(--color-empty);font-weight:700}.large-slot-card-wrapper.low .large-slot-pressure{color:var(--color-low);font-weight:700}.large-slot-card-wrapper.ok .large-slot-pressure{color:var(--color-ok)}.large-slot-card-wrapper.full .large-slot-pressure{color:var(--color-full)}.large-slot-history{color:var(--text-secondary);flex-direction:column;font-size:.8rem;display:flex}.history-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem}.history-val{margin-top:2px;font-weight:500}.history-by{color:var(--text-muted);margin-top:1px;font-size:.75rem}.slot-update-btn{border-radius:var(--radius-sm);background:var(--grad-brand);color:#fff;padding:8px 16px;font-size:.85rem}.field-update-container.error-state{justify-content:center;align-items:center;min-height:60vh;display:flex}.error-card{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:480px;padding:40px;display:flex}.error-icon{color:var(--color-empty);box-sizing:content-box;background:#ef44441a;border-radius:50%;padding:12px}.error-card h2{font-size:1.4rem;font-weight:700}.error-card p{color:var(--text-secondary);margin-bottom:8px;font-size:.95rem;line-height:1.4}@media (width<=480px){.large-slot-details{flex-direction:column;align-items:flex-start;gap:12px}.slot-update-btn{width:100%}.rack-stats-grid{grid-template-columns:repeat(2,1fr)}}:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-dark:#f1f5f9;--bg-dark-radial:radial-gradient(circle at top, #fff 0%, #cbd5e1 100%);--glass-bg:#ffffff73;--glass-bg-hover:#ffffffa6;--glass-border:#0f172a14;--glass-border-focus:#0f172a29;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--color-full:#059669;--color-full-rgb:5, 150, 105;--grad-full:linear-gradient(180deg, #34d399 0%, #059669 100%);--color-ok:#0284c7;--color-ok-rgb:2, 132, 199;--grad-ok:linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);--color-low:#d97706;--color-low-rgb:217, 119, 6;--grad-low:linear-gradient(180deg, #fbbf24 0%, #d97706 100%);--color-empty:#dc2626;--color-empty-rgb:220, 38, 38;--grad-empty:linear-gradient(180deg, #f87171 0%, #dc2626 100%);--color-brand:#7c3aed;--color-brand-rgb:124, 58, 237;--grad-brand:linear-gradient(135deg, #a78bfa 0%, #6d28d9 100%);--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -1px #0f172a08;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -2px #0f172a0a;--shadow-glass:0 8px 32px 0 #0f172a0f;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--scrollbar-track-bg:#00000008;--scrollbar-thumb-bg:#0000001f;--scrollbar-thumb-bg-hover:#00000038;--panel-bg-inner:#0f172a08;--border-subtle:#0f172a0d;--bottle-bg:#e2e8f0b3;--input-display-bg:#0f172a08;--input-bg:#fffc;--btn-sec-bg:#0f172a0d;--btn-sec-bg-hover:#0f172a1a;--chart-grid:#0f172a0d;--chart-axis:#0f172a1a;--tooltip-bg:#fffffff2;--tooltip-border:#0f172a14;--donut-empty-color:#0f172a0f;--hover-bg-subtle:#0f172a0a;--insight-bg:#fff6;--insight-bg-hover:#fffc;--tech-row-bg:#0f172a05;--tech-row-border:#0f172a0a;--bar-track-bg:#0f172a0a;--bar-track-border:#0f172a08;--pagination-btn-bg:#0f172a08;--pagination-btn-bg-hover:#0f172a12;--rack-item-bg:#0f172a08;--action-btn-bg:#0f172a0a;--action-btn-bg-hover:#0f172a14;--slider-track-bg:#0f172a14;--range-bar-bg:#0f172a0f;--table-wrapper-bg:#fff6;--table-th-bg:#0f172a05;--table-border:#0f172a0a;--modal-overlay-bg:#e2e8f099;--modal-bg:#ffffffe0}:root[data-theme=dark]{--bg-dark:#070a13;--bg-dark-radial:radial-gradient(circle at center, #101626 0%, #060911 100%);--glass-bg:#141a2a8c;--glass-bg-hover:#1e263cb3;--glass-border:#ffffff12;--glass-border-focus:#ffffff2e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-full:#10b981;--color-full-rgb:16, 185, 129;--color-ok:#38bdf8;--color-ok-rgb:56, 189, 248;--color-low:#f59e0b;--color-low-rgb:245, 158, 11;--color-empty:#ef4444;--color-empty-rgb:239, 68, 68;--color-brand:#8b5cf6;--color-brand-rgb:139, 92, 246;--grad-brand:linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0000001a;--shadow-glass:0 8px 32px 0 #0000005e;--scrollbar-track-bg:#ffffff05;--scrollbar-thumb-bg:#ffffff1a;--scrollbar-thumb-bg-hover:#fff3;--panel-bg-inner:#00000026;--border-subtle:#ffffff05;--bottle-bg:#0a0f1acc;--input-display-bg:#0000004d;--input-bg:#0003;--btn-sec-bg:#ffffff0f;--btn-sec-bg-hover:#ffffff1f;--chart-grid:#ffffff0a;--chart-axis:#ffffff1a;--tooltip-bg:#0a0e1af0;--tooltip-border:#ffffff1a;--donut-empty-color:#ffffff0f;--hover-bg-subtle:#ffffff0a;--insight-bg:#00000026;--insight-bg-hover:#ffffff05;--tech-row-bg:#ffffff05;--tech-row-border:#ffffff05;--bar-track-bg:#00000040;--bar-track-border:#ffffff05;--pagination-btn-bg:#ffffff08;--pagination-btn-bg-hover:#ffffff14;--rack-item-bg:#0003;--action-btn-bg:#ffffff0a;--action-btn-bg-hover:#ffffff1a;--slider-track-bg:#ffffff14;--range-bar-bg:#ffffff0f;--table-wrapper-bg:#0003;--table-th-bg:#ffffff05;--table-border:#ffffff08;--modal-overlay-bg:#04070dbf;--modal-bg:#0f1626eb}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);background-image:var(--bg-dark-radial);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-bg-hover)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:var(--radius-md);transition:border-color var(--transition-fast), transform var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast)}.glass-panel-hover:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-focus);transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-weight:600}p{color:var(--text-secondary)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 4px 14px 0 rgba(var(--color-brand-rgb), .3)}.btn-primary:hover{box-shadow:0 6px 20px 0 rgba(var(--color-brand-rgb), .45);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--btn-sec-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--btn-sec-bg-hover);border-color:var(--glass-border-focus)}.btn-danger{background:var(--grad-empty);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.btn-success{background:var(--grad-full);color:#fff;box-shadow:0 4px 14px 0 rgba(var(--color-full-rgb), .3);font-weight:600}.btn-success:hover{box-shadow:0 6px 20px 0 rgba(var(--color-full-rgb), .45);transform:translateY(-1px)}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-full{background:rgba(var(--color-full-rgb), .12);color:var(--color-full);border:1px solid rgba(var(--color-full-rgb), .25)}.badge-ok{background:rgba(var(--color-ok-rgb), .12);color:var(--color-ok);border:1px solid rgba(var(--color-ok-rgb), .25)}.badge-low{background:rgba(var(--color-low-rgb), .12);color:var(--color-low);border:1px solid rgba(var(--color-low-rgb), .25)}.badge-empty{background:rgba(var(--color-empty-rgb), .12);color:var(--color-empty);border:1px solid rgba(var(--color-empty-rgb), .25);animation:2s infinite pulse-border}.input-field{background:var(--input-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-family:var(--font-sans);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-size:1rem}.input-field:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px rgba(var(--color-brand-rgb), .25);background:var(--input-bg)}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.modal-overlay{background:var(--modal-overlay-bg);-webkit-backdrop-filter:blur(12px);z-index:1000;animation:fadeIn var(--transition-fast) forwards;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;animation:slideUp var(--transition-normal) forwards;padding:24px;overflow-y:auto;background:var(--modal-bg)!important}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.logs-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--table-wrapper-bg);width:100%;overflow-x:auto}.logs-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.logs-table th,.logs-table td{border-bottom:1px solid var(--table-border);padding:14px 18px}.logs-table th{background:var(--table-th-bg);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.logs-table tr:last-child td{border-bottom:none}.log-action-badge{border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.log-action-badge.replace{color:var(--color-full);background:#10b9811a}.log-action-badge.update{color:var(--color-brand);background:#8b5cf61a}.log-pressure-flow{align-items:center;gap:8px;font-family:monospace;font-size:.95rem;display:flex}.log-arrow{color:var(--text-muted)}.dashboard-container{max-width:1400px;margin:0 auto;padding:24px}.app-header{justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px 24px;display:flex}.brand-title{align-items:center;gap:12px;display:flex}.brand-logo{color:var(--color-brand);border-radius:var(--radius-md);background:#8b5cf626;justify-content:center;align-items:center;padding:10px;display:flex}.nav-container{align-items:center;gap:16px;display:flex}.nav-links{gap:12px;display:flex}.nav-links .btn{white-space:nowrap;padding:8px 16px;font-size:.85rem}.header-actions{align-items:center;gap:12px;display:flex}.header-actions .btn-lock{color:var(--color-empty);border-color:#ef444433;padding:8px 12px;font-size:.85rem}.header-actions .btn-lock:hover{background:#ef444414;border-color:#ef444459}.header-actions .btn-theme-toggle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}@media (width<=768px){.app-header{grid-template-columns:1fr auto!important;grid-template-areas:"brand actions""nav nav"!important;gap:16px!important;margin-bottom:24px!important;padding:12px 16px!important;display:grid!important}.brand-title{grid-area:brand}.nav-container{flex-direction:column;grid-area:nav;align-items:stretch;gap:10px;width:100%;display:flex}.nav-links{gap:6px;width:100%;display:flex}.nav-links .btn{flex:1;justify-content:center;gap:4px;padding:8px 10px;font-size:.8rem}.nav-links .btn svg{width:14px;height:14px}.header-actions{grid-area:actions;justify-content:flex-end}}@media (width<=480px){.nav-links .btn{gap:3px;padding:8px 4px;font-size:.75rem}.brand-title h1{font-size:1.1rem!important}.brand-title span{font-size:.65rem!important}}.stats-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{border-radius:var(--radius-md);background:var(--glass-bg);align-items:center;gap:20px;padding:20px;display:flex}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.stat-icon.total{color:var(--color-brand);background:#8b5cf626}.stat-icon.full{color:var(--color-full);background:#10b98126}.stat-icon.ok{color:var(--color-ok);background:#38bdf826}.stat-icon.low{color:var(--color-low);background:#f59e0b26}.stat-icon.empty{color:var(--color-empty);background:#ef444426}.stat-info{flex-direction:column;display:flex}.stat-value{font-size:1.8rem;font-weight:700;line-height:1.1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.racks-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.racks-grid{grid-template-columns:repeat(2,1fr)}}.rack-card{border-radius:var(--radius-lg);flex-direction:column;gap:20px;padding:24px;display:flex}.rack-header{justify-content:space-between;align-items:center;display:flex}.rack-title{font-size:1.3rem;font-weight:600}.rack-meta{color:var(--text-secondary);font-size:.85rem}.rack-slots{background:var(--panel-bg-inner);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:16px;min-height:220px;padding:16px;display:flex}.bottle-container{cursor:pointer;flex-direction:column;flex:70px;align-items:center;gap:8px;min-width:70px;max-width:110px;display:flex}.bottle-wrapper{border-radius:var(--radius-md) var(--radius-md) var(--radius-sm) var(--radius-sm);background:var(--bottle-bg);border:2px solid var(--glass-border);width:54px;height:140px;transition:all var(--transition-normal);flex-direction:column-reverse;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #00000080}.bottle-wrapper:before{content:"";z-index:5;background:#475569;border-radius:2px;width:14px;height:8px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.bottle-container:hover .bottle-wrapper{border-color:#fff3;transform:scale(1.04);box-shadow:0 8px 20px #0006}.bottle-container.full .bottle-wrapper{border-color:#10b98140}.bottle-container.ok .bottle-wrapper{border-color:#38bdf840}.bottle-container.low .bottle-wrapper{border-color:#f59e0b40}.bottle-container.empty .bottle-wrapper{border-color:#ef444459;animation:2.5s infinite pulse-border-empty}.bottle-fluid{border-radius:0 0 var(--radius-sm) var(--radius-sm);width:100%;transition:height var(--transition-slow), background var(--transition-normal);position:relative}.bottle-fluid:after{content:"";filter:blur(1px);background:#ffffff26;border-radius:50%;height:8px;position:absolute;top:-4px;left:0;right:0}.bottle-container.full .bottle-fluid{background:var(--grad-full);box-shadow:0 0 15px #10b9814d}.bottle-container.ok .bottle-fluid{background:var(--grad-ok);box-shadow:0 0 15px #38bdf833}.bottle-container.low .bottle-fluid{background:var(--grad-low);box-shadow:0 0 15px #f59e0b33}.bottle-container.empty .bottle-fluid{background:var(--grad-empty);animation:2s ease-in-out infinite pulse-fill-empty;box-shadow:0 0 20px #ef44448c}.bottle-pressure-value{z-index:10;color:#fff;text-shadow:0 2px 4px #000c,0 0 10px #000000e6;pointer-events:none;font-size:.9rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bottle-slot-number{color:var(--text-secondary);font-size:.75rem;font-weight:600}.bottle-bar{color:var(--text-muted);margin-top:-4px;font-size:.65rem;font-weight:500}.keypad-container{flex-direction:column;gap:16px;margin-top:16px;display:flex}.pressure-display-wrapper{background:var(--input-display-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:center;flex-direction:column;gap:4px;padding:16px;display:flex}.pressure-display-value{color:var(--text-primary);font-family:monospace;font-size:2.5rem;font-weight:700;line-height:1}.pressure-display-unit{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.keypad-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.keypad-btn{background:var(--action-btn-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:16px 0;font-size:1.5rem;font-weight:600;display:flex}.keypad-btn:hover{background:var(--action-btn-bg-hover);border-color:var(--glass-border-focus)}.keypad-btn:active{background:var(--btn-sec-bg-hover);transform:scale(.96)}.keypad-btn.action-btn{color:var(--color-empty);background:#ef44441a;border-color:#ef444433;font-size:1.1rem}.keypad-btn.action-btn:hover{background:#ef44442e;border-color:#ef444459}.demo-settings-banner{border-radius:var(--radius-md);background:linear-gradient(90deg,#8b5cf626 0%,#10b9811a 100%);border:1px solid #8b5cf64d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 20px;display:flex}.demo-banner-text{align-items:center;gap:10px;font-size:.95rem;display:flex}.passphrase-gate-container{justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:16px;display:flex}.passphrase-gate-card{border-radius:var(--radius-lg);flex-direction:column;gap:20px;width:100%;max-width:400px;padding:32px;display:flex}.passphrase-gate-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.passphrase-gate-icon{color:var(--color-brand);background:#8b5cf61f;border-radius:50%;padding:16px;display:inline-flex}.success-checkmark{width:80px;height:80px;margin:0 auto}.check-icon{box-sizing:content-box;border:4px solid #4caf50;border-radius:50%;width:80px;height:80px;position:relative}.check-icon:after{content:"";border-bottom:4px solid #4caf50;border-right:4px solid #4caf50;width:16px;height:32px;position:absolute;top:17px;left:27px;transform:rotate(45deg)}.bottle-warning-indicator{z-index:10;color:var(--color-low);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);filter:drop-shadow(0 2px 4px #00000080);transition:transform var(--transition-normal);background:#0f172a99;border:1px solid #f59e0b33;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;top:4px;right:4px}.bottle-container:hover .bottle-warning-indicator{transform:scale(1.1)}