:root{color-scheme:light;--primary: #5275e6;--primary-dark: #1e3a8a;--primary-light: #3b82f6;--primary-lighter: #2563eb;--secondary: #06b6d4;--secondary-dark: #0891b2;--secondary-light: #0ea5e9;--success: #10b981;--success-dark: #059669;--success-light: #34d399;--success-alt: #22c55e;--danger: #f43f5e;--danger-dark: #e11d48;--danger-light: #fb7185;--danger-darker: #be123c;--danger-border: #fecdd3;--danger-border-light: #fda4af;--danger-bg: #fef2f2;--warning: #f59e0b;--warning-dark: #d97706;--warning-light: #fbbf24;--warning-text: #b45309;--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;--color-bg: #ffffff;--color-bg-page: #f8f7fc;--color-bg-subtle: #f3f1f8;--color-bg-hover: #f0eef6;--color-bg-input: #ffffff;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-text-emphasis: #0f172a;--color-text-label: #334155;--color-text-tertiary: #475569;--color-border: #e2e8f0;--color-border-subtle: #f1f5f9;--color-border-hover: #cbd5e1;--color-glass-bg: rgba(219, 218, 241, .747);--color-glass-bg-heavy: rgba(255, 255, 255, .92);--color-glass-bg-light: rgba(255, 255, 255, .65);--color-glass-bg-solid: rgba(255, 255, 255, .98);--color-glass-border: rgba(255, 255, 255, .35);--color-glass-border-light: rgba(255, 255, 255, .4);--color-glass-border-heavy: rgba(255, 255, 255, .45);--color-glass-border-strong: rgba(255, 255, 255, .25);--color-glass-highlight: rgba(255, 255, 255, .5);--color-glass-highlight-subtle: rgba(255, 255, 255, .3);--color-glass-bg-input: rgba(255, 255, 255, .7);--color-glass-bg-input-hover: rgba(255, 255, 255, .82);--color-glass-bg-input-focus: rgba(255, 255, 255, .92);--glass-bg: rgba(255, 255, 255, .78);--glass-bg-dark: rgba(255, 255, 255, .92);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 40px rgba(0, 0, 0, .03);--primary-alpha-5: rgba(82, 117, 230, .05);--primary-alpha-8: rgba(82, 117, 230, .08);--primary-alpha-10: rgba(82, 117, 230, .1);--primary-alpha-15: rgba(82, 117, 230, .15);--primary-alpha-18: rgba(82, 117, 230, .18);--primary-alpha-20: rgba(82, 117, 230, .2);--primary-alpha-30: rgba(82, 117, 230, .3);--primary-light-alpha-8: rgba(59, 130, 246, .08);--primary-light-alpha-15: rgba(59, 130, 246, .15);--success-alpha-10: rgba(16, 185, 129, .1);--success-alpha-15: rgba(16, 185, 129, .15);--success-alpha-20: rgba(16, 185, 129, .2);--success-alpha-30: rgba(16, 185, 129, .3);--success-light-alpha-15: rgba(52, 211, 153, .15);--success-alt-alpha-15: rgba(34, 197, 94, .15);--success-alt-alpha-25: rgba(34, 197, 94, .25);--success-alt-alpha-30: rgba(34, 197, 94, .3);--danger-alpha-5: rgba(244, 63, 94, .05);--danger-alpha-6: rgba(244, 63, 94, .06);--danger-alpha-10: rgba(244, 63, 94, .1);--danger-alpha-15: rgba(244, 63, 94, .15);--danger-alpha-20: rgba(244, 63, 94, .2);--danger-alpha-90: rgba(244, 63, 94, .9);--danger-light-alpha-10: rgba(251, 113, 133, .1);--danger-border-alpha-40: rgba(254, 205, 211, .4);--danger-border-light-alpha-60: rgba(253, 164, 175, .6);--warning-alpha-10: rgba(245, 158, 11, .1);--warning-alpha-15: rgba(245, 158, 11, .15);--warning-alpha-20: rgba(245, 158, 11, .2);--warning-light-alpha-10: rgba(251, 191, 36, .1);--warning-light-alpha-30: rgba(251, 191, 36, .3);--secondary-alpha-15: rgba(6, 182, 212, .15);--secondary-light-alpha-15: rgba(14, 165, 233, .15);--gray-500-alpha-10: rgba(100, 116, 139, .1);--gray-500-alpha-20: rgba(100, 116, 139, .2);--gray-400-alpha-10: rgba(148, 163, 184, .1);--overlay-dark: rgba(0, 0, 0, .5);--overlay-light: rgba(0, 0, 0, .4);--shadow-card: 0 2px 16px rgba(0, 0, 0, .03), 0 1px 3px rgba(0, 0, 0, .015);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .06), 0 3px 8px rgba(0, 0, 0, .02);--shadow-card-lg: 0 10px 36px rgba(0, 0, 0, .05);--shadow-nav: 0 2px 20px rgba(0, 0, 0, .03), 0 1px 2px rgba(0, 0, 0, .015);--shadow-dropdown: 0 10px 36px rgba(0, 0, 0, .06), 0 4px 10px rgba(0, 0, 0, .02);--shadow-menu: -6px 0 28px rgba(0, 0, 0, .05);--shadow-2xl: 0 16px 44px rgba(0, 0, 0, .05), 0 4px 10px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .03);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 20px -3px rgba(0, 0, 0, .06), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 30px -5px rgba(0, 0, 0, .07), 0 10px 10px -5px rgba(0, 0, 0, .03);--shadow-glow: 0 4px 14px rgba(82, 117, 230, .25);--shadow-glow-primary: 0 4px 14px rgba(82, 117, 230, .25);--shadow-glow-primary-hover: 0 6px 20px rgba(82, 117, 230, .35);--shadow-glow-primary-lg: 0 6px 24px rgba(82, 117, 230, .35);--shadow-glow-success: 0 4px 14px rgba(16, 185, 129, .25);--shadow-glow-success-hover: 0 6px 20px rgba(16, 185, 129, .35);--shadow-glow-danger: 0 4px 14px rgba(244, 63, 94, .25);--shadow-glow-danger-hover: 0 6px 20px rgba(244, 63, 94, .5);--shadow-glow-secondary: 0 4px 12px rgba(6, 182, 212, .2);--shadow-glow-secondary-hover: 0 6px 20px rgba(6, 182, 212, .3);--gradient-page: linear-gradient(160deg, #f0ecf9 0%, #ece6f5 20%, #e8e2f2 40%, #e6e9f7 60%, #efedf8 80%, #f4eff9 100%);--gradient-placeholder: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);--gradient-primary: linear-gradient(135deg, #5275e6 0%, #3b82f6 100%);--gradient-primary-hover: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-danger: linear-gradient(135deg, #f43f5e 0%, #fb7185 100%);--gradient-info: linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%);--gradient-bg: linear-gradient(135deg, #1e3a8a 0%, #5275e6 100%);--gradient-bg-primary: linear-gradient(135deg, rgba(82, 117, 230, .08), rgba(59, 130, 246, .08));--gradient-bg-secondary: linear-gradient(135deg, rgba(6, 182, 212, .15), rgba(14, 165, 233, .15));--gradient-bg-success: linear-gradient(135deg, rgba(16, 185, 129, .1), rgba(52, 211, 153, .1));--gradient-bg-success-alt: linear-gradient(135deg, rgba(34, 197, 94, .15), rgba(16, 185, 129, .15));--gradient-bg-danger: linear-gradient(135deg, rgba(244, 63, 94, .1), rgba(251, 113, 133, .1));--gradient-bg-warning: linear-gradient(135deg, rgba(245, 158, 11, .1), rgba(251, 191, 36, .1));--gradient-bg-car: linear-gradient(135deg, rgba(234, 179, 8, .05), rgba(251, 146, 60, .05));--gradient-bg-car-border: rgba(234, 179, 8, .2);--gradient-bg-card-type: linear-gradient(135deg, rgba(82, 117, 230, .05), rgba(59, 130, 246, .05));--gradient-bg-card-type-border: rgba(82, 117, 230, .2);--gradient-bg-sealed: linear-gradient(135deg, rgba(168, 85, 247, .05), rgba(139, 92, 246, .05));--gradient-bg-sealed-border: rgba(168, 85, 247, .2);--radius-sm: 16px;--radius-md: 18px;--radius-lg: 26px;--radius-xl: 30px;--radius-full: 9999px;--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .4s ease-out}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--primary: #39a0db;--primary-dark: #348bbe;--primary-light: #5cb8e6;--primary-lighter: #7ccbee;--secondary: #22d3ee;--secondary-dark: #06b6d4;--secondary-light: #67e8f9;--success: #34d399;--success-dark: #10b981;--success-light: #6ee7b7;--success-alt: #4ade80;--danger: #fb7185;--danger-dark: #f43f5e;--danger-light: #fda4af;--danger-darker: #e11d48;--danger-border: rgba(251, 113, 133, .3);--danger-border-light: rgba(251, 113, 133, .4);--danger-bg: rgba(251, 113, 133, .08);--warning: #fbbf24;--warning-dark: #f59e0b;--warning-light: #fcd34d;--warning-text: #fbbf24;--gray-50: #121212;--gray-100: #1b1b1b;--gray-200: #252525;--gray-300: #333333;--gray-400: #4a4a4a;--gray-500: #656565;--gray-600: #7b7b7b;--gray-700: #aaaaaa;--gray-800: #dadada;--gray-900: #f4f4f4;--color-bg: #1b1b1b;--color-bg-page: #121212;--color-bg-subtle: #1f1f1f;--color-bg-hover: #252525;--color-bg-input: #1f1f1f;--color-text: #dadada;--color-text-secondary: #aaaaaa;--color-text-muted: #656565;--color-text-emphasis: #f4f4f4;--color-text-label: #bcbcbe;--color-text-tertiary: #7b7b7b;--color-border: #333333;--color-border-subtle: #252525;--color-border-hover: #4a4a4a;--color-glass-bg: rgba(31, 31, 31, .75);--color-glass-bg-heavy: rgba(27, 27, 27, .88);--color-glass-bg-light: rgba(37, 37, 37, .65);--color-glass-bg-solid: rgba(27, 27, 27, .96);--color-glass-border: rgba(75, 75, 75, .25);--color-glass-border-light: rgba(75, 75, 75, .3);--color-glass-border-heavy: rgba(75, 75, 75, .4);--color-glass-border-strong: rgba(60, 60, 60, .2);--color-glass-highlight: rgba(170, 170, 170, .08);--color-glass-highlight-subtle: rgba(170, 170, 170, .04);--color-glass-bg-input: rgba(31, 31, 31, .65);--color-glass-bg-input-hover: rgba(37, 37, 37, .75);--color-glass-bg-input-focus: rgba(43, 43, 43, .85);--glass-bg: rgba(27, 27, 27, .78);--glass-bg-dark: rgba(18, 18, 18, .92);--glass-border: rgba(51, 51, 51, .45);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--primary-alpha-5: rgba(57, 160, 219, .05);--primary-alpha-8: rgba(57, 160, 219, .08);--primary-alpha-10: rgba(57, 160, 219, .1);--primary-alpha-15: rgba(57, 160, 219, .15);--primary-alpha-18: rgba(57, 160, 219, .18);--primary-alpha-20: rgba(57, 160, 219, .2);--primary-alpha-30: rgba(57, 160, 219, .3);--primary-light-alpha-8: rgba(92, 184, 230, .08);--primary-light-alpha-15: rgba(92, 184, 230, .15);--success-alpha-10: rgba(52, 211, 153, .1);--success-alpha-15: rgba(52, 211, 153, .15);--success-alpha-20: rgba(52, 211, 153, .2);--success-alpha-30: rgba(52, 211, 153, .3);--success-light-alpha-15: rgba(110, 231, 183, .15);--success-alt-alpha-15: rgba(74, 222, 128, .15);--success-alt-alpha-25: rgba(74, 222, 128, .25);--success-alt-alpha-30: rgba(74, 222, 128, .3);--danger-alpha-5: rgba(251, 113, 133, .05);--danger-alpha-6: rgba(251, 113, 133, .06);--danger-alpha-10: rgba(251, 113, 133, .1);--danger-alpha-15: rgba(251, 113, 133, .15);--danger-alpha-20: rgba(251, 113, 133, .2);--danger-alpha-90: rgba(251, 113, 133, .9);--danger-light-alpha-10: rgba(253, 164, 175, .1);--danger-border-alpha-40: rgba(251, 113, 133, .12);--danger-border-light-alpha-60: rgba(251, 113, 133, .24);--warning-alpha-10: rgba(251, 191, 36, .1);--warning-alpha-15: rgba(251, 191, 36, .15);--warning-alpha-20: rgba(251, 191, 36, .2);--warning-light-alpha-10: rgba(252, 211, 77, .1);--warning-light-alpha-30: rgba(252, 211, 77, .3);--secondary-alpha-15: rgba(34, 211, 238, .15);--secondary-light-alpha-15: rgba(103, 232, 249, .15);--gray-500-alpha-10: rgba(101, 101, 101, .1);--gray-500-alpha-20: rgba(101, 101, 101, .2);--gray-400-alpha-10: rgba(74, 74, 74, .1);--overlay-dark: rgba(0, 0, 0, .6);--overlay-light: rgba(0, 0, 0, .5);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .15);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .2);--shadow-card-lg: 0 10px 36px rgba(0, 0, 0, .35);--shadow-nav: 0 4px 30px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .15);--shadow-dropdown: 0 12px 40px rgba(0, 0, 0, .45), 0 4px 10px rgba(0, 0, 0, .2);--shadow-menu: -8px 0 32px rgba(0, 0, 0, .4);--shadow-2xl: 0 20px 50px rgba(0, 0, 0, .4), 0 4px 10px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .25);--shadow-glow: 0 4px 14px rgba(57, 160, 219, .25);--shadow-glow-primary: 0 4px 14px rgba(57, 160, 219, .25);--shadow-glow-primary-hover: 0 6px 20px rgba(57, 160, 219, .35);--shadow-glow-primary-lg: 0 6px 24px rgba(57, 160, 219, .35);--shadow-glow-success: 0 4px 14px rgba(52, 211, 153, .25);--shadow-glow-success-hover: 0 6px 20px rgba(52, 211, 153, .35);--shadow-glow-danger: 0 4px 14px rgba(251, 113, 133, .25);--shadow-glow-danger-hover: 0 6px 20px rgba(251, 113, 133, .4);--shadow-glow-secondary: 0 4px 12px rgba(34, 211, 238, .2);--shadow-glow-secondary-hover: 0 6px 20px rgba(34, 211, 238, .3);--gradient-page: linear-gradient(180deg, #121212 0%, #1b1b1b 100%);--gradient-placeholder: linear-gradient(135deg, #252525 0%, #333333 100%);--gradient-primary: linear-gradient(135deg, #39a0db 0%, #5cb8e6 100%);--gradient-primary-hover: linear-gradient(135deg, #348bbe 0%, #7ccbee 100%);--gradient-secondary: linear-gradient(135deg, #22d3ee 0%, #67e8f9 100%);--gradient-success: linear-gradient(135deg, #34d399 0%, #6ee7b7 100%);--gradient-danger: linear-gradient(135deg, #fb7185 0%, #fda4af 100%);--gradient-info: linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%);--gradient-bg: linear-gradient(135deg, #348bbe 0%, #39a0db 100%);--gradient-bg-primary: linear-gradient(135deg, rgba(57, 160, 219, .08), rgba(92, 184, 230, .08));--gradient-bg-secondary: linear-gradient(135deg, rgba(34, 211, 238, .15), rgba(103, 232, 249, .15));--gradient-bg-success: linear-gradient(135deg, rgba(52, 211, 153, .1), rgba(110, 231, 183, .1));--gradient-bg-success-alt: linear-gradient(135deg, rgba(74, 222, 128, .15), rgba(52, 211, 153, .15));--gradient-bg-danger: linear-gradient(135deg, rgba(251, 113, 133, .1), rgba(253, 164, 175, .1));--gradient-bg-warning: linear-gradient(135deg, rgba(251, 191, 36, .1), rgba(252, 211, 77, .1));--gradient-bg-car: linear-gradient(135deg, rgba(234, 179, 8, .08), rgba(251, 146, 60, .08));--gradient-bg-car-border: rgba(234, 179, 8, .25);--gradient-bg-card-type: linear-gradient(135deg, rgba(57, 160, 219, .05), rgba(92, 184, 230, .05));--gradient-bg-card-type-border: rgba(57, 160, 219, .2);--gradient-bg-sealed: linear-gradient(135deg, rgba(168, 85, 247, .08), rgba(139, 92, 246, .08));--gradient-bg-sealed-border: rgba(168, 85, 247, .25)}}:root[data-theme=dark]{color-scheme:dark;--primary: #39a0db;--primary-dark: #348bbe;--primary-light: #5cb8e6;--primary-lighter: #7ccbee;--secondary: #22d3ee;--secondary-dark: #06b6d4;--secondary-light: #67e8f9;--success: #34d399;--success-dark: #10b981;--success-light: #6ee7b7;--success-alt: #4ade80;--danger: #fb7185;--danger-dark: #f43f5e;--danger-light: #fda4af;--danger-darker: #e11d48;--danger-border: rgba(251, 113, 133, .3);--danger-border-light: rgba(251, 113, 133, .4);--danger-bg: rgba(251, 113, 133, .08);--warning: #fbbf24;--warning-dark: #f59e0b;--warning-light: #fcd34d;--warning-text: #fbbf24;--gray-50: #121212;--gray-100: #1b1b1b;--gray-200: #252525;--gray-300: #333333;--gray-400: #4a4a4a;--gray-500: #656565;--gray-600: #7b7b7b;--gray-700: #aaaaaa;--gray-800: #dadada;--gray-900: #f4f4f4;--color-bg: #1b1b1b;--color-bg-page: #121212;--color-bg-subtle: #1f1f1f;--color-bg-hover: #252525;--color-bg-input: #1f1f1f;--color-text: #dadada;--color-text-secondary: #aaaaaa;--color-text-muted: #656565;--color-text-emphasis: #f4f4f4;--color-text-label: #bcbcbe;--color-text-tertiary: #7b7b7b;--color-border: #333333;--color-border-subtle: #252525;--color-border-hover: #4a4a4a;--color-glass-bg: rgba(31, 31, 31, .75);--color-glass-bg-heavy: rgba(27, 27, 27, .88);--color-glass-bg-light: rgba(37, 37, 37, .65);--color-glass-bg-solid: rgba(27, 27, 27, .96);--color-glass-border: rgba(75, 75, 75, .25);--color-glass-border-light: rgba(75, 75, 75, .3);--color-glass-border-heavy: rgba(75, 75, 75, .4);--color-glass-border-strong: rgba(60, 60, 60, .2);--color-glass-highlight: rgba(170, 170, 170, .08);--color-glass-highlight-subtle: rgba(170, 170, 170, .04);--color-glass-bg-input: rgba(31, 31, 31, .65);--color-glass-bg-input-hover: rgba(37, 37, 37, .75);--color-glass-bg-input-focus: rgba(43, 43, 43, .85);--glass-bg: rgba(27, 27, 27, .78);--glass-bg-dark: rgba(18, 18, 18, .92);--glass-border: rgba(51, 51, 51, .45);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--primary-alpha-5: rgba(57, 160, 219, .05);--primary-alpha-8: rgba(57, 160, 219, .08);--primary-alpha-10: rgba(57, 160, 219, .1);--primary-alpha-15: rgba(57, 160, 219, .15);--primary-alpha-18: rgba(57, 160, 219, .18);--primary-alpha-20: rgba(57, 160, 219, .2);--primary-alpha-30: rgba(57, 160, 219, .3);--primary-light-alpha-8: rgba(92, 184, 230, .08);--primary-light-alpha-15: rgba(92, 184, 230, .15);--success-alpha-10: rgba(52, 211, 153, .1);--success-alpha-15: rgba(52, 211, 153, .15);--success-alpha-20: rgba(52, 211, 153, .2);--success-alpha-30: rgba(52, 211, 153, .3);--success-light-alpha-15: rgba(110, 231, 183, .15);--success-alt-alpha-15: rgba(74, 222, 128, .15);--success-alt-alpha-25: rgba(74, 222, 128, .25);--success-alt-alpha-30: rgba(74, 222, 128, .3);--danger-alpha-5: rgba(251, 113, 133, .05);--danger-alpha-6: rgba(251, 113, 133, .06);--danger-alpha-10: rgba(251, 113, 133, .1);--danger-alpha-15: rgba(251, 113, 133, .15);--danger-alpha-20: rgba(251, 113, 133, .2);--danger-alpha-90: rgba(251, 113, 133, .9);--danger-light-alpha-10: rgba(253, 164, 175, .1);--danger-border-alpha-40: rgba(251, 113, 133, .12);--danger-border-light-alpha-60: rgba(251, 113, 133, .24);--warning-alpha-10: rgba(251, 191, 36, .1);--warning-alpha-15: rgba(251, 191, 36, .15);--warning-alpha-20: rgba(251, 191, 36, .2);--warning-light-alpha-10: rgba(252, 211, 77, .1);--warning-light-alpha-30: rgba(252, 211, 77, .3);--secondary-alpha-15: rgba(34, 211, 238, .15);--secondary-light-alpha-15: rgba(103, 232, 249, .15);--gray-500-alpha-10: rgba(101, 101, 101, .1);--gray-500-alpha-20: rgba(101, 101, 101, .2);--gray-400-alpha-10: rgba(74, 74, 74, .1);--overlay-dark: rgba(0, 0, 0, .6);--overlay-light: rgba(0, 0, 0, .5);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .15);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .2);--shadow-card-lg: 0 10px 36px rgba(0, 0, 0, .35);--shadow-nav: 0 4px 30px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .15);--shadow-dropdown: 0 12px 40px rgba(0, 0, 0, .45), 0 4px 10px rgba(0, 0, 0, .2);--shadow-menu: -8px 0 32px rgba(0, 0, 0, .4);--shadow-2xl: 0 20px 50px rgba(0, 0, 0, .4), 0 4px 10px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .25);--shadow-glow: 0 4px 14px rgba(57, 160, 219, .25);--shadow-glow-primary: 0 4px 14px rgba(57, 160, 219, .25);--shadow-glow-primary-hover: 0 6px 20px rgba(57, 160, 219, .35);--shadow-glow-primary-lg: 0 6px 24px rgba(57, 160, 219, .35);--shadow-glow-success: 0 4px 14px rgba(52, 211, 153, .25);--shadow-glow-success-hover: 0 6px 20px rgba(52, 211, 153, .35);--shadow-glow-danger: 0 4px 14px rgba(251, 113, 133, .25);--shadow-glow-danger-hover: 0 6px 20px rgba(251, 113, 133, .4);--shadow-glow-secondary: 0 4px 12px rgba(34, 211, 238, .2);--shadow-glow-secondary-hover: 0 6px 20px rgba(34, 211, 238, .3);--gradient-page: linear-gradient(180deg, #121212 0%, #1b1b1b 100%);--gradient-placeholder: linear-gradient(135deg, #252525 0%, #333333 100%);--gradient-primary: linear-gradient(135deg, #39a0db 0%, #5cb8e6 100%);--gradient-primary-hover: linear-gradient(135deg, #348bbe 0%, #7ccbee 100%);--gradient-secondary: linear-gradient(135deg, #22d3ee 0%, #67e8f9 100%);--gradient-success: linear-gradient(135deg, #34d399 0%, #6ee7b7 100%);--gradient-danger: linear-gradient(135deg, #fb7185 0%, #fda4af 100%);--gradient-info: linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%);--gradient-bg: linear-gradient(135deg, #348bbe 0%, #39a0db 100%);--gradient-bg-primary: linear-gradient(135deg, rgba(57, 160, 219, .08), rgba(92, 184, 230, .08));--gradient-bg-secondary: linear-gradient(135deg, rgba(34, 211, 238, .15), rgba(103, 232, 249, .15));--gradient-bg-success: linear-gradient(135deg, rgba(52, 211, 153, .1), rgba(110, 231, 183, .1));--gradient-bg-success-alt: linear-gradient(135deg, rgba(74, 222, 128, .15), rgba(52, 211, 153, .15));--gradient-bg-danger: linear-gradient(135deg, rgba(251, 113, 133, .1), rgba(253, 164, 175, .1));--gradient-bg-warning: linear-gradient(135deg, rgba(251, 191, 36, .1), rgba(252, 211, 77, .1));--gradient-bg-car: linear-gradient(135deg, rgba(234, 179, 8, .08), rgba(251, 146, 60, .08));--gradient-bg-car-border: rgba(234, 179, 8, .25);--gradient-bg-card-type: linear-gradient(135deg, rgba(57, 160, 219, .05), rgba(92, 184, 230, .05));--gradient-bg-card-type-border: rgba(57, 160, 219, .2);--gradient-bg-sealed: linear-gradient(135deg, rgba(168, 85, 247, .08), rgba(139, 92, 246, .08));--gradient-bg-sealed-border: rgba(168, 85, 247, .25)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gradient-page);background-attachment:fixed;min-height:100vh;min-height:100dvh;color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-x:hidden;width:100%;max-width:100vw}body::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-track{background:var(--color-bg-subtle);border-radius:5px}body::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:5px;border:2px solid var(--color-bg-subtle)}body::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}app-root{display:block;width:100%;max-width:100vw}.container{max-width:1200px;margin:0 auto;padding:24px}@media (max-width: 768px){.container{padding:16px}}@media (max-width: 480px){.container{padding:12px}}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--color-text-emphasis);line-height:1.3}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:50px;cursor:pointer;font-family:inherit;font-weight:600;transition:all .25s ease-out;text-decoration:none;padding:12px 28px;font-size:.95rem;white-space:nowrap;touch-action:manipulation}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.btn{padding:12px 22px}}@media (max-width: 480px){.btn{padding:10px 18px;font-size:.9rem;min-height:44px}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:50px;cursor:pointer;font-family:inherit;font-weight:600;transition:all .25s ease-out;text-decoration:none;background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-primary-lg)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-glass-bg);color:var(--color-text-label);border:1px solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-secondary:hover:not(:disabled){background:var(--color-glass-bg-heavy);border-color:var(--color-border-hover);box-shadow:var(--shadow-card);transform:translateY(-1px)}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:var(--shadow-glow-danger)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-danger-hover)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-glow-success)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-success-hover)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:50px;cursor:pointer;font-family:inherit;font-weight:600;transition:all .25s ease-out;text-decoration:none;background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-text)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:.9rem;color:var(--color-text-label)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 18px;border:1px solid var(--color-glass-border);border-radius:50px;font-size:1rem;font-family:inherit;background:var(--color-glass-bg-input);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-text);transition:all .15s ease-out;box-sizing:border-box;-webkit-appearance:none;appearance:none}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:var(--color-text-muted)}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:var(--color-border-hover);background:var(--color-glass-bg-input-hover)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha-10),0 0 16px var(--primary-alpha-8);background:var(--color-glass-bg-input-focus)}.form-group textarea{resize:vertical}.card{background:var(--color-glass-bg-heavy);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-glass-border-light);border-radius:26px;box-shadow:var(--shadow-card);padding:24px;margin-bottom:20px;transition:all .3s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}@media (max-width: 480px){.card{padding:16px;border-radius:22px}}.table{width:100%;border-collapse:collapse;margin-top:20px}.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.table th{background:var(--color-bg-page);font-weight:600;color:var(--color-text-label);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.table tr:hover{background:var(--color-bg-page)}@media (max-width: 600px){.table{display:block;overflow-x:auto;white-space:nowrap}}.alert{padding:14px 18px;border-radius:22px;display:flex;align-items:center;gap:10px;margin-bottom:20px;font-weight:500}.alert-success{padding:14px 18px;border-radius:22px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#10b9811a,#34d3991a);color:#059669;border:1px solid rgba(16,185,129,.2)}.alert-error{padding:14px 18px;border-radius:22px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f43f5e1a,#fb71851a);color:#be123c;border:1px solid rgba(244,63,94,.2)}.alert-warning{padding:14px 18px;border-radius:22px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);color:#b45309;border:1px solid rgba(245,158,11,.2)}.loading{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}.loading:after{content:"";display:block;width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto 0}.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:.8rem;font-weight:500;border-radius:9999px}.badge-primary{display:inline-flex;align-items:center;padding:4px 12px;font-size:.8rem;font-weight:500;border-radius:9999px;background:var(--primary-alpha-15);color:var(--primary-dark)}.badge-success{display:inline-flex;align-items:center;padding:4px 12px;font-size:.8rem;font-weight:500;border-radius:9999px;background:var(--success-alpha-15);color:var(--success-dark)}.badge-danger{display:inline-flex;align-items:center;padding:4px 12px;font-size:.8rem;font-weight:500;border-radius:9999px;background:var(--danger-alpha-15);color:var(--danger-dark)}.badge-warning{display:inline-flex;align-items:center;padding:4px 12px;font-size:.8rem;font-weight:500;border-radius:9999px;background:var(--warning-alpha-15);color:var(--warning-text)}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-slide-in{animation:slideIn .4s ease-out ease-out}.animate-scale-in{animation:scaleIn .3s ease ease-out}.fade-in{animation:fadeIn .3s ease ease-out}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-success{color:#10b981}.text-danger{color:#f43f5e}.text-muted{color:var(--color-text-secondary)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.hide-mobile{display:block}.show-mobile{display:none}.hide-tablet{display:block}.show-tablet{display:none}@media (max-width: 768px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (max-width: 480px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.btn,button,a{min-height:26px}}@supports (padding: env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}@supports not (backdrop-filter: blur(10px)){.auth-card,.profile-card,.modal-content,.dropdown-menu,.card{background:var(--color-glass-bg-solid)!important}}