:root{--color-fg-default: #e4e7eb;--color-fg-muted: #9da5b0;--color-fg-subtle: #6c7680;--color-fg-on-emphasis: #ffffff;--color-bg-default: #111217;--color-bg-subtle: #181b1f;--color-bg-muted: #22252a;--color-bg-emphasis: #2c3038;--color-bg-inset: #0b0c0e;--color-bg-overlay: #1e2127;--color-border-default: #2c3038;--color-border-muted: #23262b;--color-border-subtle: #1a1d21;--color-border-emphasis: #3d444d;--color-accent-fg: #6e9fff;--color-accent-emphasis: #3871dc;--color-accent-muted: rgba(56, 113, 220, .4);--color-accent-subtle: rgba(56, 113, 220, .15);--color-success-fg: #73bf69;--color-success-emphasis: #56a64b;--color-success-muted: rgba(115, 191, 105, .4);--color-success-subtle: rgba(115, 191, 105, .15);--color-warning-fg: #ff9830;--color-warning-emphasis: #e5722e;--color-warning-muted: rgba(255, 152, 48, .4);--color-warning-subtle: rgba(255, 152, 48, .15);--color-attention-fg: #f2cc0c;--color-attention-emphasis: #d4ad00;--color-attention-muted: rgba(242, 204, 12, .4);--color-attention-subtle: rgba(242, 204, 12, .15);--color-danger-fg: #f2495c;--color-danger-emphasis: #e02f44;--color-danger-muted: rgba(242, 73, 92, .4);--color-danger-subtle: rgba(242, 73, 92, .15);--color-info-fg: #b877d9;--color-info-emphasis: #9b51cc;--color-info-muted: rgba(184, 119, 217, .4);--color-info-subtle: rgba(184, 119, 217, .15);--spacing-none: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--border-width-thin: 1px;--border-width-default: 1px;--border-width-thick: 2px;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 9999px;--font-family-default: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Roboto Mono", ui-monospace, SFMono-Regular, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .5);--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-toast: 600;--button-height-sm: 28px;--button-height-md: 32px;--button-height-lg: 40px;--button-padding-sm: var(--spacing-xs) var(--spacing-sm);--button-padding-md: var(--spacing-sm) var(--spacing-md);--button-padding-lg: var(--spacing-sm) var(--spacing-lg);--button-font-size: var(--font-size-md);--button-font-weight: var(--font-weight-medium);--button-radius: var(--radius-md);--input-height: 32px;--input-padding: var(--spacing-sm) var(--spacing-md);--input-font-size: var(--font-size-md);--input-radius: var(--radius-md);--input-border-color: var(--color-border-default);--input-border-color-focus: var(--color-accent-fg);--input-bg: var(--color-bg-inset);--table-row-height: 40px;--table-header-bg: var(--color-bg-muted);--table-border-color: var(--color-border-muted);--table-row-hover-bg: var(--color-bg-emphasis);--dialog-width-sm: 400px;--dialog-width-md: 500px;--dialog-width-lg: 700px;--dialog-width-form: 900px;--dialog-radius: var(--radius-lg);--dialog-shadow: var(--shadow-xl);--alert-padding: var(--spacing-md);--alert-radius: var(--radius-md);--alert-shadow: var(--shadow-lg);--spinner-size-sm: 16px;--spinner-size-md: 24px;--spinner-size-lg: 48px;--spinner-border-width: 2px;--spinner-color: var(--color-accent-fg);--header-height: 52px;--sidebar-width: 240px;--sidebar-width-collapsed: 56px;--content-max-width: 1200px;--content-padding: var(--spacing-lg);--panel-bg: var(--color-bg-muted);--panel-border: var(--color-border-muted);--panel-header-height: 38px;--panel-padding: var(--spacing-md);--panel-radius: var(--radius-md)}.card,.panel{background:var(--panel-bg);border:var(--border-width-default) solid var(--panel-border);border-radius:var(--panel-radius)}.card-header,.panel-header{display:flex;align-items:center;justify-content:space-between;height:var(--panel-header-height);padding:0 var(--panel-padding);border-bottom:var(--border-width-default) solid var(--panel-border);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);color:var(--color-fg-default)}.card-body,.panel-body{padding:var(--panel-padding)}.card--interactive,.panel--interactive{cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.card--interactive:hover,.panel--interactive:hover{border-color:var(--color-border-emphasis);background:var(--color-bg-emphasis)}[data-theme=light]{--color-fg-default: #1f2328;--color-fg-muted: #656d76;--color-fg-subtle: #8b949e;--color-fg-on-emphasis: #ffffff;--color-bg-default: #ffffff;--color-bg-subtle: #f6f8fa;--color-bg-muted: #f0f1f3;--color-bg-emphasis: #e5e7eb;--color-bg-inset: #f6f8fa;--color-bg-overlay: #ffffff;--color-border-default: #d1d5db;--color-border-muted: #e5e7eb;--color-border-subtle: #f0f1f3;--color-border-emphasis: #9ca3af;--color-accent-fg: #2563eb;--color-accent-emphasis: #1d4ed8;--color-accent-muted: rgba(37, 99, 235, .3);--color-accent-subtle: rgba(37, 99, 235, .1);--color-success-fg: #16a34a;--color-success-emphasis: #15803d;--color-success-muted: rgba(22, 163, 74, .3);--color-success-subtle: rgba(22, 163, 74, .1);--color-warning-fg: #d97706;--color-warning-emphasis: #b45309;--color-warning-muted: rgba(217, 119, 6, .3);--color-warning-subtle: rgba(217, 119, 6, .1);--color-attention-fg: #ca8a04;--color-attention-emphasis: #a16207;--color-attention-muted: rgba(202, 138, 4, .3);--color-attention-subtle: rgba(202, 138, 4, .1);--color-danger-fg: #dc2626;--color-danger-emphasis: #b91c1c;--color-danger-muted: rgba(220, 38, 38, .3);--color-danger-subtle: rgba(220, 38, 38, .1);--color-info-fg: #9333ea;--color-info-emphasis: #7e22ce;--color-info-muted: rgba(147, 51, 234, .3);--color-info-subtle: rgba(147, 51, 234, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .2)}