.bms-monitor{--bg-dark: #080816;--bg-card: #111128;--bg-card-alt: #161636;--bg-header: #0c0c20;--border: #1e1e40;--primary: #3b82f6;--primary-dim: #1e40af;--cyan: #06b6d4;--green: #22c55e;--red: #ef4444;--orange: #f97316;--yellow: #eab308;--purple: #a855f7;--text: #e2e8f0;--text-dim: #64748b;--text-muted: #475569;--radius: 10px;--shadow: 0 2px 12px rgba(0,0,0,.3);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text);overflow-x:hidden;min-height:100vh}.bms-monitor *,.bms-monitor *:before,.bms-monitor *:after{margin:0;padding:0;box-sizing:border-box}.bms-monitor .header{background:var(--bg-header);border-bottom:1px solid var(--border);padding:0 24px;height:56px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:100}.bms-monitor .brand{display:flex;align-items:center}.bms-monitor .brand-logo{height:32px;width:auto}.bms-monitor .header-actions{display:flex;gap:8px;margin-left:auto;align-items:center}.bms-monitor .btn{padding:6px 14px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.bms-monitor .btn:hover{filter:brightness(1.15)}.bms-monitor .btn-primary{background:var(--primary);color:#fff}.bms-monitor .btn-danger{background:var(--red);color:#fff}.bms-monitor .btn-ghost{background:var(--bg-card);color:var(--text-dim);border:1px solid var(--border)}.bms-monitor .btn-demo{background:var(--bg-card-alt);color:var(--cyan);border:1px solid var(--cyan)}.bms-monitor .btn-demo:hover{background:var(--cyan);color:var(--bg-dark)}.bms-monitor .status-badge{font-size:12px;padding:4px 12px;border-radius:20px;font-weight:600}.bms-monitor .status-disconnected{background:#1e293b;color:var(--text-dim)}.bms-monitor .status-scanning,.bms-monitor .status-connecting{background:#1e3a5f;color:var(--primary)}.bms-monitor .status-connected{background:#14532d;color:var(--green)}.bms-monitor .status-demo{background:#431407;color:var(--orange)}.bms-monitor .status-error{background:#450a0a;color:var(--red)}.bms-monitor #clock{color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.bms-monitor .btn-racing{background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.bms-monitor .btn-racing:hover{filter:brightness(1.2)}.bms-monitor .btn-config{background:var(--bg-card);color:var(--purple);border:1px solid var(--purple);font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;appearance:none;-webkit-appearance:none}.bms-monitor .btn-config:focus{outline:1px solid var(--purple)}.bms-monitor .btn-config option{background:var(--bg-card);color:var(--text)}.bms-monitor .chemistry-label{font-size:11px;color:var(--purple);font-weight:600;white-space:nowrap}.bms-monitor .hidden{display:none!important}.bms-monitor .race-banner{background:linear-gradient(90deg,#0c0c20,#1a0a1a,#0c0c20);border-bottom:2px solid var(--red);padding:10px 24px;display:flex;align-items:center;gap:24px}.bms-monitor .race-phase{font-size:18px;font-weight:700;min-width:280px;text-transform:uppercase;letter-spacing:.5px}.bms-monitor .race-stats{display:flex;align-items:center;gap:24px;flex:1;justify-content:center}.bms-monitor .race-motor{background:var(--bg-card);border-radius:8px;padding:8px 16px;min-width:240px}.bms-monitor .race-motor-title{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-weight:700}.bms-monitor .race-motor-row{display:flex;gap:14px;align-items:baseline;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.bms-monitor .race-crate{font-size:20px;font-weight:900}.bms-monitor .race-soc{font-size:12px;color:var(--text-dim)}.bms-monitor .race-center{text-align:center}.bms-monitor .race-timer{font-size:28px;font-weight:900;color:var(--cyan);font-variant-numeric:tabular-nums}.bms-monitor .race-total-power{font-size:14px;font-weight:700;color:var(--orange)}.bms-monitor .dashboard{padding:16px;display:grid;gap:12px;grid-template-columns:repeat(12,1fr)}.bms-monitor .card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.bms-monitor .card-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px;font-weight:700;display:flex;align-items:center;gap:8px}.bms-monitor .card-title:before{content:"";width:3px;height:14px;background:var(--primary);border-radius:2px}.bms-monitor .bms-info-card{grid-column:span 12}.bms-monitor .bms-info-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.bms-monitor .bms-info-row{background:var(--bg-dark);border-radius:8px;padding:8px 12px}.bms-monitor .bms-info-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.bms-monitor .bms-info-value{font-size:13px;font-weight:600;color:var(--cyan);word-break:break-all}.bms-monitor .bms-info-value.highlight{color:var(--primary)}.bms-monitor .pack-status-card{grid-column:span 4}.bms-monitor .status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-dim);margin-right:4px}.bms-monitor .protect-card,.bms-monitor .warning-card{grid-column:span 6}.bms-monitor .alert-warning{background:#431407;color:var(--orange);font-weight:600;display:flex;align-items:center;gap:6px}.bms-monitor .warning-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange)}.bms-monitor .cell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin-top:12px}.bms-monitor .cell-item{display:flex;align-items:center;gap:8px;background:var(--bg-dark);border-radius:6px;padding:6px 10px;border:1px solid var(--border)}.bms-monitor .cell-num{background:var(--bg-card-alt);color:var(--text-dim);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700;min-width:30px;text-align:center}.bms-monitor .cell-v{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.bms-monitor .cell-balancing .cell-num{background:var(--green);color:var(--bg-dark)}.bms-monitor .cell-min .cell-num{background:var(--orange);color:var(--bg-dark)}.bms-monitor .cell-max .cell-num{background:var(--red);color:#fff}.bms-monitor .cell-min .cell-v{color:var(--orange)}.bms-monitor .cell-max .cell-v{color:var(--red)}.bms-monitor .soc-hero{grid-column:span 3;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.bms-monitor .soc-value{font-size:64px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--primary),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bms-monitor .soc-bar-track{width:100%;height:8px;background:var(--bg-dark);border-radius:4px;margin-top:12px;overflow:hidden}.bms-monitor .soc-bar-fill{height:100%;border-radius:4px;transition:width .5s ease,background .5s ease}.bms-monitor .soc-sub{font-size:12px;color:var(--text-dim);margin-top:6px}.bms-monitor .metric-grid{display:grid;gap:10px}.bms-monitor .metric-grid.cols-2{grid-template-columns:1fr 1fr}.bms-monitor .metric-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.bms-monitor .metric{background:var(--bg-dark);border-radius:8px;padding:10px 12px}.bms-monitor .metric-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.bms-monitor .metric-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.bms-monitor .metric-value.sm{font-size:14px}.bms-monitor .metric-value.xs{font-size:12px}.bms-monitor .pack-info{grid-column:span 12}.bms-monitor .pack-info .metric-grid{grid-template-columns:repeat(4,1fr)}.bms-monitor .capacity-card{grid-column:span 5}.bms-monitor .capacity-card .metric-grid{grid-template-columns:repeat(3,1fr)}.bms-monitor .cell-chart-card{grid-column:span 8}.bms-monitor .cell-chart-card .chart-wrap{height:200px}.bms-monitor .cell-stats-card{grid-column:span 4}.bms-monitor .temp-card-section{grid-column:span 12}.bms-monitor .temp-grid{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.bms-monitor .temp-card{background:var(--bg-dark);border-radius:8px;padding:8px 12px;text-align:center;min-width:70px;border-left:3px solid var(--green)}.bms-monitor .temp-card.temp-warn{border-left-color:var(--orange)}.bms-monitor .temp-card.temp-danger{border-left-color:var(--red)}.bms-monitor .temp-label{font-size:10px;color:var(--text-muted)}.bms-monitor .temp-value{font-size:16px;font-weight:700}.bms-monitor .temp-card.temp-ok .temp-value{color:var(--green)}.bms-monitor .temp-card.temp-warn .temp-value{color:var(--orange)}.bms-monitor .temp-card.temp-danger .temp-value{color:var(--red)}.bms-monitor .temp-card.temp-off{border-left-color:var(--text-muted);opacity:.5}.bms-monitor .temp-card.temp-off .temp-value{color:var(--text-muted)}.bms-monitor .alert-item{padding:6px 10px;border-radius:6px;font-size:12px;margin-bottom:4px}.bms-monitor .alert-ok{background:#14532d30;color:var(--green)}.bms-monitor .alert-danger{background:#450a0a50;color:var(--red);font-weight:600}.bms-monitor .session-card{grid-column:span 6}.bms-monitor .session-card .metric-grid{grid-template-columns:repeat(4,1fr)}.bms-monitor .health-card{grid-column:span 6}.bms-monitor .health-card .metric-grid{grid-template-columns:repeat(4,1fr)}.bms-monitor .chart-row{grid-column:span 6}.bms-monitor .chart-wrap{height:170px;position:relative}.bms-monitor .badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.bms-monitor .badge-ok{background:#14532d50;color:var(--green)}.bms-monitor .badge-warn{background:#431407;color:var(--orange)}.bms-monitor .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--text)}.bms-monitor .menu-toggle svg{width:24px;height:24px;fill:currentColor}@media(max-width:1400px){.bms-monitor .dashboard{grid-template-columns:repeat(6,1fr)}.bms-monitor .bms-info-card{grid-column:span 6}.bms-monitor .bms-info-grid{grid-template-columns:repeat(3,1fr)}.bms-monitor .soc-hero{grid-column:span 2}.bms-monitor .pack-status-card{grid-column:span 4}.bms-monitor .pack-info,.bms-monitor .capacity-card{grid-column:span 6}.bms-monitor .protect-card,.bms-monitor .warning-card{grid-column:span 3}.bms-monitor .cell-chart-card,.bms-monitor .cell-stats-card,.bms-monitor .temp-card-section,.bms-monitor .session-card,.bms-monitor .health-card,.bms-monitor .chart-row{grid-column:span 6}}@media(max-width:768px){.bms-monitor .header{flex-wrap:wrap;height:auto;padding:8px 12px;gap:8px}.bms-monitor .menu-toggle{display:block}.bms-monitor .header-actions{display:none;flex-direction:column;width:100%;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.bms-monitor .header-actions.open{display:flex}.bms-monitor .header-actions .btn{width:100%;justify-content:center;padding:10px 14px}.bms-monitor .header-actions .status-badge{text-align:center}.bms-monitor .header-quick{display:flex;align-items:center;gap:8px;margin-left:auto}.bms-monitor .header-quick .status-badge{font-size:11px;padding:3px 8px}.bms-monitor .dashboard{grid-template-columns:1fr;padding:8px;gap:8px}.bms-monitor .bms-info-card,.bms-monitor .soc-hero,.bms-monitor .pack-status-card,.bms-monitor .pack-info,.bms-monitor .capacity-card,.bms-monitor .protect-card,.bms-monitor .warning-card,.bms-monitor .cell-chart-card,.bms-monitor .cell-stats-card,.bms-monitor .temp-card-section,.bms-monitor .session-card,.bms-monitor .health-card,.bms-monitor .chart-row{grid-column:span 1}.bms-monitor .bms-info-grid{grid-template-columns:1fr 1fr}.bms-monitor .pack-info .metric-grid{grid-template-columns:repeat(2,1fr)}.bms-monitor .capacity-card .metric-grid{grid-template-columns:1fr 1fr}.bms-monitor .session-card .metric-grid,.bms-monitor .health-card .metric-grid{grid-template-columns:repeat(2,1fr)}.bms-monitor .soc-value{font-size:48px}.bms-monitor .cell-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.bms-monitor .chart-wrap{height:200px}.bms-monitor .race-banner{flex-direction:column;gap:8px;padding:8px 12px}.bms-monitor .race-phase{min-width:auto;font-size:14px;text-align:center}.bms-monitor .race-stats{flex-direction:column;gap:8px}.bms-monitor .race-motor{min-width:auto}.bms-monitor .temp-grid{gap:4px}.bms-monitor .temp-card{min-width:60px;padding:6px 8px}}.bms-monitor ::-webkit-scrollbar{width:6px}.bms-monitor ::-webkit-scrollbar-track{background:var(--bg-dark)}.bms-monitor ::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bms-monitor.css.map */