:root[data-theme=dark]{--bg-primary: var(--n-color-bg, #09090b);--bg-secondary: var(--n-color-surface, #18181b);--bg-tertiary: var(--n-color-surface-alt, #27272a);--bg-card: var(--n-color-surface, #18181b);--bg-hover: var(--n-color-surface-hover, #3f3f46);--text-primary: var(--n-color-text, #f4f4f5);--text-secondary: var(--n-color-text-secondary, #a1a1aa);--text-muted: var(--n-color-text-muted, #71717a);--text-disabled: #52525b;--border-color: var(--n-color-border, #3f3f46);--border-hover: var(--n-color-border-hover, #52525b);--shadow-sm: var(--n-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, .1));--shadow-md: var(--n-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));--shadow-lg: var(--n-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));--input-bg: var(--n-color-bg, #09090b);--input-border: var(--n-color-border, #3f3f46);--input-focus: var(--n-color-primary, #10b981);--success: var(--n-color-success, #22c55e);--warning: var(--n-color-warning, #f59e0b);--danger: var(--n-color-danger, #ef4444);--info: var(--n-color-info, #3b82f6)}:root[data-theme=light]{--bg-primary: var(--n-color-bg, #f8fafc);--bg-secondary: var(--n-color-surface, #ffffff);--bg-tertiary: var(--n-color-surface-alt, #f4f4f5);--bg-card: var(--n-color-surface, #ffffff);--bg-hover: var(--n-color-surface-hover, #e4e4e7);--text-primary: var(--n-color-text, #09090b);--text-secondary: var(--n-color-text-secondary, #52525b);--text-muted: var(--n-color-text-muted, #71717a);--text-disabled: #a1a1aa;--border-color: var(--n-color-border, #d4d4d8);--border-hover: var(--n-color-border-hover, #a1a1aa);--shadow-sm: var(--n-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, .1));--shadow-md: var(--n-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));--shadow-lg: var(--n-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));--input-bg: var(--n-color-surface, #ffffff);--input-border: var(--n-color-border, #d4d4d8);--input-focus: var(--n-color-primary, #10b981);--success: var(--n-color-success, #22c55e);--warning: var(--n-color-warning, #f59e0b);--danger: var(--n-color-danger, #ef4444);--info: var(--n-color-info, #3b82f6)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.theme-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--border-hover)}.theme-toggle-icon{font-size:1.25rem}.card,.n-card{background:var(--bg-card);border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}input,textarea,select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);transition:all .2s ease}input:focus,textarea:focus,select:focus{border-color:var(--input-focus);outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}