.modal-backdrop[data-v-d7cf194f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182799;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:200}.modal-dialog[data-v-d7cf194f]{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:540px;box-shadow:var(--shadow-elevated);overflow:hidden}.modal-head[data-v-d7cf194f]{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.close-btn[data-v-d7cf194f]{background:none;border:none;font-size:18px;cursor:pointer;color:var(--muted)}.modal-body[data-v-d7cf194f]{padding:24px;display:flex;flex-direction:column;gap:16px;max-height:80vh;overflow-y:auto}.mode-tabs[data-v-d7cf194f]{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--surface-2);padding:4px;border-radius:var(--r-sm)}.mode-btn[data-v-d7cf194f]{padding:8px 10px;border-radius:var(--r-sm);font-size:12.5px;font-weight:600;border:none;background:transparent;cursor:pointer;color:var(--muted);transition:all var(--dur) var(--ease);text-align:center}.mode-btn.active[data-v-d7cf194f]{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #0000001a}.form-row[data-v-d7cf194f]{display:flex;gap:12px}.form-group[data-v-d7cf194f]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-d7cf194f]{font-size:12.5px;font-weight:600;color:var(--ink)}.form-control[data-v-d7cf194f]{padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--r-sm);font-family:inherit;font-size:13.5px;outline:none}.form-control[data-v-d7cf194f]:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1e3a8a1a}.help-text[data-v-d7cf194f]{font-size:11.5px;color:var(--muted)}.modal-foot[data-v-d7cf194f]{padding:14px 24px;background:var(--surface-2);display:flex;justify-content:flex-end;gap:10px}.fullscreen-view[data-v-1fc36d70]{min-height:100vh;width:100%}.sidebar[data-v-1fc36d70]{width:var(--sidebar-w);background-color:var(--sidebar-bg);color:var(--sidebar-ink);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;border-right:1px solid var(--sidebar-border)}.brand[data-v-1fc36d70]{height:var(--topbar-h);padding:0 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--sidebar-border)}.brand-logo[data-v-1fc36d70]{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1e3a8a);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;box-shadow:0 2px 4px #0000004d}.brand-text h1[data-v-1fc36d70]{font-size:15px;font-weight:600;letter-spacing:-.2px;color:#fff}.brand-text span[data-v-1fc36d70]{font-size:11px;color:var(--sidebar-ink-muted);display:block;margin-top:-2px}.nav-list[data-v-1fc36d70]{list-style:none;padding:16px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.nav-label[data-v-1fc36d70]{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--sidebar-ink-muted);padding:8px 12px 4px;font-weight:600}.nav-item a[data-v-1fc36d70]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);color:var(--sidebar-ink-muted);text-decoration:none;font-weight:500;font-size:13.5px;transition:all var(--dur) var(--ease)}.nav-item a[data-v-1fc36d70]:hover{background-color:#ffffff0f;color:#fff}.nav-item.active a[data-v-1fc36d70]{background-color:var(--primary);color:#fff;box-shadow:0 2px 4px #0003}.nav-badge[data-v-1fc36d70]{margin-left:auto;background:#ffffff1f;padding:2px 7px;border-radius:12px;font-size:11px;font-family:var(--font-mono)}.sidebar-footer[data-v-1fc36d70]{padding:16px;border-top:1px solid var(--sidebar-border);font-size:12px;color:var(--sidebar-ink-muted)}.topbar[data-v-1fc36d70]{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:90}.topbar-left[data-v-1fc36d70]{display:flex;align-items:center;gap:16px}.page-title[data-v-1fc36d70]{font-size:16px;font-weight:600;color:var(--ink)}.live-pulse-badge[data-v-1fc36d70]{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:var(--success-subtle);color:var(--success-text);font-size:12px;font-weight:500}.pulse-dot[data-v-1fc36d70]{width:8px;height:8px;background-color:var(--success);border-radius:50%;animation:pulse-1fc36d70 1.8s infinite}@keyframes pulse-1fc36d70{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.topbar-right[data-v-1fc36d70]{display:flex;align-items:center;gap:12px}.refresh-control[data-v-1fc36d70]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.user-pill[data-v-1fc36d70]{display:flex;align-items:center;gap:8px;background:var(--surface-2);padding:4px 10px;border-radius:20px;font-size:12.5px;font-weight:600;border:1px solid var(--border);margin-left:4px}.user-avatar[data-v-1fc36d70]{font-size:13px}.user-name[data-v-1fc36d70]{color:var(--ink);font-family:var(--font-mono)}.logout-btn[data-v-1fc36d70]{background:none;border:none;cursor:pointer;font-size:14px;padding:2px;display:inline-flex;align-items:center;opacity:.7;transition:opacity .15s}.logout-btn[data-v-1fc36d70]:hover{opacity:1}.kpi-card[data-v-b2c900f4]{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px 20px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:8px}.kpi-header[data-v-b2c900f4]{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12.5px;font-weight:500}.kpi-icon[data-v-b2c900f4]{width:32px;height:32px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:16px}.kpi-value[data-v-b2c900f4]{font-size:26px;font-weight:700;font-family:var(--font-mono);color:var(--ink);line-height:1.1}.kpi-sub[data-v-b2c900f4]{font-size:12px;display:flex;align-items:center;gap:6px}.trend-bad[data-v-b2c900f4]{color:var(--danger-text);font-weight:600}.trend-good[data-v-b2c900f4]{color:var(--success-text);font-weight:600}.agent-card[data-v-80e6311a]{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.agent-card[data-v-80e6311a]:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.agent-card-header[data-v-80e6311a]{padding:16px 18px 12px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--surface-2)}.sub-badge[data-v-80e6311a]{font-size:10.5px;font-weight:600;padding:2px 6px;border-radius:4px;background:#fdf4ff;color:#a855f7;border:1px solid #f0abfc}.api-badge[data-v-80e6311a]{font-size:10.5px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--surface-2);color:var(--muted)}.agent-title[data-v-80e6311a]{font-size:15px;font-weight:600;color:var(--ink);margin-top:4px}.agent-model[data-v-80e6311a]{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.agent-card-body[data-v-80e6311a]{padding:16px 18px;display:flex;flex-direction:column;gap:14px;flex:1}.gauge-section[data-v-80e6311a]{display:flex;flex-direction:column;gap:6px}.gauge-label[data-v-80e6311a]{display:flex;justify-content:space-between;font-size:12.5px;font-weight:500}.gauge-label .remaining-text[data-v-80e6311a]{font-family:var(--font-mono);font-weight:600}.progress-track[data-v-80e6311a]{width:100%;height:9px;background:var(--surface-2);border-radius:6px;overflow:hidden}.progress-bar[data-v-80e6311a]{height:100%;border-radius:6px;transition:width .4s ease}.bar-success[data-v-80e6311a]{background:linear-gradient(90deg,#10b981,#059669)}.bar-warning[data-v-80e6311a]{background:linear-gradient(90deg,#f59e0b,#d97706)}.bar-danger[data-v-80e6311a]{background:linear-gradient(90deg,#ef4444,#dc2626)}.telemetry-grid[data-v-80e6311a]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:var(--surface-2);padding:12px;border-radius:var(--r-sm)}.telemetry-item[data-v-80e6311a]{display:flex;flex-direction:column;gap:2px}.telemetry-item .label[data-v-80e6311a]{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.telemetry-item .val[data-v-80e6311a]{font-family:var(--font-mono);font-size:12.5px;font-weight:600;color:var(--ink)}.agent-card-footer[data-v-80e6311a]{padding:12px 18px;background:#fafbfc;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.countdown-timer[data-v-80e6311a]{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);color:var(--ink-soft);font-weight:500}.table-container[data-v-766f762b]{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card);overflow:hidden}.table-header[data-v-766f762b]{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.table-title[data-v-766f762b]{font-size:15px;font-weight:600}.code-pill[data-v-766f762b]{font-family:var(--font-mono);font-size:11.5px;background:var(--surface-2);padding:3px 8px;border-radius:4px}.table-responsive[data-v-766f762b]{overflow-x:auto}.stream-table[data-v-766f762b]{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.stream-table th[data-v-766f762b]{background:var(--surface-2);padding:10px 18px;font-size:12px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap}.stream-table td[data-v-766f762b]{padding:12px 18px;border-bottom:1px solid var(--border);color:var(--ink-soft);white-space:nowrap}.stream-table tr[data-v-766f762b]:hover{background:#fbfcfe}.kpi-grid[data-v-9f1bc8dc]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1100px){.kpi-grid[data-v-9f1bc8dc]{grid-template-columns:repeat(2,1fr)}}.filter-bar[data-v-9f1bc8dc]{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow-card);flex-wrap:wrap}.filter-tabs[data-v-9f1bc8dc]{display:flex;align-items:center;gap:6px;background:var(--surface-2);padding:4px;border-radius:var(--r-sm);flex-wrap:wrap}.tab-btn[data-v-9f1bc8dc]{padding:6px 12px;border-radius:var(--r-sm);font-size:12.5px;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--muted);transition:all var(--dur) var(--ease);display:flex;align-items:center;gap:6px}.tab-btn.active[data-v-9f1bc8dc]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.badge-pill[data-v-9f1bc8dc]{font-size:11px;padding:1px 6px;border-radius:10px;background:#e5e7eb;font-family:var(--font-mono)}.tab-btn.active .badge-pill[data-v-9f1bc8dc]{background:var(--primary-subtle);color:var(--primary)}.search-box[data-v-9f1bc8dc]{position:relative;width:280px}.search-input[data-v-9f1bc8dc]{width:100%;padding:7px 12px 7px 32px;border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:13px;font-family:inherit;outline:none;transition:border var(--dur)}.search-input[data-v-9f1bc8dc]:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1e3a8a1a}.search-icon[data-v-9f1bc8dc]{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted)}.cards-grid[data-v-9f1bc8dc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:18px}.empty-state-card[data-v-9f1bc8dc]{background:var(--surface);border:2px dashed var(--border);border-radius:var(--r-lg);padding:48px 24px;text-align:center;box-shadow:var(--shadow-card)}.empty-icon[data-v-9f1bc8dc]{font-size:38px;margin-bottom:10px}.page-header[data-v-369bca6f]{display:flex;flex-direction:column;gap:4px}.table-container[data-v-369bca6f]{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card);overflow:hidden}.stream-table[data-v-369bca6f]{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.stream-table th[data-v-369bca6f]{background:var(--surface-2);padding:12px 18px;font-size:12px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border)}.stream-table td[data-v-369bca6f]{padding:14px 18px;border-bottom:1px solid var(--border);color:var(--ink-soft)}.page-header[data-v-a4eeea6a]{display:flex;flex-direction:column;gap:4px}.header-content[data-v-a4eeea6a]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.header-actions[data-v-a4eeea6a]{display:flex;align-items:center;gap:10px}.btn-clear-all[data-v-a4eeea6a]{color:var(--danger-text);border-color:#fca5a5;background:#fff5f5;font-size:13px;padding:8px 14px}.btn-clear-all[data-v-a4eeea6a]:hover{background:#fee2e2;border-color:var(--danger)}.table-container[data-v-a4eeea6a]{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card);overflow-x:auto}.stream-table[data-v-a4eeea6a]{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.stream-table th[data-v-a4eeea6a]{background:var(--surface-2);padding:12px 16px;font-size:12px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border)}.stream-table td[data-v-a4eeea6a]{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--ink-soft)}.stream-table tr[data-v-a4eeea6a]:hover{background:#fbfcfe}.action-btn[data-v-a4eeea6a]{padding:4px 8px;font-size:11.5px;margin-left:4px}.btn-edit[data-v-a4eeea6a]{color:var(--primary);border-color:#bfdbfe}.btn-edit[data-v-a4eeea6a]:hover{background:var(--primary-subtle)}.btn-delete[data-v-a4eeea6a]{color:var(--danger-text);border-color:#fca5a5}.btn-delete[data-v-a4eeea6a]:hover{background:#fee2e2}.sub-pill[data-v-a4eeea6a]{font-size:10px;padding:1px 5px;border-radius:4px;background:#fdf4ff;color:#a855f7;border:1px solid #f0abfc;font-weight:600}.api-pill[data-v-a4eeea6a]{font-size:10px;padding:1px 5px;border-radius:4px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);font-weight:600}.empty-state-card[data-v-a4eeea6a]{background:var(--surface);border:2px dashed var(--border);border-radius:var(--r-lg);padding:56px 24px;text-align:center;box-shadow:var(--shadow-card)}.empty-icon[data-v-a4eeea6a]{font-size:42px;margin-bottom:12px}.login-wrapper[data-v-fb44450d]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,#1e3a8a,#0f172a);padding:20px}.login-card[data-v-fb44450d]{width:100%;max-width:420px;background:#fff;border-radius:var(--r-lg);padding:36px 32px;box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0003}.login-header[data-v-fb44450d]{text-align:center;margin-bottom:28px}.brand-badge[data-v-fb44450d]{width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#1e3a8a);border-radius:12px;color:#fff;font-weight:700;font-size:20px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 6px #2563eb4d}.login-header h2[data-v-fb44450d]{font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.3px}.login-header p[data-v-fb44450d]{font-size:13px;color:var(--muted);margin-top:4px}.login-form[data-v-fb44450d]{display:flex;flex-direction:column;gap:18px}.error-alert[data-v-fb44450d]{background:var(--danger-subtle);border:1px solid rgba(239,68,68,.2);color:var(--danger-text);padding:10px 14px;border-radius:var(--r-sm);font-size:13px;display:flex;align-items:center;gap:6px}.form-group[data-v-fb44450d]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-fb44450d]{font-size:13px;font-weight:600;color:var(--ink)}.input-container input[data-v-fb44450d]{width:100%;padding:10px 14px;border:1px solid var(--border-strong);border-radius:var(--r-sm);font-family:inherit;font-size:14px;outline:none;transition:all var(--dur) var(--ease)}.input-container input[data-v-fb44450d]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1e3a8a1f}.submit-btn[data-v-fb44450d]{width:100%;padding:11px;font-size:14.5px;font-weight:600;justify-content:center;margin-top:6px}.login-footer[data-v-fb44450d]{text-align:center;font-size:11.5px;color:var(--muted);margin-top:8px}:root{--bg: oklch(.97 .004 258);--surface: oklch(1 0 0);--surface-2: oklch(.94 .006 258);--border: oklch(.9 .006 258);--border-strong: oklch(.86 .008 258);--ink: oklch(.15 0 0);--muted: oklch(.45 .006 258);--ink-soft: oklch(.35 .006 258);--primary: oklch(.42 .15 260);--primary-hover: oklch(.36 .15 260);--primary-active: oklch(.3 .14 260);--primary-subtle: oklch(.94 .025 260);--primary-ink: oklch(1 0 0);--accent: oklch(.72 .13 80);--sidebar-bg: oklch(.22 .1 258);--sidebar-bg-active: oklch(.3 .11 258);--sidebar-border: oklch(.3 .09 258);--sidebar-ink: oklch(1 0 0);--sidebar-ink-muted: oklch(.78 .03 258);--success: oklch(.56 .16 155);--success-subtle: oklch(.95 .04 155);--success-text: oklch(.32 .1 155);--warning: oklch(.78 .15 75);--warning-subtle: oklch(.96 .04 75);--warning-text: oklch(.36 .09 70);--danger: oklch(.55 .19 25);--danger-subtle: oklch(.95 .04 25);--danger-text: oklch(.4 .16 25);--info: oklch(.55 .12 240);--info-subtle: oklch(.95 .03 240);--info-text: oklch(.34 .09 240);--openai-color: #10a37f;--openai-bg: #e6f7f3;--anthropic-color: #c96442;--anthropic-bg: #fdf2ee;--gemini-color: #2563eb;--gemini-bg: #eff6ff;--font-sans: "Anuphan", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--r-sm: 8px;--r-md: 9px;--r-lg: 11px;--r-xl: 14px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-elevated: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--ease: cubic-bezier(.16, 1, .3, 1);--dur: .2s;--sidebar-w: 248px;--topbar-h: 58px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh}.main-content{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-width:0}.page-container{padding:24px 28px;display:flex;flex-direction:column;gap:22px;max-width:1440px;width:100%;margin:0 auto}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-sm);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all var(--dur) var(--ease)}.btn-primary{background:var(--primary);color:var(--primary-ink);box-shadow:0 1px 2px #1e3a8a33}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:var(--surface);border-color:var(--border-strong);color:var(--ink-soft)}.btn-outline:hover{background:var(--surface-2);color:var(--ink)}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:12px;font-size:12px;font-weight:600}.status-active{background:var(--success-subtle);color:var(--success-text)}.status-warning{background:var(--warning-subtle);color:var(--warning-text)}.status-danger{background:var(--danger-subtle);color:var(--danger-text)}.provider-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--r-sm);font-size:11.5px;font-weight:600}.tag-openai{background:var(--openai-bg);color:var(--openai-color)}.tag-anthropic{background:var(--anthropic-bg);color:var(--anthropic-color)}.tag-gemini{background:var(--gemini-bg);color:var(--gemini-color)}