:root,[data-theme=dark]{--color-bg-base: #0a0a0a;--color-bg-surface: #111111;--color-bg-elevated: #171717;--color-bg-overlay: #1e1e1e;--color-bg-hover: rgba(255, 255, 255, .04);--color-bg-active: rgba(132, 204, 22, .12);--color-text-primary: #f0f0f0;--color-text-secondary: #888888;--color-text-muted: #444444;--color-text-inverse: #0a0a0a;--color-border: rgba(255, 255, 255, .07);--color-border-strong: rgba(255, 255, 255, .13);--color-border-focus: #84cc16;--color-sidebar-bg: #080808;--color-sidebar-border: rgba(255, 255, 255, .06);--color-topbar-bg: #0e0e0e;--color-topbar-border: rgba(255, 255, 255, .07);--color-accent: #84cc16;--color-accent-hover: #65a30d;--color-accent-light: rgba(132, 204, 22, .13);--color-accent-glow: rgba(132, 204, 22, .3);--color-accent-text: #84cc16;--color-success: #84cc16;--color-success-light: rgba(132, 204, 22, .13);--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .14);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .12);--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .12);--color-icon-cyan: rgba(132, 204, 22, .12);--color-icon-blue: rgba(59, 130, 246, .12);--color-icon-green: rgba(132, 204, 22, .12);--color-icon-orange: rgba(245, 158, 11, .13);--color-icon-red: rgba(239, 68, 68, .12);--color-icon-purple: rgba(132, 204, 22, .12);--color-input-bg: rgba(255, 255, 255, .04);--color-input-border: rgba(255, 255, 255, .08);--color-input-focus: rgba(132, 204, 22, .3);--color-scrollbar: rgba(255, 255, 255, .08);--color-scrollbar-hover: rgba(255, 255, 255, .18);--color-status-online: #84cc16;--color-status-degraded: #f59e0b;--color-status-offline: #ef4444;--color-terminal-bg: #080808;--color-terminal-fg: #f0f0f0;--color-terminal-border: rgba(132, 204, 22, .2)}[data-theme=light]{--color-bg-base: #f6f8fa;--color-bg-surface: #ffffff;--color-bg-elevated: #eaeef2;--color-bg-overlay: #dde1e7;--color-bg-hover: rgba(0, 0, 0, .04);--color-bg-active: rgba(101, 163, 13, .08);--color-text-primary: #1c2128;--color-text-secondary: #57606a;--color-text-muted: #8c959f;--color-text-inverse: #ffffff;--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .14);--color-border-focus: #65a30d;--color-sidebar-bg: #ffffff;--color-sidebar-border: rgba(0, 0, 0, .07);--color-topbar-bg: #ffffff;--color-topbar-border: rgba(0, 0, 0, .07);--color-accent: #65a30d;--color-accent-hover: #4d7c0f;--color-accent-light: rgba(101, 163, 13, .1);--color-accent-glow: rgba(101, 163, 13, .25);--color-accent-text: #65a30d;--color-success: #65a30d;--color-success-light: rgba(101, 163, 13, .1);--color-warning: #d97706;--color-warning-light: rgba(217, 119, 6, .1);--color-error: #dc2626;--color-error-light: rgba(220, 38, 38, .1);--color-info: #2563eb;--color-info-light: rgba(37, 99, 235, .1);--color-icon-cyan: rgba(101, 163, 13, .1);--color-icon-blue: rgba(37, 99, 235, .1);--color-icon-green: rgba(101, 163, 13, .1);--color-icon-orange: rgba(217, 119, 6, .1);--color-icon-red: rgba(220, 38, 38, .1);--color-icon-purple: rgba(101, 163, 13, .1);--color-input-bg: #ffffff;--color-input-border: rgba(0, 0, 0, .12);--color-input-focus: rgba(101, 163, 13, .3);--color-scrollbar: rgba(0, 0, 0, .1);--color-scrollbar-hover: rgba(0, 0, 0, .2);--color-status-online: #65a30d;--color-status-degraded: #d97706;--color-status-offline: #dc2626;--color-terminal-bg: #1c2128;--color-terminal-fg: #e6edf3;--color-terminal-border: rgba(101, 163, 13, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:17px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;font-family:Inter,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;background-color:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.text-3xl{font-size:33px;font-weight:700;line-height:1.2;color:var(--color-text-primary)}.text-2xl{font-size:25px;font-weight:700;line-height:1.2;color:var(--color-text-primary)}.text-xl{font-size:21px;font-weight:600;line-height:1.2;color:var(--color-text-primary)}.text-lg{font-size:17px;font-weight:600;line-height:1.5;color:var(--color-text-primary)}.text-md{font-size:15px;line-height:1.5;color:var(--color-text-primary)}.text-base{font-size:14px;line-height:1.5;color:var(--color-text-primary)}.text-sm{font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.text-xs{font-size:12px;line-height:1.5;color:var(--color-text-muted)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.page-title{margin:0 0 4px;font-size:25px;font-weight:700;line-height:1.2;color:var(--color-text-primary)}.page-subtitle{margin:0;font-size:13px;color:var(--color-text-secondary)}.section-title{margin:0;font-size:15px;font-weight:600;color:var(--color-text-primary)}html,body{height:100%;overflow:hidden}app-root{display:flex;height:100%;width:100%;max-width:1920px;margin:0 auto;box-shadow:0 0 60px #0009}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:500}.badge--success{background:var(--color-success-light);color:var(--color-success)}.badge--warning{background:var(--color-warning-light);color:var(--color-warning)}.badge--error{background:var(--color-error-light);color:var(--color-error)}.badge--info{background:var(--color-info-light);color:var(--color-info)}.badge--accent{background:var(--color-accent-light);color:var(--color-accent)}.toggle{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.toggle input[type=checkbox]{position:absolute;width:0;height:0;opacity:0}.toggle__track{position:relative;width:40px;height:22px;flex-shrink:0;border:1px solid var(--color-border);border-radius:9999px;background:var(--color-bg-elevated);transition:background .12s ease,border-color .12s ease}.toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:9999px;background:var(--color-text-muted);transition:transform .12s ease,background .12s ease}input:checked+.toggle__track{background:var(--color-accent);border-color:var(--color-accent)}input:checked+.toggle__track:after{transform:translate(18px);background:#fff}.toggle__label{font-size:14px;color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.placeholder-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-surface);color:var(--color-text-muted);text-align:center}.placeholder-state p{font-size:14px}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.grid{display:grid;gap:24px}.grid--cols-1{grid-template-columns:repeat(1,1fr)}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--cols-6{grid-template-columns:repeat(6,1fr)}.grid--cols-12{grid-template-columns:repeat(12,1fr)}.grid--auto-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid--auto-md{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid--auto-lg{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.grid--gap-sm{gap:8px}.grid--gap-md{gap:16px}.grid--gap-lg{gap:24px}.grid--gap-xl{gap:32px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1060px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr;gap:16px}}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:860px){.two-col-grid{grid-template-columns:1fr}}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:900px){.config-grid{grid-template-columns:1fr}}.prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}@media(max-width:640px){.prompt-grid{grid-template-columns:1fr}}