@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.home-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--surface-color);box-shadow:0 2px 8px #0000000d;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color)}.home-logo{height:auto;width:100%;max-width:260px;object-fit:contain;max-height:none;padding:0}.home-nav{display:flex;flex-direction:column;gap:8px}.home-nav .btn{width:100px;padding:0;height:38px;font-size:.9rem;box-sizing:border-box;justify-content:center}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;background:linear-gradient(170deg,var(--primary-color) 0%,#1a7d88 100%);color:var(--text-light-color)}.hero-title{font-size:2.4rem;font-weight:700;margin:0 0 15px;line-height:1.2;color:var(--text-light-color)}.hero-subtitle{font-size:1.15rem;margin:0 0 30px;font-weight:400;max-width:600px;opacity:.9;line-height:1.6}.hero-cta{font-size:1.1rem;padding:14px 28px;height:auto;background-color:var(--accent-color);color:var(--primary-color);font-weight:700;box-shadow:0 4px 15px #0000001a}.hero-cta:hover{background-color:#a0d4c0;transform:translateY(-2px)}.features-section{padding:60px 20px;background-color:#f8f9fa;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.section-title{text-align:center;font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-top:0;margin-bottom:40px}.feature-grid{display:grid;grid-template-columns:1fr;gap:40px;max-width:1100px;margin:0 auto}.feature-item{text-align:center;display:flex;flex-direction:column;align-items:center}.feature-icon-wrapper{width:65px;height:65px;background-color:#eef7f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .2s ease}.feature-item:hover .feature-icon-wrapper{transform:scale(1.1);box-shadow:0 4px 15px #0d4a4f1a}.feature-icon{width:32px;height:32px;color:var(--primary-color)}.feature-title{font-size:1.3rem;font-weight:600;margin:0 0 10px}.feature-description{font-size:1rem;line-height:1.6;color:#555;margin:0}.device-showcase-section{padding:60px 20px;background-color:var(--surface-color)}.device-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;max-width:1200px;margin:0 auto}.desktop-mockup{position:relative;width:100%;max-width:700px;height:450px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color);box-shadow:0 10px 30px #00000014;overflow:hidden;flex-shrink:0;cursor:pointer}.screenshot-browser-bar{position:absolute;top:0;left:0;right:0;height:35px;background-color:#e9ecef;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--border-color);z-index:2}.browser-dots{display:flex;gap:8px}.browser-dot{width:12px;height:12px;border-radius:50%}.browser-dot.red{background-color:#ff5f57}.browser-dot.yellow{background-color:#ffbd2e}.browser-dot.green{background-color:#27c93f}.mockup-image-desktop{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;padding-top:35px;box-sizing:border-box}.mobile-mockup{position:relative;width:100%;max-width:280px;height:520px;background-color:var(--background-color);border:10px solid #333;border-radius:25px;box-shadow:0 10px 30px #0000001a;box-sizing:border-box;flex-shrink:0;overflow:hidden;cursor:pointer}.mobile-mockup:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:20px;background-color:#333;border-bottom-left-radius:10px;border-bottom-right-radius:10px;z-index:20}.mockup-image-mobile{width:100%;height:100%;object-fit:cover;object-position:top center}.gallery-section{padding:60px 20px;background-color:#f8f9fa;border-top:1px solid var(--border-color)}.gallery-grid{display:grid;grid-template-columns:1fr;gap:30px;max-width:1100px;margin:0 auto}.gallery-item{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--surface-color);box-shadow:0 4px 15px #0000000d;overflow:hidden;transition:all .2s ease-out;cursor:pointer}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000014}.gallery-item img{width:100%;height:300px;object-fit:cover;object-position:top center}.gallery-caption{padding:15px 20px;font-size:1rem;font-weight:600;text-align:center;color:var(--primary-color)}.cta-section{padding:60px 20px;background-color:var(--surface-color);text-align:center}.cta-title{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-top:0;margin-bottom:20px}.cta-subtitle{font-size:1.1rem;margin:0 0 30px;font-weight:400;color:#555}.home-footer{padding:40px 20px;text-align:center;border-top:1px solid var(--border-color);background-color:#f8f9fa}.home-footer .footer-logo{max-width:160px;margin-bottom:10px}.home-footer .footer-text{font-size:.9rem;color:#888;margin:0}.image-modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;padding:0;box-sizing:border-box}.image-modal-overlay.open{opacity:1;visibility:visible}.image-modal-content{position:relative;overflow:auto;max-width:100vw;max-height:100vh;cursor:grab}.image-modal-content:active{cursor:grabbing}.image-modal-content img.zoomable-contain{display:block;width:auto;height:auto;max-width:90vw;max-height:90vh;object-fit:contain;margin:0 auto;border-radius:var(--border-radius);animation:fadeInZoom .3s ease-out forwards}.image-modal-content img.zoomable-landscape{display:block;height:auto;width:250vw;max-width:none;max-height:none;animation:none}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.image-modal-close{position:fixed;top:15px;right:15px;background-color:#0006;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;line-height:1;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:pointer;z-index:2001;transition:all .2s ease}.image-modal-close:hover{background-color:#000000b3;color:var(--accent-color)}@media (max-width: 500px){.image-modal-close{top:10px;right:10px;width:35px;height:35px;font-size:1.3rem}}@media (min-width: 768px){.home-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 40px}.home-logo{grid-column:2 / 3;justify-self:center;max-width:300px;max-height:none;height:auto;padding:6px 0}.home-nav{flex-direction:row;grid-column:3 / 4;justify-self:end;gap:15px}.home-nav .btn{width:120px;padding:0;height:44px;font-size:1rem;justify-content:center}.desktop-mockup,.gallery-item{cursor:pointer}.mobile-mockup{cursor:default}.hero-section{padding:100px 40px}.hero-title{font-size:3.2rem}.hero-subtitle{font-size:1.3rem}.features-section,.cta-section,.device-showcase-section{padding:80px 40px}.section-title{font-size:2.8rem;margin-bottom:70px}.feature-title{font-size:1.6rem}.feature-description{font-size:1.15rem}.feature-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}.feature-item{text-align:center;align-items:center;height:100%}.device-container{flex-direction:row;align-items:flex-end;gap:50px}.gallery-section{padding:80px 40px}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px}.gallery-item img{height:320px}.gallery-caption{font-size:1.2rem;padding:20px}.cta-title{font-size:2.8rem}.cta-subtitle{font-size:1.3rem}.image-modal-content{overflow:hidden;cursor:default;max-width:90vw;max-height:90vh}.image-modal-content img.zoomable-contain,.image-modal-content img.zoomable-landscape{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;animation:fadeInZoom .3s ease-out forwards}}.login-container{padding:8vh 20px 40px;box-sizing:border-box}.login-content-wrapper{width:100%;max-width:440px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center}.login-main-content{width:100%;margin-bottom:40px}.login-card{display:flex;flex-direction:column;align-items:center;width:100%;background-color:var(--surface-color);padding:45px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);box-sizing:border-box;position:relative}.login-back-button-container{position:absolute;top:15px;right:15px}.btn.login-back-button{width:auto;height:auto!important;padding:4px 8px;font-size:.8rem;gap:4px;margin:0;transform:none!important;background-color:transparent;border:1px solid var(--border-color);color:var(--secondary-color)}.btn.login-back-button:hover{transform:none!important;background-color:var(--background-color);border-color:var(--border-color);color:var(--primary-color)}.btn.login-back-button svg{width:15px;height:15px}.login-card .public-logo{max-width:260px;margin-bottom:25px}.login-title,.login-card form{width:100%}.login-title{text-align:center;margin-top:0;margin-bottom:25px}.login-button{width:100%;margin-top:25px}.error-message{color:var(--danger-color);background-color:#e05a4f1a;text-align:center;font-size:14px;font-weight:500;padding:10px;border-radius:6px;margin-top:15px;margin-bottom:15px}@media (min-width: 768px){.login-card .public-logo{max-width:300px}}.login-footer{display:flex;flex-direction:column;align-items:center;gap:10px}.login-footer .footer-logo{max-width:160px;margin:0}.login-footer .footer-text{font-size:.85rem;color:#888;margin:0}.cp-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box}.cp-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;background-color:var(--surface-color);padding:45px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);box-sizing:border-box}.cp-card .public-logo{max-width:260px;margin-bottom:25px}.cp-title,.cp-card form{width:100%}.cp-title{text-align:center;margin-top:0;margin-bottom:10px}.cp-subtitle{text-align:center;color:#666;margin-top:0;margin-bottom:25px;font-size:1rem;line-height:1.5}.cp-button{width:100%;margin-top:25px}.error-message{color:var(--danger-color);background-color:#e05a4f1a;text-align:center;font-size:14px;font-weight:500;padding:10px;border-radius:6px;margin-top:15px;margin-bottom:-10px}@media (min-width: 768px){.cp-card .public-logo{max-width:300px}}.dashboard-container{padding:20px;box-sizing:border-box}.dashboard-content-wrapper{max-width:900px;margin:0 auto}.dashboard-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px;padding:10px 0}.header-actions{display:flex;gap:10px}.header-actions .btn{width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center}.header-actions .btn svg{width:22px;height:22px}.dashboard-card{background-color:var(--surface-color);padding:30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.establishment-title{text-align:center;margin-top:0;margin-bottom:20px}.subscription-box{text-align:center;padding:12px;background-color:#e9ecef;border-radius:var(--border-radius);margin:20px 0 30px}.subscription-box p{margin:0;font-weight:500;color:#333}.date-picker-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.date-picker-container .input-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.date-picker-container .input-group label{margin-bottom:0;font-size:1.1rem;color:#555}.date-picker-container .date-input-wrapper{max-width:220px}.date-picker-container .date-input-wrapper input[type=date]{font-size:1.2rem;font-weight:600}.day-name{font-weight:700;color:var(--primary-color);font-size:1.2rem;margin-top:5px}.section-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:25px;gap:15px}.section-title{font-size:1.3rem;font-weight:600;color:var(--primary-color);margin:0}.section-header .btn{width:100%;max-width:250px}.appointments-list{display:flex;flex-direction:column;gap:15px}.appointment-card{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid var(--border-color);border-radius:var(--border-radius);transition:opacity .5s ease-in-out,background-color .2s}.appointment-card:hover{background-color:#f8f9fa}.appointment-time{font-size:1.4rem;font-weight:600;color:var(--primary-color);background-color:#e9ecef;padding:10px;border-radius:var(--border-radius);min-width:70px;text-align:center;transition:background-color .2s ease-in-out}.appointment-card:not(.past) .appointment-time{cursor:pointer}.appointment-card:not(.past) .appointment-time:hover{background-color:#dde8e7}.appointment-main-content{flex-grow:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:15px}.appointment-details{display:flex;flex-direction:column;text-align:left}.client-name{font-weight:600;font-size:1.1rem}.client-phone{color:#555;text-decoration:none;font-size:1rem}.client-phone:hover{text-decoration:underline}.dashboard-footer{width:100%;padding:40px 0 20px;display:flex;flex-direction:column;align-items:center;gap:15px}.dashboard-footer .footer-logo{max-width:160px;margin:0}.dashboard-footer .footer-text{font-size:.85rem;color:#888;margin:0}.public-link-section{text-align:center;margin-bottom:20px;padding:20px;background-color:#f8f9fa;border-radius:var(--border-radius)}.public-link-title{margin:0 0 5px;font-size:1.1rem;color:var(--text-color)}.public-link-subtitle{margin:0 0 15px;font-size:.9rem;color:#666}.link-input-container{display:flex;gap:10px;align-items:center}.public-link-input{flex-grow:1;min-width:0;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px 12px;font-size:.95rem;color:#333;-webkit-user-select:all;-ms-user-select:all;user-select:all}.link-actions{display:flex;gap:8px}.link-actions .btn{padding:0;width:42px;height:42px;flex-shrink:0}.link-actions .btn svg{width:22px;height:22px}.appointment-actions{display:flex;gap:8px;flex-shrink:0}.btn-small{padding:6px 12px;font-size:14px;height:auto}.appointment-status-badge{font-weight:600;padding:6px 12px;border-radius:var(--border-radius);font-size:.9rem;color:#fff}.appointment-status-container{width:100%;display:flex;justify-content:flex-end}.status-completed{background-color:var(--success-color)}.status-noshow{background-color:var(--warning-color);color:#333}@media (max-width: 600px){.appointment-card{flex-direction:column;align-items:center}.appointment-main-content{width:100%;flex-direction:column;align-items:center;text-align:center}.appointment-details{width:100%;align-items:center}.appointment-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.appointment-actions .btn-small{width:100%;font-size:12px;padding:8px 5px;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.appointment-status-container{margin-top:10px;justify-content:center}}@media (max-width: 480px){.link-input-container{flex-direction:column}.public-link-input{text-align:center}.link-actions{width:100%;justify-content:center;margin-top:10px}.dashboard-card{padding:20px}}.appointment-card.past{opacity:.6;background-color:#f8f9fa}.appointment-card.past:hover{background-color:#f1f3f5}.notification-container{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:var(--border-radius);box-shadow:0 4px 15px #00000026;color:var(--text-light-color);display:flex;align-items:center;gap:15px;z-index:1000;animation:slideIn .3s ease-out forwards}.notification-message{margin:0;font-weight:500}.notification-success{background-color:var(--success-color)}.notification-error{background-color:var(--danger-color)}.close-btn{background:none;border:none;color:var(--text-light-color);font-size:24px;line-height:1;padding:0 5px;opacity:.7}.close-btn:hover{opacity:1;transform:none;background-color:#0000001a}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease-out}.modal-content{background-color:var(--surface-color);padding:30px;border-radius:var(--border-radius);box-shadow:0 5px 20px #0003;width:100%;max-width:450px;animation:scaleUp .2s ease-out}.modal-header{margin-bottom:15px}.modal-title{margin:0;text-align:center;text-transform:uppercase}.modal-body{margin-bottom:30px;text-align:center;line-height:1.6;color:#555}.modal-footer{display:flex;justify-content:center;gap:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.qr-modal-content{max-width:400px}.qr-modal-body{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0}.qr-url{word-break:break-all;font-size:.9rem;color:#555;background-color:#f0f2f5;padding:8px 12px;border-radius:6px;text-align:center}.booking-modal-content{max-width:550px}.manual-booking-form{display:flex;flex-direction:column;height:100%}.manual-booking-form .modal-body{padding-top:10px;padding-bottom:20px}.slots-title{text-align:center;font-size:1.1rem;color:var(--primary-color);margin:0 0 15px}.slots-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px;background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--border-radius)}.slot-button{padding:8px 12px;border:1px solid var(--border-color);background-color:#fff;color:var(--primary-color);border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s;min-width:70px;text-align:center}.slot-button:hover:not(.selected):not(:disabled){border-color:var(--primary-color);transform:translateY(-1px);background-color:#f8f9fa;color:var(--primary-color)}.slot-button:focus{outline:none;box-shadow:none;background-color:#fff;color:var(--primary-color);border-color:var(--border-color)}.slot-button.selected{background-color:var(--primary-color);color:var(--text-light-color);border-color:var(--primary-color);transform:none}.slot-button.selected:focus{background-color:var(--primary-color);color:var(--text-light-color);border-color:var(--primary-color);box-shadow:none}.slot-button:disabled{background-color:#f8f9fa;color:#adb5bd;cursor:not-allowed;opacity:.7}.no-slots-message{text-align:center;color:#666;padding:20px;background-color:#f8f9fa;border-radius:var(--border-radius)}.divider{border:none;border-top:1px solid var(--border-color);margin:25px 0}.booking-mode-toggle{display:flex;justify-content:center;margin-bottom:20px}.booking-mode-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#555}.client-details-form{display:flex;flex-direction:column;gap:15px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message-modal{color:var(--danger-color);text-align:center;font-size:14px;font-weight:500;margin-top:15px;margin-bottom:-10px}.stats-modal-content{max-width:650px}.close-modal-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:#888}.close-modal-btn:hover{color:#333}.stats-modal-body{padding:20px 10px}.stats-filter-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;justify-content:center;align-items:center;margin-bottom:25px;padding:15px;background-color:#f8f9fa;border-radius:var(--border-radius)}.loading-stats,.no-stats-message{text-align:center;padding:40px 20px;color:#666;font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-card{background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:5px}.stat-label{font-size:.95rem;color:#555;font-weight:500}@media (max-width: 600px){.stats-grid{grid-template-columns:1fr}.stat-value{font-size:2rem}}.custom-select-wrapper{position:relative;width:100%;flex-grow:1;flex-basis:45%;width:45%;min-width:120px;font-family:Poppins,sans-serif}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--border-color, #ccc);border-radius:8px;font-size:1rem;font-weight:500;background-color:#fff;color:var(--primary-color);height:42px;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%230d4a4f%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:1.2em 1.2em}.custom-select-trigger.open{border-color:var(--primary-color, #0d4c4c);box-shadow:0 0 0 3px #0d4c4c14;outline:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%230d4a4f%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.707%2012.707a1%201%200%2001-1.414%200L10%209.414l-3.293%203.293a1%201%200%2001-1.414-1.414l4-4a1%201%200%20011.414%200l4%204a1%201%200%20010%201.414z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)}.custom-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;padding:8px 0;margin:0;list-style:none;max-height:200px;overflow-y:auto;z-index:3000;animation:fadeIn .1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.custom-option{padding:12px 18px;cursor:pointer;font-weight:500;color:var(--text-color);transition:background-color .2s ease,color .2s ease}.custom-option:hover{background-color:#f0f2f5;color:var(--primary-color)}.custom-option.selected{background-color:var(--primary-color);color:var(--text-light-color);font-weight:600}.booking-container{padding:20px;box-sizing:border-box}.booking-content-wrapper{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.booking-card{width:100%;padding:25px;background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);box-sizing:border-box}.booking-header{text-align:center;margin-bottom:20px}.establishment-title{font-size:1.8rem;margin:0 0 10px}.info-line{display:flex;align-items:center;justify-content:center;gap:8px;color:#666;font-size:1rem;margin:8px 0;line-height:1.5;text-decoration:none}.info-line:hover{color:var(--primary-color)}.info-icon{width:18px;height:18px;flex-shrink:0}.booking-card hr{border:none;border-top:1px solid var(--border-color);margin:25px 0}.date-picker-section{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:25px}.date-picker-section label{font-weight:600;font-size:1.1rem}.date-input-container{display:flex;align-items:center;gap:10px;width:100%;justify-content:center;flex-wrap:wrap}.date-input-wrapper{position:relative;max-width:220px;width:100%}.date-input-wrapper input[type=date]{width:100%;padding:8px 40px 8px 8px;font-size:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);text-align:center;box-sizing:border-box}.calendar-icon-button{position:absolute;right:1px;top:1px;bottom:1px;width:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:var(--primary-color)}.day-name-badge{font-weight:700;color:var(--primary-color);font-size:1rem;background-color:#e9ecef;padding:8px 12px;border-radius:50px}.section-subtitle{text-align:center;color:#555;margin-bottom:20px;font-size:1.3rem;font-weight:600;line-height:1.5}.booking-page-slots-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.slot-button{padding:10px;border:1px solid var(--primary-color);background-color:transparent;color:var(--primary-color);border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;min-width:80px;text-align:center}.slot-button:hover{background-color:var(--primary-color);color:var(--text-light-color);transform:translateY(-2px)}.booking-form{display:flex;flex-direction:column;gap:15px}.booking-form .input-group input{width:100%}.form-actions{display:flex;flex-direction:column;gap:10px;margin-top:10px}.success-container,.closed-day-container{text-align:center;padding:40px 20px;border:2px dashed var(--border-color);border-radius:var(--border-radius);margin-top:20px}.closed-title{font-size:1.5rem;color:var(--primary-color);margin:0 0 10px}.success-container p,.closed-day-container p{color:#666;font-size:1.1rem;margin:0 0 25px;line-height:1.6}@media (min-width: 600px){.booking-card{margin-top:40px}.form-actions{flex-direction:row}.form-actions .btn-success{flex-grow:2}.form-actions .btn-secondary{flex-grow:1}}.booking-footer{width:100%;padding:40px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:15px}.booking-footer .footer-logo{max-width:160px;margin:0}.booking-footer .footer-text{font-size:.85rem;color:#888;margin:0}.admin-container{max-width:1100px;margin:0 auto;padding:20px}.loading-container{text-align:center;padding:50px;font-size:1.2rem}.admin-header{position:relative;text-align:center;padding:10px 0;margin-bottom:30px}.admin-header h1{margin-bottom:0}.admin-header p{color:#666;font-size:1.1rem;margin-top:5px;margin-bottom:0}.admin-header .btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}.admin-toolbar{margin-bottom:20px}.create-form-card{background-color:var(--surface-color);padding:25px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:30px}.create-form-card form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid-span{grid-column:1 / -1}.create-form-card .centered-input-group{justify-self:center;width:100%;max-width:280px}.create-form-card .centered-input-group label{text-align:center}.create-form-card .input-group label{display:block;margin-bottom:8px;font-weight:500}.btn{padding:8px 16px;font-size:14px;margin-right:8px;font-weight:600}.btn-primary{background-color:var(--primary-color);color:var(--text-light-color)}.btn-primary:hover{background-color:#1a6d75}.btn-secondary{background-color:#6c757d;color:var(--text-light-color)}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:var(--danger-color);color:var(--text-light-color)}.btn-danger:hover{background-color:#c82333}.btn-success{background-color:var(--success-color);color:var(--text-light-color)}.btn-success:hover{background-color:#218838}.create-form-card .btn-success{width:100%}.table-container{width:100%;overflow-x:auto;background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}table{width:100%;border-collapse:collapse}th,td{padding:15px;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}thead th{background-color:#f8f9fa;font-weight:600;color:var(--primary-color)}tbody tr:hover{background-color:#f1f1f1}.status-badge{padding:5px 10px;border-radius:15px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase}.status-active{background-color:var(--success-color)}.status-blocked{background-color:var(--danger-color)}.actions-cell{display:flex;align-items:center;flex-wrap:wrap;gap:8px}@media (max-width: 768px){.admin-container{padding:10px}.create-form-card form{grid-template-columns:1fr}.admin-toolbar{text-align:center}.create-form-card .centered-input-group{display:flex;flex-direction:column;align-items:center}.admin-header{text-align:center;position:static}.admin-header .btn{position:static;transform:none;display:block;margin:15px auto 0;width:100%;max-width:200px}thead{display:none}tr{display:block;margin-bottom:15px;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px}td{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:12px 5px;text-align:right}td:last-child{border-bottom:none}td:before{content:attr(data-label);font-weight:700;text-align:left;margin-right:10px;color:var(--primary-color)}.actions-cell{justify-content:flex-end}.actions-cell:before{align-self:center}}.config-card{background-color:var(--surface-color);padding:25px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:30px}.config-card h2{text-align:center;margin-top:0;margin-bottom:20px}.config-card .input-group{max-width:500px;margin:0 auto 20px}.config-card .input-group label{text-align:center;display:block;margin-bottom:8px}.config-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.config-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.config-actions .btn svg{width:18px;height:18px}.edit-user-container{max-width:800px;margin:0 auto;padding:20px}.edit-user-card{background-color:var(--surface-color);padding:30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.back-button{background:none;border:none;color:var(--primary-color);font-weight:600;font-size:15px;padding:8px 0;margin-bottom:20px;cursor:pointer}.back-button:hover{text-decoration:underline;background-color:transparent;transform:none}.card-header{text-align:center;margin-bottom:20px}.card-title{margin:0}.user-status{margin-top:10px;font-weight:700;padding:4px 12px;border-radius:15px;font-size:14px;display:inline-block;color:#fff}.user-status.status-active{background-color:var(--success-color)}.user-status.status-blocked{background-color:var(--danger-color)}hr{border:none;border-top:1px solid #eee;margin:30px 0}.form-section{display:flex;flex-direction:column;align-items:center;gap:15px}.form-section .input-group{width:100%;max-width:280px;align-items:center}.form-section .input-group label{text-align:center;display:block;margin-bottom:8px;font-weight:500}.form-section .btn{width:100%;max-width:280px}.action-section{display:flex;justify-content:space-between;align-items:center;gap:20px}.action-details{flex-grow:1}.action-title{margin:0 0 5px;font-size:1.1rem}.action-description{margin:0;font-size:.9rem;color:#666;line-height:1.5}.action-section .btn{min-width:160px;text-align:center;flex-shrink:0}.btn-warning{background-color:#ffc107;color:#000}.btn-warning:hover{background-color:#e0a800}@media (max-width: 600px){.edit-user-card{padding:20px}.action-section{flex-direction:column;align-items:flex-start;gap:15px}.action-section .btn{width:100%}}.setup-container{max-width:900px;margin:2rem auto;padding:20px}.setup-card{background-color:var(--surface-color);padding:30px 40px;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.setup-card .public-logo{max-width:260px;margin-bottom:8px}.back-button{display:inline-block;margin-bottom:12px;color:var(--primary-color);text-decoration:none;font-weight:600}.card-header{text-align:center;margin-bottom:8px}.card-title{font-size:2rem;color:var(--primary-color);margin:6px 0;font-weight:700}.card-subtitle{color:#666;text-align:center;margin-top:-6px;margin-bottom:16px}.setup-tabs{display:flex;gap:8px;border-bottom:1px solid #eee;margin-bottom:22px}.tab-button{padding:12px 18px;font-size:1rem;font-weight:600;color:#666;background-color:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;border-radius:6px 6px 0 0}.tab-button:hover{color:var(--primary-color)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:#fff}.tab-content{animation:fadeIn .18s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:1.3rem;font-weight:600;color:var(--primary-color);margin-top:10px;margin-bottom:18px;border-bottom:1px solid #eee;padding-bottom:10px}.form-section-layout{display:flex;flex-direction:column;gap:20px}.time-settings-container{display:grid;gap:20px;justify-items:center}.time-setting-row{width:100%;max-width:500px;text-align:center}.time-setting-row>label{font-weight:600;margin-bottom:8px;display:block}.time-input-group{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.time-input-group span{color:#666;font-weight:500}.time-input-wrapper{position:relative;flex:1}.time-input-wrapper input[type=time]{width:100%;box-sizing:border-box;padding:10px 45px 10px 12px;border:1px solid var(--border-color, #ccc);border-radius:8px;font-size:1rem;background-color:#fff;color:#222;height:42px;text-align:center;transition:all .18s ease-in-out;-webkit-appearance:none;appearance:none}.time-input-wrapper input[type=time]:focus{outline:none;border-color:var(--primary-color, #0d4c4c);box-shadow:0 0 0 3px #0d4c4c14}.time-input-wrapper input[type=time]::-webkit-calendar-picker-indicator{display:none}.time-input-icon{position:absolute;right:1px;top:1px;bottom:1px;width:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:var(--primary-color)}.time-input-icon:hover{background-color:#0d4a4f1a;border-radius:0 var(--border-radius) var(--border-radius) 0;transform:none}.time-input-icon svg{width:22px;height:22px}.input-row{display:flex;flex-wrap:wrap;gap:20px;align-items:end;justify-content:center;width:100%;max-width:500px}.input-row>.input-group{flex:1;min-width:200px}.block-form{display:grid;grid-template-columns:1.5fr 1fr auto 1fr 1fr;align-items:end;gap:10px}.block-form>span{text-align:center;color:#666;padding-bottom:12px}.days-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;justify-content:center}.day-checkbox{display:block;position:relative;cursor:pointer}.day-checkbox input[type=checkbox]{display:none}.day-checkbox span{display:block;padding:10px 20px;border:1px solid var(--border-color);border-radius:50px;text-transform:capitalize;font-weight:500;transition:all .18s ease-in-out;background:#fff}.day-checkbox:hover span{background-color:#f5f7f9}.day-checkbox input:checked+span{background-color:var(--primary-color);color:var(--text-light-color);border-color:var(--primary-color)}.full-width-btn{width:100%;padding:15px;font-size:1.05rem}.blocks-list{list-style:none;padding:0;margin:0}.block-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #eee}.block-item:last-child{border-bottom:none}.loading-message,.no-items-message{text-align:center;color:#666;padding:20px}.btn-small{padding:5px 10px;font-size:12px;margin:0;height:auto}.time-block-row{display:flex;align-items:center;gap:10px}.time-block-row>.input-group{flex:1}.time-block-row>span{color:#666}@media (max-width: 768px){.setup-card{padding:20px}.block-form{grid-template-columns:1fr;gap:15px}.block-form>span{display:none}.setup-card .public-logo{max-width:260px}.block-form>.input-group:first-child{justify-self:center;width:100%;max-width:220px}.input-row{flex-direction:column;align-items:center;gap:15px}.input-row>.input-group{width:100%;max-width:220px;flex-grow:0}.block-form>.time-block-row{justify-self:center;width:100%;max-width:300px}.block-form>.btn{justify-self:center;width:100%;max-width:220px}.block-item{justify-content:flex-start;gap:15px;padding:12px 10px;flex-wrap:wrap;align-items:center}.block-item span{flex-grow:1;text-align:left;font-size:.95rem}.block-item .btn-small{flex-shrink:0;padding:8px 14px;min-height:38px;font-size:13px;height:auto}}:root{--primary-color: #0d4a4f;--secondary-color: #6c757d;--accent-color: #88c7b1;--background-color: #f0f2f5;--surface-color: #ffffff;--text-color: #333333;--text-light-color: #ffffff;--border-color: #e6e9ec;--danger-color: #e05a4f;--success-color: #28a745;--warning-color: #f3c40f;--border-radius: 8px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .1)}body{margin:0;font-family:Poppins,sans-serif;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}h1,h2,h3{color:var(--primary-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600;border:1px solid transparent;height:42px;transition:all .2s ease-in-out;text-decoration:none}.btn:hover{transform:translateY(-2px)}.btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary-color);color:var(--text-light-color)}.btn-secondary{background:var(--secondary-color);color:var(--text-light-color)}.btn-warning{background:var(--warning-color);color:#222;border-color:#0000000f}.btn-danger{background:var(--danger-color);color:var(--text-light-color)}.btn-success{background:var(--success-color);color:var(--text-light-color)}.public-logo{display:block;margin-left:auto;margin-right:auto;margin-bottom:25px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-weight:500;color:#444;font-size:.95rem}.input-group input{width:100%;padding:10px 12px;border:1px solid var(--border-color, #ccc);border-radius:8px;font-size:1rem;background-color:#fff;color:#222;box-sizing:border-box;transition:all .18s ease-in-out;-webkit-appearance:none}.input-group input:focus{outline:none;border-color:var(--primary-color, #0d4c4c);box-shadow:0 0 0 3px #0d4c4c14}.input-group input[type=text],.input-group input[type=tel],.input-group input[type=password],.input-group input[type=number],.input-group input[type=time],.input-group input[type=date]{height:42px}.input-group input[type=time],.input-group input[type=number]{text-align:center}.date-input-wrapper{position:relative;width:100%}.date-input-wrapper input[type=date]{text-align:center;padding-right:45px}.date-input-wrapper input[type=date]::-webkit-calendar-picker-indicator{display:none}.calendar-icon-button{position:absolute;right:1px;top:1px;bottom:1px;width:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.calendar-icon-button svg{width:22px;height:22px;color:var(--primary-color)}.calendar-icon-button:hover{background-color:#0d4a4f1a;border-radius:0 var(--border-radius) var(--border-radius) 0;transform:none}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{padding-right:45px}.password-toggle-icon{position:absolute;right:1px;top:1px;bottom:1px;width:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#6c757d}.password-toggle-icon svg{width:22px;height:22px}.password-toggle-icon:hover{background-color:#f0f0f0;border-radius:0 var(--border-radius) var(--border-radius) 0;transform:none;color:#333}.input-group input[type=password]::-webkit-password-reveal-button{display:none;-webkit-appearance:none;appearance:none;margin:0}.input-group input[type=password]::-ms-reveal{display:none;width:0;height:0}.input-group input[type=password]::-moz-reveal{display:none}.input-group input[type=password]::-webkit-credentials-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none}