@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--pencil-grey:#2b2b2b;--air-force-blue:#2f4a66;--surfie-green:#01a89e;--energetic-teal:#00ff84;--bg-primary:var(--pencil-grey);--bg-secondary:#353535;--bg-tertiary:#404040;--bg-card:#2f4a6626;--bg-card-hover:#2f4a6640;--accent:var(--surfie-green);--accent-hover:#01c4b8;--accent-secondary:var(--air-force-blue);--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#999;--border:#01a89e59;--border-card:#ffffff14;--danger:#f55;--success:var(--surfie-green);--warning:#ffb84d;--charging:#0affaa;--charging-glow:#0affaa59;--discharging:#ff6b6b;--discharging-glow:#ff6b6b4d;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 2px 8px #0009;--shadow-lg:0 4px 16px #000000b3;--shadow-accent:0 0 20px #017e7a33;--glow-surfie:0 0 15px #017e7a4d;--font-headline:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--space-xs:6px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background:#2b2b2b;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.5}#root,.app,body{min-height:100vh}.login-container{align-items:center;background:linear-gradient(135deg,#2b2b2b,#353535);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--space-xl)}.login-card{background:#2f4a6626;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #000000b3;box-shadow:var(--shadow-lg);max-width:400px;padding:32px;padding:var(--space-2xl);width:100%}.login-header{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.login-logo{height:40px;margin-bottom:16px;margin-bottom:var(--space-md)}.login-header h1{color:#fff;color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:12px;margin-bottom:var(--space-sm)}.login-header p{color:#999;color:var(--text-muted);font-size:14px}.login-form{gap:16px;gap:var(--space-md)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:6px;gap:var(--space-xs)}.password-input{background:#353535;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:16px;padding:16px;padding:var(--space-md);transition:all .2s ease}.password-input:focus{border-color:#01a89e;border-color:var(--accent);box-shadow:0 0 0 3px #01a89e1a;outline:none}.password-input::placeholder{color:#999;color:var(--text-muted)}.login-button{background:#01a89e;background:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;padding:var(--space-md);transition:all .2s ease}.login-button:hover{background:#01c4b8;background:var(--accent-hover);box-shadow:0 2px 8px #0009;box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.error-message{background:#ff55551a;border:1px solid #f55;border:1px solid var(--danger);border-radius:8px;border-radius:var(--radius-md);color:#f55;color:var(--danger);font-size:14px;text-align:center}.app-container,.error-message{padding:12px;padding:var(--space-sm)}.app-container{margin:0 auto;max-width:1600px;overflow-x:auto}.app-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-card);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md);padding:12px 0;padding:var(--space-sm) 0}.app-header,.brand-logo,.brand-section{align-items:center;display:flex}.brand-logo{gap:16px;gap:var(--space-md)}.logo-image{height:60px;object-fit:contain;width:auto}.brand-text{display:flex;flex-direction:column;justify-content:center}.brand-subtitle{color:#999;color:var(--text-muted);font-size:.875rem;font-weight:500;margin:0}.logout-button{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:8px;border-radius:var(--radius-md);color:#e5e5e5;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:500;gap:6px;gap:var(--space-xs);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.logout-button:hover{background:#353535;background:var(--bg-secondary);border-color:#01a89e;border-color:var(--accent);color:#fff;color:var(--text-primary)}.logout-button svg{height:18px;width:18px}.connection-status{align-items:center;background:#353535;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:12px;gap:var(--space-sm);padding:12px 16px;padding:var(--space-sm) var(--space-md)}.status-indicator{background:#999;background:var(--text-muted);border-radius:50%;height:10px;transition:all .3s ease;width:10px}.status-indicator.charging{animation:charging-pulse 2s infinite;background:#0affaa;background:var(--charging);box-shadow:0 0 10px #0affaa59;box-shadow:0 0 10px var(--charging-glow)}.status-indicator.discharging{animation:discharging-pulse 2s infinite;background:#ff6b6b;background:var(--discharging);box-shadow:0 0 10px #ff6b6b4d;box-shadow:0 0 10px var(--discharging-glow)}.status-indicator.idle{animation:pulse 2s infinite;background:#999;background:var(--text-muted)}.status-indicator.connected{background:#01a89e;background:var(--success)}.status-text{color:#e5e5e5;color:var(--text-secondary);font-size:.875rem;font-weight:600;transition:all .3s ease}.status-text.charging{color:#0affaa;color:var(--charging);text-shadow:0 0 10px #0affaa59;text-shadow:0 0 10px var(--charging-glow)}.status-text.discharging{color:#ff6b6b;color:var(--discharging);text-shadow:0 0 10px #ff6b6b4d;text-shadow:0 0 10px var(--discharging-glow)}.status-text.idle{color:#999;color:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes charging-pulse{0%,to{box-shadow:0 0 10px #0affaa59;box-shadow:0 0 10px var(--charging-glow);transform:scale(1)}50%{box-shadow:0 0 20px #0affaa59;box-shadow:0 0 20px var(--charging-glow);transform:scale(1.1)}}@keyframes discharging-pulse{0%,to{box-shadow:0 0 10px #ff6b6b4d;box-shadow:0 0 10px var(--discharging-glow);transform:scale(1)}50%{box-shadow:0 0 20px #ff6b6b4d;box-shadow:0 0 20px var(--discharging-glow);transform:scale(1.1)}}@keyframes glow{0%,to{border-color:#ffffff14}50%{border-color:#01a89e;border-color:var(--surfie-green)}}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-headline);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:20px;margin-bottom:var(--space-lg);text-align:center}h2{font-size:1.125rem;letter-spacing:-.01em;line-height:1.3;margin-bottom:16px;margin-bottom:var(--space-md)}h2,h3{color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-headline);font-weight:600}h3{font-size:.875rem;line-height:1.4;margin-bottom:6px;margin-bottom:var(--space-xs)}p{color:#e5e5e5;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:16px;margin-bottom:var(--space-md)}.device-selector-card{background:#353535;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:20px;margin-bottom:var(--space-lg);padding:16px;padding:var(--space-md);text-align:center}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md)}.card-header h2{color:#fff;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.device-count{align-items:center;display:flex;gap:12px;gap:var(--space-sm)}.count-number{background:#01a89e;background:var(--accent);border-radius:4px;border-radius:var(--radius-sm);color:#fff;font-size:.875rem;font-weight:600;min-width:24px;padding:6px 12px;padding:var(--space-xs) var(--space-sm);text-align:center}.count-text{color:#999;color:var(--text-muted);font-size:.875rem}.selector-container{position:relative}.device-select{background:#404040;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-family:var(--font-mono);font-size:.875rem;padding:6px 12px;padding:var(--space-xs) var(--space-sm);transition:all .2s ease;width:100%}.device-select:focus{box-shadow:0 0 0 2px #017e7a33;outline:none}.device-select:focus,.device-select:hover{border-color:#01a89e;border-color:var(--accent)}.device-select option{background:#404040;background:var(--bg-tertiary);color:#fff;color:var(--text-primary);padding:12px;padding:var(--space-sm)}.empty-state{align-items:center;background:#353535;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0009;box-shadow:var(--shadow-md);display:flex;justify-content:center;min-height:400px}.empty-state-content{max-width:400px;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:20px;margin-bottom:var(--space-lg);opacity:.5}.empty-state h2{color:#fff;color:var(--text-primary);margin-bottom:16px;margin-bottom:var(--space-md)}.empty-state p{color:#999;color:var(--text-muted);margin:0}.dashboard-grid{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-auto-flow:column;grid-template-columns:2fr 1fr;margin-bottom:0}.telemetry-section{background:#353535;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000080;box-shadow:var(--shadow-sm);box-sizing:border-box;min-width:0;overflow:auto;padding:20px;padding:var(--space-lg)}.section-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-card);display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg);padding-bottom:16px;padding-bottom:var(--space-md)}.section-header h2{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:0}.device-badge{background:#01a89e;background:var(--surfie-green);border-radius:4px;border-radius:var(--radius-sm);color:#2b2b2b;color:var(--bg-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:6px 12px;padding:var(--space-xs) var(--space-sm)}.metrics-grid{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));overflow:visible;width:100%}.metric-group{animation:slide-in .5s ease-out;background:#404040;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:8px;border-radius:var(--radius-md);box-sizing:border-box;min-width:0;padding:12px;padding:var(--space-sm);transition:all .3s ease}.metric-group:hover{border-color:#017e7a66}.metric-group-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-card);color:#e5e5e5;color:var(--text-secondary);display:flex;font-size:.7rem;font-weight:600;gap:6px;gap:var(--space-xs);letter-spacing:.05em;margin-bottom:12px;margin-bottom:var(--space-sm);padding-bottom:6px;padding-bottom:var(--space-xs);text-transform:uppercase}.metric-group-grid{flex-direction:column}.metric-card,.metric-group-grid{display:flex;gap:12px;gap:var(--space-sm)}.metric-card{align-items:center;background:#353535;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:4px;border-radius:var(--radius-sm);min-height:76px;overflow:hidden;padding:12px;padding:var(--space-sm);position:relative;transition:all .2s ease}.metric-card:before{background:#01a89e;background:var(--accent);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:3px}.metric-card:hover{background:#2f4a6640;background:var(--bg-card-hover);border-color:#01a89e;border-color:var(--surfie-green)}.metric-card:hover:before{opacity:.5}.metric-card.primary{animation:slide-in .5s ease-out;background:linear-gradient(135deg,#017e7a33,#2a3f5480);border-color:#01a89e;border-color:var(--accent);box-shadow:0 0 15px #017e7a4d}.metric-card.primary.charging{animation:glow 2s infinite;background:linear-gradient(135deg,#00ff8426,#017e7a4d);border-color:#0affaa;border-color:var(--charging);box-shadow:0 0 20px #0affaa59;box-shadow:0 0 20px var(--charging-glow)}.metric-card.primary.discharging{animation:glow 2s infinite;background:linear-gradient(135deg,#ff6b6b26,#2a3f544d);border-color:#ff6b6b;border-color:var(--discharging);box-shadow:0 0 20px #ff6b6b4d;box-shadow:0 0 20px var(--discharging-glow)}.metric-card.status{background:linear-gradient(135deg,#017e7a1f,#2a3f5473)}.metric-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding-left:6px;padding-left:var(--space-xs)}.metric-content h3{color:#e5e5e5;color:var(--text-secondary);font-size:.75rem;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-value{color:#fff;color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-family:var(--font-mono);font-size:1.125rem;font-weight:700;line-height:1.2}.metric-value .unit{font-size:.7rem;font-weight:500;margin-left:2px}.metric-status,.metric-value .unit{color:#e5e5e5;color:var(--text-secondary)}.metric-status{font-size:.65rem;font-weight:600;letter-spacing:.05em;margin-top:2px;text-transform:uppercase;transition:all .3s ease}.metric-status.charging{color:#0affaa;color:var(--charging);text-shadow:0 0 8px #0affaa59;text-shadow:0 0 8px var(--charging-glow)}.metric-status.discharging{color:#ff6b6b;color:var(--discharging);text-shadow:0 0 8px #ff6b6b4d;text-shadow:0 0 8px var(--discharging-glow)}.metric-status.idle{color:#999;color:var(--text-muted)}.metric-subtext{color:#999;color:var(--text-muted);font-size:.625rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.metric-progress,.metric-subtext{margin-top:6px;margin-top:var(--space-xs);overflow:hidden}.metric-progress{background:#ffffff1a;border-radius:2px;height:3px;width:100%}.progress-bar{animation:glow 2s infinite;background:linear-gradient(90deg,#0affaa,#01a89e);background:linear-gradient(90deg,var(--charging) 0,var(--surfie-green) 100%);border-radius:2px;box-shadow:0 0 12px #0affaa59;box-shadow:0 0 12px var(--charging-glow);height:100%;overflow:hidden;position:relative;transition:width .5s ease}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:200%}}.controls-section{background:#353535;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000080;box-shadow:var(--shadow-sm);min-width:350px;padding:20px;padding:var(--space-lg)}.quick-actions-section{margin-bottom:24px;margin-bottom:var(--space-xl)}.section-subtitle{margin-bottom:12px;margin-bottom:var(--space-sm)}.section-subtitle h3{color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0}.quick-actions-grid{grid-gap:12px;grid-gap:var(--space-sm);display:grid;gap:12px;gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr))}.control-card{background:#404040;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:8px;border-radius:var(--radius-md);margin-bottom:24px;margin-bottom:var(--space-xl);padding:16px;padding:var(--space-md);transition:all .2s ease}.control-card:hover{border-color:#01a89e;border-color:var(--surfie-green)}.control-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-sm)}.control-header h3{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0}.current-power{align-items:center;display:flex;gap:12px;gap:var(--space-sm)}.power-label{color:#999;color:var(--text-muted);font-size:.875rem}.power-value{color:#01a89e;color:var(--accent);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-family:var(--font-mono);font-size:1rem;font-weight:600}.power-slider-section{margin-top:16px;margin-top:var(--space-md)}.power-labels{color:#999;color:var(--text-muted);display:flex;font-size:.7rem;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-sm)}.power-slider{-webkit-appearance:none;appearance:none;background:#353535;background:var(--bg-secondary);border-radius:2px;cursor:pointer;height:3px;margin:6px 0;margin:var(--space-xs) 0;outline:none;position:relative;width:100%}.power-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#01a89e;background:var(--surfie-green);border-radius:50%;box-shadow:0 2px 6px #017e7a4d;cursor:pointer;height:14px;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px}.power-slider::-webkit-slider-thumb:hover{box-shadow:0 3px 10px #017e7a80;transform:scale(1.15)}.power-slider::-moz-range-thumb{background:#01a89e;background:var(--surfie-green);border:none;border-radius:50%;box-shadow:0 2px 6px #017e7a4d;cursor:pointer;height:14px;width:14px}.power-display{margin-bottom:12px;margin-bottom:var(--space-sm);text-align:center}.target-power-value{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-family:var(--font-mono);font-size:1.5rem;font-weight:600;margin-bottom:4px;transition:color .3s ease}.target-power-value.charging{color:#01a89e;color:var(--surfie-green)}.target-power-value.discharging{color:#ffb84d;color:var(--warning)}.target-power-value.neutral{color:#999;color:var(--text-muted)}.power-mode{color:#e5e5e5;color:var(--text-secondary);font-size:.8rem;font-weight:500}.apply-power-btn{background:#01a89e;background:var(--surfie-green);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#2b2b2b;color:var(--bg-primary);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.8rem;font-weight:600;margin-top:12px;margin-top:var(--space-sm);min-height:34px;padding:6px 12px;padding:var(--space-xs) var(--space-sm);transition:all .2s ease;width:100%}.apply-power-btn:hover:not(:disabled){background:linear-gradient(135deg,#0affaa,#01a89e);background:linear-gradient(135deg,var(--charging) 0,var(--surfie-green) 100%);box-shadow:0 6px 20px #017e7a80;transform:translateY(-2px) scale(1.02)}.apply-power-btn:active:not(:disabled){box-shadow:0 2px 8px #017e7a4d;transform:translateY(0) scale(.98)}.apply-power-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.limits-grid{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.limit-group{background:#353535;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:8px;border-radius:var(--radius-md);padding:16px;padding:var(--space-md)}.limit-group-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-card);color:#e5e5e5;color:var(--text-secondary);font-size:.8rem;font-weight:600;margin-bottom:12px;margin-bottom:var(--space-sm);padding-bottom:6px}.limit-group-items{grid-gap:12px;grid-gap:var(--space-sm);display:grid;gap:12px;gap:var(--space-sm);grid-template-columns:1fr 1fr}.limit-item{display:flex;flex-direction:column;gap:4px}.limit-item label{color:#e5e5e5;color:var(--text-secondary);font-size:.7rem;font-weight:500}.limit-input-group{align-items:center;background:#353535;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:6px;gap:var(--space-xs);padding:6px;padding:6px var(--space-xs)}.limit-input-group input{background:#0000;border:none;color:#fff;color:var(--text-primary);flex:1 1;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-family:var(--font-mono);font-size:.8rem;outline:none}.limit-input-group .unit{color:#999;color:var(--text-muted);font-size:.7rem;font-weight:500}.limit-btn{background:#01a89e;background:var(--surfie-green);border:none;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #00000080;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;min-height:32px;padding:6px 16px;padding:6px var(--space-md);transition:all .2s ease}.limit-btn:hover{background:linear-gradient(135deg,#0affaa,#01a89e);background:linear-gradient(135deg,var(--charging) 0,var(--surfie-green) 100%);box-shadow:0 4px 12px #017e7a66}.limit-btn:active{box-shadow:0 2px 6px #017e7a66;transform:scale(.98)}.action-btn{align-items:center;background:#404040;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--border-card);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:500;gap:6px;gap:var(--space-xs);justify-content:center;min-height:44px;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.action-btn:hover{background:#2f4a6640;background:var(--bg-card-hover);border-color:#01a89e;border-color:var(--surfie-green)}.action-btn:active{transform:scale(.98)}.action-icon{font-size:1.25rem}.action-btn span:last-child{font-size:.875rem;font-weight:600}.wake-btn.active{background:#01a89e;background:var(--surfie-green);border-color:#01a89e;border-color:var(--surfie-green);box-shadow:0 4px 12px #017e7a66;color:#fff}.sleep-btn.active{background:#ffb84d;background:var(--warning);border-color:#ffb84d;border-color:var(--warning);box-shadow:0 4px 12px #ffb44d66;color:#2b2b2b;color:var(--bg-primary)}.stop-btn.active{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #dc262666}.stop-btn:hover{background:linear-gradient(135deg,#f553,#dc262633);box-shadow:0 4px 16px #ff55554d}.stop-btn.active,.stop-btn:hover{border-color:#f55;border-color:var(--danger)}.stop-btn.active{background:linear-gradient(135deg,#f55,#dc2626);background:linear-gradient(135deg,var(--danger) 0,#dc2626 100%);box-shadow:0 4px 20px #f556;color:#fff;font-weight:700}@media (max-width:1200px){.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.app-container{padding:16px;padding:var(--space-md)}.app-header{align-items:flex-start;flex-direction:column;gap:20px;gap:var(--space-lg);padding-bottom:20px;padding-bottom:var(--space-lg)}.brand-text h1{font-size:1.5rem}.metrics-grid{gap:16px;gap:var(--space-md);grid-template-columns:1fr}.metric-card{min-height:80px;padding:12px 16px;padding:var(--space-sm) var(--space-md)}.metric-value{font-size:1.1rem}.controls-section,.device-selector-card,.telemetry-section{padding:20px;padding:var(--space-lg)}.controls-grid,.limits-grid{grid-template-columns:1fr}.limits-grid{gap:16px;gap:var(--space-md)}.quick-actions-grid{grid-template-columns:1fr}.power-display .target-power-value{font-size:1.35rem}}@media (max-width:480px){.app-container{padding:12px;padding:var(--space-sm)}.brand-logo{gap:12px;gap:var(--space-sm)}.logo-image{height:40px}.brand-subtitle{font-size:.75rem}.metrics-grid{grid-template-columns:1fr}.controls-section,.device-selector-card,.telemetry-section{padding:16px;padding:var(--space-md)}.card-header{align-items:flex-start}.card-header,.metric-card{flex-direction:column;gap:12px;gap:var(--space-sm)}.metric-card{text-align:center}.control-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--space-sm)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width:1400px){.metrics-grid{grid-template-columns:repeat(6,1fr)}.controls-grid{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:1fr 1fr}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1600px){.metrics-grid{grid-template-columns:repeat(7,1fr)}.app-container{max-width:1800px}}
/*# sourceMappingURL=main.ad031de8.css.map*/