.aurora-container{width:100%;height:100%}:root{--color-bg:#08080d;--color-page-bg:#0a0a11;--color-surface:#121218;--color-surface-2:#1a1a24;--color-surface-card:#15151f;--color-text:#f2f1f6;--color-text-inverse:#08080d;--color-text-muted:#9691a5;--color-border:#ffffff17;--color-primary:#21e6b0;--color-primary-dark:#17c398;--color-primary-light:#21e6b026;--color-accent:#ffb020;--color-danger:#ff5c6c;--color-success:#21e6b0;--gradient-brand:linear-gradient(135deg, #21e6b0 0%, #ffb020 100%);--navbar-bg:#0a0a11b8;--navbar-border:#ffffff17;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 10px #00000059;--shadow-md:0 12px 32px #00000080;--shadow-glow:0 0 28px #21e6b04d;--transition:.18s ease;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-palette=rosa]{--color-primary:#e85d8a;--color-primary-dark:#c94571;--color-primary-light:#e85d8a24;--color-accent:#f4a4c0;--color-danger:#e0526b;--color-success:#4caf82;--gradient-brand:linear-gradient(135deg, #e85d8a 0%, #f4a4c0 100%);--shadow-glow:0 0 28px #e85d8a47}html[data-palette=lavanda]{--color-primary:#9b7ee8;--color-primary-dark:#7d5cc9;--color-primary-light:#9b7ee824;--color-accent:#e8b34a;--color-danger:#e0526b;--color-success:#4caf82;--gradient-brand:linear-gradient(135deg, #9b7ee8 0%, #e8b34a 100%);--shadow-glow:0 0 28px #9b7ee847}html[data-palette=durazno]{--color-primary:#ff8266;--color-primary-dark:#e6633f;--color-primary-light:#ff826624;--color-accent:#ffb949;--color-danger:#e0526b;--color-success:#4caf82;--gradient-brand:linear-gradient(135deg, #ff8266 0%, #ffb949 100%);--shadow-glow:0 0 28px #ff826647}html[data-palette=azul]{--color-primary:#5b8def;--color-primary-dark:#4470c9;--color-primary-light:#5b8def26;--color-accent:#22d3ee;--color-danger:#ff5c6c;--color-success:#5b8def;--gradient-brand:linear-gradient(135deg, #5b8def 0%, #22d3ee 100%);--shadow-glow:0 0 28px #5b8def4d}html[data-palette=neutro]{--color-primary:#0d9488;--color-primary-dark:#0b7d73;--color-primary-light:#0d94881f;--color-accent:#f59e0b;--color-danger:#e0524a;--color-success:#0d9488;--gradient-brand:linear-gradient(135deg, #0d9488 0%, #f59e0b 100%);--shadow-glow:0 0 28px #0d948840}html[data-palette=barberia]{--color-primary:#c9a24b;--color-primary-dark:#a9843a;--color-primary-light:#c9a24b29;--color-accent:#e2c374;--color-danger:#e0524a;--color-success:#6b8f71;--gradient-brand:linear-gradient(135deg, #c9a24b 0%, #e2c374 100%);--shadow-glow:0 0 28px #c9a24b40;--font-display:"Oswald", "Inter", sans-serif}html[data-palette=estetica]{--color-primary:#b9704f;--color-primary-dark:#9c5a3d;--color-primary-light:#b9704f24;--color-accent:#d9b6a0;--color-danger:#c8534a;--color-success:#7a9370;--gradient-brand:linear-gradient(135deg, #b9704f 0%, #d9b6a0 100%);--shadow-glow:0 0 28px #b9704f38;--font-display:"Fraunces", Georgia, serif;--font-display-style:italic}html[data-palette=peluqueria]{--color-primary:#6b6259;--color-primary-dark:#524a43;--color-primary-light:#6b62591f;--color-accent:#b8b0a0;--color-danger:#b8564a;--color-success:#6b8066;--gradient-brand:linear-gradient(135deg, #6b6259 0%, #b8b0a0 100%);--shadow-glow:0 0 28px #6b62592e;--font-display:"Manrope", "Inter", sans-serif}html[data-mode=claro]{--color-bg:#f7f7f9;--color-page-bg:#f7f7f9;--color-surface:#fff;--color-surface-2:#eef0f3;--color-surface-card:#fff;--color-text:#1c1e21;--color-text-inverse:#fff;--color-text-muted:#6b7280;--color-border:#00000017;--navbar-bg:#ffffffbf;--navbar-border:#00000014;--shadow-sm:0 2px 10px #14141e14;--shadow-md:0 12px 32px #14141e1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:var(--color-page-bg);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}img{max-width:100%;display:block}@media (width<=768px){button,.nav-btn,.nav-item,a.btn,input[type=submit]{min-height:44px}input,select,textarea{font-size:16px}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#3a3a48;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d4d5e}.app{flex-direction:column;min-height:100vh;display:flex}.page{width:100%}.main-content{width:100%;max-width:1100px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));margin:0 auto}@media (width<=768px){.main-content{padding-top:12px;padding-bottom:24px}}.landing{text-align:center;background:linear-gradient(#fff,#f7f7f7);justify-content:center;align-items:center;height:auto;min-height:40vh;padding:80px 20px;display:flex}.landing h1{margin-bottom:10px;font-size:34px}.landing p{color:var(--color-text-muted)}.cta{background:var(--gradient-brand);color:var(--color-text-inverse);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), filter var(--transition);border:none;border-radius:999px;margin-top:20px;padding:15px 30px;font-size:1rem;font-weight:700;box-shadow:0 6px 22px #21e6b059}.cta:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 28px #21e6b073}.cta:active{transform:translateY(0)}.cta:hover{background:#333}.card{background:var(--color-surface-card);border:1px solid var(--color-border);cursor:pointer;border-radius:16px;padding:18px;transition:all .25s;box-shadow:0 2px 6px #0000000a,0 10px 25px #0000000f}.card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014,0 20px 40px #00000014}.card.active{border:2px solid var(--color-primary)}.card img{object-fit:cover;border-radius:10px;width:100%;height:110px;margin-bottom:10px}.summary-row{flex-wrap:wrap;gap:12px;display:flex}.slots-grid{grid-template-columns:repeat(4,1fr);gap:10px;max-width:420px;display:grid}.slot{border:1px solid var(--color-border);text-align:center;cursor:pointer;border-radius:8px;padding:10px;transition:all .2s}.slot:hover,.slot.active{background:var(--gradient-brand);color:#fff}.input{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface-2);width:100%;max-width:100%;color:var(--color-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:10px;margin-bottom:15px;padding:14px;font-family:inherit;font-size:14px;transition:all .2s}html[data-mode=claro] .input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input[type=time].input,input[type=date].input{width:100%;min-width:0}select.input{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239691a5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.input:focus{border-color:var(--color-text);outline:none}.progress{background:var(--color-surface-2);border-radius:10px;height:6px;margin-bottom:20px}.progress div{background:var(--gradient-brand);border-radius:10px;height:100%;transition:all .3s}.back{cursor:pointer;background:0 0;border:none;margin-bottom:15px;font-weight:600}.center{justify-content:center;align-items:center;height:80vh;display:flex}.success{text-align:center}.toast{background:var(--gradient-brand);color:#fff;border-radius:10px;padding:14px 20px;font-size:14px;animation:.3s fadeIn;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 30px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.landing{height:auto;padding:40px 20px}}.slots-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.navbar-glass{box-shadow:0 8px 30px #0000000d}.nav-btn{border:1px solid var(--color-border);background:var(--color-surface-card);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-weight:500;transition:all .2s;display:flex}.nav-btn:hover{background:var(--gradient-brand);color:#fff}.admin-list{flex-direction:column;gap:10px;display:flex}.row{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:12px;grid-template-columns:repeat(6,1fr) 1.5fr;align-items:center;gap:10px;padding:14px;display:grid}.header-row{background:var(--color-surface-2);font-weight:600}.actions{gap:10px;display:flex}.cancel-btn,.delete-btn,.reactivate-btn,.complete-btn{border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition), filter var(--transition), background var(--transition);border:none;align-items:center;gap:6px;padding:9px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.cancel-btn:hover,.delete-btn:hover,.reactivate-btn:hover,.complete-btn:hover{transform:translateY(-1px)}.complete-btn{color:var(--color-primary);background:#21e6b026}.complete-btn:hover{background:var(--color-primary);color:var(--color-text-inverse)}.cancel-btn{color:var(--color-danger);background:#ff5c6c1f}.cancel-btn:hover{background:#ff5c6c38}.reactivate-btn{background:var(--color-primary-light);color:var(--color-primary-dark)}.reactivate-btn:hover{background:var(--color-primary);color:var(--color-text-inverse)}.delete-btn{background:var(--color-danger);color:#fff}.delete-btn:hover{filter:brightness(1.1)}.modal-close{cursor:pointer;opacity:.7;width:32px;height:32px;transition:opacity var(--transition), background var(--transition);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{opacity:1;background:#ffffff1a}.modal-title{letter-spacing:-.01em;text-align:center;margin-bottom:24px;font-size:22px;font-weight:800}.login-button{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;cursor:pointer;width:100%;transition:transform var(--transition), box-shadow var(--transition);border:none;padding:15px;font-size:15px;font-weight:700;box-shadow:0 4px 14px #21e6b04d}.login-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #21e6b066}.login-field{margin-bottom:14px;position:relative}.login-icon{color:#0006;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-field input{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100%;max-width:100%;color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition);background:#ffffff0f;outline:none;padding:14px 14px 14px 40px;font-size:15px;display:block}.login-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #21e6b026}@media (width<=768px){.input,.login-field input{font-size:16px}}.page,.main-content{overflow-x:hidden}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-md);max-height:90vh;padding:28px;position:relative;overflow-y:auto}.modal-content h2,.modal-content h3{letter-spacing:-.01em;text-align:center;margin-top:0;font-weight:800}.modal-form{flex-direction:column;gap:12px;margin-top:12px;display:flex}.modal-actions{justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.button{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);cursor:pointer;text-align:center;transition:transform var(--transition), box-shadow var(--transition), filter var(--transition), background var(--transition), border-color var(--transition);justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.92rem;font-weight:600;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.full{width:100%}.button.primary{background:var(--gradient-brand);color:var(--color-text-inverse);border:none;box-shadow:0 4px 16px #21e6b040}.button.primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 8px 22px #21e6b059}.button.secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.button.secondary:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface)}.button.danger{background:var(--color-danger);color:#fff;border:none}.button.danger:hover:not(:disabled){filter:brightness(1.12)}.barber-filter-row{z-index:1;scroll-behavior:smooth;gap:10px;padding:12px 4px 18px;display:flex;position:relative;overflow:auto visible}.barber-pill{background:var(--color-surface-card);border:1.5px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:transform var(--transition), border-color var(--transition), background var(--transition), color var(--transition), box-shadow var(--transition);border-radius:999px;flex:none;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex;position:relative}.barber-pill img{object-fit:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px}.barber-pill:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.barber-pill.active-all{background:var(--gradient-brand);color:#fff;border:1px solid var(--color-text)}.barber-pill.active{background:var(--gradient-brand);color:var(--color-text-inverse);box-shadow:var(--shadow-glow);border-color:#0000}.barber-pill.active-all:hover{background:#000}.delete-service-btn{color:#ff4d4d;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:16px;transition:all .2s}.delete-service-btn:hover{transform:scale(1.2)}.barber-edit{color:#fff;cursor:pointer;background:#0009;border-radius:50%;padding:6px;font-size:12px;transition:all .2s;position:absolute;top:6px;right:6px}.barber-edit:hover{background:var(--color-surface-card);color:var(--color-text);transform:scale(1.1)}.section-actions{justify-content:flex-end;gap:12px;margin-bottom:20px;display:flex}.barber-filter-row{gap:10px;padding-bottom:10px;display:flex;overflow-x:auto}.section h2{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:8px;font-size:18px;font-weight:600;display:flex}.section{margin-bottom:40px}.section-title{letter-spacing:-.5px;margin-bottom:20px;font-size:22px;font-weight:700}.section.block{border-bottom:1px solid var(--color-border);padding-bottom:30px}.section-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px;display:flex}.button span{opacity:.6;margin-left:6px;font-size:12px}.section-actions{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.avatar-wrapper{width:90px;height:90px;position:relative}.avatar-wrapper img{object-fit:cover;border:2px solid var(--color-border);border-radius:50%;width:90px;height:90px;box-shadow:0 10px 25px #0000001f}.avatar-edit-btn{background:var(--gradient-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;bottom:0;right:0}.avatar-edit-btn:hover{background:#000;transform:scale(1.1)}.section-title{margin-bottom:24px;font-size:20px;font-weight:700;position:relative}@media (width<=768px){.admin-list{gap:16px}.row{border:1px solid var(--color-border);background:var(--color-surface-card);border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.header-row{display:none}.row div{justify-content:space-between;font-size:14px;display:flex}.row div:before{color:var(--color-text-muted);font-weight:600}.row div:first-child:before{content:"Nombre"}.row div:nth-child(2):before{content:"Servicio"}.row div:nth-child(3):before{content:"Barbero"}.row div:nth-child(4):before{content:"Fecha"}.row div:nth-child(5):before{content:"Hora"}.row div:nth-child(6):before{content:"Estado"}.actions{flex-direction:column;gap:8px;margin-top:10px;display:flex}.actions button{width:100%}.section-actions{grid-template-columns:1fr}}body{color:var(--color-text);background:var(--color-page-bg);margin:0;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.main-content,.navbar-glass{z-index:1;z-index:1;position:relative}.row div{justify-content:space-between;gap:10px;display:flex}.landing{position:relative;overflow:hidden}.calendar-wrapper{justify-content:center;width:100%;display:flex}.react-calendar{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px;font-family:inherit}.react-calendar__navigation{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.react-calendar__navigation button{cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text);transition:background var(--transition), color var(--transition);background:0 0;border:none;padding:8px 10px;font-size:15px;font-weight:700}.react-calendar__navigation button:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.react-calendar__navigation button:disabled{opacity:.3}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin-bottom:8px;font-size:11px;font-weight:700}.react-calendar__month-view__weekdays abbr{text-decoration:none}.react-calendar__month-view__days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid!important}.react-calendar__tile{border-radius:var(--radius-sm);text-align:center;cursor:pointer;color:var(--color-text);height:38px;transition:background var(--transition), color var(--transition), transform var(--transition);background:0 0;border:none;font-size:.88rem;font-weight:500}.react-calendar__tile:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.react-calendar__tile--now{box-shadow:inset 0 0 0 1.5px var(--color-primary);background:0 0;font-weight:700}.react-calendar__tile--now:hover{background:var(--color-primary-light)}.react-calendar__tile--active{box-shadow:var(--shadow-glow);font-weight:700;background:var(--gradient-brand)!important;color:var(--color-text-inverse)!important}.react-calendar__tile:disabled{opacity:.25;cursor:not-allowed}.filter-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:18px;margin-bottom:24px;padding:20px;display:flex}@media (width>=900px){.filter-card{flex-direction:row;align-items:flex-start;gap:32px}.filter-card .filter-group{flex:1;min-width:0}}.filter-group{flex-direction:column;gap:10px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.filter-date-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-clear-btn{color:var(--color-danger);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 4px;font-size:.85rem;font-weight:600;display:inline-flex}.filter-clear-btn:hover{text-decoration:underline}.confirm-modal{text-align:center;padding:10px}.confirm-modal h3{margin-bottom:20px;font-size:18px}.modal-actions{justify-content:center;gap:12px;display:flex}.register-cta{text-align:center;color:var(--color-text-muted);margin-top:16px;font-size:.88rem}.link-register{cursor:pointer;opacity:.85;font-weight:500;text-decoration:underline;transition:all .2s}.link-register:hover{opacity:1}.register-banner{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff29;align-items:center;gap:16px;max-width:560px;margin-top:24px;padding:16px 20px;display:flex}.register-banner-icon{color:var(--color-primary);flex-shrink:0;font-size:1.6rem}.register-banner strong{margin-bottom:2px;font-size:.98rem;display:block}.register-banner p{color:#ffffffbf;margin:0;font-size:.85rem}.register-banner .button{white-space:nowrap;flex-shrink:0}@media (width<=560px){.register-banner{flex-wrap:wrap}.register-banner .button{width:100%}}.profile{text-align:center}.reward{position:relative}.progress-fill{background:var(--gradient-brand);height:100%;transition:all .3s}.progress-bar{background:#222;border-radius:10px;height:8px;margin:10px 0;overflow:hidden}.progress-fill{background:var(--gradient-brand);height:100%}.highlight{background:#21e6b00d;border:1px solid #21e6b04d}.client-panel{padding:20px}.client-panel .card{width:100%;max-width:650px;margin:10px auto}.client-panel .grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.client-panel .progress-bar{background:#222;border-radius:10px;width:100%;height:8px;overflow:hidden}.client-panel .progress-fill{background:var(--color-primary);height:100%}.client-panel .highlight{border-left:4px solid var(--color-primary)}@media (width<=768px){.client-panel{padding:12px}.client-panel h1{font-size:20px}.client-panel h2{font-size:18px}.client-panel .grid{grid-template-columns:1fr}.client-panel .card{padding:12px;font-size:14px}.client-panel .highlight{padding:15px}.client-panel button{width:100%}.schedule-layout{padding-left:16px;padding-right:16px}.schedule-form,.schedule-side{padding-right:8px}}html,body{width:100%;overflow-x:hidden}.page{width:100%;max-width:100%;overflow-x:hidden}.main-content{width:100%;max-width:100%}.grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}@media (width<=480px){.modal-content{width:95%;padding:20px}}*{box-sizing:border-box}.status{text-transform:uppercase;letter-spacing:.02em;text-align:center;border-radius:20px;align-items:center;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.status.pending{color:#856404;background:#fff3cd}.status.confirmed{color:#155724;background:#d4edda}.status.completed{color:#004085;background:#cce5ff}.status.cancelled{color:#721c24;background:#f8d7da}.row{transition:all .2s}.row:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000014}.admin-layout{background:0 0;height:100dvh;display:flex}.sidebar{background:var(--color-surface-card);border-right:1px solid var(--color-border);width:min(260px,85vw);height:100dvh;padding:20px;padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));z-index:1000;flex-direction:column;gap:6px;transition:transform .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar .logo{letter-spacing:-.01em;margin-bottom:20px;font-size:20px;font-weight:800}.nav-item{border-radius:var(--radius-sm);color:var(--color-text-muted);text-align:left;cursor:pointer;width:100%;transition:background var(--transition), color var(--transition), transform var(--transition);background:0 0;border:none;align-items:center;gap:10px;padding:11px 14px;font-size:.94rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:#ffffff0f;transform:translate(2px)}.nav-item.active{background:var(--gradient-brand);color:var(--color-text-inverse);box-shadow:var(--shadow-glow);font-weight:700}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#0006;transition:all .3s;position:fixed;inset:0}.overlay.active{opacity:1;pointer-events:all}.admin-content{flex:1;min-width:0;margin-left:0;padding:30px;overflow-y:auto}@media (width>=769px){.sidebar{position:relative;transform:translate(0)}.overlay{display:none}}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:22px}.hero{width:100%;min-height:70vh;position:relative;overflow:hidden}.hero:after{content:"";background:var(--gradient-brand);z-index:2;height:4px;position:absolute;top:0;left:0;right:0}.hero-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:1;background:linear-gradient(color-mix(in srgb, var(--color-bg) 35%, transparent), color-mix(in srgb, var(--color-bg) 78%, transparent));min-height:70vh;color:var(--color-text);flex-direction:column;justify-content:center;padding:40px;display:flex;position:relative}.hero-overlay h1{margin:0;font-size:42px}.hero-overlay p{opacity:.9;margin-top:10px;font-size:18px}.hero-info{opacity:.85;gap:20px;margin:15px 0;font-size:14px;display:flex}.navbar-glass.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--color-border);background:#ffffffd9;box-shadow:0 10px 30px #00000014}.hero-brand{flex-direction:column;align-items:center;gap:14px;display:flex}.hero-logo{object-fit:cover;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:3px solid #fffc;border-radius:50%;width:90px;height:90px;box-shadow:0 10px 30px #0006,0 0 0 4px #ffffff1a}.hero-logo-fallback{background:var(--gradient-brand);color:var(--color-text-inverse);font-family:var(--font-display,inherit);justify-content:center;align-items:center;font-size:34px;font-weight:700;line-height:1;display:flex}.hero-logo:hover{transition:all .3s;transform:scale(1.05)}.navbar-inner{justify-content:space-between;align-items:center;display:flex}html,body{width:100%;max-width:100%;overflow-x:hidden}.calendar-wrapper{width:100%;overflow-x:hidden}html,body{width:100%;max-width:100%;position:relative;overflow-x:hidden}*{box-sizing:border-box;min-width:0;max-width:100%}#root,.app,.page,.main-content{width:100%;max-width:100%;overflow-x:hidden}img,video,canvas{max-width:100%;height:auto}button{-webkit-tap-highlight-color:transparent;appearance:none;color:var(--color-text)}.row{width:100%;max-width:100%}.nav-right{flex-wrap:wrap}.hero-overlay{align-items:flex-start}.hero-brand{text-align:left;flex-direction:column;align-items:flex-start;gap:14px;display:flex}.hero-overlay h1{text-align:left;margin:0;font-size:42px}.hero-overlay p{opacity:.9;text-align:left;margin-top:10px;font-size:18px}.hero-info{flex-wrap:wrap;justify-content:flex-start;gap:8px 10px;margin:15px 0;font-size:14px;display:flex}.hero-info span{background:color-mix(in srgb, var(--color-bg) 55%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 15%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-text);border-radius:999px;padding:6px 14px}@media (width<=768px){.hero-overlay{justify-content:center;align-items:flex-start;padding:20px}.hero-overlay h1{font-size:26px}.hero-overlay p{font-size:14px}.hero-info{flex-direction:column;gap:6px}}html,body{overflow-x:hidden}*{max-width:100%}@media (width<=768px){.row{grid-template-columns:1fr 1fr;font-size:12px}.slots-grid{grid-template-columns:repeat(3,1fr)}}img,video{max-width:100%;height:auto}@media (width<=768px){.modal-content{width:90%;margin:0 10px}}.nav-btn,button{transition:transform var(--transition), box-shadow var(--transition), opacity var(--transition)}.button:active,button:active{transform:translateY(0)}.card{border-radius:var(--radius-md);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}@media (width<=480px){.grid{gap:10px}}.slots-grid button{transition:transform var(--transition), background var(--transition), color var(--transition);border-radius:999px}.slots-grid button:hover:not(:disabled){transform:translateY(-2px)}.hero-overlay h1{letter-spacing:-.02em;line-height:1.05;font-family:var(--font-display,inherit);font-style:var(--font-display-style,normal)}.hero-overlay p{color:var(--color-text)}.section-title{padding-bottom:var(--space-2);position:relative}.section-title:after{content:"";background:var(--color-primary);border-radius:999px;width:40px;height:3px;position:absolute;bottom:0;left:0}.input,input[type=text],input[type=email],input[type=tel],input[type=password]{border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition)}.input:focus,input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #21e6b026}@media (width<=480px){.hero-overlay h1{font-size:1.9rem}.hero-overlay p{font-size:.95rem}.hero{min-height:50vh}}.saas-landing{width:100%;overflow-x:hidden}.saas-hero{background:radial-gradient(circle at 15% 15%, var(--color-primary-light) 0%, transparent 45%), radial-gradient(circle at 85% 25%, var(--color-primary-light) 0%, transparent 50%);color:var(--color-text);text-align:center;z-index:1;padding:90px 20px 70px;position:relative}.saas-hero-inner{max-width:720px;margin:0 auto}.saas-badge{background:var(--color-primary-light);color:var(--color-primary);border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.saas-hero h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}.saas-hero h1 .highlight{color:var(--color-primary)}.saas-hero p{color:var(--color-text-muted);max-width:560px;margin:0 auto 32px;font-size:1.05rem}.saas-hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.saas-demo-btn{border:1.5px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);cursor:pointer;transition:all var(--transition);border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:700;display:inline-flex}.saas-demo-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-1px)}.saas-hero-cta .button.primary{padding:14px 32px;font-size:1rem;font-weight:700}.saas-hero-note{color:var(--color-text-muted);justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:.85rem;display:flex}.saas-features{text-align:center;max-width:1100px;margin:0 auto;padding:70px 20px}.saas-features .section-title{margin-bottom:40px;font-size:1.6rem;display:inline-block}.saas-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.saas-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.saas-features-grid{grid-template-columns:1fr}}.saas-feature-card{background:var(--color-surface-2);color:var(--color-text);border-radius:var(--radius-md);text-align:left;transition:transform var(--transition);padding:28px 20px}.saas-feature-card:hover{transform:translateY(-3px)}.saas-feature-icon{color:var(--color-primary);margin-bottom:14px;font-size:1.6rem}.saas-feature-card h3{margin:0 0 8px;font-size:1.05rem}.saas-feature-card p{color:var(--color-text-muted);margin:0;font-size:.92rem;line-height:1.5}.saas-pricing{text-align:center;max-width:1100px;margin:0 auto;padding:70px 20px 40px}.saas-pricing-sub{color:var(--color-text-muted);margin-top:-20px;margin-bottom:40px}.saas-pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}@media (width<=900px){.saas-pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.saas-plan-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;padding:32px 24px;display:flex;position:relative}.saas-plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.saas-plan-card.highlighted{border:2px solid var(--color-primary);box-shadow:var(--shadow-glow)}.saas-plan-tag{background:var(--color-primary);color:#fff;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;right:20px}.saas-plan-card h3{margin:0 0 4px;font-size:1.3rem}.saas-plan-tagline{color:var(--color-text-muted);min-height:34px;margin:0 0 16px;font-size:.88rem}.saas-plan-price{margin-bottom:20px;font-size:2.1rem;font-weight:800}.saas-plan-price span{color:var(--color-text-muted);font-size:.95rem;font-weight:500}.saas-plan-features{flex:1;margin:0 0 24px;padding:0;list-style:none}.saas-plan-features li{color:var(--color-text);align-items:flex-start;gap:8px;margin-bottom:10px;font-size:.9rem;display:flex}.saas-plan-features li svg{color:var(--color-primary);flex-shrink:0;margin-top:3px}.saas-security-note{color:var(--color-text-muted);justify-content:center;align-items:center;gap:8px;margin-top:30px;font-size:.85rem;display:flex}.saas-faq{max-width:680px;margin:0 auto;padding:60px 20px 100px}.saas-faq details{border-bottom:1px solid var(--color-border);padding:16px 0}.saas-faq summary{cursor:pointer;font-size:1rem;font-weight:600}.saas-faq p{color:var(--color-text-muted);margin:10px 0 0;font-size:.92rem}.saas-modal-price{color:var(--color-text);margin:4px 0 20px;font-size:1.4rem;font-weight:800}.saas-form{flex-direction:column;gap:12px;display:flex}.saas-error{color:var(--color-danger);margin:0;font-size:.85rem}.saas-demo-note{border-radius:var(--radius-sm);color:#8a6300;background:#fff8e6;border:1px solid #ffe4a3;padding:10px 14px;font-size:.85rem}.saas-result h3{margin-top:0}.stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=420px){.stat-grid{grid-template-columns:1fr}}.stat-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);align-items:center;gap:14px;padding:18px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.stat-card.tone-primary .stat-icon{background:var(--color-primary-light);color:var(--color-primary-dark)}.stat-card.tone-warning .stat-icon{color:#b57c00;background:#ffb40026}.stat-card.tone-success .stat-icon{color:#1f8f68;background:#37b78726}.stat-card.tone-danger .stat-icon{color:#c62b3d;background:#ff5c6c26}.stat-card.tone-neutral .stat-icon{color:var(--color-text);background:#ffffff14}.stat-value{font-size:1.5rem;font-weight:800;line-height:1.1}.stat-label{color:var(--color-text-muted);margin-top:2px;font-size:.82rem}.quicklink-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=600px){.quicklink-grid{grid-template-columns:1fr}}.quicklink-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.quicklink-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.quicklink-title{margin-bottom:2px;font-size:.98rem;font-weight:700}.quicklink-desc{color:var(--color-text-muted);font-size:.82rem}.quicklink-arrow{color:var(--color-text-muted);flex-shrink:0}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-header h1,.page-header h2{letter-spacing:-.01em;margin:0;font-weight:800}.empty-state{text-align:center;color:var(--color-text-muted);background:var(--color-surface,#fafafa);background:var(--color-surface-2);border-radius:var(--radius-md);border:1px dashed var(--color-border);padding:48px 20px}.empty-state .empty-icon{opacity:.5;margin-bottom:10px;font-size:2rem}.list-row{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow var(--transition), transform var(--transition);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:16px 18px;display:flex}.list-row:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.list-row-main{flex-direction:column;gap:2px;display:flex}.list-row-title{font-size:.95rem;font-weight:700}.list-row-sub{color:var(--color-text-muted);font-size:.82rem}@media (width<=600px){.list-row{flex-wrap:wrap}}.profile-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:24px;display:flex}.profile-avatar{background:var(--gradient-brand);width:56px;height:56px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;display:flex}.profile-info p{color:var(--color-text-muted);margin:2px 0;font-size:.9rem}.profile-info h3{margin:0 0 4px}.next-appointment-card{max-width:340px}.card.highlight{background:linear-gradient(var(--color-surface-card), var(--color-surface-card)) padding-box, var(--gradient-brand) border-box;box-shadow:var(--shadow-glow);border:1.5px solid #0000}.next-appointment-card p{color:var(--color-text);align-items:center;gap:10px;margin:10px 0;font-size:.95rem;display:flex}.next-appointment-card svg{color:var(--color-primary);flex-shrink:0}.benefit-count{color:var(--color-text-muted);margin:4px 0 12px;font-size:.88rem}.benefit-card.reward-ready{border:2px solid var(--color-primary);box-shadow:var(--shadow-glow)}.benefit-reward{color:var(--color-primary);align-items:center;gap:6px;margin:10px 0;font-size:.9rem;font-weight:700;display:flex}.benefit-remaining{color:var(--color-text-muted);font-size:.85rem}@media (width<=760px){.header-row{display:none}.row{grid-template-columns:1fr 1fr;row-gap:6px;padding:16px}.row .status{grid-column:1/-1;justify-self:start;margin-top:4px}.row .actions{border-top:1px solid var(--color-border);flex-wrap:wrap;grid-column:1/-1;margin-top:8px;padding-top:10px}.cancel-btn,.reactivate-btn,.complete-btn,.delete-btn{text-align:center;flex:1;min-width:110px}}.config-card{max-width:640px}@media (width>=1100px){.config-two-col{grid-template-columns:1.3fr 1fr;align-items:start;gap:28px;display:grid}.config-two-col .config-card{max-width:none}}.form-group{flex-direction:column;gap:6px;min-width:0;margin-bottom:16px;display:flex}.form-group label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr}}.local-cover-uploader{border-radius:var(--radius-md);background:var(--color-surface-2);border:1.5px dashed var(--color-border);cursor:pointer;background-position:50%;background-size:cover;width:100%;height:150px;position:relative;overflow:hidden}.local-cover-uploader-overlay{color:#fff;background:#08080d73;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex;position:absolute;inset:0}.local-cover-uploader-overlay svg{font-size:1.3rem}.local-logo-row{align-items:center;gap:14px;display:flex}.local-logo-uploader{border-radius:var(--radius-md);background:var(--color-surface-2);border:1.5px dashed var(--color-border);cursor:pointer;width:72px;height:72px;color:var(--color-text-muted);transition:border-color var(--transition);background-position:50%;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;display:flex}.local-logo-uploader:hover{border-color:var(--color-primary);color:var(--color-primary)}.local-logo-hint{color:var(--color-text-muted);font-size:.82rem}.config-preview{background:var(--color-surface-2);border:1px dashed var(--color-border);border-radius:var(--radius-md);margin:20px 0;padding:16px 18px}.config-preview h3{margin-top:0;font-size:.95rem}.config-preview p{color:var(--color-text-muted);margin:4px 0;font-size:.88rem}.config-toast{color:var(--color-text-muted);margin-top:12px;font-size:.88rem}.navbar-glass{z-index:200;-webkit-backdrop-filter:blur(14px);padding-top:env(safe-area-inset-top);transition:box-shadow var(--transition), background var(--transition);position:sticky;top:0;background:var(--navbar-bg)!important;border-bottom:1px solid var(--navbar-border)!important}.navbar-glass.scrolled{box-shadow:var(--shadow-md)!important}.navbar-inner{max-width:1200px;height:68px;transition:height var(--transition);justify-content:space-between;align-items:center;margin:0 auto;padding:0 20px;display:flex!important}.navbar-glass.scrolled .navbar-inner{height:58px}.brand-logo{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-mark{background:var(--gradient-brand);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.brand-name{letter-spacing:-.02em;color:var(--color-text);font-size:1.15rem;font-weight:800}.nav-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex!important}.nav-btn{cursor:pointer;transition:background var(--transition), color var(--transition), transform var(--transition);background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:.9rem;font-weight:600;display:inline-flex;color:var(--color-text)!important}.nav-btn:hover{transform:translateY(-1px);background:var(--color-primary-light)!important;color:var(--color-primary-dark)!important}.nav-btn.primary{box-shadow:0 4px 14px #21e6b04d;background:var(--gradient-brand)!important;color:#fff!important}.nav-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #21e6b066}.nav-btn.danger{color:var(--color-danger)!important}.nav-btn.danger:hover{color:var(--color-danger)!important;background:#ff5c6c1a!important}.sidebar-toggle{border-radius:var(--radius-sm);background:var(--color-primary-light);width:40px;height:40px;color:var(--color-primary-dark);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex}@media (width<=767px){.navbar-inner{gap:8px;height:60px;padding:8px 14px}.brand-name{font-size:1rem}.nav-right{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-end;gap:4px;overflow-x:auto}.nav-right::-webkit-scrollbar{display:none}.nav-btn{white-space:nowrap;flex-shrink:0;padding:7px 10px;font-size:.78rem}}.saas-niches{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex}.saas-niche-pill{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:500}.booking-wizard{max-width:900px;margin:0 auto;padding-top:32px}.stepper{justify-content:center;align-items:flex-start;gap:0;margin-bottom:20px;display:flex}.stepper-item{flex:1;justify-content:center;align-items:center;max-width:160px;display:flex}.stepper-circle{background:var(--color-surface-card);border:2px solid var(--color-border);width:40px;height:40px;color:var(--color-text-muted);transition:all var(--transition);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:relative}.stepper-circle.active{border-color:var(--color-primary);background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-glow)}.stepper-circle.done{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark);cursor:pointer}.stepper-label{display:none}.stepper-line{background:var(--color-border);height:2px;transition:background var(--transition);flex:1;margin:0 -2px}.stepper-line.done{background:var(--color-primary)}@media (width>=640px){.stepper-label{color:var(--color-text-muted);text-align:center;width:max-content;margin-top:8px;font-size:.7rem;font-weight:600;display:block;position:absolute;top:100%;left:20px;transform:translate(-50%)}.stepper-item{padding-bottom:28px;position:relative}}.service-grid-v2{flex-direction:column;gap:10px;display:flex}.service-card-v2{background:var(--color-surface-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);align-items:center;gap:14px;padding:16px 18px;display:flex}.service-card-v2:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary);transform:translateY(-2px)}.service-card-v2.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.service-icon-v2{border-radius:var(--radius-sm);background:var(--color-primary-light);width:44px;height:44px;color:var(--color-primary-dark);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.service-info-v2{flex:1}.service-info-v2 h3{margin:0 0 2px;font-size:1rem}.service-duration{color:var(--color-text-muted);font-size:.8rem}.service-price-v2{color:var(--color-primary-dark);font-size:1.05rem;font-weight:800}.pro-grid-v2{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;display:grid}.pro-card-v2{background:var(--color-surface-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);padding:18px 12px;position:relative}.pro-card-v2:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pro-card-v2.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.pro-card-v2 img{object-fit:cover;width:56px;height:56px;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%;margin:0 auto 10px}.pro-card-v2 p{margin:0;font-size:.88rem;font-weight:600}.pro-check{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6rem;display:flex;position:absolute;top:8px;right:8px}.date-strip-arrow{border:1px solid var(--color-border);background:var(--color-surface-card);cursor:pointer;width:36px;height:36px;color:var(--color-text-muted);transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.date-strip-arrow:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary-dark)}.date-strip-arrow:disabled{opacity:.3;cursor:not-allowed}.booking-calendar{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:380px;margin-bottom:24px;padding:20px}.booking-calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.booking-calendar-title{text-transform:capitalize;font-size:.95rem;font-weight:700}.booking-calendar-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid}.booking-calendar-weekdays span{text-align:center;text-transform:uppercase;color:var(--color-text-muted);font-size:.7rem;font-weight:700}.booking-calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.booking-calendar-day{aspect-ratio:1;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;font-size:.85rem;font-weight:500}.booking-calendar-day:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary-dark)}.booking-calendar-day:disabled{opacity:.25;cursor:not-allowed}.booking-calendar-day.today{box-shadow:inset 0 0 0 1.5px var(--color-primary);font-weight:700}.booking-calendar-day.active{background:var(--gradient-brand);color:var(--color-text-inverse);box-shadow:var(--shadow-glow);font-weight:700}.slots-loading{color:var(--color-text-muted);text-align:center;padding:20px}.slot-period-group{margin-bottom:20px}.slot-period-title{color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:10px;font-size:.88rem;font-weight:700;display:flex}.slots-grid-v2{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}.slot-chip{border:1.5px solid var(--color-border);background:var(--color-surface-card);cursor:pointer;transition:all var(--transition);border-radius:999px;padding:10px 6px;font-size:.88rem;font-weight:600}.slot-chip:hover{border-color:var(--color-primary);transform:translateY(-1px)}.slot-chip.active{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000}.step4-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:28px;display:grid}@media (width<=720px){.step4-grid{grid-template-columns:1fr}.booking-summary-card{order:-1;margin-bottom:20px;position:static;top:auto}}.booking-summary-card{background:var(--color-surface-2);color:var(--color-text);border-radius:var(--radius-lg);padding:24px;position:sticky;top:90px}.booking-summary-card h3{margin:0 0 16px;font-size:1rem}.summary-row{color:var(--color-text-muted);align-items:center;gap:10px;margin-bottom:12px;font-size:.9rem;display:flex}.summary-row svg{color:var(--color-primary);flex-shrink:0}.summary-total{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px;font-size:1.1rem;font-weight:800}.success-card-v2{text-align:center;max-width:400px;padding:40px 32px}.success-check{background:var(--gradient-brand);color:#fff;width:64px;height:64px;box-shadow:var(--shadow-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.6rem;display:flex}.success-sub{color:var(--color-text-muted);margin:-8px 0 20px}.success-details-v2{background:var(--color-surface-2);border-radius:var(--radius-md);text-align:left;margin-bottom:20px;padding:16px 18px}.success-detail-row{align-items:center;gap:10px;margin-bottom:8px;font-size:.92rem;display:flex}.success-detail-row svg{color:var(--color-primary)}.hero-info span{align-items:center;gap:6px;display:inline-flex}.profile-banner{border-radius:var(--radius-lg);background:var(--gradient-brand);cursor:pointer;background-position:50%;background-size:cover;width:100%;height:160px;margin-bottom:-40px;position:relative;overflow:hidden}.profile-banner-edit{color:#fff;opacity:0;transition:opacity var(--transition);background:#1a172559;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex;position:absolute;inset:0}.profile-banner:hover .profile-banner-edit{opacity:1}.profile-banner:has(.spin) .profile-banner-edit{opacity:1}.profile-banner-edit svg{font-size:1.3rem}.profile-card-with-banner{z-index:1;align-items:flex-end;padding-top:20px;position:relative}.profile-avatar-upload{cursor:pointer;border:4px solid var(--color-surface-card);position:relative;overflow:hidden}.profile-avatar-upload img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar-overlay{color:#fff;opacity:0;transition:opacity var(--transition);background:#1a172573;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.profile-avatar-upload:hover .profile-avatar-overlay{opacity:1}.profile-hint{color:var(--color-text-muted);margin-top:16px;font-size:.85rem}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.location-section{padding-bottom:60px}.location-map-wrapper{border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);height:320px;overflow:hidden}.location-map{filter:grayscale(.15)contrast(1.05);border:0;width:100%;height:100%}.location-map-link{color:var(--color-primary);align-items:center;gap:8px;margin-top:14px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.location-map-link:hover{text-decoration:underline}.stats-period-tabs{background:var(--color-surface-2);border-radius:999px;gap:2px;margin-bottom:16px;padding:4px;display:inline-flex}.stats-period-tab{color:var(--color-text-muted);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:999px;padding:8px 18px;font-size:.88rem;font-weight:600}.stats-period-tab.active{background:var(--gradient-brand);color:var(--color-text-inverse)}.stats-date-nav{align-items:center;gap:10px;margin-bottom:8px;display:flex}.stats-date-label{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;text-transform:capitalize;align-items:center;gap:8px;padding:9px 16px;font-size:.92rem;font-weight:700;display:inline-flex}.stats-date-label:hover{border-color:var(--color-primary)}.stats-hint{color:var(--color-text-muted);margin:-8px 0 16px;font-size:.85rem}.premium-tag{text-transform:uppercase;letter-spacing:.03em;background:var(--gradient-brand);color:var(--color-text-inverse);vertical-align:middle;border-radius:999px;margin-left:8px;padding:3px 10px;font-size:.65rem;font-weight:800;display:inline-block}.payroll-table{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.payroll-row{border-bottom:1px solid var(--color-border);grid-template-columns:2fr 1fr 1.5fr;align-items:center;gap:12px;padding:14px 20px;display:grid}.payroll-row:last-child{border-bottom:none}.payroll-header{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);background:var(--color-surface-2);font-size:.75rem;font-weight:700}.payroll-row:not(.payroll-header) div:last-child{color:var(--color-primary);font-weight:700}@media (width<=600px){.payroll-row{grid-template-columns:1.5fr .7fr 1fr;padding:12px 14px;font-size:.88rem}}@media (width<=767px){.navbar-glass.scrolled .navbar-inner{height:auto;min-height:62px}}.sidebar-home-link{border-top:1px solid var(--color-border);margin-top:auto;color:var(--color-text-muted)!important;padding-top:16px!important}.sidebar-home-link:hover{color:var(--color-primary)!important}.sidebar-logout-btn{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;color:var(--color-danger)!important}.sidebar-logout-btn:hover{background:#ff5c6c1a}.mobile-topbar{display:none}.mobile-sidebar-toggle{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-card);width:42px;height:42px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.mobile-topbar-home{border-radius:var(--radius-sm);background:var(--gradient-brand);color:#fff;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;text-decoration:none;display:flex}@media (width<=767px){.mobile-topbar{z-index:150;padding:14px;padding-top:calc(14px + env(safe-area-inset-top));background:var(--navbar-bg);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--navbar-border);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.admin-content{padding-top:calc(70px + env(safe-area-inset-top))!important}}.barber-manage-card{text-align:center;padding:20px 16px}.barber-manage-card img{object-fit:cover;border:2px solid var(--color-border);border-radius:50%;width:64px;height:64px;margin:0 auto 10px}.barber-manage-card p{margin:0;font-size:.92rem;font-weight:700}.service-manage-card{align-items:center;gap:12px;padding:14px 16px;display:flex}.service-manage-thumb{border-radius:var(--radius-sm);background:var(--color-surface-2);border:1px dashed var(--color-border);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.service-manage-thumb img{object-fit:cover;width:100%;height:100%}.service-manage-thumb-empty{color:var(--color-text-muted);font-size:1rem}.service-manage-info{flex:1;min-width:0}.service-manage-name{margin:0 0 2px;font-size:.95rem;font-weight:700}.service-manage-price{color:var(--color-primary);margin:0;font-size:1.05rem;font-weight:700}.container{max-width:720px}.saas-whatsapp-note{text-align:center;color:var(--color-text-muted);max-width:480px;margin:10px auto 0;font-size:.78rem;line-height:1.5}.review-sent-hint{color:var(--color-text-muted);text-align:center;margin-top:10px;font-size:.82rem}.review-modal-sub{color:var(--color-text-muted);margin:-6px 0 16px;font-size:.88rem}.star-picker{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.star-btn{cursor:pointer;color:var(--color-border);transition:color var(--transition), transform var(--transition);background:0 0;border:none;padding:2px;font-size:1.8rem}.star-btn:hover{transform:scale(1.15)}.star-btn.active{color:#ffb020}.reviews-section{padding-bottom:60px}.reviews-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.review-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.review-stars{color:var(--color-border);gap:3px;margin-bottom:10px;font-size:.9rem;display:flex}.review-stars .filled{color:#ffb020}.review-comment{color:var(--color-text);margin:0 0 14px;font-size:.92rem;font-style:italic;line-height:1.5}.review-author{color:var(--color-text-muted);flex-wrap:wrap;gap:4px;font-size:.82rem;font-weight:700;display:flex}.review-barber{font-weight:500}.feedback-row.unread{border-left:3px solid var(--color-danger)}.feedback-comment{color:var(--color-text);margin:6px 0;font-size:.9rem;font-style:italic}.install-prompt{z-index:500;background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:420px;box-shadow:var(--shadow-md);padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));align-items:center;gap:14px;margin:0 auto;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.install-prompt-icon img{border-radius:var(--radius-sm);flex-shrink:0;width:44px;height:44px}.install-prompt-body{flex:1;min-width:0}.install-prompt-body strong{margin-bottom:2px;font-size:.92rem;display:block}.install-prompt-body p{color:var(--color-text-muted);margin:0;font-size:.8rem;line-height:1.4}.inline-icon{vertical-align:-1px;color:var(--color-primary);margin:0 1px;display:inline}.install-prompt-btn{white-space:nowrap;flex-shrink:0;padding:9px 14px;font-size:.85rem}.install-prompt-close{background:var(--color-surface-2);border:1px solid var(--color-border);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;top:-10px;right:-10px}@media (width<=480px){.install-prompt{flex-wrap:wrap}.install-prompt-btn{width:100%}}.app-aurora-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.main-content{z-index:1;position:relative}.theme-picker{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.theme-option{background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--transition), transform var(--transition);flex-direction:column;align-items:flex-start;gap:8px;padding:14px;display:flex}.theme-option:hover{transform:translateY(-2px)}.theme-option.active{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.theme-swatch{border-radius:var(--radius-sm);width:100%;height:36px}.theme-option-name{font-size:.9rem;font-weight:700}.theme-option-desc{color:var(--color-text-muted);font-size:.76rem;line-height:1.3}.config-subsection-label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin:0 0 10px;font-size:.78rem;font-weight:700}.mode-picker{gap:10px;display:flex}.mode-option{background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);transition:border-color var(--transition), transform var(--transition);flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.88rem;font-weight:600;display:flex}.mode-option:hover{transform:translateY(-2px)}.mode-option.active{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-glow)}.schedule-editor{border-top:1px solid var(--color-border);margin-top:20px;padding-top:16px}.schedule-editor-title{align-items:center;gap:8px;margin:0 0 4px;font-size:.95rem;display:flex}.schedule-day-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.schedule-day-row:last-child{border-bottom:none}.schedule-day-toggle{cursor:pointer;align-items:center;gap:8px;min-width:110px;font-size:.88rem;font-weight:600;display:flex}.schedule-day-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.schedule-day-times{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.schedule-day-times .input{width:110px;padding:6px 8px;font-size:.82rem}.app-neural-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.config-group-label{color:var(--color-text-muted);opacity:.8;margin:0 0 8px;font-size:.72rem;font-weight:700}.service-thumb-img{object-fit:cover;background:0 0!important}.today-panel{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:20px;padding:22px 24px;position:relative;overflow:hidden}.today-panel:before{content:"";background:var(--gradient-brand);height:3px;position:absolute;top:0;left:0;right:0}.today-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.today-panel-header h3{margin:0;font-size:1.15rem}.today-panel-date{color:var(--color-text-muted);text-transform:capitalize;font-size:.85rem}.today-panel-count{background:var(--color-primary-light);border-radius:var(--radius-md);flex-direction:column;flex-shrink:0;align-items:center;padding:8px 18px;display:flex}.today-panel-count-num{color:var(--color-primary-dark);font-size:1.6rem;font-weight:800;line-height:1}.today-panel-count-label{color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.02em;font-size:.7rem}.today-panel-substats{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:20px;margin-bottom:16px;padding-bottom:16px;font-size:.85rem;display:flex}.today-panel-substats strong{color:var(--color-text)}.today-panel-empty{color:var(--color-text-muted);margin:0;font-size:.9rem}.today-panel-list{flex-direction:column;gap:2px;max-height:340px;display:flex;overflow-y:auto}.today-appt-row{border-radius:var(--radius-sm);transition:background var(--transition);align-items:center;gap:14px;padding:10px 6px;display:flex}.today-appt-row:hover{background:var(--color-surface-2)}.today-appt-time{color:var(--color-primary);flex-shrink:0;min-width:52px;font-size:.95rem;font-weight:800}.today-appt-main{flex-direction:column;flex:1;min-width:0;display:flex}.today-appt-client{font-size:.92rem;font-weight:700}.today-appt-sub{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}@media (width>=700px){.today-panel-list{grid-template-columns:1fr 1fr;gap:4px 20px;max-height:none;display:grid}}.announcement-banner{border-radius:var(--radius-lg);border:1px dashed var(--color-accent);background:#ffffff0f;align-items:center;gap:12px;max-width:560px;margin-top:14px;padding:12px 18px;display:flex}.announcement-banner-icon{color:var(--color-accent);flex-shrink:0;font-size:1.2rem}.announcement-banner p{color:#ffffffe6;margin:0;font-size:.88rem;font-weight:600}.stats-period-tab.locked{opacity:.5;cursor:pointer}.stats-period-tab.locked:hover{opacity:.75}.upsell-card{background:var(--color-surface-card);border:1.5px dashed var(--color-primary);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:16px;padding:20px 22px;display:flex}.upsell-card-icon{color:var(--color-accent);flex-shrink:0;font-size:1.6rem}.upsell-card strong{margin-bottom:4px;font-size:.95rem;display:block}.upsell-card p{color:var(--color-text-muted);margin:0;font-size:.85rem}.upsell-card .button{flex-shrink:0;margin-left:auto}.saas-demo-section{text-align:center;max-width:900px;margin:0 auto;padding:70px 20px 50px}.demo-browser-frame{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:left;overflow:hidden}.demo-browser-topbar{background:var(--color-surface-2);border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:12px 16px;display:flex}.demo-browser-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.demo-browser-dot.red{background:#ff5f57}.demo-browser-dot.yellow{background:#febc2e}.demo-browser-dot.green{background:#28c840}.demo-browser-url{color:var(--color-text-muted);background:var(--color-surface-card);border-radius:999px;margin-left:10px;padding:4px 12px;font-family:monospace;font-size:.75rem}.demo-browser-body{min-height:340px;display:flex}.demo-mini-sidebar{background:var(--color-surface-2);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;align-items:center;gap:14px;width:52px;padding:18px 0;display:flex}.demo-mini-sidebar-icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.9rem;display:flex}.demo-mini-sidebar-icon.active{background:var(--gradient-brand);color:var(--color-text-inverse)}.demo-main{flex:1;min-width:0;padding:20px}.demo-stats-tabs{background:var(--color-surface-2);border-radius:999px;gap:2px;margin-bottom:16px;padding:3px;display:inline-flex}.demo-stats-tab{color:var(--color-text-muted);border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:600}.demo-stats-tab.active{background:var(--gradient-brand);color:var(--color-text-inverse)}.demo-stat-grid{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.demo-stat-grid .stat-value{font-size:1.15rem}.demo-payroll-table .payroll-row{padding:10px 14px;font-size:.82rem}@media (width<=640px){.demo-browser-body{flex-direction:column}.demo-mini-sidebar{flex-direction:row;justify-content:center;width:100%;padding:10px 0}.demo-stat-grid{grid-template-columns:repeat(2,1fr)}}.saas-demo-disclaimer{color:var(--color-text-muted);margin-top:14px;font-size:.78rem}.saas-styles-section{text-align:center;max-width:1100px;margin:60px auto;padding:0 20px}.saas-styles-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;display:grid}@media (width<=760px){.saas-styles-grid{grid-template-columns:1fr}}.saas-style-card{background:var(--color-surface-2);border-radius:var(--radius-md);text-align:left;padding:22px 20px 24px}.saas-style-swatch{border-radius:var(--radius-sm);width:100%;height:64px;margin-bottom:16px}.saas-style-name{color:var(--color-text);margin:0 0 2px;font-size:1.5rem;font-weight:700}.saas-style-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);margin:0 0 10px;font-size:.78rem;font-weight:700}.saas-style-desc{color:var(--color-text-muted);margin:0;font-size:.88rem;line-height:1.5}.service-create-thumb{width:80px;height:80px;margin:0 auto 4px;font-size:1.3rem}