*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-hover: #1e40af;--primary-light: #eff6ff;--danger-color: #d93025;--danger-hover: #b91c1c;--danger-light: #fef2f2;--success-color: #16a34a;--success-light: #dcfce7;--warning-color: #ea580c;--warning-light: #ffedd5;--info-color: #0284c7;--info-light: #e0f2fe;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg-color: #f8f9fa;--surface-color: #ffffff;--header-bg: #1e293b;--footer-bg: #1e293b;--search-bar-bg: #ffffff;--card-bg: #ffffff;--card-border: #cbd5e1;--card-hover-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1);--input-bg: #ffffff;--hover-bg: #f1f5f9;--button-secondary-bg: #e2e8f0;--button-secondary-hover: #cbd5e1;--text-color: #0f172a;--text-muted: #475569;--border-color: #cbd5e1;--header-text: #ffffff;--header-text-muted: #94a3b8;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1);--radius-sm: .25rem;--radius: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--transition: .2s ease-in-out}.dark-mode{--primary-color: #7c83ff;--primary-hover: #6366f1;--primary-light: #1e1b4b;--danger-color: #fb7185;--danger-hover: #f43f5e;--danger-light: #4c0519;--warning-color: #facc15;--warning-hover: #f59e0b;--warning-light: #422006;--success-color: #4ade80;--success-light: #052e16;--info-color: #38bdf8;--info-light: #082f49;--gray-50: #0f1117;--gray-100: #151822;--gray-200: #1c2030;--gray-300: #2a2f45;--gray-400: #4b5070;--gray-500: #7b80a0;--gray-600: #a5aacb;--gray-700: #c7cbea;--gray-800: #e5e7ff;--gray-900: #ffffff;--bg-color: #0a0b0f;--surface-color: #151822;--header-bg: #0f1117;--footer-bg: #0f1117;--search-bar-bg: #1c2030;--card-bg: #1c2030;--card-border: #2a2f45;--card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .4);--input-bg: #1c2030;--hover-bg: #2a2f45;--button-secondary-bg: #1c2030;--button-secondary-hover: #2a2f45;--text-color: #e5e7ff;--text-muted: #7b80a0;--border-color: #2a2f45;--header-text: #e5e7ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow: 0 4px 12px rgba(0, 0, 0, .35);--shadow-md: 0 8px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55)}.dark-mode{--primary-color: #818cf8;--primary-hover: #6366f1;--primary-light: #312e81;--danger-color: #f87171;--danger-hover: #ef4444;--danger-light: #7f1d1d;--success-color: #34d399;--success-light: #064e3b;--warning-color: #fbbf24;--warning-light: #78350f;--info-color: #60a5fa;--info-light: #1e3a8a;--gray-50: #18181b;--gray-100: #27272a;--gray-200: #3f3f46;--gray-300: #52525b;--gray-400: #71717a;--gray-500: #a1a1aa;--gray-600: #d4d4d8;--gray-700: #e4e4e7;--gray-800: #f4f4f5;--gray-900: #fafafa;--bg-color: #18181b;--surface-color: #27272a;--header-bg: #60a5fa;--footer-bg: #60a5fa;--search-bar-bg: #3f3f46;--card-bg: #1e3a2e;--card-border: #2d5a45;--card-hover-shadow: 0 8px 16px rgba(129, 140, 248, .2);--input-bg: #3f3f46;--hover-bg: #52525b;--button-secondary-bg: #3f3f46;--button-secondary-hover: #52525b;--text-color: #fafafa;--text-muted: #a1a1aa;--border-color: #3f3f46;--header-text: #fafafa;--header-text-muted: #d4d4d8;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .5)}.dark-mode{--primary-color: #4ade80;--primary-hover: #16a34a;--primary-light: #14532d;--danger-color: #ff6b6b;--danger-hover: #ff5252;--danger-light: #4a1f1f;--success-color: #5efc82;--success-light: #1f4d2e;--warning-color: #fffc67;--warning-light: #4d4a1f;--info-color: #67e8f9;--info-light: #1f4a4d;--gray-50: #0a0a0a;--gray-100: #141414;--gray-200: #1e1e1e;--gray-300: #2d2d2d;--gray-400: #525252;--gray-500: #737373;--gray-600: #a3a3a3;--gray-700: #d4d4d4;--gray-800: #e5e5e5;--gray-900: #f5f5f5;--bg-color: #000000;--surface-color: #0a0a0a;--header-bg: #050505;--footer-bg: #050505;--search-bar-bg: #0a0a0a;--card-bg: #0a0a0a;--card-border: #1e1e1e;--card-hover-shadow: 0 0 24px rgba(74, 222, 128, .4), 0 0 12px rgba(74, 222, 128, .3);--input-bg: #000000;--hover-bg: #1e1e1e;--button-secondary-bg: #1e1e1e;--button-secondary-hover: #2d2d2d;--text-color: #f5f5f5;--text-muted: #737373;--border-color: #1e1e1e;--header-text: #4ade80;--header-text-muted: #525252;--shadow-sm: 0 0 10px rgb(74 222 128 / .2);--shadow: 0 0 15px rgb(74 222 128 / .25), 0 4px 6px rgb(0 0 0 / .8);--shadow-md: 0 0 25px rgb(74 222 128 / .3), 0 8px 12px rgb(0 0 0 / .9);--shadow-lg: 0 0 40px rgb(74 222 128 / .4), 0 12px 18px rgb(0 0 0 / 1);--radius-sm: .25rem;--radius: .375rem;--radius-lg: .5rem;--radius-xl: .625rem;--transition: .1s cubic-bezier(.4, 0, .2, 1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;line-height:1.25rem;border-radius:var(--radius-lg);border:none;transition:all var(--transition);white-space:nowrap;min-height:2.75rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning{background-color:var(--warning-color);color:#fff}.btn-warning:hover:not(:disabled){background-color:var(--warning-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--button-secondary-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--button-secondary-hover)}.btn-sm{padding:.625rem 1.125rem;font-size:.875rem;min-height:2.5rem}.btn-icon{padding:.625rem;width:2.75rem;height:2.75rem}.btn-icon:hover:not(:disabled){transform:scale(1.05)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-label{font-size:.9375rem;font-weight:600;color:var(--text-color)}.form-input,.form-textarea,.form-select{padding:.75rem 1rem;font-size:.9375rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--input-bg);color:var(--text-color);transition:all var(--transition);min-height:2.75rem}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-example{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:400;background-color:var(--button-secondary-bg);color:var(--text-color);border-radius:var(--radius);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition)}.chip:hover{background-color:var(--button-secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chip.selected{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.chip-remove{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border-radius:50%;background-color:transparent;border:none;cursor:pointer}.chip-remove:hover{background-color:#fff3}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;inset:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:9999}@media (max-width: 768px){.btn{padding:.875rem 1.25rem;font-size:.9375rem;min-height:3rem}.btn-sm{min-height:2.75rem}.btn-icon{width:3rem;height:3rem}.chip{padding:.375rem .625rem;font-size:.8125rem}}