2 lines
29 KiB
CSS
2 lines
29 KiB
CSS
.card.svelte-z2csmj.svelte-z2csmj{background:linear-gradient(135deg,#1a2332,#0f1923);border:1px solid #2d3748;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 4px 6px #0000004d}.card-header.svelte-z2csmj.svelte-z2csmj{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#4fc3f70d;border-bottom:1px solid #2d3748}h2.svelte-z2csmj.svelte-z2csmj{font-size:14px;font-weight:600;color:var(--accent-cyan);margin:0;letter-spacing:.5px}.status-dot.svelte-z2csmj.svelte-z2csmj{width:8px;height:8px;border-radius:50%;background:#4caf50;box-shadow:0 0 8px #4caf50}.status-dot.disconnected.svelte-z2csmj.svelte-z2csmj{background:#f44336;box-shadow:0 0 8px #f44336}.metrics.svelte-z2csmj.svelte-z2csmj{padding:16px;display:flex;flex-direction:column;gap:12px}.relays.svelte-z2csmj.svelte-z2csmj{display:flex;flex-direction:column;gap:8px}.relay-card.svelte-z2csmj.svelte-z2csmj{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color);transition:all .3s}.relay-card.relay-on.svelte-z2csmj.svelte-z2csmj{background:#4caf501a;border-color:#4caf504d;box-shadow:0 0 15px #4caf5033}.relay-info.svelte-z2csmj.svelte-z2csmj{display:flex;align-items:center}.relay-details.svelte-z2csmj.svelte-z2csmj{display:flex;flex-direction:column;gap:2px}.relay-name.svelte-z2csmj.svelte-z2csmj{font-size:12px;color:var(--text-primary);font-weight:500}.relay-status.svelte-z2csmj.svelte-z2csmj{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.relay-card.relay-on.svelte-z2csmj .relay-status.svelte-z2csmj{color:#4caf50;font-weight:600}.relay-toggle.svelte-z2csmj.svelte-z2csmj{padding:0;background:transparent;border:none;cursor:pointer}.toggle-track.svelte-z2csmj.svelte-z2csmj{width:52px;height:28px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:14px;position:relative;transition:all .3s}.relay-toggle.svelte-z2csmj:hover .toggle-track.svelte-z2csmj{border-color:var(--accent-cyan)}.relay-toggle.active.svelte-z2csmj .toggle-track.svelte-z2csmj{background:linear-gradient(135deg,#4caf50,#66bb6a);border-color:#4caf50;box-shadow:0 0 15px #4caf5080}.toggle-thumb.svelte-z2csmj.svelte-z2csmj{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s;box-shadow:0 2px 4px #0000004d}.relay-toggle.active.svelte-z2csmj .toggle-thumb.svelte-z2csmj{transform:translate(24px)}.relay-toggle.svelte-z2csmj.svelte-z2csmj:disabled{opacity:.5;cursor:not-allowed}.controls.svelte-z2csmj.svelte-z2csmj{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.control-btn.svelte-z2csmj.svelte-z2csmj{padding:12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.control-btn.svelte-z2csmj.svelte-z2csmj:hover{transform:translateY(-2px)}.control-btn.svelte-z2csmj.svelte-z2csmj:active{transform:translateY(0)}.btn-icon.svelte-z2csmj.svelte-z2csmj{font-size:16px}.all-on.svelte-z2csmj.svelte-z2csmj{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 4px 12px #4caf5066}.all-on.svelte-z2csmj.svelte-z2csmj:hover{box-shadow:0 6px 16px #4caf5080}.all-off.svelte-z2csmj.svelte-z2csmj{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 4px 12px #f4433666}.all-off.svelte-z2csmj.svelte-z2csmj:hover{box-shadow:0 6px 16px #f4433680}.card.svelte-utvwj6.svelte-utvwj6{background:linear-gradient(135deg,#1a2332,#0f1923);border:1px solid #2d3748;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 4px 6px #0000004d}.card-header.svelte-utvwj6.svelte-utvwj6{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#4fc3f70d;border-bottom:1px solid #2d3748}h2.svelte-utvwj6.svelte-utvwj6{font-size:14px;font-weight:600;color:var(--accent-cyan);margin:0;letter-spacing:.5px}.header-right.svelte-utvwj6.svelte-utvwj6{display:flex;align-items:center;gap:8px}.state-badge.svelte-utvwj6.svelte-utvwj6{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;transition:all .2s}.state-badge.idle.svelte-utvwj6.svelte-utvwj6{background:#4caf5033;color:#4caf50}.state-badge.transmit.svelte-utvwj6.svelte-utvwj6{background:#ff980033;color:#ff9800;animation:svelte-utvwj6-pulse 1s infinite}@keyframes svelte-utvwj6-pulse{0%,to{opacity:1}50%{opacity:.7}}.status-dot.svelte-utvwj6.svelte-utvwj6{width:8px;height:8px;border-radius:50%;background:#4caf50;box-shadow:0 0 8px #4caf50}.status-dot.disconnected.svelte-utvwj6.svelte-utvwj6{background:#f44336;box-shadow:0 0 8px #f44336}.metrics.svelte-utvwj6.svelte-utvwj6{padding:16px;display:flex;flex-direction:column;gap:16px}.power-display.svelte-utvwj6.svelte-utvwj6{display:flex;flex-direction:column;gap:8px}.power-main.svelte-utvwj6.svelte-utvwj6{text-align:center}.power-value.svelte-utvwj6.svelte-utvwj6{font-size:48px;font-weight:200;color:var(--accent-cyan);line-height:1;text-shadow:0 0 20px rgba(79,195,247,.5)}.power-value.svelte-utvwj6 .unit.svelte-utvwj6{font-size:24px;color:var(--text-secondary);margin-left:4px}.power-label.svelte-utvwj6.svelte-utvwj6{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.power-bar.svelte-utvwj6.svelte-utvwj6{position:relative;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.power-bar-fill.svelte-utvwj6.svelte-utvwj6{position:relative;height:100%;background:linear-gradient(90deg,#4caf50,#ffc107,#ff9800,#f44336);border-radius:4px;transition:width .3s ease}.power-bar-glow.svelte-utvwj6.svelte-utvwj6{position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));animation:svelte-utvwj6-shimmer 2s infinite}@keyframes svelte-utvwj6-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.power-scale.svelte-utvwj6.svelte-utvwj6{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);margin-top:4px}.swr-container.svelte-utvwj6.svelte-utvwj6{display:flex;align-items:center;gap:16px}.swr-circle.svelte-utvwj6.svelte-utvwj6{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(79,195,247,.1),transparent);border:3px solid var(--swr-color);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 20px var(--swr-color)}.swr-value.svelte-utvwj6.svelte-utvwj6{font-size:24px;font-weight:300;color:var(--swr-color)}.swr-label.svelte-utvwj6.svelte-utvwj6{font-size:10px;color:var(--text-muted);text-transform:uppercase}.swr-status.svelte-utvwj6.svelte-utvwj6{flex:1}.status-text.svelte-utvwj6.svelte-utvwj6{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-text.good.svelte-utvwj6.svelte-utvwj6{color:#4caf50}.status-text.ok.svelte-utvwj6.svelte-utvwj6{color:#ffc107}.status-text.warning.svelte-utvwj6.svelte-utvwj6{color:#ff9800}.status-text.danger.svelte-utvwj6.svelte-utvwj6{color:#f44336}.temp-group.svelte-utvwj6.svelte-utvwj6{display:grid;grid-template-columns:1fr 1fr;gap:12px}.temp-item.svelte-utvwj6.svelte-utvwj6{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-tertiary);border-radius:6px}.temp-value.svelte-utvwj6.svelte-utvwj6{font-size:32px;font-weight:300;line-height:1}.temp-label.svelte-utvwj6.svelte-utvwj6{font-size:10px;color:var(--text-muted);text-transform:uppercase}.temp-mini-bar.svelte-utvwj6.svelte-utvwj6{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:4px}.temp-mini-fill.svelte-utvwj6.svelte-utvwj6{height:100%;border-radius:2px;transition:width .3s ease}.params-grid.svelte-utvwj6.svelte-utvwj6{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.param-box.svelte-utvwj6.svelte-utvwj6{padding:8px;background:var(--bg-tertiary);border-radius:4px;text-align:center}.param-label.svelte-utvwj6.svelte-utvwj6{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.param-value.svelte-utvwj6.svelte-utvwj6{font-size:18px;font-weight:300;color:var(--text-primary);margin-top:2px}.band-display.svelte-utvwj6.svelte-utvwj6{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;background:#4fc3f70d;border-radius:6px}.band-item.svelte-utvwj6.svelte-utvwj6{display:flex;justify-content:space-between;align-items:center}.band-label.svelte-utvwj6.svelte-utvwj6{font-size:11px;color:var(--text-muted)}.band-value.svelte-utvwj6.svelte-utvwj6{font-size:14px;font-weight:600;color:var(--accent-cyan)}.fan-control.svelte-utvwj6.svelte-utvwj6{display:flex;flex-direction:column;gap:6px}.control-label.svelte-utvwj6.svelte-utvwj6{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}select.svelte-utvwj6.svelte-utvwj6{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:8px;font-size:12px;cursor:pointer;outline:none;transition:all .2s}select.svelte-utvwj6.svelte-utvwj6:hover{border-color:var(--accent-cyan)}select.svelte-utvwj6.svelte-utvwj6:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #4fc3f733}.card.svelte-j97t2j.svelte-j97t2j{background:linear-gradient(135deg,#1a2332,#0f1923);border:1px solid #2d3748;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 4px 6px #0000004d}.card-header.svelte-j97t2j.svelte-j97t2j{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#4fc3f70d;border-bottom:1px solid #2d3748}h2.svelte-j97t2j.svelte-j97t2j{font-size:14px;font-weight:600;color:var(--accent-cyan);margin:0;letter-spacing:.5px}.header-right.svelte-j97t2j.svelte-j97t2j{display:flex;align-items:center;gap:8px}.tuning-badge.svelte-j97t2j.svelte-j97t2j{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#4caf5033;color:#4caf50}.tuning-badge.tuning.svelte-j97t2j.svelte-j97t2j{background:#ff980033;color:#ff9800;animation:svelte-j97t2j-pulse 1s infinite}@keyframes svelte-j97t2j-pulse{0%,to{opacity:1}50%{opacity:.7}}.status-dot.svelte-j97t2j.svelte-j97t2j{width:8px;height:8px;border-radius:50%;background:#4caf50;box-shadow:0 0 8px #4caf50}.status-dot.disconnected.svelte-j97t2j.svelte-j97t2j{background:#f44336;box-shadow:0 0 8px #f44336}.metrics.svelte-j97t2j.svelte-j97t2j{padding:16px;display:flex;flex-direction:column;gap:16px}.power-display.svelte-j97t2j.svelte-j97t2j{display:flex;flex-direction:column;gap:8px}.power-main.svelte-j97t2j.svelte-j97t2j{text-align:center}.power-value.svelte-j97t2j.svelte-j97t2j{font-size:48px;font-weight:200;color:var(--accent-cyan);line-height:1;text-shadow:0 0 20px rgba(79,195,247,.5)}.power-value.svelte-j97t2j .unit.svelte-j97t2j{font-size:24px;color:var(--text-secondary);margin-left:4px}.power-label.svelte-j97t2j.svelte-j97t2j{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.power-bar.svelte-j97t2j.svelte-j97t2j{position:relative;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.power-bar-fill.svelte-j97t2j.svelte-j97t2j{position:relative;height:100%;background:linear-gradient(90deg,#4caf50,#ffc107,#ff9800,#f44336);border-radius:4px;transition:width .3s ease}.power-bar-glow.svelte-j97t2j.svelte-j97t2j{position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));animation:svelte-j97t2j-shimmer 2s infinite}@keyframes svelte-j97t2j-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.power-scale.svelte-j97t2j.svelte-j97t2j{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);margin-top:4px}.swr-container.svelte-j97t2j.svelte-j97t2j{display:flex;align-items:center;gap:16px}.swr-circle.svelte-j97t2j.svelte-j97t2j{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(79,195,247,.1),transparent);border:3px solid var(--swr-color);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 20px var(--swr-color)}.swr-value.svelte-j97t2j.svelte-j97t2j{font-size:24px;font-weight:300;color:var(--swr-color)}.swr-label.svelte-j97t2j.svelte-j97t2j{font-size:10px;color:var(--text-muted);text-transform:uppercase}.swr-status.svelte-j97t2j.svelte-j97t2j{flex:1}.status-text.svelte-j97t2j.svelte-j97t2j{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-text.good.svelte-j97t2j.svelte-j97t2j{color:#4caf50}.status-text.ok.svelte-j97t2j.svelte-j97t2j{color:#ffc107}.status-text.warning.svelte-j97t2j.svelte-j97t2j{color:#ff9800}.status-text.danger.svelte-j97t2j.svelte-j97t2j{color:#f44336}.capacitors.svelte-j97t2j.svelte-j97t2j{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;background:#4fc3f70d;border-radius:6px;border:1px solid rgba(79,195,247,.2)}.cap-item.svelte-j97t2j.svelte-j97t2j{display:flex;flex-direction:column;align-items:center;gap:4px}.cap-value.svelte-j97t2j.svelte-j97t2j{font-size:32px;font-weight:300;color:var(--accent-cyan);text-shadow:0 0 15px rgba(79,195,247,.5)}.cap-label.svelte-j97t2j.svelte-j97t2j{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.freq-display.svelte-j97t2j.svelte-j97t2j{display:grid;grid-template-columns:1fr 1fr;gap:12px}.freq-item.svelte-j97t2j.svelte-j97t2j{padding:10px;background:var(--bg-tertiary);border-radius:6px;display:flex;flex-direction:column;gap:4px}.freq-label.svelte-j97t2j.svelte-j97t2j{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.freq-value.svelte-j97t2j.svelte-j97t2j{font-size:16px;font-weight:300;color:var(--text-primary)}.freq-unit.svelte-j97t2j.svelte-j97t2j{font-size:11px;color:var(--text-secondary);margin-left:2px}.controls.svelte-j97t2j.svelte-j97t2j{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-btn.svelte-j97t2j.svelte-j97t2j{padding:12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);transition:all .2s}.control-btn.svelte-j97t2j.svelte-j97t2j:hover{border-color:var(--accent-cyan);transform:translateY(-1px)}.control-btn.active.svelte-j97t2j.svelte-j97t2j{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#000;box-shadow:0 0 15px #4fc3f780}.tune-btn.svelte-j97t2j.svelte-j97t2j{width:100%;padding:14px;border-radius:6px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #f4433666}.tune-btn.svelte-j97t2j.svelte-j97t2j:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f4433680}.tune-btn.svelte-j97t2j.svelte-j97t2j:active{transform:translateY(0)}.tune-icon.svelte-j97t2j.svelte-j97t2j{font-size:18px}.card.svelte-1r71rs8{background:linear-gradient(135deg,#1a2332,#0f1923);border:1px solid #2d3748;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 4px 6px #0000004d}.card-header.svelte-1r71rs8{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#4fc3f70d;border-bottom:1px solid #2d3748}h2.svelte-1r71rs8{font-size:14px;font-weight:600;color:var(--accent-cyan);margin:0;letter-spacing:.5px}.status-dot.svelte-1r71rs8{width:8px;height:8px;border-radius:50%;background:#4caf50;box-shadow:0 0 8px #4caf50}.status-dot.disconnected.svelte-1r71rs8{background:#f44336;box-shadow:0 0 8px #f44336}.metrics.svelte-1r71rs8{padding:16px;display:flex;flex-direction:column;gap:12px}.sources.svelte-1r71rs8{display:grid;grid-template-columns:1fr 1fr;gap:8px}.source-item.svelte-1r71rs8{padding:8px;background:var(--bg-tertiary);border-radius:4px;text-align:center}.source-label.svelte-1r71rs8{font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase}.bands.svelte-1r71rs8{display:grid;grid-template-columns:1fr 1fr;gap:8px}.band-item.svelte-1r71rs8{padding:10px;background:#4fc3f71a;border:1px solid rgba(79,195,247,.3);border-radius:4px;text-align:center}.band-value.svelte-1r71rs8{font-size:16px;font-weight:600;color:var(--accent-cyan)}.antennas.svelte-1r71rs8{display:flex;flex-direction:column;gap:8px}.antenna-card.svelte-1r71rs8{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:6px;transition:all .3s}.antenna-card.tx.svelte-1r71rs8{background:#f4433633;border-color:#f44336;box-shadow:0 0 20px #f4433666}.antenna-card.active-a.svelte-1r71rs8{background:#4caf5033;border-color:#4caf50;box-shadow:0 0 20px #4caf504d}.antenna-card.active-b.svelte-1r71rs8{background:#2196f333;border-color:#2196f3;box-shadow:0 0 20px #2196f34d}.antenna-name.svelte-1r71rs8{font-size:14px;font-weight:500;color:var(--text-primary)}.antenna-ports.svelte-1r71rs8{display:flex;gap:6px}.port-btn.svelte-1r71rs8{width:36px;height:36px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);transition:all .2s}.port-btn.svelte-1r71rs8:hover{border-color:var(--accent-cyan);transform:scale(1.05)}.port-btn.active.svelte-1r71rs8{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#000;box-shadow:0 0 12px #4fc3f780}.reboot-btn.svelte-1r71rs8{width:100%;padding:12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 12px #ff980066;margin-top:8px}.reboot-btn.svelte-1r71rs8:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff980080}.reboot-btn.svelte-1r71rs8:active{transform:translateY(0)}.reboot-icon.svelte-1r71rs8{font-size:16px}.card.svelte-1sgx2se{background:linear-gradient(135deg,#1a2332,#0f1923);border:1px solid #2d3748;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 4px 6px #0000004d}.card-header.svelte-1sgx2se{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#4fc3f70d;border-bottom:1px solid #2d3748}h2.svelte-1sgx2se{font-size:14px;font-weight:600;color:var(--accent-cyan);margin:0;letter-spacing:.5px}.status-dot.svelte-1sgx2se{width:8px;height:8px;border-radius:50%;background:#4caf50;box-shadow:0 0 8px #4caf50}.status-dot.disconnected.svelte-1sgx2se{background:#f44336;box-shadow:0 0 8px #f44336}.metrics.svelte-1sgx2se{padding:16px;display:flex;flex-direction:column;gap:16px}.heading-display.svelte-1sgx2se{text-align:center;padding:12px;background:#4fc3f71a;border-radius:6px;border:1px solid rgba(79,195,247,.3)}.heading-label.svelte-1sgx2se{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.heading-value.svelte-1sgx2se{font-size:42px;font-weight:200;color:var(--accent-cyan);text-shadow:0 0 20px rgba(79,195,247,.5)}.map-container.svelte-1sgx2se{display:flex;justify-content:center;padding:10px;background:#0a162899;border-radius:8px}.map-svg.svelte-1sgx2se{width:100%;max-width:300px;height:auto}.cardinal.svelte-1sgx2se{fill:var(--accent-cyan);font-size:18px;font-weight:700;text-shadow:0 0 10px rgba(79,195,247,.8)}.degree-label.svelte-1sgx2se{fill:#4fc3f7b3;font-size:12px;font-weight:600}.goto-container.svelte-1sgx2se{display:grid;grid-template-columns:1fr auto;gap:8px}.heading-input.svelte-1sgx2se{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:10px 12px;font-size:14px;outline:none;transition:all .2s}.heading-input.svelte-1sgx2se:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #4fc3f733}.go-btn.svelte-1sgx2se{padding:10px 24px;border-radius:4px;font-size:13px;font-weight:600;text-transform:uppercase;cursor:pointer;border:none;background:linear-gradient(135deg,var(--accent-cyan),#0288d1);color:#000;transition:all .2s;box-shadow:0 4px 12px #4fc3f766}.go-btn.svelte-1sgx2se:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4fc3f780}.controls.svelte-1sgx2se{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.control-btn.svelte-1sgx2se{padding:12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.control-btn.svelte-1sgx2se:hover{border-color:var(--accent-cyan);transform:translateY(-1px)}.control-btn.stop.svelte-1sgx2se{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#f44336;color:#fff;box-shadow:0 4px 12px #f4433666}.control-btn.stop.svelte-1sgx2se:hover{box-shadow:0 6px 16px #f4433680}.arrow.svelte-1sgx2se{font-size:20px;line-height:1}.app.svelte-1hrhory.svelte-1hrhory{min-height:100vh;display:flex;flex-direction:column}header.svelte-1hrhory.svelte-1hrhory{background:linear-gradient(135deg,#1e3c72,#2a5298);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000004d;flex-wrap:wrap;gap:16px}.header-left.svelte-1hrhory.svelte-1hrhory{display:flex;align-items:center;gap:16px}h1.svelte-1hrhory.svelte-1hrhory{font-size:24px;font-weight:500;margin:0;color:#fff}.connection-status.svelte-1hrhory.svelte-1hrhory{display:flex;align-items:center;gap:8px;font-size:14px;padding:6px 12px;background:#0000004d;border-radius:16px}.header-center.svelte-1hrhory.svelte-1hrhory{flex:1;display:flex;justify-content:center}.solar-info.svelte-1hrhory.svelte-1hrhory{display:flex;gap:20px;font-size:14px}.solar-item.svelte-1hrhory.svelte-1hrhory{color:#fffc}.solar-item.svelte-1hrhory .value.svelte-1hrhory{color:var(--accent-teal);font-weight:500;margin-left:4px}.header-right.svelte-1hrhory.svelte-1hrhory{display:flex;gap:20px;align-items:center}.weather-info.svelte-1hrhory.svelte-1hrhory{display:flex;gap:12px;font-size:14px;color:#ffffffe6}.clock.svelte-1hrhory.svelte-1hrhory{display:flex;flex-direction:column;align-items:flex-end}.time.svelte-1hrhory.svelte-1hrhory{font-size:18px;font-weight:500;color:#fff}.date.svelte-1hrhory.svelte-1hrhory{font-size:12px;color:#ffffffb3}main.svelte-1hrhory.svelte-1hrhory{flex:1;padding:24px;overflow-y:auto}.dashboard-grid.svelte-1hrhory.svelte-1hrhory{display:flex;flex-direction:column;gap:24px;max-width:1800px;margin:0 auto}.row.svelte-1hrhory.svelte-1hrhory{display:flex;gap:24px;flex-wrap:wrap}.row.svelte-1hrhory>*{flex:1;min-width:300px}@media (max-width: 1200px){.row.svelte-1hrhory.svelte-1hrhory{flex-direction:column}}@media (max-width: 768px){header.svelte-1hrhory.svelte-1hrhory{flex-direction:column;align-items:flex-start}.header-center.svelte-1hrhory.svelte-1hrhory,.header-right.svelte-1hrhory.svelte-1hrhory{width:100%;justify-content:flex-start}.solar-info.svelte-1hrhory.svelte-1hrhory{flex-wrap:wrap}}:root{--bg-primary: #0a1628;--bg-secondary: #1a2332;--bg-tertiary: #243447;--bg-hover: #2a3f5f;--text-primary: #e0e6ed;--text-secondary: #a0aec0;--text-muted: #718096;--accent-cyan: #4fc3f7;--accent-blue: #2196f3;--accent-green: #4caf50;--accent-orange: #ff9800;--accent-red: #f44336;--accent-purple: #9c27b0;--accent-yellow: #ffc107;--border-color: #2d3748;--border-light: #374151;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-radius: 6px;--header-height: 56px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-size:13px;line-height:1.4;overflow-x:hidden}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}header{height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);flex-shrink:0}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.header-left h1{font-size:16px;font-weight:600;color:var(--accent-cyan);letter-spacing:.5px}.connection-status{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--text-secondary)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent-red);transition:background .3s}.status-indicator.status-online{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.header-center{display:flex;gap:var(--spacing-xl)}.solar-info{display:flex;gap:var(--spacing-md);font-size:12px}.solar-item{color:var(--text-secondary)}.solar-item .value{color:var(--accent-cyan);font-weight:600;margin-left:var(--spacing-xs)}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.weather-info{display:flex;gap:var(--spacing-md);font-size:12px;color:var(--text-secondary)}.clock{display:flex;flex-direction:column;align-items:flex-end;font-size:11px}.clock .time{font-size:14px;font-weight:600;color:var(--text-primary)}.clock .date{color:var(--text-secondary)}main{flex:1;overflow-y:auto;padding:var(--spacing-md)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);max-width:1800px;margin:0 auto}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:var(--spacing-md);box-shadow:var(--card-shadow);transition:border-color .2s}.card:hover{border-color:var(--border-light)}.card h2{font-size:14px;font-weight:600;color:var(--accent-cyan);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);letter-spacing:.5px}.card h2:before{content:"";width:3px;height:14px;background:var(--accent-cyan);border-radius:2px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green)}.status-dot.disconnected{background:var(--accent-red)}.label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.value{font-size:18px;font-weight:300;color:var(--text-primary)}button,.button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-sm) var(--spacing-md);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}button:hover,.button:hover{background:var(--bg-hover);border-color:var(--border-light)}button:active,.button:active{transform:scale(.98)}button.primary{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#000}button.primary:hover{background:#29b6f6;border-color:#29b6f6}button.success{background:var(--accent-green);border-color:var(--accent-green);color:#fff}button.danger{background:var(--accent-red);border-color:var(--accent-red);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-sm);font-size:12px;cursor:pointer;outline:none;transition:all .2s}select:hover{border-color:var(--border-light)}select:focus{border-color:var(--accent-cyan)}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.green{background:#4caf5033;color:var(--accent-green)}.badge.red{background:#f4433633;color:var(--accent-red)}.badge.orange{background:#ff980033;color:var(--accent-orange)}.badge.cyan{background:#4fc3f733;color:var(--accent-cyan)}.badge.purple{background:#9c27b033;color:var(--accent-purple)}.bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin:var(--spacing-xs) 0}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-orange),var(--accent-red));transition:width .3s ease;border-radius:3px}.scale{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);margin-top:var(--spacing-xs)}.metrics{display:flex;flex-direction:column;gap:var(--spacing-md)}.metric{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.metric.small{min-width:0}.metric-value{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}@media (max-width: 1400px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){header{flex-direction:column;height:auto;padding:var(--spacing-sm);gap:var(--spacing-sm)}.dashboard-grid{grid-template-columns:1fr}.header-center{order:3;width:100%}}
|