:root{--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--color-primary: #B8860B;--color-primary-rgb: 184, 134, 11;--color-on-primary: #FFFFFF;--color-secondary: #1A1A1A;--color-on-secondary: #FFFFFF;--color-accent: #D4AF37;--color-accent-rgb: 212, 175, 55;--color-background: #FAFAFA;--color-surface: #FFFFFF;--color-surface-hover: #F2F2F2;--color-surface-card: #FFFFFF;--color-on-surface: #121212;--color-primary-text: #121212;--color-secondary-text: #666666;--color-hint: #9E9E9E;--color-error: #D32F2F;--color-error-bg: #FFEBEE;--color-success: #2E7D32;--color-success-bg: #E8F5E9;--color-warning: #ED6C02;--color-warning-bg: #FFF4E5;--color-info: #0288D1;--color-info-bg: #E1F5FE;--color-divider: #EBEBEB;--color-border: #E0E0E0;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .12);--shadow-gold: 0 6px 24px rgba(184, 134, 11, .2);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .4);--glass-blur: blur(12px)}[data-theme=dark]{--color-primary: #D4AF37;--color-primary-rgb: 212, 175, 55;--color-on-primary: #0A0A0A;--color-secondary: #E0E0E0;--color-on-secondary: #0A0A0A;--color-accent: #FFD700;--color-accent-rgb: 255, 215, 0;--color-background: #0F0F0F;--color-surface: #181818;--color-surface-hover: #242424;--color-surface-card: #1C1C1C;--color-on-surface: #F5F5F5;--color-primary-text: #F5F5F5;--color-secondary-text: #B0B0B0;--color-hint: #6E6E6E;--color-error: #FF5252;--color-error-bg: rgba(255, 82, 82, .12);--color-success: #4CAF50;--color-success-bg: rgba(76, 175, 80, .12);--color-warning: #FFA726;--color-warning-bg: rgba(255, 167, 38, .12);--color-info: #29B6F6;--color-info-bg: rgba(41, 182, 246, .12);--color-divider: #262626;--color-border: #333333;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .55);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .7);--shadow-gold: 0 6px 24px rgba(212, 175, 55, .25);--glass-bg: rgba(24, 24, 24, .85);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(14px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;font-family:var(--font-body);background-color:var(--color-background);color:var(--color-primary-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}body{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary-text);font-weight:700;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;outline:none;transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}button:active{transform:scale(.98)}input,select,textarea{font-family:inherit;font-size:.95rem;color:var(--color-primary-text);outline:none}.app-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background)}.page-container{width:100%;max-width:1080px;margin:0 auto;padding:0 1.25rem 3rem;flex:1}.page-container-narrow{width:100%;max-width:540px;margin:0 auto;padding:0 1.25rem 3rem;flex:1}.barber-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}@media(max-width:640px){.barber-grid{grid-template-columns:1fr}}.card{background-color:var(--color-surface-card);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(var(--color-primary-rgb),.3)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-heading);font-weight:700;padding:.85rem 1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-gold);font-size:.95rem}.btn-primary:hover{opacity:.94;transform:translateY(-1px);box-shadow:0 8px 24px rgba(var(--color-primary-rgb),.35)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-surface);color:var(--color-primary-text);border:1px solid var(--color-divider);font-family:var(--font-heading);font-weight:600;padding:.85rem 1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:.95rem}.btn-secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-border)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-online{background-color:#2e7d321f;color:var(--color-success)}.badge-gold{background-color:#d4af3724;color:var(--color-accent)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-divider);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-hint)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #d4af374d}50%{box-shadow:0 0 25px #d4af3799}}.animate-fade-in{animation:fadeIn .35s ease-out forwards}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.pulse-glow{animation:pulseGlow 2.5s infinite}