.modal-overlay[data-v-525d868c]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card[data-v-525d868c]{background:var(--bg-secondary, #14142a);border:1px solid var(--border, #2a2a44);border-radius:8px;padding:1.5rem;width:360px;max-width:calc(100vw - 2rem)}.modal-header[data-v-525d868c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-header h3[data-v-525d868c]{margin:0;color:var(--text-primary, white);font-size:1rem}.close-btn[data-v-525d868c]{background:none;border:none;color:var(--text-muted, #8b8fa3);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 .3rem}.close-btn[data-v-525d868c]:hover{color:var(--text-primary, white)}form[data-v-525d868c]{display:flex;flex-direction:column;gap:.9rem}label[data-v-525d868c]{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--text-secondary, #b0b3c4)}input[data-v-525d868c]{padding:.5rem .7rem;background:#1a1a2e;border:1px solid #444;border-radius:4px;color:var(--text-primary, white);font-size:.9rem}input[data-v-525d868c]:focus{outline:none;border-color:var(--accent, #6366f1)}.actions[data-v-525d868c]{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.4rem}button[data-v-525d868c]{padding:.5rem .9rem;background:var(--accent, #6366f1);color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer}button.secondary[data-v-525d868c]{background:none;border:1px solid var(--border, #2a2a44);color:var(--text-muted, #8b8fa3)}button.secondary[data-v-525d868c]:hover{color:var(--text-primary, white);border-color:var(--accent, #6366f1)}button[data-v-525d868c]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-525d868c]{padding:.5rem .7rem;background:#2a1414;border:1px solid #5a2828;border-radius:4px;color:#f88;font-size:.8rem}.success[data-v-525d868c]{padding:.5rem .7rem;background:#142a1a;border:1px solid #285a28;border-radius:4px;color:#8f8;font-size:.8rem}.sidebar-footer[data-v-13fff2b1]{margin-top:auto;padding:1rem;border-top:1px solid var(--border, #2a2a44);font-size:.75rem}.user-info[data-v-13fff2b1]{color:var(--text-secondary, #b0b3c4);margin-bottom:.5rem}.footer-btn[data-v-13fff2b1]{background:none;border:1px solid var(--border, #2a2a44);color:var(--text-muted, #8b8fa3);padding:.3rem .7rem;border-radius:4px;cursor:pointer;font-size:.75rem;width:100%}.footer-btn+.footer-btn[data-v-13fff2b1]{margin-top:.35rem}.footer-btn[data-v-13fff2b1]:hover{color:var(--text-primary, white);border-color:var(--accent, #6366f1)}.main-content.no-sidebar[data-v-13fff2b1]{margin-left:0}.sidebar-logo[data-v-13fff2b1]{display:block;width:100%;max-width:180px;height:auto;margin:0 auto .4rem}.app-loading-banner[data-v-13fff2b1]{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;margin:.5rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:6px;font-size:.85rem;color:var(--text-secondary, #b0b3c4)}.app-loading-spinner[data-v-13fff2b1]{width:14px;height:14px;border:2px solid rgba(99,102,241,.3);border-top-color:var(--accent, #6366f1);border-radius:50%;animation:app-spin-13fff2b1 .8s linear infinite}@keyframes app-spin-13fff2b1{to{transform:rotate(360deg)}}:root{--sidebar-width: 220px;--header-height: 48px;--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-2: #242736;--color-border: #2e3348;--color-text: #e1e4ed;--color-text-dim: #8b8fa3;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-good: #22c55e;--color-warn: #f59e0b;--color-bad: #ef4444;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);overflow:hidden;height:100vh}#app{display:flex;height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:16px;border-bottom:1px solid var(--color-border)}.sidebar-header h1{font-size:16px;font-weight:600;color:var(--color-accent)}.sidebar-header .subtitle{font-size:11px;color:var(--color-text-dim);margin-top:2px}.sidebar-nav{flex:1;padding:8px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;color:var(--color-text-dim);text-decoration:none;font-size:13px;transition:all .15s;cursor:pointer}.nav-item:hover{background:var(--color-surface-2);color:var(--color-text)}.nav-item.router-link-active{background:var(--color-accent);color:#fff}.nav-icon{font-size:16px;width:20px;text-align:center}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.page-header{padding:16px 24px 12px;border-bottom:1px solid var(--color-border);flex-shrink:0}.page-header h2{font-size:18px;font-weight:600}.page-body{flex:1;padding:16px 24px;overflow-y:auto}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:16px}.card-title{font-size:13px;font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.chart-container{width:100%;height:400px;position:relative}.chart-container.tall{height:500px}.controls-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0}.control-group{display:flex;align-items:center;gap:6px}.control-label{font-size:12px;color:var(--color-text-dim);white-space:nowrap}input[type=datetime-local],input[type=date],select{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);padding:6px 10px;border-radius:4px;font-size:12px;font-family:var(--font-mono)}input:focus,select:focus{outline:none;border-color:var(--color-accent)}button{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .15s}button:hover{background:var(--color-border)}button.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}button.primary:hover{background:var(--color-accent-hover)}button.sm{padding:4px 8px;font-size:11px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.badge.lod{background:var(--color-surface-2);color:var(--color-accent);border:1px solid var(--color-accent)}.badge.drift{background:#ef444426;color:var(--color-bad)}.badge.ok{background:#22c55e26;color:var(--color-good)}.sensor-picker{max-height:300px;overflow-y:auto}.sensor-category{margin-bottom:8px}.sensor-category-title{font-size:11px;font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;padding:4px 0}.sensor-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .1s}.sensor-item:hover{background:var(--color-surface-2)}.sensor-item input[type=checkbox]{accent-color:var(--color-accent)}.sensor-item .var-name{font-family:var(--font-mono);font-size:11px;color:var(--color-text)}.sensor-item .var-desc{font-size:11px;color:var(--color-text-dim);margin-left:auto}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f1117b3;z-index:10;border-radius:8px}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chart-tooltip{position:fixed;pointer-events:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:8px 12px;font-size:12px;z-index:100;box-shadow:0 4px 12px #0000004d}.chart-tooltip .tt-time{font-family:var(--font-mono);font-size:11px;color:var(--color-text-dim);margin-bottom:4px}.chart-tooltip .tt-row{display:flex;align-items:center;gap:6px;line-height:1.6}.chart-tooltip .tt-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-tooltip .tt-value{font-family:var(--font-mono);font-weight:500}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;padding:8px 0}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.legend-swatch{width:12px;height:3px;border-radius:1px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.axis path,.axis line{stroke:var(--color-border)}.axis text{fill:var(--color-text-dim);font-size:11px}.grid-line{stroke:var(--color-border);stroke-opacity:.3;stroke-dasharray:2,2}@media(max-width:1200px){.grid-2,.grid-3{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-border)}th{color:var(--color-text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:11px}td{font-family:var(--font-mono);font-size:11px}tr:hover{background:var(--color-surface-2)}