:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary-color:#151515;--bg-page:#faf7ef;--primary-accent:#d4a017;--primary-accent-hover:#bf8e10;--card-bg:#fff;--text-main:#1a1a1a;--text-muted:#6e6e6e;--border-light:#e8e4da;--border-focus:#151515;--status-success:#16a34a;--status-success-bg:#f0fdf4;--status-error:#dc2626;--status-error-bg:#fef2f2;--status-pending:#d97706;--status-pending-bg:#fffbeb;--shadow-sm:0 1px 2px #1515150a;--shadow-md:0 4px 12px -2px #1515150d;--shadow-lg:0 10px 24px -4px #15151512;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}html,body{overscroll-behavior-y:none;background-color:var(--bg-page);width:100%;height:100%;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100%;display:flex}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:active,a:active,.native-touch:active{transition:transform .12s cubic-bezier(.34,1.56,.64,1);transform:scale(.965)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.navbar{width:100%;height:auto;min-height:72px;padding:max(env(safe-area-inset-top,0px), 12px) 6% 12px 6%;z-index:1000;background:#111111f7;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar-logo{color:#fff;align-items:center;gap:11px;text-decoration:none;display:flex}.logo-mark{color:#111;background:#f5c542;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;font-weight:700;display:flex}.logo-text{align-items:center;gap:4px;font-size:20px;font-weight:800;display:flex}.logo-main{color:#fff}.logo-accent{color:#f5c542}.navbar-actions{align-items:center;gap:12px;display:flex}.nav-btn{border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:125px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.customer-btn{color:#fff;background:0 0;border:1px solid #555}.customer-btn:hover{color:#111;background:#fff;border-color:#fff}.barber-btn{color:#111;background:#f5c542;border:1px solid #f5c542}.barber-btn:hover{background:#ffd75f;transform:translateY(-1px)}@media (width<=700px){.navbar{height:auto;min-height:64px;padding:max(env(safe-area-inset-top,0px), 10px) 15px 10px 15px}.logo-mark{width:35px;height:35px;font-size:19px}.logo-text{font-size:16px}.navbar-actions{gap:6px}.nav-btn{min-width:auto;padding:8px 10px;font-size:11px}.nav-btn span{display:none}}.hero-section{text-align:center;color:#fff;background-color:#0000;background-image:linear-gradient(#000000bf,#000000bf),url(https://images.unsplash.com/photo-1503951914875-452162b0f3f1?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:600px;padding:70px 20px;display:flex}.hero-content{max-width:700px}.hero-badge{background:#ffffff1f;border:1px solid #fff3;border-radius:30px;margin-bottom:25px;padding:9px 16px;font-size:14px;display:inline-block}.hero-content h1{margin-bottom:22px;font-size:55px;line-height:1.1}.hero-content h1 span{color:#f5c542;display:block}.hero-content p{color:#ddd;margin-bottom:35px;font-size:17px;line-height:1.6}.hero-buttons{justify-content:center;gap:15px;display:flex}.primary-btn,.secondary-btn{border-radius:9px;padding:14px 25px;font-size:15px;font-weight:700}.features-section{width:90%;max-width:1100px;margin:70px auto}.section-heading{text-align:center;margin-bottom:35px}.section-heading h2{margin-bottom:10px;font-size:32px}.section-heading p{color:#777}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{text-align:center;background:#fff;border:1px solid #eee;border-radius:15px;padding:35px 25px;transition:all .2s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{margin-bottom:18px;font-size:40px}.feature-card h3{margin-bottom:10px}.feature-card p{color:#777;font-size:14px;line-height:1.6}.cta-section{text-align:center;color:#fff;background:#111;border-radius:20px;width:90%;max-width:900px;margin:70px auto;padding:60px 25px}.cta-section h2{margin-bottom:12px;font-size:32px}.cta-section p{color:#bbb;margin-bottom:25px}.app-footer{color:#e8dfd8;background:#19130e;border-top:1px solid #d4af3740;padding:32px 16px 28px;font-family:inherit}.app-footer-container{flex-direction:column;gap:16px;max-width:540px;margin:0 auto;display:flex}.footer-action-card{background:#251d17;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 12px #0003}.customer-action-card{border-left:4px solid #d4af37}.barber-action-card{border-left:4px solid #f4d77d}.footer-card-header{align-items:center;gap:12px;display:flex}.footer-card-icon{background:#d4af371f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.footer-card-header h4{color:#faf6ed;margin:0 0 2px;font-size:14.5px;font-weight:700}.footer-card-header p{color:#9e8e83;margin:0;font-size:12px}.footer-card-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.footer-action-btn{text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:11px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,opacity .15s;display:flex}.footer-action-btn:active{transform:scale(.98)}.btn-customer-login{color:#19130e;background:linear-gradient(135deg,#f4d77d 0%,#d4af37 100%)}.btn-customer-create{color:#f4d77d;background:#d4af371f;border:1px solid #d4af3766}.btn-barber-login{color:#faf6ed;background:#382c24;border:1px solid #ffffff1f}.btn-barber-create{color:#fff;background:#b8860b}.app-footer-bottom{text-align:center;color:#8c7d73;border-top:1px solid #ffffff0f;padding-top:12px;font-size:11.5px}.app-footer-bottom p{margin:0}@media (width<=700px){.navbar{height:auto;min-height:65px;padding:max(env(safe-area-inset-top,0px), 12px) 15px 12px 15px;gap:10px}.navbar-logo{font-size:16px}.logo-icon{font-size:20px}.navbar-actions{gap:5px}.customer-login-btn,.barber-login-btn{padding:8px 9px;font-size:10px}.hero-section{min-height:560px;padding:50px 20px}.hero-content h1{font-size:40px}.hero-content p{font-size:15px}.hero-buttons{flex-direction:column;width:100%;max-width:330px;margin:auto}.primary-btn,.secondary-btn{width:100%}.features-section{width:calc(100% - 30px);margin:50px auto}.features-grid{grid-template-columns:1fr}.section-heading h2{font-size:27px}.cta-section{width:calc(100% - 30px);padding:45px 20px}.cta-section h2{font-size:26px}}.auth-page{background:#f5f5f5;justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:40px 20px;display:flex}.auth-card{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:430px;padding:40px;box-shadow:0 10px 35px #00000014}.auth-logo{color:#fff;background:#111;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:28px;display:flex}.auth-card h1{margin-bottom:8px;font-size:28px}.auth-subtitle{color:#777;margin-bottom:30px;font-size:14px}.auth-card form{text-align:left}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-size:15px}.form-group input:focus{border-color:#111}.auth-button{color:#fff;background:#111;border:none;border-radius:8px;width:100%;padding:14px;font-size:15px;font-weight:700}.barber-auth-button{color:#111;background:#f5c542}.register-text{color:#777;margin-top:22px;font-size:14px}.register-text a{color:#111;font-weight:700;text-decoration:none}.back-home{color:#555;margin-top:20px;font-size:14px;text-decoration:none;display:inline-block}@media (width<=500px){.auth-card{padding:30px 20px}.auth-card h1{font-size:25px}}.register-page{background:#f5f5f5;justify-content:center;align-items:flex-start;min-height:100vh;padding:50px 20px;display:flex}.register-card{background:#fff;border-radius:20px;width:100%;max-width:850px;padding:40px;box-shadow:0 10px 35px #00000014}.register-header{text-align:center;margin-bottom:35px}.register-logo{color:#111;background:#f5c542;border-radius:15px;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 15px;font-size:30px;display:flex}.register-header h1{margin-bottom:8px;font-size:30px}.register-header p{color:#777;font-size:14px}.register-section{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:25px}.register-section h2{margin-bottom:20px;font-size:19px}.form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.form-group{flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{margin-bottom:7px;font-size:14px;font-weight:600}.form-group input,.form-group textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:#111}.location-info{color:#777;margin-bottom:15px;font-size:14px}.location-button{color:#111;background:#fafafa;border:1px dashed #bbb;border-radius:8px;width:100%;padding:13px;font-weight:600}.location-button:hover{background:#f0f0f0}.terms-checkbox{color:#555;align-items:flex-start;gap:10px;margin-bottom:22px;font-size:13px;line-height:1.5;display:flex}.terms-checkbox input{margin-top:3px}.register-button{color:#111;background:#f5c542;border:none;border-radius:9px;width:100%;padding:15px;font-size:15px;font-weight:700}.register-button:hover{background:#ffd75f}.login-link{text-align:center;color:#777;justify-content:center;gap:5px;margin-top:25px;font-size:14px;display:flex}.login-link a{color:#111;font-weight:700;text-decoration:none}.back-home{text-align:center;color:#666;margin-top:18px;font-size:14px;text-decoration:none;display:block}@media (width<=650px){.register-page{padding:25px 15px}.register-card{border-radius:15px;padding:25px 18px}.register-header h1{font-size:25px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}}.primary-btn,.secondary-btn{border-radius:9px;justify-content:center;align-items:center;padding:14px 25px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.primary-btn{color:#111;background:#f5c542;border:1px solid #f5c542}.secondary-btn{color:#111;background:#fff;border:1px solid #fff}.barber-dashboard{background:#f6f6f6;min-height:100vh}.dashboard-header{color:#fff;background:#111;justify-content:space-between;align-items:center;height:70px;padding:0 5%;display:flex}.dashboard-logo{color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.dashboard-logo-icon{color:#111;background:#f5c542;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:21px;display:flex}.dashboard-header-actions{align-items:center;gap:18px;display:flex}.notification-btn{color:#fff;background:#1b1b1b;border:1px solid #333;border-radius:9px;width:38px;height:38px}.profile-mini{align-items:center;gap:9px;display:flex}.profile-avatar{color:#111;background:#f5c542;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex}.profile-mini-text{flex-direction:column;gap:2px;display:flex}.profile-mini-text span{color:#aaa;font-size:11px}.dashboard-layout{min-height:calc(100vh - 70px);display:flex}.dashboard-sidebar{background:#fff;border-right:1px solid #e7e7e7;flex-direction:column;width:240px;padding:25px 15px;display:flex}.shop-summary{text-align:center;border-bottom:1px solid #eee;padding-bottom:25px}.shop-avatar{background:#111;border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 12px;font-size:28px;display:flex}.shop-summary h3{margin-bottom:5px;font-size:15px}.shop-summary p{color:#777;margin-bottom:8px;font-size:12px}.shop-rating{color:#555;font-size:12px}.sidebar-nav{flex-direction:column;gap:5px;margin-top:25px;display:flex}.sidebar-link{color:#666;border-radius:9px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;text-decoration:none;display:flex}.sidebar-link:hover{color:#111;background:#f5f5f5}.sidebar-link.active{color:#fff;background:#111}.sidebar-bottom{margin-top:auto}.logout-btn{color:#555;background:#fff;border:1px solid #eee;border-radius:8px;width:100%;padding:11px}.dashboard-main{flex:1;padding:35px 4%}.dashboard-welcome{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.dashboard-small-text{color:#888;margin-bottom:7px;font-size:13px}.dashboard-welcome h1{margin-bottom:8px;font-size:30px}.dashboard-welcome>div>p:last-child{color:#777;font-size:14px}.view-shop-btn,.see-all-btn{color:#111;font-size:13px;font-weight:700;text-decoration:none}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:35px;display:grid}.stat-card{background:#fff;border:1px solid #eee;border-radius:14px;align-items:center;gap:15px;padding:20px;display:flex}.stat-icon{background:#f5f5f5;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex}.stat-card div:last-child{flex-direction:column;gap:5px;display:flex}.stat-card span{color:#777;font-size:12px}.stat-card strong{font-size:22px}.appointments-section{margin-bottom:35px}.section-top{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.section-top h2{font-size:22px}.appointments-card{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden}.appointment-row{border-bottom:1px solid #eee;align-items:center;gap:14px;min-height:72px;padding:13px 18px;display:flex}.appointment-row:last-child{border-bottom:none}.appointment-time{width:75px;font-size:13px}.customer-avatar{background:#eee;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.appointment-info{flex-direction:column;flex:1;gap:4px;display:flex}.appointment-info strong{font-size:14px}.appointment-info span{color:#777;font-size:12px}.booking-status{border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700}.booking-status.confirmed{color:#267a3b;background:#e9f7ed}.booking-status.pending{color:#8a6900;background:#fff6df}.quick-actions-section h2{margin-bottom:15px;font-size:22px}.quick-actions-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.quick-action-card{color:#111;background:#fff;border:1px solid #eee;border-radius:14px;flex-direction:column;gap:7px;padding:20px;text-decoration:none;display:flex}.quick-action-card>div{margin-bottom:5px;font-size:25px}.quick-action-card span{color:#777;font-size:12px}.mobile-dashboard-nav{display:none}@media (width<=900px){.dashboard-sidebar{width:210px}.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:1fr}}@media (width<=700px){.dashboard-header{padding:0 15px}.dashboard-logo{font-size:16px}.profile-mini-text,.dashboard-sidebar{display:none}.dashboard-layout{display:block}.dashboard-main{padding:25px 15px 90px}.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:15px}.dashboard-welcome h1{font-size:24px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{gap:10px;padding:14px}.stat-icon{width:40px;height:40px}.stat-card strong{font-size:19px}.stat-card span{font-size:10px}.appointment-row{gap:9px;padding:12px}.appointment-time{width:60px;font-size:11px}.booking-status{display:none}.mobile-dashboard-nav{min-height:64px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:1000;background:#fff;border-top:1px solid #ddd;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:#777;flex-direction:column;align-items:center;gap:4px;font-size:19px;text-decoration:none;display:flex}.mobile-nav-item small{font-size:10px}.mobile-nav-item.active{color:#111;font-weight:700}}.service-page{background:#f6f6f6;min-height:100vh}.back-dashboard-btn{color:#fff;font-size:14px;font-weight:600;text-decoration:none}.service-main{max-width:1200px;margin:0 auto;padding:35px 25px 90px}.service-page-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;display:flex}.service-page-header h1{margin-bottom:8px;font-size:32px}.service-subtitle{color:#777;font-size:14px}.add-service-btn{color:#fff;background:#111;border:none;border-radius:9px;padding:13px 18px;font-size:14px;font-weight:700}.add-service-btn:hover{background:#222}.add-service-card{background:#fff;border:1px solid #eee;border-radius:16px;margin-bottom:25px;padding:25px}.add-service-card h2{margin-bottom:20px;font-size:20px}.service-form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.service-form-grid .form-group.full-width{grid-column:1/-1}.service-form-grid input,.service-form-grid select,.service-form-grid textarea{background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:14px}.service-form-grid input:focus,.service-form-grid select:focus,.service-form-grid textarea:focus{border-color:#111}.form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.cancel-service-btn,.save-service-btn{border-radius:8px;padding:12px 18px;font-weight:700}.cancel-service-btn{color:#555;background:#fff;border:1px solid #ddd}.save-service-btn{color:#111;background:#f5c542;border:1px solid #f5c542}.service-summary{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px;display:grid}.service-summary>div{background:#fff;border:1px solid #eee;border-radius:14px;flex-direction:column;gap:8px;padding:20px;display:flex}.service-summary span{color:#777;font-size:12px}.service-summary strong{font-size:24px}.services-list-section{margin-bottom:30px}.services-list-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.services-list-header h2{font-size:22px}.services-list-header span{color:#777;font-size:13px}.services-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.service-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:20px}.service-card.inactive{opacity:.6}.service-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.service-icon{background:#f5f5f5;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.service-status{cursor:pointer;border:none;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700}.service-status.active{color:#267a3b;background:#e9f7ed}.service-status.inactive{color:#777;background:#f0f0f0}.service-card h3{margin-bottom:8px;font-size:18px}.service-description{color:#777;min-height:40px;margin-bottom:18px;font-size:13px;line-height:1.5}.service-details{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding-top:15px;font-size:13px;display:flex}.service-details span:first-child{color:#111;font-size:20px;font-weight:800}.service-details span:last-child{color:#777}.service-card-actions{gap:8px;margin-top:18px;display:flex}.edit-service-btn,.delete-service-btn{border-radius:8px;flex:1;padding:9px;font-size:12px;font-weight:700}.edit-service-btn{color:#fff;background:#111;border:1px solid #111}.delete-service-btn{color:#b42318;background:#fff;border:1px solid #ddd}.empty-services{text-align:center;background:#fff;border:1px solid #eee;border-radius:16px;padding:60px 20px}.empty-icon{margin-bottom:15px;font-size:40px}.empty-services h3{margin-bottom:8px}.empty-services p{color:#777;margin-bottom:20px;font-size:14px}@media (width<=900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.service-main{padding:25px 15px 90px}.service-page-header{flex-direction:column;align-items:flex-start}.service-page-header h1{font-size:26px}.service-form-grid{grid-template-columns:1fr}.service-form-grid .form-group.full-width{grid-column:auto}.service-summary,.services-grid{grid-template-columns:1fr}.dashboard-header{padding:0 15px}}.availability-page{background:#f6f6f6;min-height:100vh}.availability-main{max-width:1000px;margin:0 auto;padding:35px 25px 100px}.availability-page-header{margin-bottom:25px}.availability-page-header h1{margin-bottom:8px;font-size:32px}.availability-page-header p:last-child{color:#777;font-size:14px}.availability-success{color:#267a3b;background:#eaf8ee;border-radius:10px;margin-bottom:20px;padding:13px 16px;font-size:14px;font-weight:600}.availability-card{background:#fff;border:1px solid #eee;border-radius:16px;margin-bottom:20px;padding:25px}.availability-card-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.availability-card-header h2{margin-bottom:6px;font-size:20px}.availability-card-header p{color:#777;font-size:13px}.schedule-list{border:1px solid #eee;border-radius:12px;overflow:hidden}.schedule-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 15px;display:flex}.schedule-row:last-child{border-bottom:none}.schedule-row.day-disabled{background:#fafafa}.day-column{align-items:center;gap:12px;width:160px;display:flex}.day-column strong{font-size:14px}.day-toggle{color:#fff;background:#fff;border:1px solid #ddd;border-radius:8px;width:28px;height:28px;font-size:13px;font-weight:800}.day-toggle.selected{background:#111;border-color:#111}.time-controls,.break-controls{align-items:end;gap:12px;display:flex}.time-group{flex-direction:column;gap:6px;display:flex}.time-group label{color:#777;font-size:11px}.time-group input{background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit}.time-group input:focus{border-color:#111}.time-arrow{color:#888;padding-bottom:9px}.closed-text{color:#999;width:210px;font-size:13px}.switch{background:#ddd;border:none;border-radius:30px;width:48px;height:28px;padding:3px}.switch span{background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;display:block}.switch.on{background:#111}.switch.on span{transform:translate(20px)}.break-controls{max-width:500px}.slot-options{flex-wrap:wrap;gap:10px;display:flex}.slot-option{background:#fff;border:1px solid #ddd;border-radius:9px;padding:11px 18px;font-size:13px;font-weight:600}.slot-option.selected{color:#fff;background:#111;border-color:#111}.slot-preview{background:#fafafa;border-radius:10px;margin-top:20px;padding:16px}.slot-preview strong{margin-bottom:12px;font-size:13px;display:block}.preview-slots{flex-wrap:wrap;gap:8px;display:flex}.preview-slots span{background:#fff;border:1px solid #ddd;border-radius:7px;padding:8px 12px;font-size:12px}.availability-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.cancel-availability-btn,.save-availability-btn{border-radius:9px;padding:13px 20px;font-size:14px;font-weight:700;text-decoration:none}.cancel-availability-btn{color:#555;background:#fff;border:1px solid #ddd}.save-availability-btn{color:#111;background:#f5c542;border:1px solid #f5c542}@media (width<=700px){.availability-main{padding:25px 15px 95px}.availability-page-header h1{font-size:27px}.availability-card{padding:18px}.schedule-row{flex-direction:column;align-items:stretch;gap:14px}.day-column,.time-controls{width:100%}.time-group{flex:1}.time-group input{width:100%}.closed-text{width:auto}.break-controls{width:100%}.availability-actions{flex-direction:column-reverse}.cancel-availability-btn,.save-availability-btn{text-align:center;width:100%}}.service-mode-card:hover{border-color:#aaa}.service-mode-card span{color:#777;font-size:11px;line-height:1.4;display:block}.form-group select:focus{border-color:#111}@media (width<=700px){.service-mode-grid{grid-template-columns:1fr}.service-mode-card{padding:15px}}.service-mode-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.service-mode-card{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;align-items:center;gap:12px;padding:18px;transition:all .2s;display:flex;position:relative}.service-mode-card.selected{background:#fffdf2;border-color:#111}.service-mode-card input{opacity:0;position:absolute}.service-mode-icon{background:#f5f5f5;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;display:flex}.service-mode-card strong{margin-bottom:4px;font-size:14px;display:block}.service-mode-card span{color:#777;font-size:11px;display:block}.form-group select{background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:14px}.location-status{color:#777;margin-top:12px;font-size:13px}.location-status.success{color:#267a3b;font-weight:600}.location-preview{background:#f7f7f7;border-radius:10px;grid-template-columns:auto 1fr;gap:8px 15px;margin-top:15px;padding:15px;font-size:12px;display:grid}.location-preview span{color:#777}.location-preview strong{color:#111;word-break:break-all}@media (width<=700px){.service-mode-grid{grid-template-columns:1fr}}.service-type-options{flex-wrap:wrap;gap:10px;display:flex}.service-type-option{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:9px;justify-content:center;align-items:center;min-width:150px;padding:12px 16px;font-size:13px;font-weight:600;display:flex;position:relative}.service-type-option input{opacity:0;position:absolute}.service-type-option.selected{background:#fff9df;border-color:#111}.service-type-option:hover{border-color:#999}.service-mode-badge{color:#444;background:#f5f5f5;border-radius:20px;margin-bottom:15px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=600px){.service-type-options{flex-direction:column}.service-type-option{width:100%}}.availability-mode-tabs{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.availability-mode{text-align:left;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.availability-mode>span{background:#f5f5f5;border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.availability-mode div{flex-direction:column;gap:4px;display:flex}.availability-mode strong{font-size:14px}.availability-mode small{color:#777;font-size:11px}.availability-mode.active{background:#fff9df;border-color:#111}.copy-hours-btn{background:#fff;border:1px solid #ddd;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:700}.copy-hours-btn:hover{border-color:#111}@media (width<=700px){.availability-mode-tabs{grid-template-columns:1fr}.availability-card-header{flex-direction:column;align-items:flex-start}.copy-hours-btn{width:100%}}.booking-page{background:#f6f6f6;min-height:100vh}.booking-main{max-width:1200px;margin:0 auto;padding:35px 25px 100px}.booking-page-header{margin-bottom:25px}.booking-page-header h1{margin-bottom:8px;font-size:32px}.booking-page-header p:last-child{color:#777;font-size:14px}.booking-stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px;display:grid}.booking-stat-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:20px}.booking-stat-card span{color:#777;margin-bottom:8px;font-size:12px;display:block}.booking-stat-card strong{font-size:24px}.booking-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.booking-tab{color:#555;background:#fff;border:1px solid #ddd;border-radius:9px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:700;display:flex}.booking-tab span{background:#eee;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:10px;display:flex}.booking-tab.active{color:#fff;background:#111;border-color:#111}.booking-tab.active span{color:#111;background:#f5c542}.booking-card{background:#fff;border:1px solid #eee;border-radius:16px;margin-bottom:15px;padding:22px}.booking-card-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.customer-info{align-items:center;gap:12px;display:flex}.customer-booking-avatar{background:#f1f1f1;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-weight:800;display:flex}.customer-info h3{margin-bottom:4px;font-size:16px}.customer-info p{color:#777;font-size:12px}.booking-type{border-radius:20px;padding:7px 11px;font-size:11px;font-weight:700}.booking-type.home{color:#8a6400;background:#fff3d6}.booking-type.shop{color:#245a9c;background:#edf5ff}.booking-details-grid{border-top:1px solid #eee;border-bottom:1px solid #eee;grid-template-columns:repeat(4,1fr);gap:15px;padding:18px 0;display:grid}.booking-details-grid div{flex-direction:column;gap:5px;display:flex}.booking-details-grid span{color:#888;font-size:11px}.booking-details-grid strong{font-size:14px}.booking-location{background:#fafafa;border-radius:10px;align-items:flex-start;gap:10px;margin-top:18px;padding:14px;display:flex}.booking-location>span{font-size:20px}.booking-location div{flex-direction:column;gap:4px;display:flex}.booking-location small{color:#888;font-size:11px}.booking-location strong{font-size:13px}.booking-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.booking-actions button{border-radius:8px;padding:11px 15px;font-size:12px;font-weight:700}.reject-booking-btn{color:#b42318;background:#fff;border:1px solid #ddd}.accept-booking-btn{color:#fff;background:#111;border:1px solid #111}.navigate-booking-btn{color:#111;background:#fff;border:1px solid #ddd}.complete-booking-btn{color:#111;background:#f5c542;border:1px solid #f5c542}.completed-label{color:#267a3b;background:#eaf8ee;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:700}.cancelled-label{color:#b42318;background:#fff1f0;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:700}.empty-bookings{text-align:center;background:#fff;border:1px solid #eee;border-radius:16px;padding:60px 20px}.empty-booking-icon{margin-bottom:15px;font-size:40px}.empty-bookings h3{margin-bottom:8px}.empty-bookings p{color:#777;font-size:13px}@media (width<=900px){.booking-stats,.booking-details-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.booking-main{padding:25px 15px 95px}.booking-page-header h1{font-size:27px}.booking-card{padding:16px}.booking-card-top{flex-direction:column;align-items:flex-start}.booking-details-grid{grid-template-columns:1fr 1fr}.booking-actions{flex-direction:column}.booking-actions button{width:100%}.booking-stats{gap:10px}.booking-stat-card{padding:15px}.booking-stat-card strong{font-size:20px}}.barber-profile-page{background:#f6f6f6;min-height:100vh}.profile-main{max-width:1000px;margin:0 auto;padding:35px 25px 100px}.profile-page-header h1{margin-bottom:8px;font-size:32px}.profile-page-header p:last-child{color:#777;font-size:14px}.edit-profile-btn{color:#fff;background:#111;border:none;border-radius:9px;padding:12px 18px;font-size:13px;font-weight:700}.edit-profile-btn:hover{background:#222}.profile-success{color:#267a3b;background:#eaf8ee;border-radius:10px;margin-bottom:20px;padding:13px 16px;font-size:14px;font-weight:600}.profile-card{background:#fff;border:1px solid #eee;border-radius:16px;margin-bottom:20px;padding:25px}.profile-overview{align-items:center;gap:20px;display:flex}.profile-avatar-large{color:#111;background:#f5c542;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:75px;height:75px;font-size:30px;font-weight:800;display:flex}.profile-overview-info{flex:1}.profile-overview-info h2{margin-bottom:7px;font-size:22px}.profile-overview-info p{color:#777;margin-bottom:4px;font-size:13px}.profile-service-badge span{color:#7b5b00;background:#fff6dc;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.profile-section-header h2{margin-bottom:6px;font-size:20px}.profile-section-header p{color:#777;font-size:13px}.profile-form-group{flex-direction:column;gap:7px;display:flex}.profile-form-group label{font-size:13px;font-weight:700}.profile-form-group input,.profile-form-group textarea,.profile-form-group select{background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:12px 13px;font-family:inherit;font-size:14px}.profile-form-group input:focus,.profile-form-group textarea:focus,.profile-form-group select:focus{border-color:#111}.profile-value{color:#333;background:#fafafa;border:1px solid #eee;border-radius:8px;align-items:center;min-height:44px;padding:12px 13px;font-size:14px;display:flex}.location-profile-box{background:#fafafa;border-radius:12px;align-items:center;gap:15px;padding:18px;display:flex}.location-profile-icon{background:#fff;border:1px solid #eee;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.location-profile-box{color:#555}.location-profile-box p{margin-bottom:5px;font-size:13px}.cancel-profile-btn,.save-profile-btn{border-radius:9px;padding:13px 20px;font-size:14px;font-weight:700}@media (width<=700px){.profile-main{padding:25px 15px 95px}.profile-page-header{flex-direction:column;align-items:flex-start}.profile-page-header h1{font-size:27px}.profile-overview{flex-direction:column;align-items:flex-start}.profile-service-badge{align-self:flex-start}.profile-form-grid{grid-template-columns:1fr}.profile-form-group.full-width{grid-column:auto}.profile-actions{flex-direction:column-reverse}.cancel-profile-btn,.save-profile-btn{width:100%}}.customer-register-page{background:#f5f5f5;justify-content:center;align-items:flex-start;min-height:100vh;padding:45px 20px;display:flex}.customer-register-card{background:#fff;border-radius:20px;width:100%;max-width:470px;padding:40px;box-shadow:0 10px 35px #00000014}.customer-register-header{text-align:center;margin-bottom:30px}.customer-register-logo{color:#fff;background:#111;border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 15px;font-size:28px;display:flex}.customer-register-header h1{margin-bottom:8px;font-size:28px}.customer-register-header p{color:#777;font-size:14px;line-height:1.5}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:50px}.password-toggle{background:0 0;border:none;padding:5px;font-size:17px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.customer-terms{color:#666;align-items:flex-start;gap:9px;margin:20px 0;font-size:12px;line-height:1.5;display:flex}.customer-terms input{margin-top:3px}.customer-terms strong{color:#111}.customer-register-button{color:#111;background:#f5c542;border:none;border-radius:9px;width:100%;padding:14px;font-size:15px;font-weight:700}.customer-register-button:hover{background:#ffd75f}.customer-login-link{color:#777;justify-content:center;gap:5px;margin-top:22px;font-size:14px;display:flex}.customer-login-link a{color:#111;font-weight:700;text-decoration:none}.customer-back-home{text-align:center;color:#666;margin-top:18px;font-size:13px;text-decoration:none;display:block}@media (width<=500px){.customer-register-page{padding:25px 15px}.customer-register-card{border-radius:16px;padding:28px 20px}.customer-register-header h1{font-size:25px}}.customer-header{color:#fff;background:#111;justify-content:space-between;align-items:center;height:70px;padding:0 5%;display:flex}.customer-logo{color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.customer-logo-icon{color:#111;background:#f5c542;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.customer-header-right{align-items:center;gap:14px;display:flex}.customer-notification{color:#fff;background:#1d1d1d;border:1px solid #333;border-radius:9px;width:38px;height:38px}.customer-avatar{color:#111;background:#f5c542;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;text-decoration:none;display:flex}.customer-dashboard-main{max-width:1200px;margin:auto;padding:35px 25px 100px}.customer-welcome{justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px;display:flex}.customer-small-text{color:#888;margin-bottom:7px;font-size:12px}.customer-welcome h1{margin-bottom:8px;font-size:30px}.customer-welcome p:last-child{color:#777;font-size:14px}.customer-location{background:#fff;border:1px solid #eee;border-radius:9px;padding:11px 15px;font-size:13px;font-weight:600}.service-choice-section{margin-bottom:40px}.service-choice-section h2{margin-bottom:15px;font-size:22px}.service-choice-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.service-choice-card{color:#111;background:#fff;border:1px solid #eee;border-radius:15px;align-items:center;gap:15px;padding:22px;text-decoration:none;transition:all .2s;display:flex}.service-choice-card:hover{border-color:#ccc;transform:translateY(-3px)}.service-choice-icon{background:#f5f5f5;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;font-size:27px;display:flex}.service-choice-card h3{margin-bottom:5px;font-size:16px}.service-choice-card p{color:#777;font-size:12px}.choice-arrow{color:#888;margin-left:auto;font-size:20px}.nearby-section{margin-bottom:40px}.customer-section-header{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.customer-section-header h2{font-size:24px}.customer-view-all{color:#111;font-size:13px;font-weight:700;text-decoration:none}.customer-barber-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.customer-barber-card{background:#fff;border:1px solid #eee;border-radius:15px;overflow:hidden}.customer-barber-image{background:#eaeaea;justify-content:center;align-items:center;height:150px;font-size:45px;display:flex}.customer-barber-content{padding:17px}.customer-barber-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.customer-barber-top h3{font-size:16px}.customer-barber-top span{font-size:11px}.customer-distance{color:#777;margin-bottom:10px;font-size:12px}.customer-services{color:#777;margin-bottom:13px;font-size:12px}.customer-service-tags{flex-wrap:wrap;gap:6px;margin-bottom:15px;display:flex}.customer-service-tags span{background:#f5f5f5;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:600}.customer-book-btn{color:#fff;text-align:center;background:#111;border-radius:8px;width:100%;padding:11px;font-size:12px;font-weight:700;text-decoration:none;display:block}.customer-quick-section{margin-bottom:20px}.customer-quick-section h2{margin-bottom:15px;font-size:22px}.customer-quick-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.customer-quick-card{color:#111;background:#fff;border:1px solid #eee;border-radius:14px;flex-direction:column;gap:6px;padding:20px;text-decoration:none;display:flex}.customer-quick-card>span{font-size:26px}.customer-quick-card strong{font-size:14px}.customer-quick-card small{color:#777;font-size:11px}.customer-mobile-nav{display:none}@media (width<=800px){.customer-barber-grid,.customer-quick-grid{grid-template-columns:1fr 1fr}}@media (width<=850px){.customer-header{padding:0 15px}.customer-logo{font-size:16px}.customer-dashboard-main{padding:25px 15px 90px}.customer-welcome{flex-direction:column;align-items:flex-start}.customer-welcome h1{font-size:25px}.service-choice-grid{grid-template-columns:1fr}.service-choice-card{padding:17px}.customer-barber-grid{grid-template-columns:1fr}.customer-quick-grid{grid-template-columns:1fr 1fr}.customer-mobile-nav{min-height:64px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:1000;background:#fff;border-top:1px solid #ddd;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.customer-mobile-nav-item{color:#777;flex-direction:column;align-items:center;gap:3px;text-decoration:none;display:flex}.customer-mobile-nav-item span{font-size:19px}.customer-mobile-nav-item small{font-size:10px}.customer-mobile-nav-item.active{color:#111;font-weight:700}}.barber-list-page{background:#f6f6f6;min-height:100vh}.barber-list-main{max-width:1200px;margin:0 auto;padding:35px 25px 100px}.barber-list-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.barber-list-heading h1{margin-bottom:8px;font-size:32px}.barber-list-heading p:last-child{color:#777;font-size:14px}.location-button-main{color:#fff;background:#111;border:none;border-radius:9px;padding:12px 16px;font-size:13px;font-weight:700}.location-button-main:disabled{opacity:.6;cursor:wait}.customer-location-banner{background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:15px 18px;display:flex}.customer-location-banner>span{background:#f5f5f5;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.customer-location-banner div{flex-direction:column;gap:4px;display:flex}.customer-location-banner strong{font-size:13px}.customer-location-banner small{color:#888;font-size:11px}.barber-filters{background:#fff;border:1px solid #eee;border-radius:14px;align-items:end;gap:25px;margin-bottom:20px;padding:18px;display:flex}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-label{color:#777;font-size:11px}.filter-buttons{gap:7px;display:flex}.filter-btn{color:#555;background:#fff;border:1px solid #ddd;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:600}.filter-btn.active{color:#fff;background:#111;border-color:#111}.filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;min-width:120px;padding:9px 11px;font-size:12px}.barber-result-header{color:#777;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:13px;display:flex}.barber-result-header strong{color:#111;font-size:15px}.barber-result-header span{font-size:12px}.barber-list-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.nearby-barber-card{background:#fff;border:1px solid #eee;border-radius:16px;display:flex;overflow:hidden}.nearby-barber-image{flex-shrink:0;width:38%;min-height:270px}.nearby-barber-content{flex:1;padding:20px}.nearby-barber-title-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:5px;display:flex}.nearby-barber-title-row h2{font-size:18px}.rating-badge{white-space:nowrap;background:#fff7dc;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:700}.barber-owner{color:#888;margin-bottom:10px;font-size:12px}.nearby-distance{color:#555;margin-bottom:7px;font-size:12px}.nearby-address{color:#777;margin-bottom:13px;font-size:12px;line-height:1.5}.barber-service-tags{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.nearby-price-row{border-top:1px solid #eee;gap:22px;margin-bottom:15px;padding-top:13px;display:flex}.nearby-price-row div{flex-direction:column;gap:4px;display:flex}.nearby-price-row small{color:#888;font-size:10px}.nearby-price-row strong{font-size:16px}.view-barber-btn{color:#fff;background:#111;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.view-barber-btn span{font-size:16px}.no-barbers{text-align:center;background:#fff;border:1px solid #eee;border-radius:15px;padding:65px 20px}.no-barbers>div{margin-bottom:12px;font-size:35px}.no-barbers h2{margin-bottom:7px;font-size:20px}.no-barbers p{color:#777;font-size:13px}@media (width<=850px){.barber-list-grid{grid-template-columns:1fr}}@media (width<=650px){.barber-list-main{padding:25px 15px 95px}.barber-list-heading{flex-direction:column;align-items:flex-start}.barber-list-heading h1{font-size:27px}.location-button-main{width:100%}.barber-filters{flex-direction:column;align-items:stretch;gap:15px}.filter-buttons{width:100%}.filter-btn{flex:1}.filter-select{width:100%}.nearby-barber-card{display:block}.nearby-barber-image{width:100%;height:190px;min-height:auto}.nearby-barber-content{padding:17px}}.barber-details-page{background:#f6f6f6;min-height:100vh}.barber-details-main{max-width:1000px;margin:0 auto;padding:30px 25px 100px}.details-back-link{color:#555;margin-bottom:20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.barber-profile-hero{background:#fff;border:1px solid #eee;border-radius:18px;gap:25px;margin-bottom:20px;padding:20px;display:flex}.barber-details-image{border-radius:14px;flex-shrink:0;width:280px;height:280px;overflow:hidden}.barber-details-image img{object-fit:cover;width:100%;height:100%}.barber-profile-info{flex-direction:column;justify-content:center;padding:10px 5px;display:flex}.verified-badge{color:#267a3b;background:#eaf8ee;border-radius:20px;width:fit-content;margin-bottom:12px;padding:6px 10px;font-size:11px;font-weight:700}.barber-profile-info h1{margin-bottom:7px;font-size:30px}.barber-owner-name{color:#777;margin-bottom:13px;font-size:13px}.barber-main-meta{flex-wrap:wrap;gap:15px;margin-bottom:13px;font-size:13px;display:flex}.barber-address{color:#666;margin-bottom:15px;font-size:13px;line-height:1.5}.details-service-tags{flex-wrap:wrap;gap:7px;display:flex}.details-service-tags span{background:#f5f5f5;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:600}.details-card{background:#fff;border:1px solid #eee;border-radius:16px;margin-bottom:20px;padding:25px}.details-section-header{margin-bottom:20px}.details-section-header h2{margin-bottom:5px;font-size:20px}.details-section-header p{color:#777;font-size:13px}.details-location-options{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.details-location-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;align-items:center;gap:13px;padding:18px;display:flex;position:relative}.details-location-option.selected{background:#fff9df;border-color:#111}.details-location-icon{background:#f5f5f5;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.details-location-option div:nth-child(2){flex-direction:column;gap:4px;display:flex}.details-location-option strong{font-size:14px}.details-location-option span{color:#777;font-size:11px}.details-location-option small{color:#8a6900;font-size:10px}.selected-check{color:#fff;background:#111;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex;position:absolute;top:12px;right:12px}.details-services-list{flex-direction:column;gap:10px;display:flex}.details-service-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:11px;align-items:center;gap:13px;width:100%;padding:15px;display:flex}.details-service-card.selected{background:#fffdf2;border-color:#111}.details-service-icon{background:#f5f5f5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:19px;display:flex}.details-service-info{flex:1}.details-service-info h3{margin-bottom:5px;font-size:15px}.details-service-info p{color:#777;margin-bottom:5px;font-size:11px}.details-service-info span{color:#888;font-size:10px}.details-service-price{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;min-width:65px;display:flex}.details-service-price strong{font-size:18px}.details-service-price small{color:#888;font-size:10px}.service-selected-check{color:#111;background:#f5c542;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:10px;font-weight:800;display:flex}.booking-summary-card{color:#fff;background:#111;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;padding:18px 20px;display:flex}.booking-summary-info{flex-direction:column;gap:4px;display:flex}.booking-summary-info span{color:#aaa;font-size:11px}.booking-summary-info strong{font-size:16px}.booking-summary-info small{color:#f5c542;font-size:11px}.booking-summary-price{text-align:right;flex-direction:column;gap:4px;display:flex}.booking-summary-price span{color:#aaa;font-size:11px}.booking-summary-price strong{font-size:23px}.continue-booking-btn{color:#111;cursor:pointer;background:#f5c542;border:none;border-radius:10px;width:100%;padding:15px;font-size:15px;font-weight:800}.continue-booking-btn:hover{background:#ffd75f}@media (width<=700px){.barber-details-main{padding:25px 15px 95px}.barber-profile-hero{flex-direction:column;padding:15px}.barber-details-image{width:100%;height:220px}.barber-profile-info{padding:5px}.barber-profile-info h1{font-size:25px}.details-location-options{grid-template-columns:1fr}.details-card{padding:18px}.booking-summary-card{padding:15px}}.customer-booking-main{max-width:900px;margin:0 auto;padding:30px 25px 100px}.booking-back-link{color:#555;margin-bottom:22px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.customer-booking-heading{margin-bottom:25px}.customer-booking-heading h1{margin-bottom:8px;font-size:32px}.customer-booking-heading p:last-child{color:#777;font-size:14px}.customer-booking-barber{background:#fff;border:1px solid #eee;border-radius:14px;align-items:center;gap:14px;margin-bottom:20px;padding:18px;display:flex}.booking-barber-icon{background:#f5c542;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:25px;display:flex}.customer-booking-barber h2{margin-bottom:5px;font-size:17px}.customer-booking-barber p{color:#777;font-size:12px}.customer-booking-card{background:#fff;border:1px solid #eee;border-radius:16px;margin-bottom:18px;padding:24px}.booking-step-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.step-number{color:#fff;background:#111;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.booking-step-heading h2{margin-bottom:4px;font-size:19px}.booking-step-heading p{color:#777;font-size:12px}.booking-selected-service{background:#fafafa;border:1px solid #eee;border-radius:11px;align-items:center;gap:13px;padding:15px;display:flex}.booking-service-icon{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;font-size:19px;display:flex}.booking-service-main{flex-direction:column;flex:1;gap:4px;display:flex}.booking-service-main strong{font-size:14px}.booking-service-main span{color:#777;font-size:11px}.booking-location-options{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.booking-location-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;align-items:center;gap:12px;padding:17px;display:flex;position:relative}.booking-location-option.selected{background:#fff9df;border-color:#111}.booking-location-option-icon{background:#f5f5f5;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:21px;display:flex}.booking-location-option>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.booking-location-option strong{font-size:13px}.booking-location-option small{color:#777;font-size:10px}.booking-location-option>b{color:#fff;background:#111;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;top:10px;right:10px}.home-service-note{color:#765900;background:#fff9df;border-radius:8px;margin-top:12px;padding:11px 13px;font-size:12px}.booking-date-list{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.booking-date{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:9px;flex-direction:column;gap:5px;padding:12px 6px;display:flex}.booking-date span{color:#888;font-size:10px}.booking-date strong{font-size:12px}.booking-date.selected{color:#fff;background:#111;border-color:#111}.booking-date.selected span{color:#ccc}.booking-time-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.booking-time{background:#fff;border:1px solid #ddd;border-radius:8px;padding:11px 8px;font-size:12px;font-weight:600}.booking-time.selected{color:#111;background:#f5c542;border-color:#f5c542}.booking-time.booked{color:#a0aec0;cursor:not-allowed;opacity:.7;background:#f8f9fa;border-color:#e2e8f0;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;display:flex;position:relative}.booking-time.booked span:first-child{font-size:11px;text-decoration:line-through}.booking-booked-tag{color:#e53e3e;text-transform:uppercase;letter-spacing:.5px;background:#fff5f5;border-radius:4px;margin-top:2px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.booking-time-disabled{text-align:center;color:#888;background:#fafafa;border-radius:10px;padding:20px;font-size:13px}.booking-use-location{color:#fff;background:#111;border:none;border-radius:9px;width:100%;padding:12px;font-size:12px;font-weight:700}.booking-use-location:disabled{opacity:.6}.booking-location-status{color:#267a3b;margin-top:10px;font-size:12px}.booking-address-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:18px;display:grid}.customer-booking-summary{color:#fff;background:#111;border-radius:16px;margin-bottom:15px;padding:23px}.customer-booking-summary h2{margin-bottom:18px;font-size:19px}.summary-row{border-bottom:1px solid #303030;justify-content:space-between;gap:15px;padding:11px 0;font-size:13px;display:flex}.summary-row span{color:#aaa}.summary-row strong{text-align:right}.summary-total{justify-content:space-between;align-items:center;margin-top:5px;padding-top:18px;display:flex}.summary-total span{font-size:14px}.summary-total strong{color:#f5c542;font-size:25px}.proceed-payment-btn{color:#111;background:#f5c542;border:none;border-radius:10px;width:100%;padding:15px;font-size:15px;font-weight:800}.proceed-payment-btn:hover{background:#ffd75f}@media (width<=700px){.customer-booking-main{padding:25px 15px 95px}.customer-booking-heading h1{font-size:27px}.customer-booking-card{padding:18px}.booking-location-options{grid-template-columns:1fr}.booking-date-list{grid-template-columns:repeat(4,1fr)}.booking-time-grid{grid-template-columns:repeat(3,1fr)}.booking-address-grid{grid-template-columns:1fr}.booking-address-grid .form-group.full-width{grid-column:auto}}.application-page{background:linear-gradient(135deg,#fff8df,#f5df9b,#fffaf0);min-height:100vh;padding:20px 16px 40px}.application-container{width:100%;max-width:650px;margin:0 auto}.application-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.application-header h1{color:#3b2a0a;margin:0;font-size:28px}.application-header p{color:#725b25;margin:4px 0 0}.back-button{color:#9a7210;cursor:pointer;background:#fff;border:1px solid #c89b2c;border-radius:50%;width:44px;height:44px;font-size:24px}.application-card{background:#fffffff2;border:1px solid #d4af37;border-radius:24px;padding:24px;box-shadow:0 15px 40px #78550a26}.form-intro{margin-bottom:25px}.form-intro h2{color:#3b2a0a;margin:0 0 8px}.form-intro p{color:#76633a;margin:0}.form-section{margin-bottom:28px}.form-section h3{color:#9a7210;margin-bottom:15px;font-size:18px}.form-section label{color:#3b2a0a;margin:14px 0 7px;font-weight:600;display:block}.form-section input,.form-section textarea,.form-section select{box-sizing:border-box;color:#3b2a0a;background:#fffdf6;border:1px solid #d8bd70;border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:15px}.form-section input:focus,.form-section textarea:focus,.form-section select:focus{border-color:#b8860b;box-shadow:0 0 0 3px #d4af3726}.form-section small{color:#81724f;margin-top:7px;display:block}.form-error{color:#a33a3a;background:#fff0f0;border:1px solid #e2aaaa;border-radius:10px;margin-bottom:20px;padding:12px}.submit-application-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:14px;width:100%;padding:16px;font-size:17px;font-weight:700}.submit-application-btn:disabled{opacity:.6;cursor:not-allowed}.application-note{color:#725b25;background:#fff8df;border-radius:12px;margin-top:18px;padding:14px;font-size:13px;line-height:1.5}.application-success{text-align:center;background:#fff;border:1px solid #d4af37;border-radius:24px;max-width:550px;margin:70px auto;padding:35px 25px;box-shadow:0 15px 40px #78550a26}.success-icon{color:#fff;background:#d4af37;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 20px;font-size:35px;display:flex}.application-success h1{color:#3b2a0a}.application-success p{color:#665a3d;line-height:1.6}.application-success button{color:#fff;background:#d4af37;border:none;border-radius:12px;margin-top:15px;padding:13px 25px;font-weight:700}@media (width<=480px){.application-page{padding:15px 12px 30px}.application-card{border-radius:20px;padding:18px}.application-header h1{font-size:23px}}.profile-back-btn{cursor:pointer;background:#fff;border:none;border-radius:14px;width:44px;height:44px;font-size:25px;transition:all .2s;box-shadow:0 4px 15px #00000014}.profile-photo-section{text-align:center;background:#fff;border-radius:24px;margin-bottom:20px;padding:30px 20px;box-shadow:0 8px 30px #0000000f}.profile-avatar{object-fit:cover;border:4px solid #c9a227;border-radius:50%;width:120px;height:120px;display:block}.camera-button{cursor:pointer;background:#c9a227;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;position:absolute;bottom:2px;right:-2px}.profile-input-wrapper span{font-size:17px}.profile-input-wrapper input{color:#222;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:14px}.profile-option{cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #eee;justify-content:space-between;align-items:center;width:100%;padding:15px 5px;display:flex}.option-icon{background:#f7f3e8;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.option-arrow{color:#aaa;font-size:25px}.profile-dashboard-button{color:#806613;cursor:pointer;background:0 0;border:1px solid #ddd5c3;border-radius:15px;width:100%;height:52px;font-size:14px;font-weight:600}@keyframes profileSpin{to{transform:rotate(360deg)}}@media (width<=600px){.profile-header{padding:18px 15px}.profile-header h1{font-size:22px}.profile-container{padding:0 14px}.profile-photo-section{border-radius:20px;padding:25px 15px}.profile-card{border-radius:20px;padding:20px 16px}.profile-avatar,.profile-avatar-wrapper{width:105px;height:105px}.profile-avatar-placeholder{font-size:40px}}.change-password-page{color:#222;background:#f8f5ef;min-height:100vh;padding-bottom:40px}.change-password-header{align-items:center;gap:16px;max-width:650px;margin:0 auto;padding:22px 20px;display:flex}.change-password-header h1{margin:0;font-size:26px;font-weight:700}.change-password-header p{color:#777;margin:4px 0 0;font-size:14px}.change-password-back{cursor:pointer;background:#fff;border:none;border-radius:14px;width:44px;height:44px;font-size:25px;transition:all .2s;box-shadow:0 4px 15px #00000014}.change-password-back:hover{transform:translate(-2px)}.change-password-container{max-width:650px;margin:0 auto;padding:0 20px}.security-intro-card{background:#fff;border-radius:24px;align-items:center;gap:16px;margin-bottom:18px;padding:22px;display:flex;box-shadow:0 8px 30px #0000000f}.security-icon{background:#f6edcf;border-radius:16px;justify-content:center;align-items:center;width:54px;min-width:54px;height:54px;font-size:25px;display:flex}.security-intro-card h2{margin:0;font-size:18px}.security-intro-card p{color:#888;margin:5px 0 0;font-size:13px;line-height:1.5}.change-password-message{border-radius:13px;margin-bottom:16px;padding:13px 15px;font-size:14px}.change-password-error{color:#b42318;background:#fff0f0;border:1px solid #ffd1d1}.change-password-success{color:#20743b;background:#effaf2;border:1px solid #ccebd4}.change-password-card{background:#fff;border-radius:24px;padding:25px;box-shadow:0 8px 30px #0000000f}.password-field{margin-bottom:20px}.password-field label{color:#555;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.password-input-wrapper{background:#faf9f6;border:1px solid #e5e1d8;border-radius:14px;align-items:center;gap:10px;height:54px;padding:0 12px;transition:all .2s;display:flex}.password-input-wrapper:focus-within{background:#fff;border-color:#c9a227;box-shadow:0 0 0 3px #c9a2271f}.password-input-icon{text-align:center;width:25px;font-size:17px}.password-input-wrapper input{color:#222;background:0 0;border:none;outline:none;flex:1;width:100%;height:100%;font-size:14px}.password-input-wrapper input::placeholder{color:#aaa}.password-eye{cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.password-eye:hover{background:#f2eee4}.password-hint{color:#999;margin-top:6px;font-size:11px}.password-security-note{background:#faf7ed;border:1px solid #eee4c9;border-radius:14px;align-items:flex-start;gap:11px;margin-top:5px;margin-bottom:20px;padding:14px;display:flex}.password-security-note>span{font-size:19px}.password-security-note strong{color:#66520f;font-size:13px;display:block}.password-security-note p{color:#888;margin:3px 0 0;font-size:11px}.change-password-submit{color:#fff;cursor:pointer;background:#c9a227;border:none;border-radius:15px;width:100%;height:54px;font-size:15px;font-weight:700;transition:all .2s}.change-password-submit:hover{background:#ad8918;transform:translateY(-1px)}.change-password-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.change-password-profile-button{color:#806613;cursor:pointer;background:0 0;border:1px solid #ddd5c3;border-radius:15px;width:100%;height:52px;margin-top:18px;font-size:14px;font-weight:600}.change-password-profile-button:hover{background:#fff}@media (width<=600px){.change-password-header{padding:18px 15px}.change-password-header h1{font-size:22px}.change-password-container{padding:0 14px}.security-intro-card{border-radius:20px;padding:18px}.change-password-card{border-radius:20px;padding:20px 16px}.security-icon{width:48px;min-width:48px;height:48px}}.profile-page{color:#222;background:#f8f5ef;min-height:100vh;padding-bottom:40px}.profile-header{align-items:center;gap:16px;max-width:650px;margin:0 auto;padding:22px 20px;display:flex}.profile-header h1{margin:0;font-size:26px;font-weight:700}.profile-header p{color:#888;margin:4px 0 0;font-size:14px}.profile-back-btn{color:#333;cursor:pointer;background:#fff;border:none;border-radius:14px;width:44px;height:44px;font-size:25px;transition:all .2s;box-shadow:0 4px 15px #00000012}.profile-back-btn:hover{transform:translate(-2px)}.profile-container{max-width:650px;margin:0 auto;padding:0 20px}.profile-photo-section{text-align:center;margin-bottom:25px}.profile-avatar-wrapper{width:112px;height:112px;margin:0 auto 14px;position:relative}.profile-avatar{object-fit:cover;border:4px solid #fff;border-radius:50%;width:112px;height:112px;display:block;box-shadow:0 8px 25px #0000001f}.profile-avatar-placeholder{color:#fff;background:#c9a227;justify-content:center;align-items:center;font-size:42px;font-weight:700;display:flex}.camera-button{color:#fff;cursor:pointer;background:#222;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex;position:absolute;bottom:0;right:-2px;box-shadow:0 4px 12px #0003}.profile-photo-section h2{margin:0;font-size:21px}.profile-photo-hint{color:#999;margin:6px 0 12px;font-size:11px}.change-photo-button{color:#a78318;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:700}.profile-message{border-radius:13px;margin-bottom:16px;padding:13px 15px;font-size:14px}.profile-card{background:#fff;border-radius:24px;margin-bottom:18px;padding:25px;box-shadow:0 8px 30px #0000000f}.profile-card-title{align-items:center;gap:13px;margin-bottom:24px;display:flex}.profile-title-icon{background:#f6edcf;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.profile-card-title h3{margin:0;font-size:17px}.profile-card-title p{color:#999;margin:4px 0 0;font-size:12px}.profile-field{margin-bottom:18px}.profile-field label{color:#555;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.profile-input-wrapper{background:#faf9f6;border:1px solid #e5e1d8;border-radius:14px;align-items:center;gap:10px;height:54px;padding:0 14px;transition:all .2s;display:flex}.profile-input-wrapper:focus-within{background:#fff;border-color:#c9a227;box-shadow:0 0 0 3px #c9a2271f}.profile-input-wrapper>span{text-align:center;width:24px;font-size:17px}.profile-input-wrapper input{color:#222;background:0 0;border:none;outline:none;flex:1;width:100%;height:100%;font-size:14px}.profile-input-wrapper input::placeholder{color:#aaa}.profile-save-button{color:#fff;cursor:pointer;background:#c9a227;border:none;border-radius:15px;width:100%;height:54px;margin-top:5px;font-size:15px;font-weight:700;transition:all .2s}.profile-save-button:hover{background:#ad8918;transform:translateY(-1px)}.profile-save-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.account-card{padding-bottom:20px}.profile-option{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #eeeae1;justify-content:space-between;align-items:center;width:100%;min-height:65px;padding:10px 4px;display:flex}.profile-option-left{align-items:center;gap:13px;display:flex}.option-icon{background:#f7f3e8;border-radius:13px;justify-content:center;align-items:center;width:43px;height:43px;font-size:18px;display:flex}.profile-option strong{color:#333;font-size:14px;display:block}.profile-option small{color:#999;margin-top:4px;font-size:11px;display:block}.option-arrow{color:#aaa;font-size:27px;line-height:1}.profile-logout-button{color:#c62828;cursor:pointer;background:#fff7f7;border:1px solid #f0caca;border-radius:15px;width:100%;height:52px;margin-top:15px;font-size:14px;font-weight:700;transition:all .2s}.profile-logout-button:hover{background:#fff0f0;border-color:#e8aaaa}.profile-dashboard-button{color:#806613;cursor:pointer;background:0 0;border:1px solid #ddd5c3;border-radius:15px;width:100%;height:52px;font-size:14px;font-weight:600;transition:all .2s}.profile-dashboard-button:hover{background:#fff}.profile-loading{color:#888;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.profile-spinner{border:3px solid #e8dfc8;border-top-color:#c9a227;border-radius:50%;width:38px;height:38px;margin-bottom:12px;animation:.8s linear infinite profileSpin}@media (width<=600px){.profile-header{padding:18px 15px}.profile-header h1{font-size:22px}.profile-container{padding:0 14px}.profile-card{border-radius:20px;padding:20px 16px}.profile-avatar-wrapper,.profile-avatar{width:105px;height:105px}.profile-title-icon{width:43px;height:43px}}.barber-profile-page{color:#111;background:#f6f7f9;min-height:100vh}.profile-main{box-sizing:border-box;width:100%;max-width:1080px;margin:0 auto;padding:38px 24px 110px}.profile-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.profile-page-header h1{margin:4px 0 8px;font-size:32px;line-height:1.2}.profile-page-header p:last-child{color:#777;margin:0;font-size:14px}.dashboard-small-text{color:#a48318;margin:0;font-size:13px;font-weight:700}.profile-overview{box-sizing:border-box;align-items:center;gap:20px;min-height:120px;display:flex}.profile-avatar-section{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:92px;min-width:92px;display:flex}.profile-avatar-large{color:#111;background:#f5c542;border:3px solid #fff;flex-shrink:0;justify-content:center;align-items:center;min-width:86px;max-width:86px;min-height:86px;max-height:86px;font-size:30px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 5px 18px #0000001f;border-radius:50%!important;width:86px!important;height:86px!important}.profile-avatar-large img{object-fit:cover;object-position:center;border-radius:50%;max-width:100%;max-height:100%;display:block;width:100%!important;height:100%!important}.change-photo-btn{color:#8b6b12;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:700}.change-photo-btn:hover{color:#111}.profile-overview-info{flex:1;min-width:0}.profile-overview-info h2{word-break:break-word;margin:0 0 7px;font-size:22px;line-height:1.25}.profile-overview-info p{color:#777;margin:4px 0;font-size:13px}.profile-service-badge{flex-shrink:0}.profile-service-badge span{color:#7b5b00;white-space:nowrap;background:#fff6dc;border-radius:30px;justify-content:center;align-items:center;padding:9px 13px;font-size:11px;font-weight:700;display:inline-flex}.profile-card{box-sizing:border-box;background:#fff;border:1px solid #ececec;border-radius:20px;width:100%;margin-bottom:20px;padding:26px;box-shadow:0 6px 24px #0000000b}.profile-section-header{margin-bottom:22px}.profile-section-header h2{margin:0 0 6px;font-size:20px}.profile-section-header p{color:#777;margin:0;font-size:13px}.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.profile-form-group{flex-direction:column;gap:7px;min-width:0;display:flex}.profile-form-group.full-width{grid-column:1/-1}.profile-form-group label{color:#333;font-size:13px;font-weight:700}.profile-form-group input,.profile-form-group textarea,.profile-form-group select{box-sizing:border-box;color:#111;background:#fff;border:1px solid #dedede;border-radius:10px;outline:none;width:100%;max-width:100%;padding:13px 14px;font-family:inherit;font-size:14px;transition:all .2s}.profile-form-group textarea{resize:vertical;min-height:90px}.profile-form-group input:focus,.profile-form-group textarea:focus,.profile-form-group select:focus{border-color:#d1aa2c;box-shadow:0 0 0 3px #f5c54226}.profile-value{box-sizing:border-box;color:#333;word-break:break-word;background:#fafafa;border:1px solid #eee;border-radius:10px;align-items:center;min-height:45px;padding:12px 13px;font-size:14px;display:flex}.location-profile-box{box-sizing:border-box;background:#fafafa;border:1px solid #eee;border-radius:14px;align-items:center;gap:15px;padding:18px;display:flex}.location-profile-icon{background:#fff6dc;border-radius:13px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:22px;display:flex}.location-profile-box strong{color:#111;margin-bottom:5px;font-size:14px;display:block}.location-profile-box p{color:#555;margin:0 0 5px;font-size:13px}.location-profile-box small{color:#888;font-size:11px}.edit-profile-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:700;transition:all .2s}.edit-profile-btn:hover{background:#292929;transform:translateY(-1px)}.profile-actions{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}.cancel-profile-btn,.save-profile-btn{cursor:pointer;border-radius:10px;min-height:46px;padding:0 20px;font-size:14px;font-weight:700;transition:all .2s}.cancel-profile-btn{color:#555;background:#fff;border:1px solid #ddd}.cancel-profile-btn:hover{background:#f7f7f7}.save-profile-btn{color:#111;background:#f5c542;border:1px solid #f5c542}.save-profile-btn:hover{background:#ffd75f}.cancel-profile-btn:disabled,.save-profile-btn:disabled{opacity:.6;cursor:not-allowed}.profile-success,.profile-error{box-sizing:border-box;border-radius:11px;margin-bottom:20px;padding:13px 16px;font-size:14px;font-weight:600}.profile-success{color:#20743b;background:#effaf2;border:1px solid #ccebd4}.profile-error{color:#b42318;background:#fff0f0;border:1px solid #ffd1d1}.profile-loading{color:#777;justify-content:center;align-items:center;min-height:300px;font-size:15px;display:flex}@media (width<=700px){.profile-main{padding:25px 15px 100px}.profile-page-header{flex-direction:column;align-items:flex-start;gap:15px}.profile-page-header h1{font-size:27px}.edit-profile-btn{width:100%}.profile-overview{text-align:center;flex-direction:column;align-items:center;padding:24px 18px}.profile-avatar-section{width:100%}.profile-avatar-large{min-width:90px;max-width:90px;min-height:90px;max-height:90px;width:90px!important;height:90px!important}.profile-overview-info{width:100%}.profile-overview-info h2{font-size:20px}.profile-service-badge{align-self:center}.profile-form-grid{grid-template-columns:1fr;gap:16px}.profile-form-group.full-width{grid-column:auto}.profile-card{border-radius:17px;padding:20px 17px}.profile-actions{flex-direction:column-reverse}.cancel-profile-btn,.save-profile-btn{width:100%}.location-profile-box{align-items:flex-start}}@media (width<=400px){.profile-main{padding-left:12px;padding-right:12px}.profile-card{padding:18px 14px}.profile-avatar-large{min-width:82px;max-width:82px;min-height:82px;max-height:82px;width:82px!important;height:82px!important}}.profile-avatar{border-radius:50%;flex-shrink:0;overflow:hidden}.profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.shop-avatar{border-radius:50%;overflow:hidden}.shop-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.barber-dashboard .dashboard-header .profile-avatar{border-radius:50%!important;flex-shrink:0!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;overflow:hidden!important}.barber-dashboard .dashboard-header .profile-avatar img{object-fit:cover!important;border-radius:50%!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;display:block!important}.customer-header{z-index:1000;box-sizing:border-box;background:#111;justify-content:space-between;align-items:center;height:78px;padding:0 32px;display:flex;position:relative}.customer-header-right{align-items:center;gap:18px;display:flex;position:relative}.customer-notification-wrapper{align-items:center;display:flex;position:relative}.customer-notification{color:#111;cursor:pointer;box-sizing:border-box;z-index:1002;background:#f4c542;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;min-height:46px;padding:0;font-size:21px;line-height:1;display:flex;position:relative}.customer-notification:hover{transform:translateY(-1px)}.customer-notification-badge{color:#fff;box-sizing:border-box;background:#e53935;border:2px solid #111;border-radius:20px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.customer-notification-dropdown{z-index:2000;color:#111;background:#fff;border:1px solid #e5e5e5;border-radius:16px;width:360px;max-width:calc(100vw - 30px);position:absolute;top:56px;right:0;overflow:hidden;box-shadow:0 15px 45px #0000002e}.customer-notification-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding:15px 17px;display:flex}.customer-notification-header strong{color:#111;font-size:16px;display:block}.customer-notification-header small{color:#777;margin-top:3px;font-size:12px;display:block}.customer-mark-all{color:#b8870b;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:5px;font-size:12px;font-weight:700}.customer-notification-list{max-height:390px;overflow-y:auto}.customer-notification-item{text-align:left;cursor:pointer;box-sizing:border-box;color:#111;background:#fff;border:none;border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:12px;width:100%;min-height:76px;padding:14px 15px;display:flex;position:relative}.customer-notification-item:hover{background:#faf8f0}.customer-notification-item.unread{background:#fffaf0}.customer-notification-item-icon{background:#f6f6f6;border-radius:12px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:17px;display:flex}.customer-notification-item-content{flex:1;min-width:0}.customer-notification-item-content strong{color:#111;margin-bottom:4px;font-size:14px;font-weight:700;display:block}.customer-notification-item-content>span{color:#666;font-size:12px;line-height:1.45;display:block}.customer-notification-item-content small{color:#999;margin-top:5px;font-size:11px;display:block}.customer-notification-empty{text-align:center;color:#777;padding:35px 20px}.customer-notification-empty strong{color:#222;font-size:14px;display:block}.customer-notification-empty p{margin:6px 0 0;font-size:12px}.customer-avatar{color:#111;box-sizing:border-box;background:#f4c542;font-size:17px;font-weight:800;text-decoration:none;border-radius:50%!important;flex:0 0 46px!important;justify-content:center!important;align-items:center!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;min-height:46px!important;max-height:46px!important;display:flex!important;overflow:hidden!important}.customer-avatar img{object-fit:cover!important;object-position:center!important;border-radius:50%!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:block!important}.customer-dashboard{background:#f7f7f7;min-height:100vh}.customer-dashboard-main{z-index:1;position:relative}@media (width<=600px){.customer-header{height:68px;padding:0 16px}.customer-logo{font-size:18px!important}.customer-header-right{gap:10px}.customer-notification{width:42px;min-width:42px;height:42px;min-height:42px}.customer-avatar{flex-basis:42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important}.customer-notification-dropdown{width:auto;max-width:none;position:fixed;top:74px;left:12px;right:12px}}.barber-notification-wrapper{align-items:center;display:flex;position:relative}.notification-btn{color:#111;cursor:pointer;z-index:5;background:#f7c843;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;position:relative}.notification-btn:hover{transform:translateY(-1px)}.barber-notification-dropdown{z-index:9999;background:#fff;border:1px solid #e8e8e8;border-radius:18px;width:390px;max-width:calc(100vw - 30px);position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 18px 50px #0003}.barber-notification-header{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:16px 18px;display:flex}.barber-notification-header>div{flex-direction:column;gap:3px;display:flex}.barber-notification-header strong{color:#111;font-size:17px}.barber-notification-header span{color:#777;font-size:12px}.barber-notification-header button{color:#c28b00;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}.barber-notification-list{max-height:420px;overflow-y:auto}.barber-notification-item{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:12px;width:100%;padding:16px 18px;display:flex;position:relative}.barber-notification-item:hover{background:#fafafa}.barber-notification-item.unread{background:#fffaf0}.barber-notification-icon{background:#f5f5f5;border-radius:12px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-size:19px;display:flex}.barber-notification-content{min-width:0;padding-right:12px}.barber-notification-content strong{color:#111;margin-bottom:5px;font-size:14px;display:block}.barber-notification-content p{color:#555;margin:0 0 5px;font-size:13px;line-height:1.45}.barber-notification-content small{color:#999;font-size:11px}.barber-no-notifications{text-align:center;flex-direction:column;align-items:center;padding:45px 20px;display:flex}.barber-no-notifications div{margin-bottom:10px;font-size:30px}.barber-no-notifications strong{color:#222;font-size:15px}.barber-no-notifications span{color:#888;margin-top:5px;font-size:12px}@media (width<=600px){.barber-notification-dropdown{width:auto;max-width:none;position:fixed;top:72px;left:12px;right:12px}.notification-btn{width:44px;height:44px}}.dashboard-header{z-index:1000!important;position:relative!important}.dashboard-header-actions{align-items:center!important;gap:14px!important;display:flex!important;position:relative!important}.notification-wrapper{align-items:center!important;display:flex!important;position:relative!important}.notification-dropdown{z-index:99999!important;color:#111!important;background:#fff!important;border-radius:18px!important;width:370px!important;max-width:calc(100vw - 30px)!important;position:absolute!important;top:calc(100% + 14px)!important;right:0!important;overflow:hidden!important;box-shadow:0 18px 50px #0003!important}.notification-dropdown-header{background:#fff!important;border-bottom:1px solid #eee!important;justify-content:space-between!important;align-items:center!important;padding:18px 20px!important;display:flex!important}.notification-dropdown-header h3{color:#111!important;margin:0!important;font-size:18px!important}.notification-mark-all{color:#c79500!important;cursor:pointer!important;background:0 0!important;border:none!important;font-size:13px!important;font-weight:700!important}.notification-list{max-height:420px!important;overflow-y:auto!important}.notification-item{cursor:pointer!important;background:#fff!important;border-bottom:1px solid #eee!important;gap:13px!important;padding:16px 18px!important;transition:background .2s!important;display:flex!important}.notification-content{flex:1!important;min-width:0!important}.notification-content strong{color:#111!important;margin-bottom:4px!important;font-size:15px!important;display:block!important}.notification-content p{color:#555!important;margin:0!important;font-size:13px!important;line-height:1.4!important}.notification-content small{color:#999!important;margin-top:7px!important;font-size:12px!important;display:block!important}.notification-empty{text-align:center!important;color:#777!important;padding:35px 20px!important}.notification-empty p{margin:0!important;font-size:13px!important}@media (width<=600px){.dashboard-header{overflow:visible!important}.dashboard-header-actions{gap:8px!important}.notification-btn{width:48px!important;min-width:48px!important;height:48px!important}.notification-dropdown{width:auto!important;max-width:none!important;max-height:calc(100vh - 95px)!important;position:fixed!important;top:78px!important;left:12px!important;right:12px!important}.notification-list{max-height:calc(100vh - 180px)!important}}.notification-dropdown-header{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;gap:15px!important;min-height:70px!important;padding:18px 20px!important;display:flex!important}.notification-dropdown-header>div:first-child{flex-direction:column!important;flex:1!important;gap:4px!important;display:flex!important}.notification-dropdown-header h3{margin:0!important;padding:0!important;font-size:18px!important;line-height:1.2!important}.notification-dropdown-header span{margin:0!important;font-size:13px!important;line-height:1.2!important;display:block!important}.notification-mark-all{white-space:nowrap!important;flex-shrink:0!important}@media (width<=600px){.notification-dropdown{border-radius:18px!important;width:auto!important;top:84px!important;left:10px!important;right:10px!important}.notification-dropdown-header{min-height:68px!important;padding:16px!important}.notification-dropdown-header h3{font-size:17px!important}.notification-dropdown-header span,.notification-mark-all{font-size:12px!important}}.dashboard-header{z-index:1000!important;position:relative!important;overflow:visible!important}.dashboard-header-actions{align-items:center!important;gap:14px!important;display:flex!important;position:relative!important;overflow:visible!important}.notification-wrapper{align-items:center!important;display:flex!important;position:relative!important;overflow:visible!important}.notification-btn{cursor:pointer!important;z-index:1002!important;background:#f4c542!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:50px!important;min-width:50px!important;height:50px!important;font-size:23px!important;display:flex!important;position:relative!important}.notification-dropdown{color:#111!important;z-index:999999!important;box-sizing:border-box!important;background:#fff!important;border-radius:18px!important;width:360px!important;max-width:calc(100vw - 24px)!important;position:absolute!important;top:calc(100% + 12px)!important;left:auto!important;right:0!important;overflow:hidden!important;box-shadow:0 18px 50px #0003!important}.notification-header{box-sizing:border-box!important;background:#fff!important;border-bottom:1px solid #eee!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;padding:16px 18px!important;display:flex!important}.notification-header>div{flex-direction:column!important;gap:4px!important;min-width:0!important;display:flex!important}.notification-header strong{color:#111!important;margin:0!important;font-size:18px!important;line-height:1.2!important;display:block!important}.notification-header span{color:#777!important;margin:0!important;font-size:13px!important;line-height:1.2!important;display:block!important}.mark-all-btn{white-space:nowrap!important;color:#c79500!important;cursor:pointer!important;background:0 0!important;border:none!important;flex-shrink:0!important;font-size:12px!important;font-weight:700!important}.notification-list{box-sizing:border-box!important;width:100%!important;max-width:100%!important;max-height:420px!important;overflow:hidden auto!important}.notification-item{box-sizing:border-box!important;text-align:left!important;cursor:pointer!important;background:#fff!important;border:none!important;border-bottom:1px solid #eee!important;align-items:flex-start!important;gap:12px!important;width:100%!important;max-width:100%!important;padding:15px 16px!important;display:flex!important;position:relative!important;overflow:hidden!important}.notification-icon{background:#f5f5f5!important;border-radius:12px!important;flex:0 0 44px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;font-size:20px!important;display:flex!important}.notification-content{flex:auto!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.notification-content strong{color:#111!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important;margin:0 0 4px!important;font-size:15px!important;line-height:1.3!important;display:block!important}.notification-content p{color:#555!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important;margin:0 0 6px!important;font-size:13px!important;line-height:1.4!important;display:block!important}.notification-content small{color:#999!important;overflow-wrap:anywhere!important;word-break:break-word!important;margin:4px 0 0!important;font-size:12px!important;display:block!important}.notification-content time{color:#999!important;overflow-wrap:anywhere!important;margin-top:4px!important;font-size:11px!important;display:block!important}.notification-unread-dot{background:#e53935!important;border-radius:50%!important;width:8px!important;height:8px!important;position:absolute!important;top:20px!important;right:12px!important}.notification-empty{box-sizing:border-box!important;text-align:center!important;color:#777!important;width:100%!important;padding:35px 20px!important}.notification-empty strong{color:#333!important;margin-bottom:6px!important;display:block!important}.notification-empty span{color:#777!important;font-size:13px!important;display:block!important}@media (width<=600px){.dashboard-header{overflow:visible!important}.dashboard-header-actions{gap:8px!important;overflow:visible!important}.notification-wrapper{position:static!important}.notification-btn{width:48px!important;min-width:48px!important;height:48px!important}.notification-dropdown{z-index:999999!important;border-radius:18px!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:calc(100vh - 100px)!important;margin:0!important;position:fixed!important;top:82px!important;left:10px!important;right:10px!important;overflow:hidden auto!important}.notification-header{padding:15px!important}.notification-header strong{font-size:17px!important}.notification-header span{font-size:12px!important}.notification-item{gap:10px!important;padding:15px!important}.notification-icon{flex:0 0 44px!important;width:44px!important;height:44px!important}.notification-content{min-width:0!important}.notification-content strong{font-size:15px!important}.notification-content p{font-size:13px!important}}@media (width<=380px){.notification-dropdown{top:76px!important;left:6px!important;right:6px!important}.notification-item{gap:9px!important;padding:13px!important}.notification-icon{flex-basis:40px!important;width:40px!important;height:40px!important}}.barber-notification-wrapper{z-index:10000!important;position:relative!important}@media (width<=600px){.barber-notification-dropdown{z-index:999999!important;border-radius:16px!important;width:auto!important;max-width:none!important;margin:0!important;position:fixed!important;top:82px!important;left:12px!important;right:12px!important}}.barber-notification-wrapper{flex-shrink:0;align-items:center;display:flex;position:relative}.notification-btn{cursor:pointer;z-index:20;background:#f4c542;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;padding:0;font-size:23px;display:flex;position:relative}.notification-badge{color:#fff;background:#d32f2f;border:2px solid #111;border-radius:20px;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.barber-notification-dropdown{z-index:99999;color:#111;background:#fff;border:1px solid #e5e5e5;border-radius:18px;width:380px;max-width:calc(100vw - 24px);position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 18px 45px #0000002e}.notification-dropdown-header{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:16px 18px;display:flex}.notification-dropdown-header>div{flex-direction:column;gap:5px;min-width:0;display:flex}.notification-dropdown-header strong{color:#111;font-size:18px;line-height:1.2}.notification-dropdown-header span{color:#777;font-size:13px}.mark-all-read-btn{color:#8a6200;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:5px 0;font-size:12px;font-weight:700}.notification-list{background:#fff;width:100%;max-height:430px;overflow:hidden auto}.notification-item{cursor:pointer;text-align:left;box-sizing:border-box;border:none;border-bottom:1px solid #eee;align-items:flex-start;gap:12px;width:100%;min-width:0;padding:15px 16px;display:flex;position:relative}.notification-item.unread{background:#fffaf0}.notification-item.read{background:#fff}.notification-item:hover{background:#f8f8f8}.notification-icon{background:#f4f4f4;border-radius:13px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;font-size:21px;display:flex}.notification-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex;overflow:hidden}.notification-content strong{color:#111;white-space:normal;overflow-wrap:anywhere;font-size:15px;line-height:1.3}.notification-content p{color:#666;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:13px;line-height:1.4}.notification-content small{color:#999;font-size:12px}.notification-content time{color:#999;font-size:11px}.notification-unread-dot{background:#d49b00;border-radius:50%;width:8px;min-width:8px;height:8px;margin-top:6px}.notification-empty{text-align:center;color:#777;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:160px;padding:30px 20px;display:flex}.notification-empty-icon{margin-bottom:3px;font-size:32px}.notification-empty strong{color:#222;font-size:15px}.notification-empty span{font-size:13px}.notification-footer{text-align:center;color:#888;border-top:1px solid #eee;padding:10px;font-size:12px}.profile-avatar-link{justify-content:center;align-items:center;display:flex;overflow:hidden}.profile-avatar-link img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.dashboard-error{color:#664d03;background:#fff3cd;border-radius:10px;margin-bottom:20px;padding:15px}.appointment-actions{flex-shrink:0;gap:8px;margin-left:auto;display:flex}.dashboard-empty{text-align:center;padding:30px}.dashboard-empty>div{font-size:35px}.dashboard-empty h3{margin:8px 0}.dashboard-empty p{margin:0}@media (width<=700px){.dashboard-header{z-index:100;position:relative}.dashboard-header-actions{gap:8px}.notification-btn{width:48px;min-width:48px;height:48px}.barber-notification-dropdown{border-radius:17px;width:auto;max-width:none;max-height:calc(100vh - 90px);position:fixed;top:72px;left:12px;right:12px}.notification-list{max-height:calc(100vh - 170px)}.profile-mini-text{display:none}.profile-avatar-link{width:46px;min-width:46px;height:46px}.notification-item{padding:14px 13px}.notification-content strong{font-size:14px}.notification-content p{font-size:12px}.appointment-actions{width:100%;margin-left:0}}@media (width<=420px){.barber-notification-dropdown{top:68px;left:8px;right:8px}.notification-dropdown-header{padding:14px}.notification-dropdown-header strong{font-size:16px}.notification-icon{width:42px;min-width:42px;height:42px}}.toast-portal-root{top:calc(var(--sat,0px) + 16px);z-index:999999;pointer-events:none;flex-direction:column;gap:10px;width:min(440px,100vw - 28px);padding:0;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast-card{pointer-events:auto;-webkit-backdrop-filter:blur(24px)saturate(190%);color:#fff;-webkit-user-select:none;user-select:none;background:#12161ef0;border:1px solid #ffffff1f;border-radius:18px;align-items:center;gap:14px;padding:14px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px -10px #0009,0 0 0 1px #0000004d}.toast-enter{animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideDown}.toast-exit{animation:.25s cubic-bezier(.4,0,1,1) forwards toastSlideUp}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-24px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastSlideUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.92)}}.toast-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-content-wrapper{flex:1;min-width:0}.toast-message{color:#f8fafc;margin:0;font-size:14.5px;font-weight:600;line-height:1.4}.toast-close-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.toast-close-btn:active{background:#ffffff26}.toast-progress-bar{width:100%;height:3px;animation:linear forwards toastProgress;position:absolute;bottom:0;left:0}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast-success{border-color:#10b98173;box-shadow:0 16px 36px -8px #10b98140,0 0 0 1px #10b98133}.toast-success .toast-progress-bar{background:#10b981}.toast-error{border-color:#f43f5e73;box-shadow:0 16px 36px -8px #f43f5e40,0 0 0 1px #f43f5e33}.toast-error .toast-progress-bar{background:#f43f5e}.toast-warning{border-color:#f59e0b73;box-shadow:0 16px 36px -8px #f59e0b40,0 0 0 1px #f59e0b33}.toast-warning .toast-progress-bar{background:#f59e0b}.toast-info{border-color:#38bdf873;box-shadow:0 16px 36px -8px #38bdf840,0 0 0 1px #38bdf833}.toast-info .toast-progress-bar{background:#38bdf8}.customer-header,.customer-mobile-nav,.dashboard-header,.mobile-dashboard-nav,.mobile-nav{display:none!important}.barber-list-page,.customer-dashboard-page,.customer-profile-page,.my-bookings-page,.booking-page,.barber-dashboard-page,.barber-bookings-page,.barber-availability-page,.barber-services-page{background-color:var(--bg-page);min-height:100%;padding:12px 16px 24px}.customer-location-banner{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0f172a0a}.customer-location-banner>span{font-size:22px}.location-button-main{color:#d4af37;background:#0b0f19;border:1px solid #d4af3759;border-radius:9999px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0b0f1926}.location-button-main:active{transform:scale(.94)}.barber-filters{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;padding:4px 0 14px;display:flex;overflow-x:auto}.barber-filters::-webkit-scrollbar{display:none}.filter-btn{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.filter-btn.active{color:#d4af37;background:#0b0f19;border-color:#0b0f19;box-shadow:0 4px 14px #0b0f1940}.filter-btn:active{transform:scale(.94)}.barber-list-grid{flex-direction:column;gap:16px;display:flex}.nearby-barber-card{background:#fff;border:1px solid #e2e8f0d9;border-radius:20px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 20px -2px #0f172a0f}.nearby-barber-card:active{transform:scale(.98)}.nearby-barber-image{background:#f1f5f9;width:100%;height:170px;position:relative;overflow:hidden}.nearby-barber-image img{object-fit:cover;width:100%;height:100%}.nearby-barber-content{flex-direction:column;gap:8px;padding:16px;display:flex}.nearby-barber-title-row{justify-content:space-between;align-items:center;display:flex}.nearby-barber-title-row h2{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.rating-badge{color:#b45309;background:#fef3c7;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.barber-owner{color:#64748b;margin:0;font-size:13px}.nearby-distance{color:#0284c7;align-items:center;gap:4px;margin:0;font-size:12px;font-weight:600;display:flex}.nearby-address{color:#94a3b8;margin:0;font-size:12px;line-height:1.4}.barber-service-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.barber-service-tags span{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.nearby-price-row{border-top:1px dashed #e2e8f0;align-items:center;gap:16px;margin-top:4px;padding-top:8px;display:flex}.nearby-price-row small{color:#64748b;font-size:11px;display:block}.nearby-price-row strong{color:#059669;font-size:16px;font-weight:800}.view-barber-btn{color:#fff;background:#0f172a;border-radius:14px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 14px #0f172a26}.view-barber-btn:active{background:#1e293b;transform:scale(.97)}.booking-page-container{padding-bottom:90px}.dates-slider-wrapper{scrollbar-width:none;gap:10px;padding:6px 0 16px;display:flex;overflow-x:auto}.date-pill-btn{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:64px;padding:12px 8px;transition:all .2s;display:flex}.date-pill-btn.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 4px 14px #0f172a33}.slot-grid-layout{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.slot-chip{text-align:center;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 8px;font-size:13px;font-weight:600;transition:all .15s}.slot-chip.selected{color:#0f172a;background:#f59e0b;border-color:#f59e0b;font-weight:800;box-shadow:0 4px 12px #f59e0b4d}.slot-chip.booked{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;text-decoration:line-through}.sticky-checkout-bar{bottom:calc(62px + env(safe-area-inset-bottom,0px));z-index:850;-webkit-backdrop-filter:blur(20px);background:#fffffff0;border-top:1px solid #e2e8f0e6;padding:12px 16px;position:fixed;left:0;right:0;box-shadow:0 -8px 24px -4px #0f172a14}.sticky-checkout-inner{justify-content:space-between;align-items:center;max-width:600px;margin:0 auto;display:flex}.checkout-summary-col small{color:#64748b;font-size:11px;display:block}.checkout-summary-col strong{color:#0f172a;font-size:20px;font-weight:800}.checkout-action-btn{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:14px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #f59e0b66}.checkout-action-btn:active{transform:scale(.96)}.boc-skeleton{background:linear-gradient(90deg,#f3f0e6 0%,#e8e4d8 50%,#f3f0e6 100%) 0 0/200% 100%;animation:1.5s infinite bocShimmer;display:block}.boc-skeleton-text{border-radius:var(--radius-sm);height:14px;margin-bottom:8px}.boc-skeleton-circular{border-radius:50%}.boc-skeleton-rectangular{border-radius:var(--radius-md)}.boc-skeleton-card{border-radius:var(--radius-lg);border:1px solid var(--border-light);height:180px}@keyframes bocShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.boc-btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.boc-btn:active:not(:disabled){transform:scale(.98)}.boc-btn-full{width:100%}.boc-btn-sm{border-radius:var(--radius-sm);height:34px;padding:0 12px;font-size:13px}.boc-btn-md{height:44px;padding:0 18px;font-size:14px}.boc-btn-lg{height:50px;padding:0 24px;font-size:15px}.boc-btn-primary,.boc-btn-gold{background-color:var(--primary-accent);color:#151515;border-color:var(--primary-accent);box-shadow:0 2px 6px #d4a01740}.boc-btn-primary:hover:not(:disabled),.boc-btn-gold:hover:not(:disabled){background-color:var(--primary-accent-hover);border-color:var(--primary-accent-hover)}.boc-btn-secondary{color:#fff;background-color:#151515;border-color:#151515}.boc-btn-secondary:hover:not(:disabled){background-color:#262626}.boc-btn-outline{color:#151515;border-color:var(--border-light);background-color:#fff}.boc-btn-outline:hover:not(:disabled){background-color:#f5f2e9;border-color:#151515}.boc-btn-ghost{color:#6e6e6e;background-color:#0000;border-color:#0000}.boc-btn-ghost:hover:not(:disabled){color:#151515;background-color:#1515150d}.boc-btn-danger{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.boc-btn-danger:hover:not(:disabled){background-color:#fee2e2}.boc-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.boc-btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite bocSpin}@keyframes bocSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.boc-empty-state{text-align:center;background-color:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;margin:16px 0;padding:48px 24px;display:flex}.boc-empty-icon-wrapper{width:64px;height:64px;color:var(--primary-accent);border:1px solid var(--border-light);background-color:#f5f2e9;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.boc-empty-title{color:var(--text-main);margin-bottom:6px;font-size:17px;font-weight:700}.boc-empty-desc{color:var(--text-muted);max-width:320px;margin:0 auto 20px;font-size:13px;line-height:1.5}.boc-status-badge{border-radius:var(--radius-full);letter-spacing:.2px;white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.boc-badge-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.boc-badge-success{background-color:var(--status-success-bg);color:var(--status-success);border:1px solid #16a34a33}.boc-badge-gold{color:#b47805;background-color:#fffdf0;border:1px solid #d4a01759}.boc-badge-warning{background-color:var(--status-pending-bg);color:var(--status-pending);border:1px solid #d9770633}.boc-badge-error{background-color:var(--status-error-bg);color:var(--status-error);border:1px solid #dc262633}.boc-badge-info{color:#2563eb;background-color:#eff6ff;border:1px solid #2563eb33}.boc-badge-neutral{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb}.luxury-bookings-container{box-sizing:border-box;width:100%;max-width:480px;margin:0 auto;padding:16px 16px 32px;font-family:inherit}.luxury-bookings-hero{color:#faf7ef;background:linear-gradient(135deg,#151515 0%,#222 100%);border:1px solid #d4a01740;border-radius:18px;margin-bottom:16px;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.hero-eyebrow-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.luxury-eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:#d4a017;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.luxury-refresh-pill{color:#faf7ef;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.luxury-refresh-pill:active{background:#ffffff2e;transform:scale(.95)}.spin-icon{animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-title-row{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.luxury-page-title{letter-spacing:-.3px;color:#faf7ef;margin:0;font-size:22px;font-weight:800}.luxury-page-subtitle{color:#faf7efb3;margin:4px 0 0;font-size:12.5px}.luxury-count-pill{background:#d4a01726;border:1px solid #d4a01759;border-radius:12px;flex-direction:column;align-items:center;padding:6px 14px;display:flex}.count-num{color:#d4a017;font-size:16px;font-weight:800;line-height:1}.count-label{color:#faf7efb3;text-transform:uppercase;margin-top:2px;font-size:10px}.luxury-filter-tabs{scrollbar-width:none;gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.luxury-tab-pill{cursor:pointer;color:#151515;white-space:nowrap;background-color:#fff;border:1px solid #00000014;border-radius:20px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .15s}.luxury-tab-pill.active{color:#faf7ef;background-color:#151515;border-color:#151515}.luxury-bookings-list{flex-direction:column;gap:14px;display:flex}.luxury-booking-card{background-color:#fff;border:1px solid #00000012;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 2px 8px #00000008}.card-header-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-title-group{flex-direction:column;gap:4px;display:flex}.booking-ref-badge{color:#d4a017;background-color:#faf7ef;border-radius:6px;align-items:center;gap:4px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.service-title-text{color:#151515;margin:0;font-size:15px;font-weight:800}.card-barber-row{background-color:#faf7ef;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.barber-circle-avatar{color:#d4a017;background-color:#151515;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.barber-info-text{flex-direction:column;display:flex}.barber-shop-name{color:#151515;font-size:13px;font-weight:750}.barber-location-tag{color:#6e6e6e;align-items:center;gap:3px;font-size:11px;display:flex}.card-metrics-grid{border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px 0;display:grid}.metric-box{flex-direction:column;display:flex}.metric-label{color:#6e6e6e;text-transform:uppercase;font-size:10.5px}.metric-value{color:#151515;margin-top:2px;font-size:13px;font-weight:700}.metric-value.price{color:#d4a017;font-weight:800}.card-meta-row{flex-direction:column;gap:4px;font-size:12px;display:flex}.meta-pill-type{color:#151515;font-size:11.5px;font-weight:700}.meta-address-text{color:#6e6e6e;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.card-actions-row{border-top:1px solid #0000000d;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.gold-pay-btn{color:#151515;cursor:pointer;background:#d4a017;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:12.5px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #d4a0174d}.cancel-ghost-btn{color:#6e6e6e;cursor:pointer;background:0 0;border:1px solid #0000001f;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.rate-barber-btn{color:#d4a017;cursor:pointer;background:#151515;border:1px solid #d4a01766;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.luxury-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:12px 16px;font-size:13px;display:flex}.boc-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background-color:#15151599;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=600px){.boc-modal-backdrop{align-items:center;padding:20px}}.boc-modal-panel{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border:1px solid var(--border-light);width:100%;max-width:480px;max-height:80vh;box-shadow:var(--shadow-lg);background-color:#fff;flex-direction:column;animation:.25s ease-out slideUpModal;display:flex}@media (width>=600px){.boc-modal-panel{border-radius:var(--radius-lg)}}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.boc-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.boc-modal-title-group{align-items:center;gap:8px;display:flex}.boc-modal-icon{color:var(--primary-accent)}.boc-modal-title{color:var(--text-main);margin:0;font-size:16px;font-weight:700}.boc-modal-count-pill{color:var(--primary-accent);border-radius:var(--radius-full);background-color:#151515;padding:2px 8px;font-size:11px;font-weight:700}.boc-modal-header-actions{align-items:center;gap:12px;display:flex}.boc-modal-text-btn{color:var(--primary-accent);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.boc-modal-close-btn{border:1px solid var(--border-light);width:32px;height:32px;color:var(--text-main);cursor:pointer;background:#faf7ef;border-radius:50%;justify-content:center;align-items:center;display:flex}.boc-modal-body{flex:1;padding:16px;overflow-y:auto}.boc-modal-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 16px;font-size:14px;display:flex}.boc-notification-items{flex-direction:column;gap:10px;display:flex}.boc-notif-card{border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:#fff;padding:12px 14px;transition:background-color .15s}.boc-notif-card.unread{background-color:#fffdf5;border-color:#d4a01766}.boc-notif-title{color:var(--text-main);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.boc-notif-msg{color:var(--text-muted);margin:0 0 6px;font-size:12px;line-height:1.4}.boc-notif-time{color:#94a3b8;align-items:center;gap:4px;font-size:11px;display:flex}.native-mobile-header{z-index:900;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);padding-top:max(env(safe-area-inset-top,0px), 10px);background:#faf7eff2;padding-bottom:10px;position:sticky;top:0;left:0;right:0;box-shadow:0 1px 3px #15151508}.mobile-header-inner{max-width:600px;margin:0 auto;padding:0 16px}.root-header-row{justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:12px;display:flex}.brand-badge{align-items:center;gap:10px;display:flex}.brand-logo-circle{border-radius:var(--radius-md);background:#151515;border:1px solid #d4a01766;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #15151526}.brand-info{flex-direction:column;display:flex}.brand-title{color:#151515;letter-spacing:-.02em;font-size:15px;font-weight:800;line-height:1.2}.location-pill{align-items:center;gap:4px;margin-top:1px;display:flex}.location-text{color:var(--text-muted);font-size:11px;font-weight:500}.header-right{align-items:center;gap:10px;display:flex}.header-icon-btn{border:1px solid var(--border-light);width:38px;height:38px;box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.header-icon-btn:active{background:#f5f2e9;transform:scale(.94)}.notification-badge-dot{background:var(--status-error);color:#fff;border:2px solid #faf7ef;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.header-avatar-btn{cursor:pointer;background:0 0;border:none;padding:0}.user-avatar-initial{width:38px;height:38px;color:var(--primary-accent);background:#151515;border:1px solid #d4a01766;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 6px #1515151a}.subpage-header-row{justify-content:space-between;align-items:center;height:38px;display:flex}.header-back-btn{border-radius:var(--radius-md);border:1px solid var(--border-light);cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow-sm);background:#fff;justify-content:center;align-items:center;transition:all .15s;display:flex}.header-back-btn:active{background:#f5f2e9;transform:scale(.94)}.header-subpage-title{color:#151515;letter-spacing:-.01em;text-align:center;flex:1;margin:0;font-size:16px;font-weight:700}.header-spacer{width:38px}.native-bottom-nav{z-index:999;-webkit-backdrop-filter:blur(20px);padding-bottom:max(env(safe-area-inset-bottom,0px), 8px);background:#fffffff0;border-top:1px solid #d4a01733;padding-top:6px;transition:all .3s;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.bottom-nav-container{justify-content:space-around;align-items:center;max-width:500px;margin:0 auto;padding:0 8px;display:flex}.bottom-nav-item{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:54px;padding:4px 10px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.bottom-nav-item:active{transform:scale(.92)}.nav-icon-wrapper{justify-content:center;align-items:center;width:28px;height:26px;display:flex;position:relative}.nav-svg-icon{color:#7a7a7a;transition:all .25s}.bottom-nav-item.active .nav-svg-icon{color:#d4a017;transform:translateY(-2px)}.active-glow-pill{background:#d4a017;border-radius:3px;width:16px;height:3px;animation:.3s cubic-bezier(.34,1.56,.64,1) glowIn;position:absolute;bottom:-4px;box-shadow:0 2px 8px #d4a01799}@keyframes glowIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.nav-label{color:#7a7a7a;letter-spacing:-.01em;margin-top:3px;font-size:11px;font-weight:500;transition:color .2s,font-weight .2s}.bottom-nav-item.active .nav-label{color:#151515;font-weight:800}@media (width>=769px){.native-bottom-nav{display:none}}.native-app-shell{background-color:var(--bg-page);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.native-app-content{width:100%;max-width:600px;padding-bottom:calc(75px + env(safe-area-inset-bottom,0px));flex:1;margin:0 auto}@media (width>=768px){.native-app-shell{background-color:#f1f5f9}.native-app-content{background-color:#f8fafc;min-height:100vh;box-shadow:0 0 40px #0000000d}}