:root{--z-dropdown: 40;--z-sticky: 50;--z-drawer: 60;--z-modal: 80;--z-toast: 90;--color-gold-50: #FBF5E6;--color-gold-100: #F5E8C8;--color-gold-200: #EDD49A;--color-gold-300: #D4AF50;--color-gold-400: #C29B40;--color-gold-500: #A07A2A;--color-gold-600: #8A6D2A;--color-gold-700: #6B5420;--color-gold-800: #4D3D18;--color-gold-900: #332810;--color-violet-50: #F5F3FF;--color-violet-100: #EDE9FE;--color-violet-200: #E9D5FF;--color-violet-300: #C4B5FD;--color-violet-400: #A78BFA;--color-violet-500: #8B5CF6;--color-violet-600: #7C3AED;--color-violet-700: #6D28D9;--color-violet-800: #5B21B6;--color-violet-900: #4C1D95;--color-neutral-0: #121212;--color-neutral-50: #1E1E1E;--color-neutral-100: #252525;--color-neutral-200: #2A2A2A;--color-neutral-300: #333333;--color-neutral-400: #525252;--color-neutral-500: #737373;--color-neutral-600: #A0A0A0;--color-neutral-700: #D4D4D4;--color-neutral-800: #EAEAEA;--color-neutral-900: #FAFAFA;--font-heading: "Chivo", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}:root,html[data-theme=barber][data-mode=dark]{--color-bg: #12100E;--color-card: #1A1816;--color-card-elevated: #21201C;--color-card-hover: rgba(255, 255, 255, .04);--color-surface: #21201C;--color-divider: rgba(255, 255, 255, .08);--color-overlay: rgba(0, 0, 0, .7);--color-accent: #C29B40;--color-accent-hover: #D4AF50;--color-accent-dim: rgba(194, 155, 64, .2);--color-accent-border: rgba(194, 155, 64, .6);--color-text: #F0EBE0;--color-text-secondary: #A89A82;--color-text-muted: #6B6252;--color-border: rgba(255, 245, 230, .08);--color-border-strong: rgba(255, 245, 230, .14);--color-input-bg: rgba(20, 16, 10, .5);--color-input-border: rgba(255, 255, 255, .06);--color-input-focus: rgba(194, 155, 64, .6);--color-danger: #EF4444;--color-danger-bg: rgba(239, 68, 68, .08);--color-danger-border: rgba(239, 68, 68, .3);--color-success: #10B981;--color-success-bg: rgba(16, 185, 129, .08);--color-success-border: rgba(16, 185, 129, .2);--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .08);--color-warning-border: rgba(245, 158, 11, .2);--shadow-card: 0 12px 40px -12px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 245, 230, .12);--shadow-card-mobile: 0 4px 12px rgba(0, 0, 0, .5);--shadow-card-hover: 0 8px 24px rgba(194, 155, 64, .08), 0 4px 8px rgba(0, 0, 0, .4);--shadow-card-accent: 0 0 10px rgba(194, 155, 64, .4), 0 0 20px rgba(194, 155, 64, .2);--shadow-card-glow: 0 16px 36px -12px rgba(0,0,0,.6), 0 8px 16px -8px rgba(0,0,0,.4), inset 0 0 0 1px rgba(194, 155, 64, .15);--shadow-btn-primary: 0 4px 20px rgba(194, 155, 64, .25);--shadow-modal: 0 12px 40px -12px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 245, 230, .12);--gradient-card: linear-gradient(135deg, #12100E 0%, #1A1816 50%, #12100E 100%);--gradient-bg: radial-gradient(circle at 10% 90%, rgba(194, 155, 64, .08) 0%, transparent 50%), radial-gradient(circle at 90% 10%, rgba(194, 155, 64, .05) 0%, transparent 40%), var(--color-bg)}html[data-theme=barber][data-mode=light]{--color-bg: #E8E0D0;--color-card: #FFFFFF;--color-card-elevated: #F5F3EE;--color-card-hover: rgba(139, 105, 20, .08);--color-surface: #DDD6C6;--color-divider: rgba(120, 100, 60, .14);--color-overlay: rgba(30, 24, 12, .55);--color-accent: #8B6914;--color-accent-hover: #A07A2A;--color-accent-dim: rgba(139, 105, 20, .12);--color-accent-border: rgba(139, 105, 20, .3);--color-text: #1A1610;--color-text-secondary: #5A4D38;--color-text-muted: #8A7D65;--color-border: rgba(120, 100, 60, .14);--color-border-strong: rgba(120, 100, 60, .2);--color-input-bg: rgba(139, 105, 20, .06);--color-input-border: rgba(120, 100, 60, .18);--color-input-focus: rgba(139, 105, 20, .45);--color-danger: #DC2626;--color-danger-bg: rgba(220, 38, 38, .08);--color-danger-border: rgba(220, 38, 38, .2);--color-success: #059669;--color-success-bg: rgba(5, 150, 105, .08);--color-success-border: rgba(5, 150, 105, .15);--color-warning: #D97706;--color-warning-bg: rgba(217, 119, 6, .08);--color-warning-border: rgba(217, 119, 6, .15);--shadow-card: 0 8px 24px -8px rgba(100, 80, 30, .14), 0 2px 6px rgba(0, 0, 0, .06);--shadow-card-mobile: 0 4px 12px rgba(100, 80, 30, .12);--shadow-card-accent: 0 6px 24px rgba(139, 105, 20, .2), 0 2px 8px rgba(0, 0, 0, .06);--shadow-card-glow: 0 12px 32px rgba(139, 105, 20, .18), 0 4px 12px rgba(0, 0, 0, .08);--shadow-btn-primary: 0 4px 16px rgba(139, 105, 20, .25);--shadow-modal: 0 24px 64px -16px rgba(100, 80, 30, .18), 0 8px 20px rgba(0, 0, 0, .08);--gradient-card: linear-gradient(135deg, #FFFFFF 0%, #F5F3EE 100%);--gradient-bg: radial-gradient(circle at 15% 85%, rgba(139, 105, 20, .08) 0%, transparent 50%), radial-gradient(circle at 85% 15%, rgba(139, 105, 20, .05) 0%, transparent 40%), var(--color-bg)}html[data-theme=beauty][data-mode=dark]{--color-bg: #17132A;--color-card: #221F35;--color-card-elevated: #2A2740;--color-card-hover: rgba(255, 255, 255, .04);--color-surface: #2A2740;--color-divider: rgba(255, 255, 255, .08);--color-overlay: rgba(0, 0, 0, .7);--color-accent: #B794F6;--color-accent-hover: #C9B8FF;--color-accent-dim: rgba(167, 139, 250, .2);--color-accent-border: rgba(167, 139, 250, .5);--color-text: #EEE8FF;--color-text-secondary: #B5A9D0;--color-text-muted: #8A7DA8;--color-border: rgba(200, 180, 255, .1);--color-border-strong: rgba(200, 180, 255, .16);--color-input-bg: rgba(167, 139, 250, .06);--color-input-border: rgba(255, 255, 255, .1);--color-input-focus: rgba(183, 148, 246, .5);--color-danger: #EF4444;--color-danger-bg: rgba(239, 68, 68, .1);--color-danger-border: rgba(239, 68, 68, .2);--color-success: #10B981;--color-success-bg: rgba(16, 185, 129, .1);--color-success-border: rgba(16, 185, 129, .2);--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-border: rgba(245, 158, 11, .2);--shadow-card: 0 12px 40px -12px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(200, 180, 255, .14);--shadow-card-mobile: 0 4px 12px rgba(0, 0, 0, .5);--shadow-card-hover: 0 0 12px rgba(167, 139, 250, .12), 0 8px 24px rgba(0, 0, 0, .4);--shadow-card-accent: 0 0 10px rgba(183, 148, 246, .5), 0 0 20px rgba(183, 148, 246, .3);--shadow-card-glow: 0 16px 36px -12px rgba(0,0,0,.6), 0 8px 16px -8px rgba(0,0,0,.4), inset 0 0 0 1px rgba(167, 139, 250, .15);--shadow-btn-primary: 0 4px 20px rgba(183, 148, 246, .3);--shadow-modal: 0 12px 40px -12px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(200, 180, 255, .14);--gradient-card: linear-gradient(135deg, #17132A 0%, #221F35 50%, #17132A 100%);--gradient-bg: radial-gradient(circle at 10% 90%, rgba(167, 139, 250, .1) 0%, transparent 50%), radial-gradient(circle at 90% 10%, rgba(139, 92, 246, .06) 0%, transparent 40%), var(--color-bg)}html[data-theme=beauty][data-mode=light]{--color-bg: #EBE5F5;--color-card: #FFFFFF;--color-card-elevated: #F3F0FA;--color-card-hover: rgba(91, 33, 182, .08);--color-surface: #DDD4EF;--color-divider: rgba(91, 33, 182, .14);--color-overlay: rgba(23, 19, 42, .55);--color-accent: #6B21A8;--color-accent-hover: #5B21B6;--color-accent-dim: rgba(91, 33, 182, .1);--color-accent-border: rgba(91, 33, 182, .25);--color-text: #1A1225;--color-text-secondary: #4A3D65;--color-text-muted: #7B6E95;--color-border: rgba(91, 33, 182, .16);--color-border-strong: rgba(91, 33, 182, .24);--color-input-bg: rgba(91, 33, 182, .05);--color-input-border: rgba(91, 33, 182, .18);--color-input-focus: rgba(91, 33, 182, .4);--color-danger: #DC2626;--color-danger-bg: rgba(220, 38, 38, .08);--color-danger-border: rgba(220, 38, 38, .15);--color-success: #059669;--color-success-bg: rgba(5, 150, 105, .08);--color-success-border: rgba(5, 150, 105, .12);--color-warning: #D97706;--color-warning-bg: rgba(217, 119, 6, .08);--color-warning-border: rgba(217, 119, 6, .12);--shadow-card: 0 8px 24px -8px rgba(91, 33, 182, .12), 0 2px 6px rgba(0, 0, 0, .05);--shadow-card-mobile: 0 4px 12px rgba(91, 33, 182, .1);--shadow-card-accent: 0 6px 24px rgba(91, 33, 182, .22), 0 2px 8px rgba(0, 0, 0, .06);--shadow-card-glow: 0 12px 32px rgba(91, 33, 182, .18), 0 4px 12px rgba(0, 0, 0, .06);--shadow-btn-primary: 0 4px 16px rgba(91, 33, 182, .28);--shadow-modal: 0 24px 64px -16px rgba(91, 33, 182, .15), 0 8px 20px rgba(0, 0, 0, .06);--gradient-card: linear-gradient(135deg, #FFFFFF 0%, #F3F0FA 100%);--gradient-bg: radial-gradient(circle at 15% 85%, rgba(91, 33, 182, .08) 0%, transparent 50%), radial-gradient(circle at 85% 10%, rgba(139, 92, 246, .05) 0%, transparent 40%), var(--color-bg)}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}
