:root{--bg-darkest: #0a0a0a;--bg-dark: #1a1a1a;--bg-medium: #222;--bg-light: #2a2a2a;--bg-lighter: #333;--bg-lightest: #444;--text-primary: #fff;--text-secondary: #e0e0e0;--text-tertiary: #ccc;--text-muted: #888;--text-disabled: #666;--accent-primary: #4a9eff;--accent-primary-hover: #3a8eef;--accent-primary-light: #6ab0ff;--accent-primary-bg: #2a3a4a;--success: #7ed321;--success-hover: #8ee331;--success-bg: #2d5016;--success-light: #a8d18a;--success-border: #4a6b2d;--error: #ff4444;--error-light: #ff6b6b;--error-bg: #4a2020;--error-border: #ff4444;--error-danger: #dc3545;--error-danger-hover: #c82333;--warning: #ffa500;--warning-bg: #4a3a20;--border-default: #333;--border-subtle: #444;--border-focus: #4a9eff;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", "Source Code Pro", monospace;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: .9rem;--font-size-md: .95rem;--font-size-lg: 1rem;--font-size-xl: 1.1rem;--font-size-2xl: 1.2rem;--font-size-3xl: 1.5rem;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 1000;--z-modal: 1001;--z-modal-confirm: 1100;--z-tooltip: 1200}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--text-secondary);background-color:var(--bg-darkest)}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-primary);font-weight:600;line-height:1.3}h1,h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin:0}a{color:var(--accent-primary);text-decoration:none}a:hover{color:var(--accent-primary-light);text-decoration:underline}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-medium);padding:.1em .3em;border-radius:var(--radius-sm)}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--space-md);background:var(--bg-medium);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);transition:border-color var(--transition-normal)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-focus)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}input.error,textarea.error,select.error{border-color:var(--error)}input[type=text].mono,textarea.mono{font-family:var(--font-mono)}button{font-family:var(--font-family);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:var(--text-primary)}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-secondary{background:var(--bg-lighter);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-lightest)}.btn-success{background:var(--success);color:#000}.btn-success:hover:not(:disabled){background:var(--success-hover)}.btn-danger{background:var(--error-danger);color:var(--text-primary)}.btn-danger:hover:not(:disabled){background:var(--error-danger-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-ghost:hover:not(:disabled){background:var(--bg-light);border-color:var(--border-focus)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-md)}.btn-icon{width:44px;height:44px;padding:0;border-radius:50%}.btn-icon:hover:not(:disabled){transform:scale(1.05)}.btn-icon.btn-sm{width:32px;height:32px}.btn-icon.btn-lg{width:52px;height:52px}.text-muted{color:var(--text-muted)}.text-error{color:var(--error-light)}.text-success{color:var(--success)}.text-primary{color:var(--accent-primary)}.bg-dark{background:var(--bg-dark)}.bg-darker{background:var(--bg-darkest)}.mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-lighter);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-lightest)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fade-in{animation:fadeIn var(--transition-normal)}