.modal-overlay[data-v-0c1b681b]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card[data-v-0c1b681b]{background:var(--color-surface);border:1px solid var(--color-border);border-top:1px solid var(--color-accent-line);border-radius:10px;padding:1.5rem;width:360px;max-width:calc(100vw - 2rem);box-shadow:0 24px 60px #0000008c}.modal-header[data-v-0c1b681b]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-header h3[data-v-0c1b681b]{margin:0;color:var(--color-text);font-family:var(--font-display);font-size:1rem}.close-btn[data-v-0c1b681b]{background:none;border:none;color:var(--color-text-dim);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 .3rem}.close-btn[data-v-0c1b681b]:hover{color:var(--color-text)}form[data-v-0c1b681b]{display:flex;flex-direction:column;gap:.9rem}label[data-v-0c1b681b]{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--color-text-dim)}input[data-v-0c1b681b]{padding:.5rem .7rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.9rem;font-family:var(--font-body)}input[data-v-0c1b681b]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.actions[data-v-0c1b681b]{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.4rem}button[data-v-0c1b681b]{padding:.5rem .9rem;background:linear-gradient(180deg,var(--color-accent-hover),var(--color-accent));color:var(--color-accent-ink);border:none;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer}button.secondary[data-v-0c1b681b]{background:none;border:1px solid var(--color-border);color:var(--color-text-dim)}button.secondary[data-v-0c1b681b]:hover{color:var(--color-text);border-color:var(--color-accent)}button[data-v-0c1b681b]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-0c1b681b]{padding:.5rem .7rem;background:#f4495f1f;border:1px solid rgba(244,73,95,.4);border-radius:4px;color:#ff9aa6;font-size:.8rem}.success[data-v-0c1b681b]{padding:.5rem .7rem;background:#34d3991f;border:1px solid rgba(52,211,153,.4);border-radius:4px;color:#7ef0c0;font-size:.8rem}.brandmark[data-v-5b73c9f0]{display:flex;align-items:center;gap:10px}.peak[data-v-5b73c9f0]{width:26px;height:auto;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(245,183,62,.25))}.wordmark[data-v-5b73c9f0]{display:flex;flex-direction:column;line-height:1}.word[data-v-5b73c9f0]{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.01em}.dur[data-v-5b73c9f0]{color:var(--color-text)}.forge[data-v-5b73c9f0]{color:var(--color-accent)}.tag[data-v-5b73c9f0]{margin-top:4px;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.22em;color:var(--color-text-dim)}.brandmark.large .peak[data-v-5b73c9f0]{width:44px}.brandmark.large .word[data-v-5b73c9f0]{font-size:34px}.brandmark.large .tag[data-v-5b73c9f0]{font-size:10px;letter-spacing:.3em;margin-top:6px}.sidebar-footer[data-v-6e92b22d]{margin-top:auto;padding:1rem;border-top:1px solid var(--color-border);font-size:.75rem}.user-info[data-v-6e92b22d]{color:var(--color-text-dim);margin-bottom:.5rem}.footer-btn[data-v-6e92b22d]{background:none;border:1px solid var(--color-border);color:var(--color-text-dim);padding:.3rem .7rem;border-radius:4px;cursor:pointer;font-size:.75rem;width:100%;transition:color .15s,border-color .15s}.footer-btn+.footer-btn[data-v-6e92b22d]{margin-top:.35rem}.footer-btn[data-v-6e92b22d]:hover{color:var(--color-text);border-color:var(--color-accent)}.main-content.no-sidebar[data-v-6e92b22d]{margin-left:0}.app-loading-banner[data-v-6e92b22d]{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;margin:.5rem 1rem;background:var(--color-accent-soft);border:1px solid var(--color-accent-line);border-radius:6px;font-size:.85rem;color:var(--color-text-dim)}.app-loading-spinner[data-v-6e92b22d]{width:14px;height:14px;border:2px solid var(--color-accent-line);border-top-color:var(--color-accent);border-radius:50%;animation:app-spin-6e92b22d .8s linear infinite}@keyframes app-spin-6e92b22d{to{transform:rotate(360deg)}}:root{--sidebar-width: 230px;--header-height: 48px;--color-bg: #0b0d12;--color-bg-2: #11141c;--color-surface: #151922;--color-surface-2: #1e232f;--color-border: #2a3140;--color-text: #e7e9ef;--color-text-dim: #888fa1;--color-accent: #f5b73e;--color-accent-hover: #ffce6a;--color-accent-deep: #b45816;--color-accent-soft: rgba(245, 183, 62, .12);--color-accent-line: rgba(245, 183, 62, .34);--color-accent-ink: #1c1404;--glow-accent: 0 0 24px rgba(245, 183, 62, .22);--color-good: #34d399;--color-warn: #fb923c;--color-bad: #f4495f;--accent: var(--color-accent);--border: var(--color-border);--text-primary: var(--color-text);--text-secondary: var(--color-text-dim);--text-muted: var(--color-text-dim);--bg-primary: var(--color-bg);--bg-secondary: var(--color-surface);--font-display: "Chakra Petch", "JetBrains Mono", sans-serif;--font-body: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);overflow:hidden;height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#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:radial-gradient(120% 60% at 0% 0%,rgba(245,183,62,.06),transparent 60%),linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 100%);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:18px 16px 16px;border-bottom:1px solid var(--color-border)}.sidebar-header h1{font-family:var(--font-display);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{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;color:var(--color-text-dim);text-decoration:none;font-size:13px;letter-spacing:.01em;transition:color .15s,background .15s;cursor:pointer}.nav-item:hover{background:var(--color-surface-2);color:var(--color-text)}.nav-item.router-link-active{background:var(--color-accent-soft);color:var(--color-accent)}.nav-item.router-link-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:0 2px 2px 0;background:var(--color-accent);box-shadow:var(--glow-accent)}.nav-item.router-link-active .nav-icon{color:var(--color-accent)}.nav-icon{font-family:var(--font-mono);font-size:15px;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-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:.01em}.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:linear-gradient(180deg,var(--color-accent-hover),var(--color-accent));border-color:var(--color-accent);color:var(--color-accent-ink);font-weight:600}button.primary:hover{background:linear-gradient(180deg,#ffd982,var(--color-accent-hover));box-shadow:var(--glow-accent)}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)}