@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:none;outline:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-bg);box-shadow:0 4px 15px #d4af374d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.btn-secondary{background:var(--color-surface-light);color:var(--color-text);border:1px solid var(--color-border-light)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-bg)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.btn-danger{background:var(--color-error);color:var(--color-text)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-xl{padding:1.25rem 2.5rem;font-size:1.25rem}.btn-full{width:100%}.btn-disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-loading{position:relative;color:transparent!important}.btn-spinner{position:absolute;width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.btn-icon{display:flex;align-items:center;justify-content:center}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.input-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.input-required{color:var(--color-error);margin-left:2px}.input-container{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;pointer-events:none}.input-field{width:100%;padding:.875rem 1rem;font-size:1rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.input-field::placeholder{color:var(--color-text-muted)}.input-field:hover:not(:disabled){border-color:var(--color-border-light)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #d4af3726}.input-field:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-secondary)}.input-with-icon{padding-left:2.75rem}.textarea-field{resize:vertical;min-height:100px}.select-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A0A0A0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.select-field option{background:var(--color-surface);color:var(--color-text)}.input-helper{font-size:.75rem;color:var(--color-text-muted)}.input-helper-error{color:var(--color-error)}.input-error .input-field{border-color:var(--color-error)}.input-error .input-field:focus{box-shadow:0 0 0 3px #ef444426}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.card-padding-sm{padding:var(--spacing-md)}.card-padding-md{padding:var(--spacing-lg)}.card-padding-lg{padding:var(--spacing-xl)}.card-padding-none{padding:0}.card-hover:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);border-color:var(--color-primary)}.card-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.card-body{flex:1}.card-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:var(--spacing-md)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:1000;animation:fadeIn var(--transition-fast) ease-out}.modal-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-normal) ease-out}.modal-sm{max-width:400px}.modal-md{max-width:500px}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-full{max-width:95vw}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text)}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-surface-light);color:var(--color-text)}.modal-body{padding:var(--spacing-lg)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0f172ab3,#0f172a4d,#0f172ad9);z-index:2}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 2s ease-in-out,transform 8s ease-in-out;transform:scale(1);z-index:1}.hero-slide.active{opacity:.7;transform:scale(1.05)}.landing{min-height:100vh}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--spacing-md) 0;background:#f8fafce6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700}.logo-icon{font-size:1.75rem}.header-nav{display:flex;align-items:center;gap:var(--spacing-xl)}.header-nav a{color:var(--color-text-secondary);font-weight:500;transition:color var(--transition-fast)}.header-nav a:hover{color:var(--color-text)}.nav-login{color:var(--color-primary)!important}.hero{min-height:100vh;padding-top:120px;display:flex;align-items:center;position:relative;overflow:hidden}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center;padding-bottom:var(--spacing-4xl)}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.25rem;color:#f8fafc;margin-bottom:var(--spacing-xl);max-width:500px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.hero-cta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.hero-note{font-size:.875rem;color:var(--color-text-muted)}.hero-mockup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl),var(--shadow-glow)}.mockup-header{display:flex;gap:6px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.mockup-dot{width:10px;height:10px;border-radius:50%;background:var(--color-surface-light)}.mockup-content{padding:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.mockup-calendar{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.calendar-header{text-align:center;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-day-header{font-size:.75rem;color:var(--color-text-muted);padding:var(--spacing-xs)}.calendar-day{font-size:.75rem;padding:6px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.calendar-day:hover{background:var(--color-surface-light)}.calendar-day.active{background:var(--color-primary);color:var(--color-bg);font-weight:600}.calendar-day.has-event{color:var(--color-primary);font-weight:500}.mockup-appointments{display:flex;flex-direction:column;gap:16px}.appointment-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.appointment-time{font-size:.875rem;font-weight:600;color:var(--color-primary)}.appointment-info{display:flex;flex-direction:column}.appointment-name{font-size:.875rem;font-weight:500}.appointment-service{font-size:.75rem;color:var(--color-text-muted)}.features{padding:var(--spacing-3xl) 0;background:var(--color-bg-secondary)}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.section-subtitle{text-align:center;font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-fast)}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--color-text-secondary);font-size:.938rem}.pricing{padding:var(--spacing-4xl) 0;text-align:center;background:linear-gradient(#0d0d0dd9,#0d0d0de6),url(/assets/images/pricing-team.png);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.pricing .section-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pricing .section-subtitle{color:#f8fafc;text-shadow:0 1px 2px rgba(0,0,0,.3)}.pricing-card{max-width:400px;margin:0 auto;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-2xl);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-glow)}.pricing-header{margin-bottom:var(--spacing-xl)}.pricing-badge{display:inline-block;background:var(--color-primary);color:var(--color-bg);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);margin-bottom:var(--spacing-md)}.pricing-name{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.pricing-price{display:flex;align-items:flex-start;justify-content:center;gap:2px}.price-currency{font-size:1.5rem;font-weight:500;color:var(--color-text-secondary);margin-top:.5rem}.price-value{font-size:4rem;font-weight:800;line-height:1;color:var(--color-primary)}.price-cents{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin-top:.5rem}.price-period{font-size:1rem;color:var(--color-text-muted);margin-top:2rem}.pricing-features{list-style:none;text-align:left;margin-bottom:var(--spacing-xl)}.pricing-features li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.pricing-features li:last-child{border-bottom:none}.pricing-note{font-size:.875rem;color:var(--color-text-muted);margin-top:var(--spacing-md)}.landing-footer{padding:var(--spacing-3xl) 0 var(--spacing-xl);background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.footer-content{display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl)}.footer-brand{max-width:300px}.footer-brand .logo{margin-bottom:var(--spacing-md)}.footer-brand p{color:var(--color-text-secondary);font-size:.938rem}.footer-links{display:flex;gap:var(--spacing-3xl)}.footer-column h4{font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}.footer-column a{display:block;color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-sm)}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem}@media(max-width:992px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{margin:0 auto var(--spacing-xl);font-size:1.125rem}.hero-cta{justify-content:center}.hero-mockup{max-width:500px;margin:0 auto}.features-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}.footer-content{flex-direction:column;gap:var(--spacing-2xl)}.footer-links{flex-wrap:wrap;gap:var(--spacing-xl)}}@media(max-width:768px){.container{padding:0 var(--spacing-md)}.landing-header{padding:var(--spacing-sm) 0}.header-content{padding:0 var(--spacing-md)}.logo{font-size:1.25rem}.logo-icon{font-size:1.5rem}.header-nav{display:none}.hero{min-height:auto;padding-top:80px;padding-bottom:var(--spacing-2xl)}.hero-title{font-size:2rem;line-height:1.2;word-wrap:break-word}.hero-subtitle{font-size:1rem;padding:0 var(--spacing-sm)}.hero-cta{flex-direction:column;padding:0 var(--spacing-md)}.hero-cta .btn{width:100%}.hero-note{font-size:.813rem}.hero-mockup{display:none}.features{padding:var(--spacing-2xl) 0}.section-title{font-size:1.5rem;padding:0 var(--spacing-md)}.section-subtitle{font-size:1rem;padding:0 var(--spacing-md)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-md);padding:0 var(--spacing-md)}.feature-card{padding:var(--spacing-lg)}.feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.125rem}.feature-card p{font-size:.875rem}.pricing{padding:var(--spacing-2xl) var(--spacing-md)}.pricing-card{max-width:100%;padding:var(--spacing-lg)}.price-value{font-size:3rem}.pricing-name{font-size:1.25rem}.landing-footer{padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-lg)}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xl)}.footer-brand{max-width:100%}.footer-links{width:100%;justify-content:center;gap:var(--spacing-lg)}.footer-column{min-width:120px}.footer-bottom{font-size:.75rem}}@media(max-width:480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.938rem}.section-title{font-size:1.375rem}.section-subtitle{font-size:.938rem}.feature-card{padding:var(--spacing-md)}.feature-icon{font-size:2rem}.pricing-card{padding:var(--spacing-md)}.price-value{font-size:2.5rem}.footer-links{flex-direction:column;align-items:center}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%)}.auth-container{width:100%;max-width:420px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--color-text)}.auth-logo .logo-icon{font-size:2rem}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--spacing-xl)}.auth-title{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-xs)}.auth-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.auth-error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:.875rem;text-align:center}.auth-footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);color:var(--color-text-secondary)}.auth-footer a{color:var(--color-primary);font-weight:500}.auth-demo{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);text-align:center}.auth-demo p{font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.auth-demo code{font-size:.875rem;color:var(--color-primary)}.slug-preview{background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-lg);text-align:center}.slug-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.slug-preview code{font-size:.875rem;color:var(--color-text-secondary);word-break:break-all}@media(max-width:480px){.auth-page{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-lg)}}.theme-decorations{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.decoration-carnaval{background:radial-gradient(circle at 10% 20%,rgba(255,0,255,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,215,0,.1) 0%,transparent 20%)}.confetti{position:absolute;width:10px;height:10px;animation:confetti-fall linear infinite}.confetti:nth-child(1){left:10%;animation-duration:3s;animation-delay:0s;background:#ff1493}.confetti:nth-child(2){left:20%;animation-duration:4s;animation-delay:.5s;background:gold;border-radius:50%}.confetti:nth-child(3){left:30%;animation-duration:3.5s;animation-delay:1s;background:#00ced1}.confetti:nth-child(4){left:40%;animation-duration:4.5s;animation-delay:.2s;background:tomato;border-radius:50%}.confetti:nth-child(5){left:50%;animation-duration:3s;animation-delay:.8s;background:#9b59b6}.confetti:nth-child(6){left:60%;animation-duration:4s;animation-delay:1.2s;background:#2ecc71;border-radius:50%}.confetti:nth-child(7){left:70%;animation-duration:3.2s;animation-delay:.4s;background:#ff1493}.confetti:nth-child(8){left:80%;animation-duration:4.2s;animation-delay:.6s;background:gold;border-radius:50%}.confetti:nth-child(9){left:90%;animation-duration:3.8s;animation-delay:1s;background:#00ced1}.confetti:nth-child(10){left:5%;animation-duration:4s;animation-delay:.3s;background:tomato}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:.3}}.decoration-pascoa{background:radial-gradient(ellipse at 20% 30%,rgba(155,89,182,.1) 0%,transparent 30%),radial-gradient(ellipse at 80% 70%,rgba(243,156,18,.1) 0%,transparent 30%)}.easter-egg{position:absolute;font-size:2rem;animation:float-eggs linear infinite;opacity:.7}.easter-egg:nth-child(1){left:5%;animation-duration:8s;content:"🥚"}.easter-egg:nth-child(2){left:15%;animation-duration:10s;animation-delay:1s}.easter-egg:nth-child(3){left:25%;animation-duration:9s;animation-delay:2s}.easter-egg:nth-child(4){left:75%;animation-duration:11s;animation-delay:.5s}.easter-egg:nth-child(5){left:85%;animation-duration:8.5s;animation-delay:1.5s}.easter-egg:nth-child(6){left:95%;animation-duration:10s;animation-delay:3s}.easter-bunny{position:absolute;font-size:3rem;bottom:20px;animation:bunny-hop 2s ease-in-out infinite}.easter-bunny:nth-child(7){left:10%;animation-delay:0s}.easter-bunny:nth-child(8){right:10%;animation-delay:1s}@keyframes float-eggs{0%{transform:translateY(-50px) rotate(0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes bunny-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.decoration-saoJoao{background:linear-gradient(180deg,rgba(255,107,53,.05) 0%,transparent 30%)}.bandeirinha{position:absolute;top:0;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:25px solid;animation:sway 3s ease-in-out infinite}.bandeirinha:after{content:"";position:absolute;top:-35px;left:-15px;width:30px;height:10px;background:inherit;border-top-color:inherit}.bandeirinha:nth-child(1){left:5%;border-top-color:#ff6b35;animation-delay:0s}.bandeirinha:nth-child(2){left:12%;border-top-color:gold;animation-delay:.3s}.bandeirinha:nth-child(3){left:19%;border-top-color:#2ecc71;animation-delay:.6s}.bandeirinha:nth-child(4){left:26%;border-top-color:#3498db;animation-delay:.9s}.bandeirinha:nth-child(5){left:33%;border-top-color:#e74c3c;animation-delay:1.2s}.bandeirinha:nth-child(6){left:40%;border-top-color:#9b59b6;animation-delay:.2s}.bandeirinha:nth-child(7){left:47%;border-top-color:#ff6b35;animation-delay:.5s}.bandeirinha:nth-child(8){left:54%;border-top-color:gold;animation-delay:.8s}.bandeirinha:nth-child(9){left:61%;border-top-color:#2ecc71;animation-delay:1.1s}.bandeirinha:nth-child(10){left:68%;border-top-color:#3498db;animation-delay:.4s}.bandeirinha:nth-child(11){left:75%;border-top-color:#e74c3c;animation-delay:.7s}.bandeirinha:nth-child(12){left:82%;border-top-color:#9b59b6;animation-delay:1s}.bandeirinha:nth-child(13){left:89%;border-top-color:#ff6b35;animation-delay:.3s}.bandeirinha:nth-child(14){left:96%;border-top-color:gold;animation-delay:.6s}.fogueira{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:4rem;animation:fire-flicker .5s ease-in-out infinite alternate}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes fire-flicker{0%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(1.1);opacity:.9}}.decoration-natal{background:radial-gradient(circle at 50% 100%,rgba(192,57,43,.1) 0%,transparent 50%)}.snowflake{position:absolute;color:#fff;font-size:1rem;animation:snow-fall linear infinite;opacity:.8;text-shadow:0 0 5px rgba(255,255,255,.5)}.snowflake:nth-child(1){left:5%;animation-duration:8s;font-size:1.5rem}.snowflake:nth-child(2){left:15%;animation-duration:10s;animation-delay:1s}.snowflake:nth-child(3){left:25%;animation-duration:7s;animation-delay:2s;font-size:1.2rem}.snowflake:nth-child(4){left:35%;animation-duration:9s;animation-delay:.5s}.snowflake:nth-child(5){left:45%;animation-duration:11s;animation-delay:3s;font-size:1.3rem}.snowflake:nth-child(6){left:55%;animation-duration:8s;animation-delay:1.5s}.snowflake:nth-child(7){left:65%;animation-duration:10s;animation-delay:2.5s;font-size:1.4rem}.snowflake:nth-child(8){left:75%;animation-duration:7.5s;animation-delay:.8s}.snowflake:nth-child(9){left:85%;animation-duration:9.5s;animation-delay:1.2s;font-size:1.1rem}.snowflake:nth-child(10){left:95%;animation-duration:8.5s;animation-delay:2s}.christmas-tree{position:absolute;bottom:10px;font-size:3rem}.christmas-tree:nth-child(11){left:5%}.christmas-tree:nth-child(12){right:5%}@keyframes snow-fall{0%{transform:translateY(-10px) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.decoration-anoNovo{background:radial-gradient(circle at 30% 30%,rgba(241,196,15,.15) 0%,transparent 30%),radial-gradient(circle at 70% 60%,rgba(189,195,199,.1) 0%,transparent 25%)}.firework{position:absolute;width:5px;height:5px;border-radius:50%;animation:firework-explode 2s ease-out infinite}.firework:nth-child(1){left:20%;top:30%;background:gold;animation-delay:0s}.firework:nth-child(2){left:50%;top:20%;background:#bdc3c7;animation-delay:.5s}.firework:nth-child(3){left:80%;top:35%;background:#f1c40f;animation-delay:1s}.firework:nth-child(4){left:35%;top:25%;background:#fff;animation-delay:1.5s}.firework:nth-child(5){left:65%;top:40%;background:gold;animation-delay:.8s}.champagne{position:absolute;bottom:20px;font-size:2.5rem}.champagne:nth-child(6){left:30%}.champagne:nth-child(7){right:30%}@keyframes firework-explode{0%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 currentColor}50%{transform:scale(3);opacity:1;box-shadow:0 0 20px 10px currentColor}to{transform:scale(5);opacity:0;box-shadow:0 0 40px 20px transparent}}.decoration-diasDasMaes{background:radial-gradient(circle at 20% 80%,rgba(233,30,99,.1) 0%,transparent 30%),radial-gradient(circle at 80% 20%,rgba(156,39,176,.1) 0%,transparent 30%)}.flower{position:absolute;font-size:2rem;animation:flower-float 6s ease-in-out infinite;opacity:.8}.flower:nth-child(1){left:5%;top:10%;animation-delay:0s}.flower:nth-child(2){left:15%;top:30%;animation-delay:.5s;font-size:1.5rem}.flower:nth-child(3){left:85%;top:15%;animation-delay:1s}.flower:nth-child(4){left:90%;top:40%;animation-delay:1.5s;font-size:1.8rem}.flower:nth-child(5){left:10%;bottom:20%;animation-delay:2s}.flower:nth-child(6){right:15%;bottom:30%;animation-delay:.8s;font-size:2.2rem}.heart{position:absolute;font-size:1.5rem;animation:heart-pulse 1.5s ease-in-out infinite;color:#e91e63}.heart:nth-child(7){left:50%;top:5%;animation-delay:0s}.heart:nth-child(8){left:45%;top:10%;animation-delay:.3s;font-size:1rem}.heart:nth-child(9){left:55%;top:8%;animation-delay:.6s;font-size:1.2rem}@keyframes flower-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(10deg)}}@keyframes heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.decoration-diaDosPais{background:linear-gradient(180deg,rgba(41,128,185,.05) 0%,transparent 20%)}.tie{position:absolute;font-size:2rem;animation:tie-sway 4s ease-in-out infinite}.tie:nth-child(1){left:10%;top:15%}.tie:nth-child(2){right:10%;top:20%;animation-delay:1s}.tie:nth-child(3){left:5%;bottom:30%;animation-delay:2s;font-size:1.5rem}.tie:nth-child(4){right:5%;bottom:25%;animation-delay:.5s}.star{position:absolute;font-size:1rem;color:#f1c40f;animation:twinkle 2s ease-in-out infinite}.star:nth-child(5){left:30%;top:10%}.star:nth-child(6){left:70%;top:5%;animation-delay:.5s}.star:nth-child(7){left:50%;top:3%;animation-delay:1s}@keyframes tie-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes twinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.decoration-halloween{background:radial-gradient(circle at 30% 20%,rgba(142,68,173,.1) 0%,transparent 30%),radial-gradient(circle at 70% 80%,rgba(230,126,34,.1) 0%,transparent 30%)}.pumpkin{position:absolute;font-size:2.5rem;animation:pumpkin-glow 2s ease-in-out infinite}.pumpkin:nth-child(1){left:5%;bottom:20px}.pumpkin:nth-child(2){right:5%;bottom:20px;animation-delay:1s}.pumpkin:nth-child(3){left:30%;bottom:15px;font-size:2rem;animation-delay:.5s}.pumpkin:nth-child(4){right:30%;bottom:15px;font-size:2rem;animation-delay:1.5s}.bat{position:absolute;font-size:1.5rem;animation:bat-fly 4s ease-in-out infinite}.bat:nth-child(5){left:20%;top:15%}.bat:nth-child(6){left:60%;top:10%;animation-delay:1s}.bat:nth-child(7){left:80%;top:20%;animation-delay:2s}.ghost{position:absolute;font-size:2rem;animation:ghost-float 5s ease-in-out infinite;opacity:.7}.ghost:nth-child(8){right:15%;top:30%}.ghost:nth-child(9){left:10%;top:40%;animation-delay:2s}@keyframes pumpkin-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 10px #FF6B00)}}@keyframes bat-fly{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(30px) translateY(-20px)}50%{transform:translate(0) translateY(-10px)}75%{transform:translate(-30px) translateY(-20px)}}@keyframes ghost-float{0%,to{transform:translateY(0) translate(0);opacity:.7}50%{transform:translateY(-30px) translate(20px);opacity:.4}}.decoration-lgbt{background:linear-gradient(180deg,rgba(228,3,3,.1) 0%,rgba(255,140,0,.1) 16.67%,rgba(255,237,0,.1) 33.33%,rgba(0,128,38,.1) 50%,rgba(0,77,255,.1) 66.67%,rgba(117,7,135,.1) 83.33%,transparent 100%)}.rainbow-stripe{position:absolute;left:0;right:0;height:4px;animation:rainbow-glow 3s ease-in-out infinite}.rainbow-stripe:nth-child(1){top:0;background:#e40303}.rainbow-stripe:nth-child(2){top:4px;background:#ff8c00;animation-delay:.2s}.rainbow-stripe:nth-child(3){top:8px;background:#ffed00;animation-delay:.4s}.rainbow-stripe:nth-child(4){top:12px;background:#008026;animation-delay:.6s}.rainbow-stripe:nth-child(5){top:16px;background:#004dff;animation-delay:.8s}.rainbow-stripe:nth-child(6){top:20px;background:#750787;animation-delay:1s}.pride-heart{position:absolute;font-size:2rem;animation:pride-float 4s ease-in-out infinite}.pride-heart:nth-child(7){left:10%;top:40%}.pride-heart:nth-child(8){right:10%;top:50%;animation-delay:1s}.pride-heart:nth-child(9){left:50%;bottom:20%;animation-delay:2s}@keyframes rainbow-glow{0%,to{opacity:.8}50%{opacity:1;box-shadow:0 0 10px currentColor}}@keyframes pride-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.decoration-verao{background:linear-gradient(180deg,rgba(0,206,209,.1) 0%,transparent 30%),linear-gradient(0deg,rgba(255,223,186,.1) 0%,transparent 20%)}.wave{position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(180deg,transparent,rgba(0,206,209,.3));animation:wave-motion 3s ease-in-out infinite}.sun{position:absolute;top:10px;right:20px;font-size:3rem;animation:sun-pulse 4s ease-in-out infinite}.palm{position:absolute;font-size:3rem;bottom:10px}.palm:nth-child(2){left:5%}.palm:nth-child(3){right:5%}.beach-item{position:absolute;font-size:1.5rem;bottom:15px;animation:beach-bob 2s ease-in-out infinite}.beach-item:nth-child(4){left:25%}.beach-item:nth-child(5){left:50%;animation-delay:.5s}.beach-item:nth-child(6){right:25%;animation-delay:1s}@keyframes wave-motion{0%,to{transform:translate(-5%)}50%{transform:translate(5%)}}@keyframes sun-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2) drop-shadow(0 0 20px #FFD700)}}@keyframes beach-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.decoration-blackFriday{background:repeating-linear-gradient(45deg,transparent,transparent 50px,rgba(255,0,0,.03) 50px,rgba(255,0,0,.03) 100px)}.sale-tag{position:absolute;font-size:2rem;animation:tag-bounce 1s ease-in-out infinite}.sale-tag:nth-child(1){left:10%;top:20%}.sale-tag:nth-child(2){right:10%;top:15%;animation-delay:.3s}.sale-tag:nth-child(3){left:5%;bottom:30%;animation-delay:.6s}.sale-tag:nth-child(4){right:5%;bottom:25%;animation-delay:.9s}.percent{position:absolute;font-size:1.5rem;font-weight:700;color:red;animation:percent-flash .8s ease-in-out infinite}.percent:nth-child(5){left:30%;top:10%}.percent:nth-child(6){right:30%;top:8%;animation-delay:.4s}.percent:nth-child(7){left:50%;top:5%;animation-delay:.2s}@keyframes tag-bounce{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-10px) rotate(10deg)}}@keyframes percent-flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.decoration-promo{background:radial-gradient(circle at 20% 30%,rgba(255,0,0,.15) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgba(255,215,0,.15) 0%,transparent 30%)}.promo-spark{position:absolute;font-size:1.5rem;animation:spark-twinkle 1s ease-in-out infinite}.spark-1{left:10%;top:15%;animation-delay:0s}.spark-2{right:10%;top:20%;animation-delay:.25s}.spark-3{left:15%;bottom:25%;animation-delay:.5s}.spark-4{right:15%;bottom:20%;animation-delay:.75s}.promo-fire{position:absolute;font-size:2.5rem;animation:fire-dance .5s ease-in-out infinite alternate}.fire-1{left:5%;top:40%}.fire-2{right:5%;top:35%;animation-delay:.25s}.promo-tag{position:absolute;font-size:2rem;animation:promo-pulse 1.5s ease-in-out infinite}.promo-tag:nth-child(7){left:3%;bottom:30%}.promo-tag:nth-child(8){right:3%;bottom:25%;animation-delay:.5s}.promo-megaphone{position:absolute;font-size:3rem;bottom:20px;left:50%;transform:translate(-50%);animation:megaphone-shake .5s ease-in-out infinite}@keyframes spark-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes fire-dance{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.1) rotate(5deg)}}@keyframes promo-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}@keyframes megaphone-shake{0%,to{transform:translate(-50%) rotate(-10deg)}50%{transform:translate(-50%) rotate(10deg)}}.promo-banner{position:relative;z-index:10;background:linear-gradient(90deg,red,#f44,red);background-size:200% 100%;animation:banner-gradient 2s linear infinite;padding:12px 20px;text-align:center;border-bottom:2px solid #FFD700}.promo-banner-content{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.promo-banner-title{font-size:1.1rem;font-weight:800;color:#fff;text-transform:uppercase;animation:text-glow 1s ease-in-out infinite alternate}.promo-banner-timer{font-size:.75rem;color:gold;background:#0000004d;padding:4px 12px;border-radius:20px}@keyframes banner-gradient{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes text-glow{0%{text-shadow:0 0 5px #FFD700,0 0 10px #FFD700}to{text-shadow:0 0 10px #FFD700,0 0 20px #FFD700,0 0 30px #FFD700}}.decoration-beautySalon{background:radial-gradient(circle at 10% 20%,rgba(255,105,180,.05) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(138,43,226,.05) 0%,transparent 20%)}.beauty-item{position:absolute;font-size:2rem;animation:beauty-float 6s ease-in-out infinite;opacity:.6}.beauty-item:nth-child(1){left:10%;top:20%;animation-delay:0s;font-size:2.5rem}.beauty-item:nth-child(2){left:85%;top:15%;animation-delay:1s}.beauty-item:nth-child(3){left:20%;bottom:25%;animation-delay:2s;font-size:1.8rem}.beauty-item:nth-child(4){right:15%;bottom:30%;animation-delay:.5s;font-size:2.2rem}.beauty-item:nth-child(5){left:50%;top:10%;animation-delay:1.5s;font-size:1.5rem}.beauty-item:nth-child(6){right:40%;bottom:15%;animation-delay:2.5s}@keyframes beauty-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.decoration-makeup{background:radial-gradient(circle at 30% 30%,rgba(210,105,30,.05) 0%,transparent 25%),radial-gradient(circle at 70% 70%,rgba(255,215,0,.05) 0%,transparent 25%)}.makeup-item{position:absolute;font-size:2rem;animation:makeup-bounce 4s ease-in-out infinite;opacity:.7}.makeup-item:nth-child(1){left:5%;top:25%;animation-delay:0s}.makeup-item:nth-child(2){right:10%;top:20%;animation-delay:1s}.makeup-item:nth-child(3){left:15%;bottom:20%;animation-delay:2s}.makeup-item:nth-child(4){right:20%;bottom:15%;animation-delay:.5s}.makeup-item:nth-child(5){left:45%;top:15%;animation-delay:1.5s;font-size:1.5rem}@keyframes makeup-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1) translateY(-10px)}}.decoration-vintageBarber{background:repeating-linear-gradient(45deg,rgba(139,69,19,.03) 0px,rgba(139,69,19,.03) 10px,transparent 10px,transparent 20px)}.vintage-item{position:absolute;font-size:2.2rem;animation:vintage-sway 5s ease-in-out infinite;opacity:.5;filter:sepia(.5)}.vintage-item:nth-child(1){left:8%;top:15%;animation-delay:0s}.vintage-item:nth-child(2){right:12%;top:25%;animation-delay:1.5s}.vintage-item:nth-child(3){left:20%;bottom:30%;animation-delay:3s;font-size:3rem}.vintage-item:nth-child(4){right:25%;bottom:20%;animation-delay:.5s}.vintage-item:nth-child(5){left:50%;top:5%;animation-delay:2s}@keyframes vintage-sway{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}.decoration-modernBarber{background:linear-gradient(90deg,transparent 95%,rgba(37,99,235,.03) 95%);background-size:20px 20px}.modern-item{position:absolute;font-size:2rem;animation:modern-slide 8s linear infinite;opacity:.6}.modern-item:nth-child(1){left:10%;top:10%;animation-duration:10s}.modern-item:nth-child(2){right:15%;top:30%;animation-duration:8s;animation-direction:reverse}.modern-item:nth-child(3){left:20%;bottom:20%;animation-duration:12s}.modern-item:nth-child(4){right:10%;bottom:30%;animation-duration:9s;animation-direction:reverse}.modern-item:nth-child(5){left:40%;top:5%;animation-duration:11s}@keyframes modern-slide{0%{transform:translate(-10px)}50%{transform:translate(10px)}to{transform:translate(-10px)}}.client-auth-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:1000;animation:fadeIn var(--transition-fast) ease-out}.client-auth-modal{position:relative;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;padding:var(--spacing-xl)!important}.close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;border:none;background:var(--color-surface-light);color:var(--color-text-muted);border-radius:50%;cursor:pointer;font-size:1rem;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--color-error);color:#fff}.auth-screen{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-header{text-align:center;margin-bottom:var(--spacing-md)}.auth-icon{display:inline-block;font-size:3rem;margin-bottom:var(--spacing-sm)}.auth-header h2{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.auth-header p{color:var(--color-text-secondary);font-size:.875rem}.auth-header strong{color:var(--color-primary)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-form .btn{margin-top:var(--spacing-sm);width:100%}.auth-error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.813rem;text-align:center}.auth-success{background:#22c55e1a;border:1px solid var(--color-success);color:var(--color-success);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.813rem;text-align:center}.auth-links{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.auth-links button{background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:color var(--transition-fast);padding:var(--spacing-xs) 0}.auth-links button:hover{color:var(--color-primary)}.auth-links button:disabled{opacity:.5;cursor:not-allowed}.demo-code{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px dashed var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.demo-code span{font-size:.75rem;color:var(--color-text-secondary)}.demo-code strong{font-size:2rem;font-family:monospace;color:var(--color-primary);letter-spacing:.5em}.code-input input{text-align:center;font-size:1.5rem;font-family:monospace;letter-spacing:.5em;padding:var(--spacing-md)!important}@media(max-width:480px){.client-auth-modal{max-height:100vh;height:100vh;border-radius:0;padding:var(--spacing-lg)!important}.auth-icon{font-size:2.5rem}.auth-header h2{font-size:1.25rem}.demo-code strong{font-size:1.5rem}}.booking-page.themed{--color-primary: var(--theme-primary, #00C9A7);--color-primary-light: var(--theme-primary-light, #4DFFD4);--color-primary-dark: var(--theme-primary-dark, #00A88A);--color-accent: var(--theme-accent, #7C3AED);--color-bg: var(--theme-background, #F8FAFC);--color-bg-secondary: var(--theme-background, #F1F5F9);--color-surface: var(--theme-surface, #FFFFFF);--color-surface-light: var(--theme-surface-light, #E2E8F0);--color-text: var(--theme-text, #1E293B);--color-text-secondary: var(--theme-text-secondary, #64748B)}.booking-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg)}.brand-logo{width:48px;height:48px;border-radius:var(--radius-lg);object-fit:cover}.booking-loading,.booking-error,.booking-success{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-lg)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-icon,.success-icon{font-size:3rem}.success-details{background:var(--color-surface);padding:var(--spacing-md);border-radius:var(--radius-xl);margin:var(--spacing-md) 0;width:100%;max-width:350px}.success-details p{margin:var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:.875rem}.success-details strong{color:var(--color-text)}.booking-header{background:linear-gradient(180deg,var(--color-surface) 0%,rgba(255,255,255,.95) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);padding:var(--spacing-md);position:sticky;top:0;z-index:50;box-shadow:0 4px 30px #0000000d}.booking-brand{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.brand-icon{font-size:1.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.brand-name{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.booking-steps{display:flex;justify-content:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-xl);max-width:100%;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.booking-steps::-webkit-scrollbar{display:none}.step{font-size:.75rem;color:var(--color-text-muted);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;padding:var(--spacing-xs) var(--spacing-md);background:transparent;border-radius:var(--radius-lg);flex-shrink:0;font-weight:600;position:relative}.booking-content{flex:1;width:100%;max-width:800px;margin:0 auto;padding:var(--spacing-md);padding-bottom:100px;overflow-y:auto}.booking-step{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.booking-step h2{text-align:center;margin-bottom:var(--spacing-xl);font-size:1.5rem;font-weight:700;color:var(--color-text);position:relative}.booking-step h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full)}.professionals-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:380px){.professionals-grid{grid-template-columns:repeat(2,1fr)}}.professional-card{text-align:center;padding:var(--spacing-lg)!important;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-xl);box-shadow:0 4px 15px #0000000d;position:relative;overflow:hidden}.professional-avatar{width:70px;height:70px;margin:0 auto var(--spacing-sm);border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));padding:3px;box-shadow:0 4px 15px #00c9a74d}.professional-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50%}.professional-card h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs);line-height:1.3;color:var(--color-text)}.professional-specialties{font-size:.75rem;color:var(--color-text-secondary);line-height:1.2}.services-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.service-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md)!important;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;position:relative}.service-card.selected:after{top:50%;transform:translateY(-50%);right:var(--spacing-md);width:20px;height:20px;font-size:.65rem}.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--color-primary)}.service-card:active{transform:scale(.99)}.service-card.selected{border-color:var(--color-primary);background:linear-gradient(135deg,#00c9a70d,#00c9a705);box-shadow:0 4px 20px #00c9a733}.service-card.selected:after{content:"✓";position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.service-info h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text)}.service-info p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.service-meta{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.service-duration{font-size:.75rem;color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-full);font-weight:500}.service-price{font-size:1.25rem;font-weight:800;color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.datetime-picker{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.time-slots{display:flex;flex-direction:column;gap:var(--spacing-lg)}.slots-label{font-size:1rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm)}.slots-label:before{content:"🕐"}.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.time-slot{padding:var(--spacing-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;text-align:center;box-shadow:0 2px 8px #0000000a}.time-slot:active{transform:scale(.95)}.time-slot:hover{border-color:var(--color-primary);background:#00c9a70d;transform:translateY(-1px)}.time-slot.selected{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-color:transparent;color:#fff;box-shadow:0 4px 15px #00c9a766;transform:scale(1.02)}.no-slots{color:var(--color-text-muted);font-size:.938rem;text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg-secondary) 100%);border-radius:var(--radius-xl);border:2px dashed var(--color-border)}.client-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.booking-summary{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(0,201,167,.03) 100%);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:0 4px 20px #0000000f}.booking-summary h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-sm)}.booking-summary h3:before{content:"📋"}.summary-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.summary-item{display:flex;justify-content:space-between;font-size:.938rem;padding:var(--spacing-xs) 0}.summary-label{color:var(--color-text-secondary)}.summary-value{color:var(--color-text);font-weight:600;text-align:right}.summary-item.total{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid var(--color-border)}.summary-item.total .summary-value{color:var(--color-primary);font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.booking-error-msg{background:#ef44441a;border:2px solid var(--color-error);color:var(--color-error);padding:var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);text-align:center;font-size:.938rem;font-weight:500}.step-actions{display:flex;flex-direction:column-reverse;gap:var(--spacing-md);margin-top:auto;padding-top:var(--spacing-xl)}.step-actions .btn{width:100%;padding:var(--spacing-lg);font-size:1rem;font-weight:600;border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.step-actions .btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);box-shadow:0 4px 15px #00c9a766}.step-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00c9a780}.booking-footer{text-align:center;padding:var(--spacing-lg);color:var(--color-text-muted);font-size:.813rem;border-top:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 100%)}@media(min-width:480px){.slots-grid{grid-template-columns:repeat(5,1fr)}.booking-step h2{font-size:1.5rem}.step{font-size:.75rem}}@media(min-width:600px){.booking-header{padding:var(--spacing-lg)}.brand-icon{font-size:2rem}.brand-name{font-size:1.5rem}.booking-steps{gap:var(--spacing-md)}.step{font-size:.813rem;padding:var(--spacing-sm) var(--spacing-md)}.booking-content{padding:var(--spacing-xl)}.professionals-grid{grid-template-columns:repeat(3,1fr)}.professional-avatar{width:80px;height:80px}.professional-card h3{font-size:1rem}.slots-grid{grid-template-columns:repeat(6,1fr)}.step-actions{flex-direction:row;justify-content:space-between}.step-actions .btn{width:auto}}@media(min-width:768px){.booking-steps{gap:var(--spacing-lg)}.step{font-size:.875rem}.professionals-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.professional-card{padding:var(--spacing-xl)!important}.service-card{flex-direction:row;align-items:center;justify-content:space-between}.service-meta{border-top:none;padding-top:0;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.success-details{padding:var(--spacing-lg);max-width:400px}.booking-footer{font-size:.875rem}}@supports (padding-bottom: env(safe-area-inset-bottom)){.booking-footer{padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.step-actions{padding-bottom:env(safe-area-inset-bottom)}}@media(hover:none)and (pointer:coarse){.professional-card:hover,.service-card:hover,.time-slot:hover{border-color:var(--color-border)}.professional-card.selected:hover,.service-card.selected:hover,.time-slot.selected:hover{border-color:var(--color-primary)}}@media(max-height:500px)and (orientation:landscape){.booking-header{padding:var(--spacing-xs) var(--spacing-md)}.booking-brand{margin-bottom:var(--spacing-xs)}.brand-icon{font-size:1.25rem}.brand-name{font-size:1rem}.booking-content{padding:var(--spacing-sm)}.booking-step h2{font-size:1rem;margin-bottom:var(--spacing-sm)}.professionals-grid{grid-template-columns:repeat(4,1fr)}.professional-avatar{width:50px;height:50px}.slots-grid{grid-template-columns:repeat(8,1fr)}}.client-menu{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.client-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.client-name{font-size:.875rem;color:var(--color-text);font-weight:500}.client-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.client-btn:hover{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.client-btn.logout{background:transparent;color:var(--color-text-muted)}.client-btn.logout:hover{background:#ef44441a;color:var(--color-error);border-color:var(--color-error)}.client-options{text-align:center}.client-options h2{margin-bottom:var(--spacing-xl)}.option-card{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);text-align:left;cursor:pointer;padding:var(--spacing-lg)!important}.option-card:hover{border-color:var(--color-primary)}.option-icon{font-size:2rem;flex-shrink:0}.option-icon svg{width:32px;height:32px}.option-info h3{font-size:1rem;margin-bottom:var(--spacing-xs)}.option-info p{font-size:.75rem;color:var(--color-text-muted);margin:0}.booking-tip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;text-align:center}.booking-tip p{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.temp-notice{font-size:.75rem;color:var(--color-text-muted);text-align:center;padding:var(--spacing-sm);background:#d4af371a;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.my-bookings{max-width:500px;margin:0 auto}.my-bookings h2{text-align:center;margin-bottom:var(--spacing-xl)}.empty-bookings{text-align:center;padding:var(--spacing-xl)!important;color:var(--color-text-muted)}.bookings-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.booking-card{display:flex;align-items:center;gap:var(--spacing-lg);position:relative}.booking-date-time{display:flex;flex-direction:column;align-items:center;min-width:70px;padding:var(--spacing-sm);background:var(--color-primary);border-radius:var(--radius-lg);color:var(--color-bg)}.booking-date{font-size:.625rem;text-transform:uppercase;font-weight:600}.booking-time{font-size:1rem;font-weight:700}.booking-details{flex:1;display:flex;flex-direction:column}.booking-service{font-weight:600;font-size:.938rem}.booking-professional{font-size:.75rem;color:var(--color-text-muted)}.temp-badge{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);font-size:.625rem;padding:2px var(--spacing-xs);background:#d4af3733;color:var(--color-primary);border-radius:var(--radius-full)}.login-prompt{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);max-width:400px;margin:0 auto}.login-icon{font-size:4rem;display:block;margin-bottom:var(--spacing-md)}.login-prompt h2{margin-bottom:var(--spacing-sm);color:var(--color-text)}.login-prompt p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.5}.login-prompt .btn{width:100%;margin-bottom:var(--spacing-sm)}.booking-summary-preview{background:var(--color-surface);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);text-align:left}.booking-summary-preview p{margin:var(--spacing-xs) 0;font-size:.875rem}.past-badge{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);font-size:.625rem;padding:2px var(--spacing-xs);background:#22c55e33;color:var(--color-success);border-radius:var(--radius-full)}.booking-card.past{opacity:.7}.booking-card.past .booking-date-time{background:var(--color-text-muted)}.theme-selector{position:relative}.theme-toggle{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.theme-icon{font-size:1.25rem}.theme-backdrop{position:fixed;inset:0;z-index:999}.theme-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:slideDown var(--transition-fast) ease-out}.theme-dropdown-header{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.theme-option{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none;color:var(--color-text);font-size:.938rem;cursor:pointer;transition:all var(--transition-fast)}.theme-option:hover{background:var(--color-surface-light)}.theme-option.active{background:#00c9a71a;color:var(--color-primary)}.theme-option-icon{font-size:1.25rem}.theme-option-name{flex:1;text-align:left}.theme-check{color:var(--color-primary);font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.sidebar-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:700}.brand-icon{font-size:1.5rem}.sidebar-nav{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-weight:500;transition:all var(--transition-fast)}.nav-item:hover{background:var(--color-surface-light);color:var(--color-text)}.nav-item.active{background:linear-gradient(135deg,#d4af3726,#d4af370d);color:var(--color-primary);border-left:3px solid var(--color-primary);margin-left:-3px}.nav-icon{font-size:1.25rem}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.tenant-info{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.tenant-name{font-weight:600;font-size:.938rem}.tenant-plan{font-size:.75rem;color:var(--color-text-muted)}.logout-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{background:var(--color-error);border-color:var(--color-error);color:var(--color-text)}.main-content{flex:1;margin-left:260px;padding:var(--spacing-xl);background:var(--color-bg);min-height:100vh}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-sm);z-index:100}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.625rem;transition:all var(--transition-fast)}.mobile-nav-item.active{color:var(--color-primary)}.mobile-nav-icon{font-size:1.25rem}@media(max-width:992px){.sidebar{display:none}.main-content{margin-left:0;padding:var(--spacing-md);padding-bottom:90px}.mobile-nav{display:flex;justify-content:space-around;padding:var(--spacing-xs) var(--spacing-sm);padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom))}}@media(max-width:480px){.main-content{padding:var(--spacing-sm);padding-bottom:90px}.mobile-nav-item{padding:var(--spacing-xs)}.mobile-nav-text{font-size:.5rem}.mobile-nav-icon{font-size:1.125rem}}.dashboard{max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.dashboard-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.dashboard-date{color:var(--color-text-secondary);text-transform:capitalize}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-lg)}.stat-card.highlight{border-color:var(--color-primary);background:linear-gradient(135deg,rgba(212,175,55,.1),transparent)}.stat-icon{font-size:2.5rem}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;line-height:1.2}.stat-card.highlight .stat-value{color:var(--color-primary)}.stat-label{font-size:.875rem;color:var(--color-text-secondary)}.dashboard-section{margin-bottom:var(--spacing-2xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:1.25rem;font-weight:600}.appointments-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.appointment-item{display:flex;align-items:center;gap:var(--spacing-lg)}.appointment-time{min-width:70px}.appointment-time .time{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.appointment-details{flex:1;display:flex;flex-direction:column;gap:2px}.service-name{font-size:.875rem;color:var(--color-text-secondary)}.appointment-status{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-bg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl)!important;text-align:center;color:var(--color-text-muted)}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg)}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)!important;text-align:center}.action-icon{font-size:2.5rem}.action-text{font-weight:500;color:var(--color-text-secondary)}@media(max-width:768px){.dashboard{padding:0 var(--spacing-sm)}.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.dashboard-title{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card{flex-direction:column;text-align:center;padding:var(--spacing-md)!important}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.section-header .btn{width:100%}.appointment-item{flex-wrap:wrap;padding:var(--spacing-sm)!important}.appointment-time{min-width:auto}.appointment-time .time{font-size:1rem}.appointment-details{flex:1;min-width:60%}.appointment-status{width:100%;text-align:center;margin-top:var(--spacing-sm)}.quick-actions{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.action-card{padding:var(--spacing-md)!important}.action-icon{font-size:2rem}.action-text{font-size:.813rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:row;text-align:left}.quick-actions{grid-template-columns:1fr}}.professionals-page{max-width:1200px;margin:0 auto}.page-header h1{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.page-subtitle{color:var(--color-text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl)!important;text-align:center}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.empty-state h3{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.professionals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.professional-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl)!important}.professional-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:var(--spacing-md);overflow:hidden;background:var(--color-surface-light)}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--color-primary);background:linear-gradient(135deg,var(--color-surface-light),var(--color-surface))}.professional-info{margin-bottom:var(--spacing-md)}.professional-info h3{font-size:1.125rem;margin-bottom:var(--spacing-xs)}.specialties{font-size:.875rem;color:var(--color-text-muted)}.professional-actions{display:flex;gap:var(--spacing-sm)}.professional-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.working-hours{display:flex;flex-direction:column;gap:var(--spacing-md)}.working-hours-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.hours-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.hours-row{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.day-toggle{display:flex;align-items:center;gap:var(--spacing-sm);min-width:120px;cursor:pointer}.day-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.day-name{font-size:.875rem}.hours-inputs{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-muted)}.time-input{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem}@media(max-width:768px){.professionals-page{padding:0 var(--spacing-sm)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.page-header h1{font-size:1.5rem}.page-header .btn{width:100%}.professionals-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.professional-card{padding:var(--spacing-md)!important}.professional-avatar{width:60px;height:60px}.avatar-placeholder{font-size:1.5rem}.professional-info h3{font-size:.938rem}.specialties{font-size:.75rem}.hours-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.day-toggle{min-width:auto}.hours-inputs{width:100%}.time-input{flex:1}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media(max-width:480px){.professionals-grid{grid-template-columns:1fr}}.services-page{max-width:1200px;margin:0 auto}.tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-xs);background:var(--color-surface);border-radius:var(--radius-xl);width:fit-content}.tab{padding:var(--spacing-sm) var(--spacing-xl);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:.938rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--color-text)}.tab.active{background:var(--color-primary);color:var(--color-bg)}.services-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.service-card{display:flex;align-items:center;gap:var(--spacing-lg)}.service-info{flex:1}.service-info h3{font-size:1rem;margin-bottom:var(--spacing-xs)}.service-info p{font-size:.875rem;color:var(--color-text-muted)}.service-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.service-duration{font-size:.75rem;color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface-light);border-radius:var(--radius-full)}.service-price{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.service-actions{display:flex;gap:var(--spacing-xs)}.service-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}@media(max-width:768px){.services-page{padding:0 var(--spacing-sm)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.page-header h1{font-size:1.5rem}.page-header .btn{width:100%}.tabs{width:100%;overflow-x:auto}.tab{padding:var(--spacing-sm) var(--spacing-md);font-size:.813rem;white-space:nowrap}.service-card{flex-wrap:wrap;padding:var(--spacing-md)!important}.service-info h3{font-size:.938rem}.service-meta{flex-direction:row;width:100%;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm)}.service-price{font-size:1.125rem}.service-actions{width:100%;justify-content:flex-end;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.modal-content{max-height:100vh;border-radius:0;margin:0}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.appointments-page{max-width:1200px;margin:0 auto}.appointments-filters{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.date-navigator{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-sm)}.nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.nav-btn:hover{background:var(--color-surface-light);color:var(--color-text)}.date-display{display:flex;align-items:center;gap:var(--spacing-md)}.date-input{width:130px;padding:var(--spacing-sm);background:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem}.date-text{min-width:200px;font-weight:500;text-transform:capitalize}.filter-professional{min-width:200px}.appointments-timeline{display:flex;flex-direction:column;gap:var(--spacing-md)}.appointment-card{display:flex;align-items:center;gap:var(--spacing-lg)}.appointment-time-col{min-width:60px}.appointment-time-col .time{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.appointment-content{flex:1;display:flex;gap:var(--spacing-xl)}.appointment-client{display:flex;flex-direction:column;min-width:150px}.client-name{font-weight:600}.client-phone{font-size:.75rem;color:var(--color-text-muted)}.appointment-service{display:flex;flex-direction:column}.service-name{font-weight:500}.professional-name{font-size:.75rem;color:var(--color-text-muted)}.appointment-status-col{min-width:140px}.status-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-light);border:2px solid;border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;cursor:pointer}@media(max-width:768px){.appointments-page{padding:0 var(--spacing-sm)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.page-header h1{font-size:1.5rem}.appointments-filters{flex-direction:column}.date-navigator{width:100%;justify-content:space-between}.nav-btn{width:44px;height:44px}.date-text{display:none}.date-input{flex:1;text-align:center}.filter-professional{width:100%}.appointment-card{flex-wrap:wrap;padding:var(--spacing-md)!important}.appointment-time-col{min-width:auto}.appointment-time-col .time{font-size:1rem}.appointment-content{flex-direction:column;gap:var(--spacing-sm);width:100%}.appointment-client,.appointment-service{min-width:auto}.appointment-status-col{width:100%;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.status-select{padding:var(--spacing-md);font-size:1rem}}@media(max-width:480px){.appointment-card{flex-direction:column;align-items:flex-start}.appointment-time-col{width:100%;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-sm)}}.settings-page{max-width:1200px;margin:0 auto}.settings-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-xs);background:var(--color-surface);border-radius:var(--radius-xl);width:fit-content}.settings-tab{padding:var(--spacing-sm) var(--spacing-xl);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:.938rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.settings-tab:hover{color:var(--color-text)}.settings-tab.active{background:var(--color-primary);color:var(--color-bg)}.settings-content{animation:fadeIn var(--transition-normal) ease-out}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.settings-grid>.card{height:fit-content}.settings-grid h2{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.section-description{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-lg)}.full-width{grid-column:1 / -1}.qr-section{text-align:center;max-width:500px;margin:0 auto}.qr-code-container{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-xl)}.link-display{background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.link-display code{font-size:.875rem;color:var(--color-primary);word-break:break-all}.qr-actions{display:flex;gap:var(--spacing-md);justify-content:center}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.save-success{color:var(--color-success);font-size:.875rem;animation:fadeIn var(--transition-normal) ease-out}.subscription-info{margin-top:var(--spacing-lg)}.subscription-status{margin-bottom:var(--spacing-lg)}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.status-badge.trial{background:#d4af3726;color:var(--color-primary)}.subscription-details{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.detail-row{display:flex;justify-content:space-between}.detail-label{color:var(--color-text-muted);font-size:.875rem}.detail-value{font-weight:500}.branding-section{padding:var(--spacing-xl)!important}.logo-upload{display:flex;align-items:center;gap:var(--spacing-xl)}.logo-preview{width:100px;height:100px;background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-preview img{width:100%;height:100%;object-fit:cover}.logo-placeholder{font-size:2.5rem}.logo-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.current-theme{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.current-theme:hover{background:var(--color-surface-light)}.theme-preview{width:60px;height:60px;border-radius:var(--radius-lg);border:2px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs)}.theme-icon{font-size:1.5rem}.theme-colors{display:flex;gap:2px}.theme-colors span{width:12px;height:6px;border-radius:2px}.theme-info{flex:1;display:flex;flex-direction:column}.theme-name{font-weight:600}.theme-desc{font-size:.75rem;color:var(--color-text-muted)}.theme-change{color:var(--color-primary);font-size:.875rem}.seasonal-toggle{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.toggle-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem}.toggle-label input{width:18px;height:18px;accent-color:var(--color-primary)}.seasonal-note{margin-top:var(--spacing-sm);font-size:.75rem;color:var(--color-text-muted)}.custom-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.color-picker{display:flex;flex-direction:column;gap:var(--spacing-sm)}.color-picker label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.color-input-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.color-input-wrapper input[type=color]{width:50px;height:40px;border:none;border-radius:var(--radius-md);cursor:pointer;background:transparent}.color-text-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:monospace;font-size:.875rem}.preview-box{padding:var(--spacing-xl);border:2px solid;border-radius:var(--radius-xl);text-align:center;margin-bottom:var(--spacing-lg)}.preview-card{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;margin-bottom:var(--spacing-md)}.preview-icon{font-size:1.5rem}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md);max-height:60vh;overflow-y:auto;padding:var(--spacing-sm)}.theme-card{position:relative;padding:var(--spacing-md);border:2px solid transparent;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.theme-card:hover{transform:translateY(-2px)}.theme-card.selected{border-width:3px}.theme-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.theme-card-icon{font-size:2rem}.theme-card-colors{display:flex;flex-direction:column;gap:2px}.theme-card-colors span{width:20px;height:8px;border-radius:4px}.theme-card-info{display:flex;flex-direction:column}.theme-card-name{font-weight:600;font-size:.875rem}.theme-card-desc{font-size:.625rem;line-height:1.3}.theme-selected-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}@media(max-width:768px){.settings-tabs{width:100%;overflow-x:auto}.settings-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:.813rem;white-space:nowrap}.settings-grid{grid-template-columns:1fr}.qr-actions{flex-direction:column}.logo-upload{flex-direction:column;text-align:center}.current-theme{flex-wrap:wrap}.theme-change{width:100%;text-align:center;margin-top:var(--spacing-sm)}.themes-grid{grid-template-columns:repeat(2,1fr)}}.promo-section{max-width:600px;margin:0 auto}.promo-section h2{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.promo-toggle{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-xl)}.toggle-label.large{gap:var(--spacing-md)}.toggle-label.large input{display:none}.toggle-switch{width:50px;height:26px;background:var(--color-surface-light);border-radius:var(--radius-full);position:relative;transition:all var(--transition-fast)}.toggle-switch:after{content:"";position:absolute;width:22px;height:22px;background:var(--color-text-muted);border-radius:50%;top:2px;left:2px;transition:all var(--transition-fast)}.toggle-label.large input:checked+.toggle-switch{background:var(--color-primary)}.toggle-label.large input:checked+.toggle-switch:after{left:26px;background:var(--color-bg)}.toggle-text{font-size:1rem;font-weight:600}.promo-form{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.date-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.promo-preview{margin-top:var(--spacing-lg)}.preview-label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.promo-banner-preview{border-radius:var(--radius-lg);overflow:hidden}.promo-info{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.promo-info p{font-size:.813rem;color:var(--color-text-secondary);margin:0}.theme-categories{display:flex;flex-direction:column;gap:var(--spacing-2xl);max-height:70vh;overflow-y:auto}.theme-category{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.theme-category:last-child{border-bottom:none}.theme-category-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}@media(max-width:768px){.settings-page{padding:0 var(--spacing-sm)}.page-header h1{font-size:1.5rem}.settings-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;white-space:nowrap}.settings-grid{grid-template-columns:1fr}.branding-section{padding:var(--spacing-md)!important}.logo-upload{flex-direction:column;text-align:center}.logo-preview{width:80px;height:80px}.current-theme{flex-wrap:wrap}.theme-change{width:100%;text-align:center;margin-top:var(--spacing-sm)}.custom-colors{grid-template-columns:1fr}.preview-box{padding:var(--spacing-md)}.themes-grid{grid-template-columns:repeat(2,1fr)}.theme-card{padding:var(--spacing-sm)}.theme-card-icon{font-size:1.5rem}.qr-section{max-width:100%;padding:var(--spacing-md)!important}.qr-code-container svg{max-width:150px!important;height:auto!important}.qr-actions{flex-direction:column}.qr-actions .btn{width:100%}.promo-section{max-width:100%}.date-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.support-page{padding:var(--spacing-xl);max-width:800px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.page-header p{color:var(--color-text-secondary)}.new-ticket-card{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--color-border);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500}.form-textarea{width:100%;padding:var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;resize:vertical}.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-md)}.tickets-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.ticket-card{padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.ticket-title h3{font-size:1.125rem;font-weight:600;margin-bottom:4px}.ticket-date{font-size:.875rem;color:var(--color-text-muted)}.status-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.pending{background:#ffab0026;color:#ffab00}.status-badge.answered{background:#00c85326;color:#00c853}.status-badge.closed{background:#9e9e9e26;color:#9e9e9e}.ticket-message{color:var(--color-text-secondary);line-height:1.5;white-space:pre-wrap;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.ticket-responses{background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md)}.ticket-responses h4{font-size:.875rem;margin-bottom:var(--spacing-md);color:var(--color-text-muted)}.response{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-surface)}.response.admin{border-left:3px solid var(--color-primary)}.response.user{border-left:3px solid var(--color-text-muted);opacity:.9}.response-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.75rem;color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--spacing-3xl) 0;color:var(--color-text-muted)}.empty-icon{font-size:3rem;display:block;margin-bottom:var(--spacing-md);opacity:.5}.error-message{color:#ff5252;font-size:.875rem;margin-bottom:var(--spacing-sm)}.success-message{color:#00c853;font-size:.875rem;margin-bottom:var(--spacing-sm)}.super-admin-page{padding:var(--spacing-xl)}.sa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-lg)}.sa-stats{display:flex;gap:var(--spacing-md)}.stat-card{background:var(--color-surface);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);min-width:100px;text-align:center}.stat-card.warning{border-color:#ffab00;background:#ffab001a}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-text)}.stat-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.sa-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs)}.tab-btn{background:none;border:none;padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.sa-ticket-card{margin-bottom:var(--spacing-lg);border:1px solid var(--color-border)}.ticket-meta{display:flex;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-xs)}.tenant-badge{background:var(--color-surface-light);padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.ticket-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.reply-box{display:flex;gap:var(--spacing-sm);flex:1}.sa-table{width:100%;border-collapse:collapse}.sa-table th,.sa-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.sa-table th{font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-secondary)}.status-pill{padding:4px 10px;border-radius:20px;font-size:.75rem;text-transform:uppercase;font-weight:600}.status-pill.active{background:#00c85326;color:#00c853}.status-pill.trial{background:#2979ff26;color:#2979ff}.status-pill.expired{background:#ff525226;color:#ff5252}@media(max-width:768px){.sa-stats{flex-wrap:wrap;width:100%}.stat-card{flex:1 1 40%}.table-responsive{overflow-x:auto}}:root{--color-primary: #00C9A7;--color-primary-dark: #00A88A;--color-primary-light: #4DFFD4;--color-accent: #7C3AED;--color-accent-dark: #6D28D9;--color-bg: #F8FAFC;--color-bg-secondary: #F1F5F9;--color-surface: #FFFFFF;--color-surface-hover: #F8FAFC;--color-surface-light: #E2E8F0;--color-text: #1E293B;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-border: #E2E8F0;--color-border-light: #CBD5E1;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--shadow-glow: 0 0 30px rgba(0, 201, 167, .25);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}[data-theme=dark]{--color-primary: #00C9A7;--color-primary-dark: #00A88A;--color-primary-light: #4DFFD4;--color-accent: #A78BFA;--color-accent-dark: #8B5CF6;--color-bg: #0F172A;--color-bg-secondary: #1E293B;--color-surface: #1E293B;--color-surface-hover: #334155;--color-surface-light: #334155;--color-text: #F8FAFC;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--color-border: #334155;--color-border-light: #475569;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6);--shadow-glow: 0 0 30px rgba(0, 201, 167, .3)}[data-theme=blue]{--color-primary: #3B82F6;--color-primary-dark: #2563EB;--color-primary-light: #60A5FA;--color-accent: #8B5CF6;--color-accent-dark: #7C3AED;--color-bg: #F0F9FF;--color-bg-secondary: #E0F2FE;--color-surface: #FFFFFF;--color-surface-hover: #F0F9FF;--color-surface-light: #BAE6FD;--color-text: #0C4A6E;--color-text-secondary: #0369A1;--color-text-muted: #7DD3FC;--color-border: #BAE6FD;--color-border-light: #7DD3FC;--shadow-glow: 0 0 30px rgba(59, 130, 246, .25)}[data-theme=pink]{--color-primary: #EC4899;--color-primary-dark: #DB2777;--color-primary-light: #F472B6;--color-accent: #A855F7;--color-accent-dark: #9333EA;--color-bg: #FDF2F8;--color-bg-secondary: #FCE7F3;--color-surface: #FFFFFF;--color-surface-hover: #FDF2F8;--color-surface-light: #FBCFE8;--color-text: #831843;--color-text-secondary: #BE185D;--color-text-muted: #F9A8D4;--color-border: #FBCFE8;--color-border-light: #F9A8D4;--shadow-glow: 0 0 30px rgba(236, 72, 153, .25)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-family);outline:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-surface-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-primary)}.bg-surface{background-color:var(--color-surface)}.bg-surface-light{background-color:var(--color-surface-light)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease-out}.animate-slideUp{animation:slideUp var(--transition-normal) ease-out}.animate-slideDown{animation:slideDown var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.glass{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border)}.gradient-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.gradient-primary-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-hover{transition:all var(--transition-normal)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}