@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root,.light-theme{color-scheme:light;--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-300: #93C5FD;--color-primary-400: #60A5FA;--color-primary-500: #3B82F6;--color-primary-600: #2563EB;--color-primary-700: #1D4ED8;--color-primary-800: #1E40AF;--color-primary-900: #1E3A8A;--color-primary: var(--color-primary-600);--color-primary-hover: var(--color-primary-700);--color-primary-light: var(--color-primary-50);--primary-color: var(--color-primary);--primary-color-rgb: 37, 99, 235;--primary-dark: #1D4ED8;--color-success-50: #F0FDF4;--color-success-100: #DCFCE7;--color-success-200: #BBF7D0;--color-success-300: #86EFAC;--color-success-400: #4ADE80;--color-success-500: #22C55E;--color-success-600: #10B981;--color-success-700: #059669;--color-success-800: #047857;--color-success-900: #065F46;--color-success: var(--color-success-600);--color-success-light: var(--color-success-100);--color-success-dark: var(--color-success-900);--success-color: var(--color-success);--success-dark: #059669;--color-error-50: #FEF2F2;--color-error-100: #FEE2E2;--color-error-200: #FECACA;--color-error-300: #FCA5A5;--color-error-400: #F87171;--color-error-500: #EF4444;--color-error-600: #DC2626;--color-error-700: #B91C1C;--color-error-800: #991B1B;--color-error-900: #7F1D1D;--color-error: var(--color-error-600);--color-error-light: var(--color-error-100);--color-error-dark: var(--color-error-900);--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-200: #FDE68A;--color-warning-300: #FCD34D;--color-warning-400: #FBBF24;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-warning-800: #92400E;--color-warning-900: #78350F;--color-warning: var(--color-warning-500);--color-warning-light: var(--color-warning-100);--color-warning-dark: var(--color-warning-900);--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-indigo-50: #EEF2FF;--color-indigo-100: #E0E7FF;--color-indigo-400: #818CF8;--color-indigo-900: #312E81;--color-purple-50: #F5F3FF;--color-purple-100: #EDE9FE;--color-purple-600: #7C3AED;--color-purple-900: #4C1D95;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--text-disabled: #9CA3AF;--text-inverse: #FFFFFF;--text-light: #9CA3AF;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--bg-disabled: #F3F4F6;--bg-accent: #F3F4F6;--bg-hover: #F9FAFB;--bg-card: #FFFFFF;--bg-overlay: rgba(0, 0, 0, .5);--border-primary: #D1D5DB;--border-secondary: #E5E7EB;--border-color: #E5E7EB;--border-focus: var(--color-primary);--border-error: var(--color-error);--border-success: var(--color-success);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-none: none;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-focus-primary: 0 0 0 3px rgba(37, 99, 235, .1);--shadow-focus-error: 0 0 0 3px rgba(220, 38, 38, .1);--shadow-focus-success: 0 0 0 3px rgba(16, 185, 129, .1);--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-12: 48px;--spacing-16: 64px;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-3);--spacing-lg: var(--spacing-4);--spacing-xl: var(--spacing-6);--spacing-2xl: var(--spacing-8);--spacing-3xl: var(--spacing-12);--font-family-base: -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--font-family-mono: SF Mono, monaco, Cascadia Code, Roboto Mono, consolas, Courier New, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-normal: 1.5;--leading-tight: 1.25;--leading-relaxed: 1.625;--border-width-1: 1px;--border-width-2: 2px;--border-width-3: 3px;--radius-sm: 4px;--radius-base: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .6, 1);--input-height-base: 44px;--input-padding-x: 16px;--input-padding-y: 12px;--touch-target-min: 44px;--input-bg: #F9FAFB;--input-border: #D1D5DB;--input-placeholder: #9CA3AF;--container-max-width: 1200px;--form-max-width: 800px}.dark-theme{color-scheme:dark;--color-primary: #3B82F6;--color-primary-hover: #60A5FA;--color-primary-light: #1E3A8A;--primary-color: var(--color-primary);--primary-color-rgb: 59, 130, 246;--primary-dark: #60A5FA;--color-success: #22C55E;--color-success-light: #065F46;--color-success-dark: #DCFCE7;--success-color: var(--color-success);--success-dark: #4ADE80;--color-error: #EF4444;--color-error-light: #7F1D1D;--color-error-dark: #FEE2E2;--color-warning: #FBBF24;--color-warning-light: #78350F;--color-warning-dark: #FEF3C7;--text-primary: #F3F4F6;--text-secondary: #9CA3AF;--text-tertiary: #6B7280;--text-disabled: #4B5563;--text-inverse: #111827;--text-light: #6B7280;--bg-primary: #111827;--bg-secondary: #1F2937;--bg-tertiary: #374151;--bg-disabled: #1F2937;--bg-accent: #1F2937;--bg-hover: #374151;--bg-card: #1F2937;--bg-overlay: rgba(0, 0, 0, .7);--border-primary: #4B5563;--border-secondary: #374151;--border-color: #374151;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow: var(--shadow-sm);--shadow-focus-primary: 0 0 0 3px rgba(59, 130, 246, .3);--shadow-focus-error: 0 0 0 3px rgba(239, 68, 68, .3);--shadow-focus-success: 0 0 0 3px rgba(34, 197, 94, .3);--input-bg: #374151;--input-border: #4B5563;--input-placeholder: #6B7280}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){:root:not(.light-theme):not(.dark-theme){color-scheme:dark;--color-primary: #3B82F6;--color-primary-hover: #60A5FA;--color-primary-light: #1E3A8A;--primary-color: var(--color-primary);--primary-dark: #60A5FA;--color-success: #22C55E;--color-success-light: #065F46;--success-color: var(--color-success);--success-dark: #4ADE80;--color-error: #EF4444;--color-error-light: #7F1D1D;--color-warning: #FBBF24;--color-warning-light: #78350F;--text-primary: #F3F4F6;--text-secondary: #9CA3AF;--text-tertiary: #6B7280;--text-disabled: #4B5563;--text-inverse: #111827;--text-light: #6B7280;--bg-primary: #111827;--bg-secondary: #1F2937;--bg-tertiary: #374151;--bg-disabled: #1F2937;--bg-accent: #1F2937;--bg-hover: #374151;--bg-card: #1F2937;--bg-overlay: rgba(0, 0, 0, .7);--border-primary: #4B5563;--border-secondary: #374151;--border-color: #374151;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow: var(--shadow-sm);--input-bg: #374151;--input-border: #4B5563;--input-placeholder: #6B7280}}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-6{margin:24px}.m-8{margin:32px}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.ml-0{margin-left:0}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-3{margin-left:12px}.ml-4{margin-left:16px}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-3{margin-right:12px}.mr-4{margin-right:16px}.mr-auto{margin-right:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:4px;margin-right:4px}.mx-2{margin-left:8px;margin-right:8px}.mx-3{margin-left:12px;margin-right:12px}.mx-4{margin-left:16px;margin-right:16px}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:4px;margin-bottom:4px}.my-2{margin-top:8px;margin-bottom:8px}.my-3{margin-top:12px;margin-bottom:12px}.my-4{margin-top:16px;margin-bottom:16px}.my-6{margin-top:24px;margin-bottom:24px}.my-8{margin-top:32px;margin-bottom:32px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.pt-0{padding-top:0}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pt-3{padding-top:12px}.pt-4{padding-top:16px}.pt-6{padding-top:24px}.pt-8{padding-top:32px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:12px}.pb-4{padding-bottom:16px}.pb-6{padding-bottom:24px}.pb-8{padding-bottom:32px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:4px;padding-right:4px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.px-8{padding-left:32px;padding-right:32px}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.py-6{padding-top:24px;padding-bottom:24px}.py-8{padding-top:32px;padding-bottom:32px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-w-xs{max-width:320px}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.max-w-5xl{max-width:1024px}.max-w-full{max-width:100%}.max-w-form{max-width:800px}.max-w-container{max-width:1200px}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.min-h-touch{min-height:44px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:#111827}.text-secondary{color:#6b7280}.text-tertiary{color:#9ca3af}.text-inverse{color:#fff}.text-error{color:#dc2626}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-primary{background-color:#fff}.bg-secondary{background-color:#f9fafb}.bg-tertiary{background-color:#f3f4f6}.bg-transparent{background-color:transparent}.border{border:1px solid #D1D5DB}.border-0{border:0}.border-2{border-width:2px}.border-t{border-top:1px solid #D1D5DB}.border-r{border-right:1px solid #D1D5DB}.border-b{border-bottom:1px solid #D1D5DB}.border-l{border-left:1px solid #D1D5DB}.rounded-none{border-radius:0}.rounded-sm{border-radius:4px}.rounded{border-radius:6px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:0 1px 2px #0000000d}.shadow-sm{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-md{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-lg{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.visible{visibility:visible}.invisible{visibility:hidden}.sr-only,.sr-only-focusable,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:active,.skip-link:active,.sr-only-focusable:focus,.skip-link:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;padding:8px 12px;margin:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus-visible:focus-visible{outline:3px solid #2563EB;outline-offset:2px;box-shadow:0 0 0 4px #2563eb26}.skip-link{position:fixed;top:0;left:0;z-index:9999;padding:12px 16px;background-color:#2563eb;color:#fff;text-decoration:none;border-radius:0 0 8px;font-weight:600}.skip-link:focus{outline:3px solid #FFF;outline-offset:2px}.text-high-contrast{color:#111827}.touch-target{min-height:44px;min-width:44px}.accessible-link{color:#2563eb;text-decoration:underline}.accessible-link:hover{color:#1d4ed8;text-decoration:underline}.accessible-link:focus-visible{outline:2px solid #2563EB;outline-offset:2px;border-radius:4px;background-color:#2563eb0d}@media (prefers-reduced-motion: reduce){.no-motion{animation:none!important;transition:none!important}}@media (max-width: 767px){.hidden-mobile{display:none!important}}@media (min-width: 768px){.hidden-desktop,.mobile-only{display:none!important}}@media (max-width: 767px){.desktop-only{display:none!important}}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]),textarea,select,.form-control,.form-input,.form-textarea,.form-select{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range])::placeholder,textarea::placeholder,select::placeholder,.form-control::placeholder,.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:var(--input-placeholder)}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]):focus,textarea:focus,select:focus,.form-control:focus,.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus-primary)}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]):disabled,textarea:disabled,select:disabled,.form-control:disabled,.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}select,.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}.search-container .search-input{padding-left:46px}.dark-theme input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]),.dark-theme textarea,.dark-theme select,.dark-theme .form-control,.dark-theme .form-input,.dark-theme .form-textarea,.dark-theme .form-select{background-color:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--text-primary)!important}.dark-theme input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range])::placeholder,.dark-theme textarea::placeholder,.dark-theme select::placeholder,.dark-theme .form-control::placeholder,.dark-theme .form-input::placeholder,.dark-theme .form-textarea::placeholder,.dark-theme .form-select::placeholder{color:var(--input-placeholder)!important}.dark-theme input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]):focus,.dark-theme textarea:focus,.dark-theme select:focus,.dark-theme .form-control:focus,.dark-theme .form-input:focus,.dark-theme .form-textarea:focus,.dark-theme .form-select:focus{border-color:var(--color-primary)!important;box-shadow:var(--shadow-focus-primary)!important}.dark-theme input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]):disabled,.dark-theme textarea:disabled,.dark-theme select:disabled,.dark-theme .form-control:disabled,.dark-theme .form-input:disabled,.dark-theme .form-textarea:disabled,.dark-theme .form-select:disabled{background-color:var(--bg-disabled)!important;color:var(--text-disabled)!important}.dark-theme select,.dark-theme .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")!important}.dark-theme .btn.btn-primary,.dark-theme .btn.btn-success,.dark-theme .btn.btn-error,.dark-theme .btn.btn-danger,.dark-theme .btn.btn-warning,.dark-theme button.btn-primary,.dark-theme button.btn-success,.dark-theme button.btn-error,.dark-theme button.btn-danger,.dark-theme button.btn-warning,.dark-theme [type=submit].btn-primary,.dark-theme [type=submit].btn-success,.dark-theme [type=submit].btn-error,.dark-theme [type=submit].btn-danger,.dark-theme [type=submit].btn-warning,.dark-theme [type=button].btn-primary,.dark-theme [type=button].btn-success,.dark-theme [type=button].btn-error,.dark-theme [type=button].btn-danger,.dark-theme [type=button].btn-warning,.dark-theme .btn-primary,.dark-theme .btn-success,.dark-theme .btn-error,.dark-theme .btn-danger,.dark-theme .btn-warning,.dark-theme .btn-place-bid,.dark-theme .btn-submit,.dark-theme .btn-contact,.dark-theme .btn-apply,.dark-theme .btn-save,.dark-theme .btn-view,.dark-theme .btn-bid{color:#fff!important}.dark-theme .card,.dark-theme .form-section,.dark-theme .section,.dark-theme .panel,.dark-theme .modal-content,.dark-theme .dropdown-menu{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}.dark-theme .progress-bar,.dark-theme .progress-track{background-color:var(--bg-tertiary)!important}.dark-theme table th,.dark-theme .table th{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark-theme table td,.dark-theme .table td{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark-theme table tr:hover td,.dark-theme .table tr:hover td{background-color:var(--bg-hover)!important}.dark-theme label{color:var(--text-primary)!important}.dark-theme .form-helper,.dark-theme .helper-text{color:var(--text-secondary)!important}.dark-theme .step-number:not(.active):not(.completed){background-color:var(--bg-tertiary)!important;color:var(--text-secondary)!important}.dark-theme .step-title{color:var(--text-secondary)!important}.dark-theme .badge.badge-success{background-color:var(--color-success)!important}.dark-theme .badge.badge-error,.dark-theme .badge.badge-danger{background-color:var(--color-error)!important}.dark-theme .badge.badge-warning{background-color:var(--color-warning)!important}.dark-theme .badge.badge-info{background-color:var(--primary-color)!important}.dark-theme .status-badge.pending,.dark-theme .status-pill.pending{background-color:var(--color-warning-light)!important;color:var(--color-warning)!important}.dark-theme .status-badge.active,.dark-theme .status-badge.approved,.dark-theme .status-pill.active,.dark-theme .status-pill.approved{background-color:var(--color-success-light)!important;color:var(--color-success)!important}.dark-theme .status-badge.rejected,.dark-theme .status-badge.cancelled,.dark-theme .status-pill.rejected,.dark-theme .status-pill.cancelled{background-color:var(--color-error-light)!important;color:var(--color-error)!important}.dark-theme .alert.alert-success{background-color:var(--color-success-light)!important;border-color:var(--color-success)!important;color:var(--color-success)!important}.dark-theme .alert.alert-error,.dark-theme .alert.alert-danger{background-color:var(--color-error-light)!important;border-color:var(--color-error)!important;color:var(--color-error)!important}.dark-theme .alert.alert-warning{background-color:var(--color-warning-light)!important;border-color:var(--color-warning)!important;color:var(--color-warning)!important}.dark-theme .alert.alert-info{background-color:var(--color-primary-light)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important}.dark-theme .modal-backdrop{background-color:var(--bg-overlay)!important}.dark-theme .modal{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}.dark-theme .tooltip{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.dark-theme hr,.dark-theme .divider{border-color:var(--border-color)!important}.dark-theme code,.dark-theme pre{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.dark-theme ::-webkit-scrollbar{width:8px;height:8px}.dark-theme ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark-theme ::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.dark-theme ::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.dark-theme .login-container,.dark-theme .register-container,.dark-theme .auth-container{background-color:var(--bg-primary)!important}.dark-theme .login-container .auth-card,.dark-theme .login-container .login-card,.dark-theme .login-container .register-card,.dark-theme .register-container .auth-card,.dark-theme .register-container .login-card,.dark-theme .register-container .register-card,.dark-theme .auth-container .auth-card,.dark-theme .auth-container .login-card,.dark-theme .auth-container .register-card{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}.dark-theme .dashboard{background-color:var(--bg-primary)!important}.dark-theme .dashboard .stat-card,.dark-theme .dashboard .stats-card,.dark-theme .vehicle-card,.dark-theme .auction-card{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}.dark-theme .vehicle-card .vehicle-info h3,.dark-theme .vehicle-card .vehicle-info h4,.dark-theme .vehicle-card .auction-info h3,.dark-theme .vehicle-card .auction-info h4,.dark-theme .auction-card .vehicle-info h3,.dark-theme .auction-card .vehicle-info h4,.dark-theme .auction-card .auction-info h3,.dark-theme .auction-card .auction-info h4{color:var(--text-primary)!important}.dark-theme .vehicle-card .vehicle-info p,.dark-theme .vehicle-card .vehicle-info span,.dark-theme .vehicle-card .auction-info p,.dark-theme .vehicle-card .auction-info span,.dark-theme .auction-card .vehicle-info p,.dark-theme .auction-card .vehicle-info span,.dark-theme .auction-card .auction-info p,.dark-theme .auction-card .auction-info span{color:var(--text-secondary)!important}.dark-theme .vehicle-card .price,.dark-theme .vehicle-card .current-bid,.dark-theme .auction-card .price,.dark-theme .auction-card .current-bid{color:var(--text-primary)!important}.dark-theme .image-placeholder,.dark-theme .no-image{background-color:var(--bg-tertiary)!important;color:var(--text-secondary)!important}.dark-theme .message-list,.dark-theme .conversation-list{background-color:var(--bg-primary)!important}.dark-theme .message-list .message-item,.dark-theme .message-list .conversation-item,.dark-theme .conversation-list .message-item,.dark-theme .conversation-list .conversation-item{border-color:var(--border-color)!important}.dark-theme .message-list .message-item:hover,.dark-theme .message-list .conversation-item:hover,.dark-theme .conversation-list .message-item:hover,.dark-theme .conversation-list .conversation-item:hover{background-color:var(--bg-hover)!important}.dark-theme .message-list .message-item.active,.dark-theme .message-list .message-item.selected,.dark-theme .message-list .conversation-item.active,.dark-theme .message-list .conversation-item.selected,.dark-theme .conversation-list .message-item.active,.dark-theme .conversation-list .message-item.selected,.dark-theme .conversation-list .conversation-item.active,.dark-theme .conversation-list .conversation-item.selected{background-color:var(--bg-accent)!important}.dark-theme .message-bubble.sent{background-color:var(--primary-color)!important;color:#fff!important}.dark-theme .message-bubble.received{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.dark-theme .notification-item{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}.dark-theme .notification-item:hover{background-color:var(--bg-hover)!important}.dark-theme .notification-item.unread{background-color:var(--bg-accent)!important}.dark-theme .bid-item,.dark-theme .bid-row{border-color:var(--border-color)!important}.dark-theme .bid-item:hover,.dark-theme .bid-row:hover{background-color:var(--bg-hover)!important}.dark-theme .timeline .timeline-item:before{background-color:var(--border-color)!important}.dark-theme .timeline .timeline-item .timeline-dot{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important}.dark-theme .timeline .timeline-item .timeline-content{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}.dark-theme .tabs,.dark-theme .tab-list{border-color:var(--border-color)!important}.dark-theme .tabs .tab,.dark-theme .tabs .tab-item,.dark-theme .tab-list .tab,.dark-theme .tab-list .tab-item{color:var(--text-secondary)!important}.dark-theme .tabs .tab:hover,.dark-theme .tabs .tab-item:hover,.dark-theme .tab-list .tab:hover,.dark-theme .tab-list .tab-item:hover{color:var(--text-primary)!important;background-color:var(--bg-hover)!important}.dark-theme .tabs .tab.active,.dark-theme .tabs .tab-item.active,.dark-theme .tab-list .tab.active,.dark-theme .tab-list .tab-item.active{color:var(--primary-color)!important;border-color:var(--primary-color)!important}.dark-theme .filters-sidebar{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}.dark-theme .search-input-container .search-icon{color:var(--text-secondary)!important}.dark-theme .search-container .search-input{padding-left:46px!important}.dark-theme .empty-state{color:var(--text-secondary)!important}.dark-theme .empty-state svg{color:var(--text-tertiary)!important}.dark-theme .loading-state,.dark-theme .skeleton{background-color:var(--bg-tertiary)!important}.dark-theme .pagination .page-item.active{background-color:var(--primary-color)!important;color:#fff!important}.dark-theme .pagination .page-item:not(.active){background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark-theme .pagination .page-item:not(.active):hover{background-color:var(--bg-hover)!important}.dark-theme .admin-dashboard,.dark-theme .admin-panel{background-color:var(--bg-primary)!important}.dark-theme .transaction-detail,.dark-theme .order-summary,.dark-theme .profile-container .profile-card,.dark-theme .profile-container .profile-section,.dark-theme .watchlist-item{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}.dark-theme .watchlist-item:hover{background-color:var(--bg-hover)!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:16px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:16px;color:var(--text-primary)}h1{font-size:30px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}p{margin-bottom:16px;color:var(--text-secondary);line-height:1.625}.form-group{margin-bottom:24px}label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.5}label .required{color:var(--color-error);margin-left:4px}label .optional{color:var(--text-secondary);font-weight:400;font-size:12px;margin-left:4px}.form-control{width:100%;padding:12px 16px;font-size:16px;line-height:1.5;color:var(--text-primary);background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-control::placeholder{color:var(--input-placeholder)}.form-control:hover:not(:focus):not(:disabled){border-color:var(--border-primary)}.form-control:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-control:disabled{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.form-control.error,.form-control.ng-invalid.ng-touched{border-color:var(--color-error);background-color:var(--color-error-light)}.form-control.error:focus,.form-control.ng-invalid.ng-touched:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-control.success,.form-control.ng-valid.ng-touched:not([type=text]):not(textarea){border-color:var(--color-success)}.form-control.success:focus,.form-control.ng-valid.ng-touched:not([type=text]):not(textarea):focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-helper{font-size:14px;color:var(--text-secondary);margin-top:8px;line-height:1.625}.error-message{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:8px 12px;background-color:#fef2f2;border-left:3px solid #DC2626;border-radius:4px;font-size:14px;color:#7f1d1d;line-height:1.625}.error-message .icon{width:16px;height:16px;flex-shrink:0;margin-top:1px}.success-indicator{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background-color:#dcfce7;border-left:3px solid #10B981;border-radius:4px;font-size:14px;color:#065f46;line-height:1.625}.success-indicator .icon{width:16px;height:16px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:44px;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid #2563EB;outline-offset:2px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:44px;text-decoration:none;background-color:var(--primary-color);color:var(--text-inverse)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:focus-visible{outline:2px solid #2563EB;outline-offset:2px}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #2563eb33}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:44px;text-decoration:none;background-color:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-primary)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary:focus-visible{outline:2px solid #2563EB;outline-offset:2px}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-primary)}.btn-secondary:active:not(:disabled){background-color:var(--bg-tertiary)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;line-height:1.5;border:none;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:44px;text-decoration:none;background-color:transparent;border:2px solid #2563EB;color:#2563eb}.btn-outline:disabled{opacity:.6;cursor:not-allowed}.btn-outline:focus-visible{outline:2px solid #2563EB;outline-offset:2px}.btn-outline:hover:not(:disabled){background-color:#2563eb;color:#fff}.btn-outline:active:not(:disabled){background-color:#1d4ed8}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:9999px;animation:spin .6s linear infinite}.card{background-color:var(--bg-card, var(--bg-primary));border-radius:12px;box-shadow:var(--shadow-sm);padding:32px;margin-bottom:24px;border:1px solid var(--border-secondary)}@media (max-width: 767px){.card{padding:24px}}.card-header{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--border-secondary)}.navbar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-secondary);padding:16px 0;box-shadow:var(--shadow-xs)}.nav-content{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;display:flex;justify-content:space-between;align-items:center}@media (max-width: 767px){.nav-content{padding-left:8px;padding-right:8px}}.navbar h1{margin:0}.navbar h1 a{color:#2563eb;font-size:24px;text-decoration:none;font-weight:700}.nav-links{display:flex;gap:16px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:4px;transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}.nav-links a:hover,.nav-links a.active{color:var(--primary-color);background-color:var(--bg-accent)}@media (max-width: 767px){.nav-content{flex-direction:column;gap:16px}.nav-links{gap:12px}}a{color:var(--primary-color);text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--color-primary-hover);text-decoration:underline}.alert{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;margin-bottom:24px;font-size:14px;line-height:1.625}.alert .icon{width:20px;height:20px;flex-shrink:0}.alert-success{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;margin-bottom:24px;font-size:14px;line-height:1.625;background-color:#dcfce7;border:1px solid #86EFAC;color:#065f46}.alert-success .icon{width:20px;height:20px;flex-shrink:0}.alert-success .icon{color:#10b981}.alert-error{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;margin-bottom:24px;font-size:14px;line-height:1.625;background-color:#fee2e2;border:1px solid #FCA5A5;color:#7f1d1d}.alert-error .icon{width:20px;height:20px;flex-shrink:0}.alert-error .icon{color:#dc2626}.alert-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;margin-bottom:24px;font-size:14px;line-height:1.625;background-color:#fef3c7;border:1px solid #FCD34D;color:#78350f}.alert-warning .icon{width:20px;height:20px;flex-shrink:0}.alert-warning .icon{color:#d97706}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media (max-width: 767px){.container{padding-left:8px;padding-right:8px}}@media (max-width: 767px){h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}}