:root{--z-index-base: 1;--z-index-sticky: 10;--z-index-header: 20;--z-index-sidebar: 30;--z-index-dropdown: 50;--z-index-modal: 100;--z-index-toast: 150}:root{--palette-black: #090a0f;--palette-black-deep: #050608;--palette-black-raised: #12141c;--palette-black-card: #181b26;--palette-black-border: #252a3b;--palette-black-hover: #212636;--palette-white: #ffffff;--palette-paper: #f8fafc;--palette-paper-card: #ffffff;--palette-paper-border: #e2e8f0;--palette-paper-hover: #f1f5f9;--palette-primary: #3b82f6;--palette-primary-hover: #2563eb;--palette-primary-glow: rgba(59, 130, 246, .2);--palette-success: #10b981;--palette-success-bg: rgba(16, 185, 129, .15);--palette-warning: #f59e0b;--palette-warning-bg: rgba(245, 158, 11, .15);--palette-danger: #ef4444;--palette-danger-bg: rgba(239, 68, 68, .15);--palette-info: #06b6d4;--palette-info-bg: rgba(6, 182, 212, .15)}:root{--space-3xs: .25rem;--space-2xs: .375rem;--space-xs: .5rem;--space-s: .75rem;--space-m: 1rem;--space-l: 1.25rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem;--space-4xl: 3.5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 9999px}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5}:root{color-scheme:dark light;--bg-app: var(--palette-black);--bg-card: var(--palette-black-card);--bg-raised: var(--palette-black-raised);--bg-hover: var(--palette-black-hover);--border-color: var(--palette-black-border);--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--primary: var(--palette-primary);--primary-hover: var(--palette-primary-hover);--color-success: var(--palette-success);--color-success-bg: var(--palette-success-bg);--color-warning: var(--palette-warning);--color-warning-bg: var(--palette-warning-bg);--color-danger: var(--palette-danger);--color-danger-bg: var(--palette-danger-bg);--color-info: var(--palette-info);--color-info-bg: var(--palette-info-bg)}@media (prefers-color-scheme: light){:root[data-theme=light]{--bg-app: var(--palette-paper);--bg-card: var(--palette-paper-card);--bg-raised: #f1f5f9;--bg-hover: var(--palette-paper-hover);--border-color: var(--palette-paper-border);--text-main: #0f172a;--text-muted: #475569;--text-dim: #94a3b8}}:root[data-theme=dark]{--bg-app: var(--palette-black);--bg-card: var(--palette-black-card);--bg-raised: var(--palette-black-raised);--bg-hover: var(--palette-black-hover);--border-color: var(--palette-black-border);--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}body{min-height:100vh;min-height:100dvh;line-height:var(--leading-normal);font-family:var(--font-sans);font-size:var(--text-base);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}table{border-collapse:collapse;width:100%}.flow>*+*{margin-top:var(--flow-space, var(--space-m))}.cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-gap, var(--space-s));align-items:center}.repel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-s)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-m)}.grid-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-s)}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}@media (max-width: 800px){.app-shell{grid-template-columns:1fr}}.app-sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-l);position:sticky;top:0;height:100vh;overflow-y:auto;z-index:var(--z-index-sidebar)}@media (max-width: 800px){.app-sidebar{display:none}.app-sidebar[data-open=true]{display:flex;position:fixed;inset:0 auto 0 0;width:280px;box-shadow:4px 0 24px #00000080}}.brand{display:flex;align-items:center;gap:var(--space-xs);font-weight:var(--weight-bold);font-size:var(--text-md);color:var(--text-main)}.brand-badge{font-size:var(--text-2xs);text-transform:uppercase;background:var(--primary);color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-weight:var(--weight-semibold)}.nav-group-title{font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;margin-bottom:var(--space-2xs);padding:0 var(--space-xs)}.nav-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-muted);transition:all .15s ease}.nav-link:hover{background:var(--bg-hover);color:var(--text-main)}.nav-link[aria-current=page]{background:var(--primary);color:#fff;font-weight:var(--weight-medium)}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-s) var(--space-l);border-bottom:1px solid var(--border-color);background:var(--bg-card);position:sticky;top:0;z-index:var(--z-index-header)}.workspace{padding:var(--space-l);max-width:1400px;width:100%;margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-m)}.card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);margin-bottom:var(--space-2xs)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-family:var(--font-mono);letter-spacing:.02em}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:var(--bg-hover);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-m);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);border:1px solid transparent;transition:all .15s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:transparent;border-color:var(--border-color);color:var(--text-main)}.btn-outline:hover{background:var(--bg-hover)}.btn-danger{background:var(--palette-danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:3px 8px;font-size:var(--text-xs)}.table-responsive{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--border-color);color:var(--text-dim);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.table td{padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--border-color);vertical-align:middle}.table tbody tr:hover{background:var(--bg-hover)}.tabs{display:flex;gap:var(--space-2xs);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-m)}.tab{padding:var(--space-xs) var(--space-m);font-size:var(--text-sm);color:var(--text-muted);border-bottom:2px solid transparent}.tab:hover{color:var(--text-main)}.tab[data-active]{color:var(--primary);border-bottom-color:var(--primary);font-weight:var(--weight-semibold)}.form-group{display:flex;flex-direction:column;gap:var(--space-2xs)}.form-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted)}.input,.select,.textarea{background:var(--bg-raised);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-s);color:var(--text-main);font-size:var(--text-sm)}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--primary);border-color:transparent}dialog{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-l);max-width:90vw;box-shadow:0 10px 40px #00000080}dialog::backdrop{background:#0009;backdrop-filter:blur(2px)}#cmd-palette-modal{width:min(600px,92vw);padding:0;overflow:hidden;top:15%}.palette-header{display:flex;align-items:center;padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--border-color);background:var(--bg-raised)}.palette-input{flex:1;background:transparent;border:none;outline:none;font-size:var(--text-md);color:var(--text-main)}.palette-list{max-height:380px;overflow-y:auto;padding:var(--space-2xs) 0}.palette-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-s) var(--space-m);color:var(--text-muted);cursor:pointer}.palette-item:hover,.palette-item[data-selected=true]{background:var(--primary);color:#fff}.log-box{background:#000;color:#a7f3d0;font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-s);border-radius:var(--radius-sm);height:500px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-2xs{font-size:var(--text-2xs)}.font-bold{font-weight:var(--weight-bold)}.font-semibold{font-weight:var(--weight-semibold)}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-inline{font-family:var(--font-mono);font-size:.9em;background:var(--bg-raised);padding:1px 4px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}