@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap);code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.language-selector{display:inline-block;position:relative}.language-selector-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.language-selector-button:hover{background-color:#f5f5f5;border-color:#bbb}.language-selector-button:active{transform:scale(.98)}.language-icon{font-size:18px}.language-code{font-weight:600;min-width:20px}.dropdown-arrow{color:#666;font-size:10px}.language-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.language-option{align-items:center;background-color:#fff;border:none;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 14px;text-align:left;transition:background-color .2s ease;width:100%}.language-option:last-child{border-bottom:none}.language-option:hover{background-color:#f5f5f5}.language-option.active{background-color:#e3f2fd;color:#1976d2;font-weight:600}.language-name{flex:1 1}.checkmark{color:#1976d2;font-size:16px;font-weight:700}@media (max-width:768px){.language-selector-button{font-size:13px;padding:6px 10px}.language-icon{display:none}.language-dropdown{min-width:130px}.language-option{font-size:13px;padding:8px 12px}}.mobile-language-selector{border-bottom:1px solid #e2e8f0;padding:0}.mobile-language-label{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:12px;padding:20px 25px 0;text-transform:uppercase}.mobile-language-list{display:flex;flex-direction:column;gap:0;padding-bottom:20px}.mobile-language-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#4a5568;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;line-height:1.5;padding:14px 25px;text-align:left;transition:all .3s ease;width:100%}.mobile-language-item:hover{background:#f7fafc;border-left-color:#667eea;color:#2d3748}.mobile-language-item.active{background:#f0f4ff;border-left-color:#667eea;color:#667eea;font-weight:600}.mobile-lang-flag{align-items:center;display:inline-flex;flex-shrink:0;font-size:1.4rem;height:20px;justify-content:center;line-height:1;vertical-align:middle;width:28px}.mobile-lang-name{flex:1 1;letter-spacing:-.01em;line-height:1;text-align:left;vertical-align:middle}.mobile-lang-check{color:#10b981;flex-shrink:0;font-size:1.1rem;font-weight:700;line-height:1;margin-left:auto;vertical-align:middle}.app-logo{align-items:center;cursor:pointer;display:flex;flex-shrink:0;text-decoration:none}.app-logo-image{height:60px;transition:all .3s ease;width:auto}.app-logo-image:hover{transform:scale(1.05)}@media (max-width:768px){.app-logo-image{height:40px}}@media (max-width:480px){.app-logo-image{height:35px}}.landing-page{background:#fff;min-height:100vh}.landing-container{margin:0 auto;max-width:1200px;padding:0 20px}.landing-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:102}.landing-nav{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;padding:16px 0}.landing-nav-actions.desktop-only{display:flex}.landing-mobile-close,.landing-mobile-menu,.landing-mobile-overlay{display:none}.landing-burger-menu{background:none;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:none;padding:8px;transition:all .3s ease}.landing-burger-menu:hover{background:#f7fafc;color:#764ba2}.landing-nav-actions{align-items:center;display:flex;flex-shrink:0;gap:16px}.landing-nav-link{border-radius:6px;color:#4b5563;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.landing-nav-link:hover{background-color:#f3f4f6;color:#667eea}.landing-button{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.landing-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.landing-button.primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.landing-button.secondary{background:#fff;border:2px solid #667eea;color:#667eea}.landing-button.secondary:hover{background:#667eea;color:#fff}.landing-button.large{font-size:1.1rem;padding:14px 32px}.hero-section{background-attachment:fixed;background-position:50%;background-size:cover;color:#fff;padding:100px 0;position:relative;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin:0 0 20px;text-shadow:0 4px 12px #0009,0 2px 4px #0006}.hero-subtitle{font-size:1.3rem;font-weight:400;line-height:1.6;margin:0 0 40px;text-shadow:0 4px 8px #00000080,0 1px 3px #0000004d}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:20px}.hero-note{font-size:.9rem;margin:0;text-shadow:0 1px 4px #0006}.features-section{background:#f9fafb;padding:80px 0}.section-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 16px;text-align:center}.section-subtitle{color:#6b7280;font-size:1.2rem;margin:0 auto 60px;max-width:700px;text-align:center}.features-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.feature-card{background:#fff;box-shadow:0 4px 6px #0000000d;padding:40px 30px}.feature-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-8px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{color:#1f2937;font-size:1.4rem;font-weight:700;margin:0 0 12px}.feature-card p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0}.benefits-section{background:#fff;padding:80px 0}.benefits-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.benefits-text h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 30px}.benefits-list{list-style:none;margin:0;padding:0}.benefits-list li{align-items:flex-start;color:#4b5563;display:flex;font-size:1.1rem;gap:12px;line-height:1.6;margin-bottom:20px}.benefit-icon{color:#10b981;flex-shrink:0;font-size:1.3rem;font-weight:700}.benefits-image{align-items:center;display:flex;justify-content:center}.benefits-img{border-radius:20px;box-shadow:0 20px 40px #00000026;height:auto;max-width:500px;transition:transform .3s ease;width:100%}.benefits-img:hover{transform:scale(1.02)}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin:0 0 16px}.cta-content p{font-size:1.2rem;margin:0 0 40px;opacity:.95}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.landing-footer{background:#1f2937;color:#fff;padding:40px 0 20px}.footer-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.footer-brand h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;margin:0 0 10px}.footer-brand p{color:#9ca3af;font-size:.95rem;margin:0}.footer-links{display:flex;gap:24px}.footer-links a{color:#d1d5db;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #374151;padding-top:20px;text-align:center}.footer-bottom p{color:#9ca3af;font-size:.9rem;margin:0}@media (max-width:768px){.landing-nav-actions.desktop-only{display:none}.landing-burger-menu{display:flex}.landing-mobile-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:98}.landing-mobile-menu{background:#fff;box-shadow:-2px 0 8px #0000001a;display:block;display:flex;flex-direction:column;height:100vh;max-width:85vw;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.4,0,.2,1);width:280px;z-index:99}.landing-mobile-menu.open{right:0}.landing-mobile-menu-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:25px 25px 20px}.landing-mobile-menu-header h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0}.landing-mobile-close{background:none;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:block;padding:8px;transition:all .3s ease}.landing-mobile-close:hover{background:#f7fafc;color:#764ba2}.landing-mobile-menu-content{flex:1 1;padding:20px 0}.landing-mobile-menu-links{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:0}.landing-mobile-link{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#4a5568;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:16px 25px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.landing-mobile-link:hover{background:#f7fafc;border-left-color:#667eea;color:#2d3748}.landing-mobile-link.primary{color:#667eea;font-weight:600}.landing-mobile-link.primary:hover{background:#f0f4ff;border-left-color:#764ba2;color:#764ba2}.mobile-link-icon{flex-shrink:0;font-size:1.2rem;text-align:center;width:24px}.mobile-link-text{flex:1 1;text-align:left}.footer-content{gap:20px}.footer-links{gap:16px}}@media (max-width:600px){.landing-nav-actions{gap:8px}.landing-nav-link{font-size:.9rem;padding:6px 12px}.landing-button{font-size:.9rem;padding:8px 16px}.landing-button.large{font-size:1rem;padding:12px 24px}.hero-section{background-attachment:scroll;padding:60px 0}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{align-items:stretch;flex-direction:column}.hero-buttons .landing-button{width:100%}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:30px 20px}.benefits-content{gap:40px;grid-template-columns:1fr}.benefits-image{order:-1}.benefits-text h2{font-size:2rem;text-align:center}.benefits-list{margin:0 auto;max-width:500px}.benefits-img{margin:0 auto;max-width:350px}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}.cta-buttons{align-items:stretch;flex-direction:column;margin:0 auto;max-width:400px}.footer-content{align-items:center;flex-direction:column;gap:30px;text-align:center}.footer-brand{max-width:100%}.footer-links{align-items:center;flex-direction:column;gap:16px}}@media (max-width:480px){.landing-mobile-menu{max-width:100vw;width:90%}.landing-mobile-menu-header{padding:20px}.landing-mobile-menu-header h3{font-size:1.2rem}.mobile-language-label{padding:15px 20px 0}.mobile-language-item{padding:14px 20px}.landing-mobile-link{font-size:.95rem;padding:14px 20px}.mobile-link-icon{font-size:1.1rem}.mobile-lang-flag{font-size:1.2rem}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.6rem}.features-grid{grid-template-columns:1fr}.benefits-text h2,.cta-content h2{font-size:1.6rem}.landing-footer{padding:30px 0 15px}.footer-content{gap:25px;margin-bottom:20px}.footer-brand h3{font-size:1.3rem}.footer-brand p{font-size:.9rem}.footer-links{gap:12px}.footer-links a{font-size:.95rem}.footer-bottom{padding-top:15px}.footer-bottom p{font-size:.85rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.benefits-content,.cta-content,.feature-card,.hero-content{animation:fadeInUp .8s ease-out}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.legal-section{background:#f8f9fa;min-height:calc(100vh - 300px);padding:80px 0}.legal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:900px;padding:50px}.legal-content h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:10px}.legal-last-updated{color:#6b7280;font-size:.9rem;font-style:italic;margin-bottom:40px}.legal-content h2{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:15px;margin-top:35px;padding-bottom:10px}.legal-content p{color:#4b5563;font-size:1rem;line-height:1.8;margin-bottom:15px}.legal-content ul{margin:15px 0;padding-left:25px}.legal-content li{color:#4b5563;font-size:1rem;line-height:1.8;margin-bottom:10px}@media (max-width:768px){.legal-section{padding:40px 0}.legal-content{padding:30px 20px}.legal-content h1{font-size:2rem}.legal-content h2{font-size:1.3rem;margin-top:25px}.legal-content li,.legal-content p{font-size:.95rem}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Raleway,sans-serif;justify-content:center;min-height:100vh;padding:20px}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:450px;padding:40px;width:100%}.auth-header{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:30px;text-align:center}.auth-header p{color:#718096;font-size:1rem;line-height:1.5;margin:0}.auth-card .salon-button{margin-top:10px;width:100%}.auth-links{text-align:center}.auth-links p{color:#718096;margin:15px 0 0}.divider{margin:20px 0;position:relative;text-align:center}.divider:before{background:#e2e8f0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#a0aec0;font-size:.9rem;padding:0 15px;position:relative;z-index:1}.link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.link:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.auth-card{margin:10px;padding:30px 20px}.auth-header h1{font-size:2rem}}.loading-message{animation:pulse 2s infinite}.auth-card{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.resend-verification-form{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;margin:20px 0;padding:15px}.resend-info{color:#4a5568;font-size:.95rem;text-align:center}.resend-info,.resend-verification-form .form-group{margin-bottom:15px}.resend-verification-form label{color:#2d3748;display:block;font-size:.9rem;font-weight:500;margin-bottom:5px}.resend-verification-form input{border:1px solid #cbd5e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.resend-verification-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.resend-verification-form input:disabled{background:#edf2f7;cursor:not-allowed}.resend-verification-form button{width:100%}.dashboard-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:#fffffff2;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #0000001f,0 1px 3px #00000014;box-sizing:border-box;display:flex;height:80px;justify-content:space-between;left:0;padding:20px 40px;position:fixed;right:0;top:0;transform:translateY(0);transition:all .3s ease;z-index:1000}.dashboard-nav.scrolled{background:#fffffffa;box-shadow:0 4px 20px #00000026,0 2px 8px #0000001a;transform:translateY(0)}.nav-brand{gap:20px}.nav-brand,.nav-brand-logo{align-items:center;display:flex}.mobile-menu-toggle{background:none;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:none;padding:8px;transition:all .3s ease}.mobile-menu-toggle:hover{background:#f7fafc;color:#764ba2}.nav-brand h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.nav-actions{gap:16px}.nav-actions,.nav-user{align-items:center;display:flex}.nav-user{gap:20px}.user-dropdown{position:relative}.user-dropdown-toggle{align-items:center;background:none;border:none;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:8px 16px;transition:all .3s ease}.user-dropdown-toggle:hover{background:#f7fafc;transform:translateY(-1px)}.user-avatar{font-size:16px;height:36px;width:36px}.user-name{font-weight:500}.dropdown-arrow{color:#718096;transition:transform .3s ease}.user-dropdown-toggle:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{animation:dropdownSlide .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #00000026;margin-top:8px;min-width:280px;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid #e2e8f0;padding:20px}.dropdown-user-info{align-items:center;display:flex;gap:16px}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.dropdown-user-details{flex:1 1}.dropdown-user-name{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:4px}.dropdown-user-email{color:#718096;font-size:14px}.dropdown-divider{background:#e2e8f0;height:1px;margin:0}.dropdown-account-info{padding:16px 20px}.dropdown-info-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.dropdown-info-item label{color:#718096;font-size:14px;font-weight:500}.dropdown-info-item span{color:#2d3748;font-size:14px;font-weight:600}.dropdown-back{align-items:center;background:#667eea;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:16px 20px;transition:all .3s ease;width:100%}.dropdown-back:hover{background:#5a67d8}.dropdown-back svg{height:16px;width:16px}.dropdown-logout{align-items:center;background:#e53e3e;border:none;border-radius:0 0 16px 16px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:16px 20px;transition:all .3s ease;width:100%}.dropdown-logout:hover{background:#c53030}.dropdown-logout svg{height:16px;width:16px}@media (max-width:1024px){.mobile-menu-toggle{display:block}}@media (max-width:768px){.dashboard-nav{align-items:center;flex-direction:row;height:70px;justify-content:space-between;padding:15px 20px;text-align:left}.mobile-menu-toggle{margin-right:15px;order:-1}.nav-brand{align-items:center;flex:1 1;flex-direction:row;gap:10px}.nav-brand h1{font-size:1.4rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-actions,.nav-user{align-items:center;flex-direction:row;gap:8px}.user-name{display:none}.user-dropdown-toggle{gap:8px;padding:6px 12px}.user-avatar{font-size:14px;height:32px;width:32px}.user-dropdown-menu{min-width:260px;right:-20px}}@media (max-width:480px){.dashboard-nav{align-items:center;flex-direction:row;height:65px;justify-content:space-between;padding:12px 15px}.mobile-menu-toggle{margin-right:0;order:-1}.nav-brand h1{font-size:1.2rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-brand{align-items:center;flex:1 1;flex-direction:row}.nav-user{align-items:center;flex-direction:row}.user-name{display:none}.user-dropdown-toggle{gap:6px;padding:4px 8px}.user-avatar{font-size:12px;height:28px;width:28px}}@media (max-width:360px){.nav-brand h1{font-size:1.1rem;max-width:120px}.mobile-menu-toggle{margin-right:0}.dashboard-nav{padding:10px 12px}}.delete-salon-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-salon-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.delete-salon-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.delete-salon-modal-header h3{color:#dc2626;font-size:20px;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.close-button:hover{background-color:#f3f4f6;color:#374151}.delete-salon-modal-content{padding:0 24px 24px}.delete-step-1,.delete-step-2{text-align:center}.warning-icon{font-size:48px;margin-bottom:16px}.delete-step-1 h4,.delete-step-2 h4{color:#dc2626;font-size:18px;font-weight:600;margin:0 0 16px}.delete-step-1 p{color:#374151;line-height:1.5;margin:0 0 16px}.delete-step-1 ul{color:#6b7280;margin:16px 0;padding-left:20px;text-align:left}.delete-step-1 li{margin:8px 0}.delete-step-1 p strong{color:#dc2626;font-weight:600}.delete-step-2 p{color:#374151;line-height:1.5;margin:0 0 16px}.confirmation-input{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-weight:600;letter-spacing:1px;margin:16px 0;padding:12px 16px;text-align:center;transition:border-color .2s ease;width:100%}.confirmation-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.salon-info{background-color:#f9fafb;border-radius:8px;color:#6b7280;margin-top:16px;padding:12px}.delete-salon-modal-footer{background-color:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px}.salon-button.primary.final-delete{background:#dc2626;border-color:#dc2626;font-weight:600}.salon-button.primary.final-delete:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;box-shadow:0 8px 25px #dc262666;transform:translateY(-2px)}@media (max-width:640px){.delete-salon-modal{margin:20px;width:calc(100% - 40px)}.delete-salon-modal-content,.delete-salon-modal-footer,.delete-salon-modal-header{padding-left:20px;padding-right:20px}.delete-salon-modal-footer{flex-direction:column}.salon-button{width:100%}}.dashboard-container{background:#f7fafc;font-family:Raleway,sans-serif;min-height:100vh;padding-top:80px}.dashboard-main{margin:0 auto;max-width:1200px;padding:40px}.welcome-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:40px;padding:40px;text-align:center}.welcome-section h2{color:#2d3748;font-size:2.5rem;font-weight:700;margin:0 0 15px}.welcome-section p{color:#718096;font-size:1.1rem;line-height:1.6;margin:0}.features-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:30px}.features-section h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 25px;text-align:center}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:16px;padding:25px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#667eea;box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.feature-card h4{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 15px}.feature-card p{color:#718096;line-height:1.5;margin:0 0 20px}.feature-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:12px 24px;transition:all .3s ease}.feature-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.feature-button.primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.feature-button.secondary{background:#fff;border:2px solid #667eea;color:#667eea}.feature-button.secondary:hover{background:#667eea;box-shadow:0 8px 25px #667eea33;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.dashboard-main{padding:20px}.welcome-section{padding:30px 20px}.welcome-section h2{font-size:2rem}.features-grid{grid-template-columns:1fr}.salons-table-container{border-radius:8px}.salons-table td,.salons-table th{font-size:.8rem;padding:12px 15px}.salon-name{min-width:120px}.salon-description{max-width:200px}.salon-creator{min-width:100px}.salon-actions,.salon-date,.salon-role{min-width:80px}.table-action-button{font-size:.75rem;padding:6px 12px}}@media (max-width:480px){.dashboard-main{padding:15px}.welcome-section{padding:20px 15px}.welcome-section h2{font-size:1.8rem}.features-section,.user-info-card{padding:20px}}.salons-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:40px;margin-top:40px;padding:30px}.salons-section h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 25px;text-align:center}.salons-table-container{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.salons-table{background:#fff;border-collapse:collapse;font-size:.875rem;width:100%}.salons-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.salons-table td{border-bottom:1px solid #e2e8f0;padding:16px 20px;vertical-align:middle}.salon-row:hover{background:#f7fafc}.salon-name{color:#2d3748;font-weight:600;min-width:150px}.salon-description{color:#718096;line-height:1.4;max-width:250px}.no-description{color:#a0aec0;font-style:italic}.salon-creator{color:#4a5568;font-weight:500;min-width:120px}.salon-date{color:#4a5568}.salon-date,.salon-role{min-width:100px}.role-badge{display:inline-block;padding:6px 12px;text-transform:uppercase}.role-owner{background:linear-gradient(135deg,#667eea,#764ba2)}.role-admin{background:linear-gradient(135deg,#f093fb,#f5576c)}.role-member{background:linear-gradient(135deg,#4facfe,#00f2fe)}.salon-actions{min-width:100px}.table-action-button{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.table-action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.table-action-button.primary:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-1px)}.loading-message{padding:40px}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;margin:0 auto 20px}.error-message{border-radius:12px;margin:20px 0;padding:15px 20px;text-align:center}.empty-state{color:#718096;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h4{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 15px}.empty-state p{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:500px}.feature-card,.features-section,.salons-section,.user-info-card,.welcome-section{animation:fadeInUp .8s ease-out}.feature-card{animation-fill-mode:both}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.salon-row{animation:fadeInUp .8s ease-out;animation-fill-mode:both}.salon-row:first-child{animation-delay:.1s}.salon-row:nth-child(2){animation-delay:.2s}.salon-row:nth-child(3){animation-delay:.3s}.action-buttons{align-items:center;display:flex;gap:8px}.table-action-button.delete{background:#e53e3e;border:1px solid #e53e3e;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.table-action-button.delete:hover{background:#c53030;border-color:#c53030;box-shadow:0 2px 4px #e53e3e4d;transform:translateY(-1px)}.table-action-button.delete:active{box-shadow:0 1px 2px #e53e3e4d;transform:translateY(0)}@media (max-width:768px){.action-buttons{flex-direction:column;gap:4px}.table-action-button.delete{width:100%}}.salon-container{background:#f7fafc;font-family:Raleway,sans-serif;min-height:100vh;padding:40px 20px}.salon-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:800px;overflow:hidden}.salon-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.salon-header h1{font-size:2.5rem;font-weight:700;margin:0 0 15px}.salon-header p{font-size:1.1rem;line-height:1.6;margin:0;opacity:.9}.form{display:flex;flex-direction:column;gap:20px}.base-form,.create-new-salon-form{padding:10px}.create-new-salon-form{padding:40px}.modal-form{flex:1 1;overflow-y:auto;padding:30px}.compact-form{gap:16px;padding:20px}.form-section{margin-bottom:24px}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h4{border-bottom:1px solid #007bff;color:#333;font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:8px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.form-group{display:flex;flex-direction:column;height:100%;margin-bottom:20px}.form-group label{color:#2d3748;font-size:1rem;font-weight:600}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:100px}.form-group small{color:#718096;display:block;font-size:.875rem;font-style:italic;margin-top:8px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:40px}.salon-button{border:none;border-radius:12px;cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;min-width:120px;padding:14px 28px;transition:all .3s ease}.salon-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.salon-button.primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.salon-button.primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.salon-button.secondary{background:#fff;border:2px solid #667eea;color:#667eea}.salon-button.secondary:hover:not(:disabled){background:#667eea;box-shadow:0 8px 25px #667eea33;color:#fff;transform:translateY(-2px)}.salon-button.secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.salon-button.tertiary{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.salon-button.tertiary:hover:not(:disabled){box-shadow:0 8px 25px #28a74566;transform:translateY(-2px)}.salon-button.tertiary:disabled{cursor:not-allowed;opacity:.6;transform:none}.salon-button.danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.salon-button.danger:hover:not(:disabled){box-shadow:0 8px 25px #dc354566;transform:translateY(-2px)}.salon-button.danger:disabled{cursor:not-allowed;opacity:.6;transform:none}.salon-info{background:#f7fafc;border-top:1px solid #e2e8f0;padding:40px}.salon-info h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 25px;text-align:center}.info-steps{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-step{align-items:flex-start;display:flex;gap:15px}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 8px}.step-content p{color:#718096;font-size:.95rem;line-height:1.5;margin:0}.error-message,.loading-message,.success-message{border-radius:12px;font-weight:500;margin:0 40px 20px;padding:15px 20px}.error-message{background:#fed7d7;border:1px solid #feb2b2;color:#c53030}.success-message{background:#c6f6d5;border:1px solid #9ae6b4;color:#2f855a}.loading-message{color:#718096;font-size:1.1rem;text-align:center}.success-message p{font-size:.9rem;margin:8px 0 0;opacity:.8}.form-group .country-select{width:100%}.form-group .country-select-trigger{border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-group .country-select-trigger:hover{border-color:#007bff}.form-group .country-select-trigger:focus-within{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.info-step,.salon-card{animation:fadeInUp .8s ease-out}.info-step{animation-fill-mode:both}.info-step:first-child{animation-delay:.1s}.info-step:nth-child(2){animation-delay:.2s}.info-step:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.salon-container{padding:20px 15px}.salon-header{padding:30px 20px}.salon-header h1{font-size:2rem}.form-actions{flex-direction:column}.salon-button{width:100%}.salon-info{padding:30px 20px}.info-steps{gap:20px}.form-row,.info-steps{grid-template-columns:1fr}.form-row{gap:16px}}@media (max-width:480px){.salon-header h1{font-size:1.8rem}.salon-header p{font-size:1rem}.form-group input,.form-group textarea{font-size:16px;padding:12px}}.salon-dashboard-container{background:#f7fafc;font-family:Raleway,sans-serif;min-height:100vh;padding-top:80px}.salon-meta-header{align-items:center;display:flex;gap:15px;margin-bottom:30px}.salon-dashboard-layout{display:flex;margin:0;max-width:none;min-height:calc(100vh - 80px);padding:0}.salon-side-panel{background:#fff;border-radius:0;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 80px);left:0;overflow-y:auto;position:fixed;top:80px;width:280px;z-index:100}.mobile-menu-backdrop{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:80px;z-index:99}.side-panel-header{border-bottom:1px solid #e2e8f0;padding:25px 25px 20px}.side-panel-header h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0}.side-panel-actions{flex:1 1;padding:20px 0}.side-panel-action{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#4a5568;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:16px 25px;text-align:left;transition:all .3s ease;width:100%}.side-panel-action:hover{background:#f7fafc;border-left-color:#667eea;color:#2d3748}.side-panel-action.primary{color:#667eea;font-weight:600}.side-panel-action.primary:hover{background:#f0f4ff;border-left-color:#764ba2;color:#764ba2}.side-panel-action.active{background-color:#e3f2fd;border-left:3px solid #1976d2;color:#1976d2}.action-icon{font-size:1.2rem;text-align:center;width:24px}.side-panel-info{border-top:1px solid #e2e8f0;margin-top:auto}.side-panel-info-header{border-bottom:1px solid #e2e8f0;padding:20px 25px 15px}.side-panel-info-header h3{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0}.side-panel-info-content{padding:20px 25px 25px}.side-panel-info .info-table{border-collapse:collapse;margin:0;width:100%}.side-panel-info .info-table tr{border:none}.side-panel-info .info-table td{border:none;padding:4px 0;vertical-align:top}.side-panel-info .info-table td:first-child{padding-right:12px;white-space:nowrap;width:1%}.side-panel-info .info-table td:last-child{padding-left:0;width:auto}.side-panel-info .info-table .info-label{color:#718096;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.side-panel-info .info-table .info-value{color:#2d3748;font-size:.875rem;font-weight:500}.side-panel-info .role-text{font-weight:700;text-transform:capitalize}.salon-main-content{background:#f7fafc;flex:1 1;margin-left:280px;min-height:calc(100vh - 80px);min-width:0;padding:0}.salon-actions-card,.salon-info-card,.salon-workspace{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:30px}.salon-actions-card h3,.salon-info-card h3,.salon-workspace h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 25px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{color:#718096;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#2d3748;font-size:1rem;font-weight:600}.role-text{font-weight:700;text-transform:capitalize}.actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-button{border:none;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;padding:15px 20px;transition:all .3s ease}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button.primary:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.action-button.secondary{background:#fff;border:2px solid #e2e8f0;color:#667eea}.action-button.secondary:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea33;transform:translateY(-2px)}.workspace-placeholder{color:#718096;padding:60px 20px;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:20px}.workspace-placeholder h4{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 15px}.workspace-placeholder p{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:500px}.dashboard-loading-message{color:#718096;font-size:1.1rem;padding:100px 40px;text-align:center}.dashboard-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.dashboard-error-message{background:#fed7d7;border:1px solid #feb2b2;border-radius:12px;color:#c53030;margin:100px 40px;padding:30px;text-align:center}.dashboard-error-message button{margin-top:20px}@media (max-width:1024px){.salon-side-panel{display:flex;flex-direction:column;left:-280px;position:fixed;transition:left .3s ease}.salon-side-panel.open{left:0}.mobile-menu-backdrop{display:block}.salon-main-content{margin-left:0}.side-panel-actions{display:flex;flex:1 1;flex-direction:column;gap:0;padding:0}.side-panel-action{border-left:3px solid #0000;justify-content:flex-start;padding:16px 25px;text-align:left}.side-panel-action:hover{border-bottom-color:#0000;border-left-color:#667eea}.side-panel-action.primary:hover{border-bottom-color:#0000;border-left-color:#764ba2}.side-panel-info{border-top:1px solid #e2e8f0;margin-top:0}}@media (max-width:768px){.info-grid,.side-panel-actions{grid-template-columns:1fr}}@media (max-width:480px){.salon-info-card,.salon-workspace{padding:15px}.side-panel-header{padding:20px 20px 15px}.side-panel-actions{padding:15px}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:10px;position:fixed;right:0;top:0;z-index:2000}.modal-content{max-width:500px;overflow-y:auto}.modal,.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;width:100%}.modal{display:flex;flex-direction:column;max-width:800px;overflow:hidden}.contract-template-modal{max-width:1300px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:25px 30px 20px}.modal-header h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:5px;transition:all .2s ease;width:32px}.modal-close:hover{background:#f7fafc;color:#2d3748}.modal-body{padding:30px}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px 30px}.modal-button{border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:100px;padding:12px 24px;transition:all .3s ease}.modal-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-button.primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.modal-button.primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-button.secondary{background:#fff;border:2px solid #667eea;color:#667eea}.modal-button.secondary:hover{background:#667eea;box-shadow:0 8px 25px #667eea33;color:#fff;transform:translateY(-2px)}.modal-body .form-group label{color:#2d3748;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.modal-body .error-message,.modal-body .success-message{border-radius:8px;font-size:.9rem;font-weight:500;margin-bottom:20px;padding:12px 16px}.modal-body .error-message{background:#fed7d7;border:1px solid #feb2b2;color:#c53030}.modal-body .success-message{background:#c6f6d5;border:1px solid #9ae6b4;color:#2f855a}.email-search-container{position:relative}.email-input{border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.email-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-spinner{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}.search-results{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-top:10px;max-height:200px;overflow-y:auto}.search-result-item{align-items:center;border-bottom:1px solid #f7fafc;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f7fafc}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-avatar.selected{background:linear-gradient(135deg,#48bb78,#38a169)}.user-info{flex:1 1;min-width:0}.user-name{color:#2d3748;font-size:.95rem;font-weight:600;margin-bottom:2px}.user-email{color:#718096;font-size:.875rem}.selected-user{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:10px;margin-top:15px;padding:12px}.change-user-btn{background:none;border:1px solid #cbd5e0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.875rem;margin-left:auto;padding:8px 16px;transition:all .2s ease}.change-user-btn:hover{background:#edf2f7;border-color:#a0aec0}.modal-content.view-members-modal{max-width:700px;width:100%}.members-loading{color:#718096;padding:40px 20px;text-align:center}.members-loading .spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.members-loading p{font-size:1rem;margin:0}.no-members{color:#718096;padding:40px 20px;text-align:center}.no-members p{font-size:1rem;margin:0}.members-list{max-height:400px;overflow-y:auto}.member-item{align-items:center;border-bottom:1px solid #f7fafc;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.member-item:last-child{border-bottom:none}.member-item:hover{background:#f7fafc}.member-info{align-items:center;display:flex;flex:1 1;gap:15px}.member-details{min-width:0}.member-name{color:#2d3748;font-size:.95rem;font-weight:600;margin-bottom:2px}.member-email{color:#718096;font-size:.875rem}.member-actions{align-items:center;display:flex;gap:15px}.member-controls{align-items:center;display:flex;gap:10px}.role-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.role-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.role-select:disabled{cursor:not-allowed;opacity:.6}.remove-member-btn{background:#fed7d7;border:1px solid #fed7d7;border-radius:6px;color:#c53030;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s ease}.remove-member-btn:hover:not(:disabled){background:#feb2b2;border-color:#feb2b2}.remove-member-btn:disabled{cursor:not-allowed;opacity:.6}.role-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:capitalize}.role-owner{background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff}.role-admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.role-member{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.salon-meta-header .role-badge{border-radius:20px;box-shadow:0 2px 8px #00000026;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:capitalize}.modal-actions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}@media (max-width:768px){.modal-content{margin:20px;max-height:calc(100vh - 40px)}.modal-body,.modal-footer,.modal-header{padding:20px}.modal-footer{flex-direction:column}.modal-button{width:100%}}.auto-calculated{color:#666;font-size:12px;font-style:italic;font-weight:400}.form-help-text{color:#666;display:block;font-size:12px;line-height:1.4;margin-top:4px}.unavailable-dresses-modal{max-height:80vh;max-width:600px}.unavailable-dresses-list{max-height:400px;overflow-y:auto}.unavailable-count{color:#dc3545;font-size:16px;font-weight:600;margin-bottom:16px}.unavailable-dress-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;padding:16px}.dress-info{flex-direction:column}.dress-name{font-size:16px}.dress-brand{font-size:14px}.search-result-item .dress-thumbnail,.selected-user .dress-thumbnail{border:2px solid #eee;border-radius:8px;height:64px!important;object-fit:cover;width:64px!important}.search-result-item .dress-thumbnail.clickable,.selected-user .dress-thumbnail.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.search-result-item .dress-thumbnail.clickable:hover,.selected-user .dress-thumbnail.clickable:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.dress-thumbnail-placeholder{align-items:center;background:#f3f4f6;border:2px solid #eee;border-radius:8px;display:flex;height:64px;justify-content:center;width:64px}.dress-thumbnail-placeholder-icon{color:#9ca3af;font-size:20px}.reserved-by{color:#dc3545;font-size:14px;font-weight:500}.reservation-dates{color:#666;display:flex;flex-direction:column;font-size:12px;gap:4px;padding:15px}.reservation-pickup,.reservation-return,.wedding-date{display:flex;justify-content:space-between}@media (max-width:768px){.unavailable-dresses-modal{max-height:90vh;max-width:95vw}.unavailable-dress-item{padding:0}.dress-name{font-size:14px}.reservation-dates{font-size:11px}}.contract-modal-content{display:flex;flex:1 1;overflow:hidden}.placeholders-sidebar{background:#f8f9fa;border-right:1px solid #e2e8f0;flex-shrink:0;overflow-y:auto;padding:20px;width:300px}.placeholders-sidebar h4{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.placeholders-sidebar .placeholder-description{color:#666;font-size:12px;font-style:italic;margin:0 0 16px}.placeholders-list{display:flex;flex-direction:column;gap:8px}.placeholder-button{word-wrap:break-word;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-height:60px;overflow-wrap:break-word;padding:12px;text-align:left;transition:all .2s ease;width:100%}.placeholder-button:hover{background:#e3f2fd;border-color:#2196f3;box-shadow:0 2px 8px #2196f326;transform:translateY(-1px)}.placeholder-key{word-wrap:break-word;color:#667eea;font-family:Courier New,monospace;font-size:12px;font-weight:600;line-height:1.3;margin-bottom:4px;max-width:100%;overflow-wrap:break-word}.placeholder-button .placeholder-description{color:#666;font-size:12px;line-height:1.4;margin:0}.no-placeholders{color:#666;padding:20px;text-align:center}.no-placeholders p{font-size:12px;margin:4px 0}.contract-form-content{display:flex;flex:1 1;flex-direction:column;overflow:scroll}.contract-form-content .base-form .form-row:last-child{margin-bottom:0}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon input{flex:1 1;padding-right:80px}.contact-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background-color .2s ease;z-index:1}.viber-icon{right:48px}.contact-icon:hover{background-color:#0000001a}.phone-icon:hover{background-color:#007bff1a}.instagram-icon:hover{background-color:#e1306c1a}.viber-icon:hover{background-color:#9c27b01a}.checkbox-group,.checkbox-label{align-items:center;display:flex}.checkbox-label{color:#333;cursor:pointer;font-weight:500;gap:8px}.checkbox-label input[type=checkbox]{display:none}.checkmark{align-items:center;background:#fff;border:2px solid #ddd;border-radius:3px;display:flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#667eea;border-color:#667eea}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.rich-text-editor{background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:8px;overflow:hidden}.editor-toolbar{background:#f8f9fa;border-bottom:1px solid #ddd;flex-wrap:wrap;gap:8px;padding:12px}.editor-toolbar,.toolbar-group{align-items:center;display:flex}.toolbar-group{border-right:1px solid #ddd;gap:4px;padding-right:12px}.toolbar-group:last-child{border-right:none;padding-right:0}.editor-toolbar button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:6px 10px;transition:all .2s ease}.editor-toolbar button:hover{background:#f0f0f0;border-color:#999}.editor-toolbar button.active{background:#667eea;border-color:#667eea;color:#fff}.editor-toolbar button:disabled{cursor:not-allowed;opacity:.5}.color-picker{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:32px;padding:0;width:32px}.editor-content{max-height:800px;min-height:300px;overflow-y:auto;padding:16px}.contract-editor-content{color:#333;font-size:14px;line-height:1.6;min-height:300px;outline:none}.contract-editor-content h1{color:#333;font-size:24px;font-weight:700;margin:16px 0 12px}.contract-editor-content h2{color:#333;font-size:20px;font-weight:600;margin:14px 0 10px}.contract-editor-content h3{color:#333;font-size:16px;font-weight:600;margin:12px 0 8px}.contract-editor-content p{line-height:1.6;margin:8px 0}.contract-editor-content ol,.contract-editor-content ul{margin:8px 0;padding-left:24px}.contract-editor-content li{margin:4px 0}.contract-editor-content a.contract-link{color:#667eea;cursor:pointer;text-decoration:underline}.contract-editor-content a.contract-link:hover{color:#5a6fd8}.contract-editor-content strong{font-weight:700}.contract-editor-content em{font-style:italic}.contract-editor-content u{text-decoration:underline}.contract-editor-content[style*="text-align: center"]{text-align:center}.contract-editor-content[style*="text-align: right"]{text-align:right}.contract-editor-content[style*="text-align: left"]{text-align:left}.editor-content{position:relative}.custom-placeholder{color:#9ca3af;font-size:14px;left:16px;line-height:1.6;margin:8px 0;pointer-events:none;position:absolute;top:16px;z-index:1}@media (max-width:768px){.contract-modal-content{flex-direction:column}.placeholders-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;max-height:200px;width:100%}.placeholders-list{flex-direction:row;flex-wrap:wrap;gap:6px}.placeholder-button{flex:1 1;min-height:50px;min-width:120px;padding:8px}.placeholder-key{font-size:11px}.placeholder-button .placeholder-description{font-size:10px}.editor-toolbar{gap:6px;padding:8px}.toolbar-group{padding-right:8px}.editor-toolbar button{font-size:12px;height:28px;min-width:28px;padding:4px 8px}.color-picker{height:28px;width:28px}.editor-content{max-height:300px;min-height:250px;padding:12px}.custom-placeholder{font-size:13px;left:12px;top:12px}.contract-editor-content{font-size:13px;min-height:250px}}.manage-workspace{padding:20px}.manage-page{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:24px}.table-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.table-empty-state{color:#666;padding:60px 24px;text-align:center}.table-empty-state-icon{font-size:48px;margin-bottom:16px}.table-empty-state h4{color:#333;font-size:18px;margin:0 0 12px}.table-empty-state p{color:#666;line-height:1.5;margin:0 0 24px}.table-container,.table-wrapper{overflow:auto;position:relative}.table-wrapper{max-height:130vh}.data-table{background:#fff;border-collapse:initial;border-spacing:0;min-width:300px;width:100%}.data-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 8px;text-align:left;text-transform:uppercase}.data-table th,.data-table thead th:not(.fixed-column){position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table td.fixed-column,.data-table th.fixed-column{background:#fff;left:0;max-width:160px;min-width:160px;padding:8px;position:-webkit-sticky;position:sticky;z-index:20}.data-table thead th.fixed-column{background:#f8f9fa;left:0;position:-webkit-sticky;position:sticky;top:0;z-index:30}.data-table th:last-child{text-align:center}.data-table th.sortable{cursor:pointer;position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background-color:#e9ecef}.sort-indicator{color:#007bff;font-size:12px;font-weight:700;margin-left:8px}.reservation-count{color:#4a5568;font-size:14px;font-weight:600}.data-table td{border-bottom:1px solid #eee;padding:12px 8px;vertical-align:middle}.data-table tr:hover,.data-table tr:hover .fixed-column{background-color:#f8f9fa}.table-actions{display:flex;gap:8px}.data-table .action-button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:8px;transition:all .2s ease}.data-table .action-button.edit:hover,.data-table .action-button.view:hover{background-color:#e3f2fd}.data-table .action-button.delete:hover{background-color:#ffebee}.data-table.accessories-table{table-layout:fixed}.data-table.accessories-table td:first-child,.data-table.accessories-table td:nth-child(2),.data-table.accessories-table th:first-child,.data-table.accessories-table th:nth-child(2){width:28%}.data-table.accessories-table td:nth-child(3),.data-table.accessories-table th:nth-child(3){width:16%}.data-table.accessories-table td:nth-child(4),.data-table.accessories-table th:nth-child(4){width:28%}.table-preview-image{border:1px solid #eee;border-radius:6px;height:48px;object-fit:cover;width:48px}.table-preview-image.clickable{cursor:pointer;transition:all .2s ease}.table-preview-image.clickable:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff4d;transform:scale(1.05)}.table-preview-image-placeholder{align-items:center;background:#f3f4f6;border:1px solid #eee;border-radius:6px;display:flex;height:48px;justify-content:center;width:48px}.table-preview-image-placeholder-icon{color:#9ca3af;font-size:16px}.brand-name{font-size:14px}.brand-description{color:#666;font-size:13px;line-height:1.4;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-info{font-size:14px}.contact-email{color:#666;font-size:12px;margin-top:2px}.website-link{color:#007bff;font-size:14px;font-weight:500;text-decoration:none}.website-link:hover{text-decoration:underline}.dress-info{align-items:center;display:flex;gap:12px;min-height:48px;width:100%}.dress-name{font-weight:500;line-height:1.4}.dress-info-row,.table-cell-content .dress-info-row{align-items:center;display:flex;gap:8px;width:100%}.table-cell-content .dress-info{align-items:center;display:flex;gap:12px;min-height:48px;width:100%}.dress-name-container{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:48px;min-width:0}.table-cell-content{align-items:center;color:#333;display:flex;font-size:14px;font-weight:500;line-height:1.4;min-height:48px}.data-table td.fixed-column .table-cell-content{font-size:13px;min-height:40px}.table-cell-content .table-actions{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-content .brand-info{align-items:center;display:flex;gap:12px;width:100%}.table-cell-content .brand-name{color:#333;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px}.table-cell-content .brand-description{color:#666;font-size:12px;line-height:1.3}.table-cell-content .contact-info{display:flex;flex-direction:column;gap:2px}.table-cell-content .contact-email{color:#666;font-size:12px}.colour-display{align-items:center;display:flex;gap:8px}.colour-circle{border:1px solid #ddd;border-radius:50%;flex-shrink:0;height:16px;width:16px}.colour-name{color:#333;font-size:14px}.color-select-container{align-items:center;display:flex;gap:12px}.color-select-container .color-dropdown{flex:1 1}.color-select-container .colour-display{min-width:120px}.accessory-info-row,.table-cell-content .accessory-info-row{align-items:center;display:flex;gap:8px;width:100%}.accessory-name-container{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:48px;min-width:0}.table-cell-content .accessory-name{line-height:1.4}.table-cell-content .accessory-name,.table-cell-content .accessory-type{color:#333;font-size:14px;font-weight:500}.table-cell-content .stock-count{color:#4a5568;font-size:14px;font-weight:600}.dress-display{align-items:center;display:flex;gap:8px;width:100%}.dress-image-container{flex-shrink:0}.dress-text-container{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.dress-display .dress-name{color:#333;font-size:14px;font-weight:500;line-height:1.4}.dress-display .dress-brand{color:#666;font-size:12px;line-height:1.3}.dress-display .dress-stock{color:#4a5568;font-size:12px;line-height:1.3;margin-left:4px;margin-top:2px}.dress-display .dress-stock .stock-value{color:#2d3748;font-weight:600}.price-value{font-size:14px;font-weight:600}.price-value.rental{color:#3b82f6}.price-value.sale{color:#10b981}.accessory-image{align-items:center;display:flex;justify-content:center}.accessory-name{color:#2d3748}.accessory-name,.stock-count{font-size:14px;font-weight:600}.stock-count{color:#4a5568}.stock-count.zero{color:#e53e3e;font-weight:700}.pagination-container{margin-top:20px;padding:20px 0}.pagination{align-items:center;display:flex;gap:8px;justify-content:center}.pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.pagination-btn.active{background:#667eea;border-color:#667eea;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.search-container{flex:1 1;max-width:300px;position:relative}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.header-actions{align-items:center;display:flex;gap:20px}.error,.loading{color:#4a5568;font-size:18px;padding:60px 20px;text-align:center}.error{color:#e53e3e}.brands-error,.brands-loading{padding:60px 24px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#007bff;height:40px;margin:0 auto 16px;width:40px}@media (max-width:768px){.manage-workspace{padding:10px}.table-header{align-items:stretch;flex-direction:column;gap:16px}.table-header button{width:100%}.data-table td,.data-table th{font-size:13px;padding:12px 8px}.data-table td.fixed-column,.data-table th.fixed-column{max-width:120px;min-width:120px;padding:8px}.data-table.accessories-table td:first-child,.data-table.accessories-table td:nth-child(2),.data-table.accessories-table th:first-child,.data-table.accessories-table th:nth-child(2){width:28%}.data-table.accessories-table td:nth-child(3),.data-table.accessories-table th:nth-child(3){width:16%}.data-table.accessories-table td:nth-child(4),.data-table.accessories-table th:nth-child(4){width:28%}.brand-description{max-width:150px}.header-actions{align-items:stretch;flex-direction:column;gap:15px}.search-container{max-width:none}.pagination{flex-wrap:wrap;gap:6px}.pagination-btn{font-size:13px;padding:6px 12px}}.workspace-title{align-items:center;display:flex;gap:20px}.workspace-title h3{color:#333;font-size:24px;font-weight:600;margin:0}.view-controls{background:#f5f5f5;border-radius:8px;display:flex;gap:5px;padding:4px}.view-btn{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#333}.view-btn:hover:not(.active){color:#333}.calendar-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.calendar-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:20px}.calendar-header,.calendar-nav{align-items:center;display:flex}.calendar-nav{gap:10px}.calendar-nav-btn,.calendar-today-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.calendar-nav-btn:hover,.calendar-today-btn:hover{background:#f5f5f5;border-color:#bbb}.calendar-today-btn{background:#007bff;border-color:#007bff;color:#fff}.calendar-today-btn:hover{background:#0056b3;border-color:#0056b3}.calendar-title{color:#333;font-size:18px;font-weight:600}.calendar-grid{display:flex;flex-direction:column}.calendar-days-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day-header{border-right:1px solid #e0e0e0;color:#666;font-weight:600;padding:15px 10px;text-align:center}.calendar-day-header:last-child{border-right:none}.desktop-only{display:inline}.mobile-only{display:none}.day-name{font-size:12px;margin-bottom:5px;text-transform:uppercase}.day-number{color:#333;font-size:16px}.calendar-days-content{align-items:stretch;display:grid;grid-template-columns:repeat(7,1fr);min-height:400px}.calendar-day{background:#fff;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;min-height:80px;padding:10px;position:relative}.calendar-day:last-child{border-right:none}.calendar-day.today{background:#e3f2fd}.calendar-day.other-month{background:#f9f9f9;color:#999}.day-reservations{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:0}.reservation-item{border-left:3px solid;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 8px;transition:all .2s ease}.reservation-item.rental{background:#e8f5e8;border-left-color:#28a745;color:#155724}.reservation-item.sale{background:#fff3cd;border-left-color:#ffc107;color:#856404}.reservation-item:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.reservation-time{font-weight:600;margin-bottom:2px}.reservation-bride{font-weight:500;margin-bottom:2px}.reservation-type{font-size:10px;font-weight:600;text-transform:uppercase}.more-reservations{background:#f0f0f0;border-radius:3px;color:#666;font-size:11px;font-style:italic;padding:4px;text-align:center}.calendar-month-view .calendar-days-content{min-height:500px}.calendar-month-view .calendar-day{min-height:100px}.calendar-month-view .day-number{font-weight:600;margin-bottom:5px}.calendar-month-view .reservation-item{margin-bottom:2px;padding:4px 6px}.calendar-month-view .reservation-bride{font-size:11px}.calendar-week-view .calendar-days-content{align-items:stretch;min-height:300px}.calendar-week-view .calendar-day{display:flex;flex-direction:column;min-height:120px}@media (max-width:768px){.workspace-title{align-items:flex-start;flex-direction:column;gap:10px}.calendar-header{align-items:stretch;flex-direction:column;gap:15px}.calendar-nav{justify-content:center}.calendar-days-header{font-size:12px}.calendar-day-header{padding:8px 4px}.day-name{font-size:10px}.day-number{font-size:12px}.calendar-days-content{align-items:stretch;display:grid;grid-template-columns:repeat(7,1fr);overflow-x:auto}.calendar-day{display:flex;flex-direction:column;min-height:60px;min-width:0;padding:3px;width:100%}.appointment-item,.reservation-item{word-wrap:break-word;font-size:8px;line-height:1.2;margin-bottom:1px;max-width:100%;overflow-wrap:break-word;padding:2px 4px;white-space:normal}.appointment-time{font-weight:600}.appointment-time,.appointment-type{word-wrap:break-word;font-size:7px;overflow-wrap:break-word}.appointment-client{word-wrap:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:8px;font-weight:500;overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:normal}.appointment-wedding-date{word-wrap:break-word;font-size:7px;overflow-wrap:break-word}.appointment-dress{word-wrap:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:8px;font-weight:500;overflow-wrap:normal;white-space:normal}.appointment-dress,.reservation-bride{overflow:hidden;text-overflow:ellipsis}.reservation-bride{font-size:10px;font-weight:600;margin-bottom:2px;overflow-wrap:normal}.reservation-dress{margin-bottom:2px}.reservation-dress,.reservation-type{font-size:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reservation-type{font-weight:600;text-transform:uppercase}.desktop-only{display:none}.mobile-only{display:inline}.appointment-wedding-date{font-size:6px;overflow:visible;white-space:nowrap}.calendar-month-view .calendar-day{display:flex;flex-direction:column;min-height:80px}}.appointment-item{background:#e3f2fd;border-left:3px solid #2196f3;border-radius:4px;color:#1565c0;cursor:pointer;font-size:12px;margin-bottom:4px;padding:6px 8px;transition:all .2s ease}.appointment-item:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.appointment-item.measurement{background:#fff3e0;border-left-color:#ff9800;color:#e65100}.appointment-item.pickup{background:#f3e5f5;border-left-color:#9c27b0;color:#7b1fa2}.appointment-item.return{background:#e8f5e8;border-left-color:#4caf50;color:#2e7d32}.appointment-time{font-size:11px;font-weight:600;margin-bottom:2px}.appointment-type{font-size:10px;font-weight:600;margin-bottom:2px;opacity:.9}.appointment-client{font-weight:500;margin-bottom:2px}.appointment-wedding-date{font-size:10px;margin-bottom:2px;opacity:.8}.appointment-instagram,.appointment-phone{font-size:10px;margin-bottom:1px;opacity:.7}.appointment-instagram:last-child,.appointment-phone:last-child{margin-bottom:0}.calendar-day-view{display:flex;flex-direction:column;height:100%}.calendar-day-content{flex:1 1;overflow-y:auto;padding:20px}.day-appointments-list{display:flex;flex-direction:column;gap:12px}.no-appointments{color:#666;font-style:italic;padding:40px 20px;text-align:center}.appointment-notes{font-size:11px;font-style:italic;margin-top:4px;opacity:.8}.calendar-day-view .appointment-item{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:0;padding:16px}.calendar-day-view .appointment-time{font-size:14px;font-weight:700;margin-bottom:8px}.calendar-day-view .appointment-type{font-size:12px;font-weight:600;margin-bottom:8px}.calendar-day-view .appointment-client{font-size:16px;font-weight:600;margin-bottom:8px}.calendar-day-view .appointment-wedding-date{font-size:12px;margin-bottom:8px}.calendar-day-view .appointment-notes{border-top:1px solid #0000001a;font-size:12px;padding-top:8px}.calendar-day-view .appointment-bride-name{font-size:16px;font-weight:600;margin-bottom:4px}.calendar-day-view .appointment-dress-name{font-size:14px;font-weight:500;margin-bottom:8px}.calendar-day-view .reservation-item{background:#e8f5e8;border-left:3px solid #28a745;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#155724;margin-bottom:0;padding:16px}.calendar-day-view .reservation-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.reservation-dress{font-size:12px;font-weight:500;margin-bottom:8px}@media (max-width:768px){.appointment-item{font-size:10px;padding:6px}.appointment-instagram,.appointment-phone,.appointment-time,.appointment-wedding-date{font-size:9px}.calendar-day-content{padding:10px}.calendar-day-view .appointment-item{padding:12px}.calendar-day-view .appointment-time{font-size:12px}.calendar-day-view .appointment-type{font-size:11px}.calendar-day-view .appointment-client{font-size:14px}.calendar-day-view .appointment-notes,.calendar-day-view .appointment-wedding-date{font-size:11px}.calendar-day-view .reservation-item{padding:12px}.calendar-day-view .reservation-dress{font-size:11px}.calendar-day-view .contact-btn{border-radius:8px;font-size:16px;height:44px;min-width:48px;padding:10px 14px}}.calendar-day-view .appointment-item{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.calendar-day-view .appointment-main-content{flex:1 1;min-width:0}.calendar-day-view .appointment-contact-buttons{align-items:flex-start;display:flex;flex-shrink:0;gap:8px;margin-top:0}.calendar-day-view .contact-btn{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.calendar-day-view .contact-btn:hover{background:#e0e0e0;border-color:#bbb}.calendar-day-view .phone-btn:hover{background:#e8f5e8;border-color:#4caf50}.calendar-day-view .instagram-btn:hover{background:#fce4ec;border-color:#e91e63}.calendar-day-view .viber-btn:hover{background:#f3e5f5;border-color:#9c27b0}.calendar-day-view .appointment-notes{flex-basis:100%;margin-top:8px;width:100%}.image-viewer-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.image-viewer-modal{background:#000;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:95vh;max-height:95vh;max-width:95vw;overflow:hidden;width:95vw}.image-viewer-header{align-items:center;background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:16px 20px}.image-counter,.image-viewer-zoom-info{color:#fff;font-size:14px;font-weight:500}.image-viewer-zoom-info{background:#fff3;border-radius:4px;padding:4px 8px}.image-viewer-actions{align-items:center;display:flex;gap:8px}.image-viewer-download{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;min-width:36px;padding:8px 10px;transition:background-color .2s ease}.image-viewer-download:hover{background:#fff3}.image-viewer-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:24px;padding:4px 8px;transition:background-color .2s ease}.image-viewer-close:hover{background:#fff3}.image-viewer-content{flex:1 1;min-height:400px;overflow:hidden;position:relative}.image-viewer-content,.image-viewer-nav{align-items:center;display:flex;justify-content:center}.image-viewer-nav{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:32px;height:50px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:50px;z-index:10}.image-viewer-nav:hover:not(:disabled){background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.image-viewer-nav:disabled{cursor:not-allowed;opacity:.3}.image-viewer-prev{left:20px}.image-viewer-next{right:20px}.image-viewer-main{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;max-height:100%;max-width:100%;padding:20px;position:relative;width:100%}.image-viewer-img{border-radius:8px;box-shadow:0 10px 30px #00000080;display:block;object-fit:contain;transform-origin:center center;transition:transform .1s ease}.image-viewer-img.zoomable{-webkit-user-select:none;user-select:none}.image-viewer-video{border-radius:8px;box-shadow:0 10px 30px #00000080;display:block;object-fit:contain}.video-thumbnail{border-radius:4px;height:40px;overflow:hidden;position:relative;width:40px}.video-thumbnail video{height:100%;object-fit:cover;width:100%}.video-play-icon{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:10px;height:20px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.image-viewer-zoom-overlay{display:flex;flex-direction:column;gap:8px;opacity:.7;position:absolute;right:20px;top:20px;transition:opacity .3s ease;z-index:15}.image-viewer-zoom-overlay:hover{opacity:1}.image-viewer-zoom-overlay-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:50px;padding:8px 12px;transition:all .2s ease}.image-viewer-zoom-overlay-btn:hover:not(:disabled){background:#000c;border-color:#ffffff80;transform:scale(1.05)}.image-viewer-zoom-overlay-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.image-viewer-thumbnails{align-items:center;display:flex;flex:1 1;gap:6px;justify-content:center;max-width:400px}.thumbnail-list{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.thumbnail-list::-webkit-scrollbar{height:4px}.thumbnail-list::-webkit-scrollbar-track{background:#0000}.thumbnail-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.thumbnail-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.thumbnail-scroll-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.thumbnail-scroll-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.thumbnail-scroll-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.image-viewer-thumbnail{background:none;border:2px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;padding:2px;transition:all .2s ease}.image-viewer-thumbnail:hover{border-color:#ffffff80}.image-viewer-thumbnail.active{border-color:#007bff}.image-viewer-thumbnail img{border-radius:4px;display:block;height:40px;object-fit:cover;width:40px}.image-viewer-footer{align-items:center;background:#ffffff1a;border-top:1px solid #fff3;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:12px 20px}.image-viewer-controls{display:flex;gap:12px;justify-content:center}.image-viewer-zoom-controls{align-items:center;display:flex;gap:8px}.image-viewer-control-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.image-viewer-control-btn:hover:not(:disabled){background:#ffffff4d}.image-viewer-control-btn:disabled{cursor:not-allowed;opacity:.3}.image-viewer-zoom-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-width:40px;padding:8px 12px;transition:all .2s ease}.image-viewer-zoom-btn:hover:not(:disabled){background:#ffffff4d}.image-viewer-zoom-btn:disabled{cursor:not-allowed;opacity:.3}@media (max-width:768px){.image-viewer-overlay{padding:10px}.image-viewer-modal{border-radius:0;max-height:100vh;max-width:100vw}.image-viewer-nav{font-size:24px;height:40px;width:40px}.image-viewer-prev{left:10px}.image-viewer-next{right:10px}.image-viewer-thumbnails{gap:6px;padding:12px 10px}.image-viewer-thumbnail img{height:50px;width:50px}.image-viewer-main{padding:10px}.image-viewer-footer{flex-direction:column;gap:12px}.image-viewer-controls{flex-direction:column;gap:8px}.image-viewer-control-btn{width:100%}.image-viewer-zoom-controls{justify-content:center}.image-viewer-zoom-btn{flex:1 1;min-width:60px}.image-viewer-zoom-overlay{gap:6px;right:10px;top:10px}.image-viewer-zoom-overlay-btn{font-size:12px;min-width:45px;padding:6px 10px}.image-viewer-actions{gap:6px}.image-viewer-download{font-size:14px;height:32px;min-width:32px;padding:6px 8px}}.page-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.header-content h2{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.header-content p{color:#6b7280;font-size:16px;margin:0}.image-upload-container{position:relative}.image-upload-section{margin-bottom:0}.file-input{display:none}.file-input-label{align-items:center;background-color:#f9f9f9;border:2px dashed #ddd;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.file-input-label:hover{background-color:#f0f8ff;border-color:#007bff;color:#007bff}.file-input-label.disabled{cursor:not-allowed}.file-input-label.disabled,.file-input-label.disabled:hover{background-color:#f5f5f5;border-color:#e0e0e0;color:#999}.upload-icon{font-size:18px}.file-input-help{color:#6b7280;font-size:12px;margin:8px 0 0}.video-upload-section{margin-bottom:0}.form-row .form-group .image-upload-section,.form-row .form-group .video-upload-section{display:flex;flex:1 1;flex-direction:column}.form-row .form-group label{align-items:flex-start;display:flex;margin-bottom:8px;min-height:20px}.form-row:has(.image-upload-section){margin-bottom:0}.image-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:0}.form-group:has(.image-preview-grid){margin-bottom:20px}.remove-video{align-items:center;background:#ff4757;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px;z-index:10}.remove-video:hover{background:#ff3742;transform:scale(1.1)}.image-preview{display:inline-block;margin-top:16px;position:relative}.image-preview-item{aspect-ratio:1;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative}.image-preview-item img{height:100%;object-fit:cover;width:100%}.image-preview-item video{height:100%;object-fit:contain;width:100%}.video-preview-item{background:#000;border-radius:8px;overflow:hidden}.video-preview-item video{background:#000;height:100%;object-fit:contain;width:100%}.preview-image{border:2px solid #eee;border-radius:8px;height:120px;object-fit:cover;width:120px}.remove-image,.remove-image-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px}.remove-image-btn{background-color:#f44;font-size:12px;right:-8px;top:-8px}.remove-image-btn:hover{background-color:#c00}.remove-image:hover{background:#dc2626;transform:scale(1.1)}.form-group label{color:#374151;display:block;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error,.form-group select.error{border-color:#ef4444}.error-message{color:#ef4444;display:block;font-size:12px;margin-top:4px}.form-group label{color:#333;font-size:14px;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group input[type=number]{text-align:right}.form-group textarea{min-height:60px;resize:vertical}.accessories-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:15px}.accessories-grid .form-group{margin-bottom:0}.tooltip-icon{background:#007bff;border-radius:50%;color:#fff;cursor:help;display:inline-block;font-size:12px;font-weight:700;height:16px;line-height:16px;margin-left:6px;text-align:center;transition:background-color .2s ease;vertical-align:middle;width:16px}.tooltip-icon:hover{background:#0056b3}.dress-image{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.dress-thumbnail{height:100%;object-fit:cover;width:100%}.dress-thumbnail.clickable{cursor:pointer;transition:all .2s ease}.dress-thumbnail.clickable:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff4d;transform:scale(1.05)}.dress-placeholder{color:#a0aec0;font-size:28px}.dress-info{min-width:0}.dress-name{color:#2d3748;font-size:14px}.dress-brand{color:#718096;margin-bottom:4px;margin-left:4px}.dress-prices{display:flex;font-size:11px;gap:12px}.rental-price{color:#38a169;font-weight:500}.selling-price{color:#e53e3e;font-weight:500}.modal .modal-body{flex:1 1;overflow-y:auto}.selected-accessories-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:30px;padding:20px}.selected-accessories-preview h5{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 20px}.selected-accessories-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.selected-accessory-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.selected-accessory-item:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.selected-accessory-item .accessory-image{align-items:center;background:#f7fafc;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.selected-accessory-item .accessory-thumbnail{height:100%;object-fit:cover;width:100%}.selected-accessory-item .accessory-placeholder{color:#a0aec0;font-size:18px}.selected-accessory-item .accessory-info{flex:1 1;min-width:0}.selected-accessory-item .accessory-name{color:#2d3748;font-size:14px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-accessory-item .accessory-type{color:#718096;font-size:12px;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.dress-image,.no-image{height:40px;width:40px}.accessories-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.modal .modal-body{flex:1 1}.selected-accessories-grid{gap:12px;grid-template-columns:1fr}.selected-accessory-item{padding:10px}.selected-accessory-item .accessory-image{height:36px;width:36px}.selected-accessory-item .accessory-name{font-size:13px}.selected-accessory-item .accessory-type{font-size:11px}}.settings-content{padding:20px 0}.settings-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:24px}.settings-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.settings-section p{color:#666;font-size:14px;margin:0 0 20px}.members-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:16px}.summary-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.summary-number{color:#667eea;font-size:28px;font-weight:700;margin-bottom:4px}.summary-label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.settings-placeholder{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;padding:40px;text-align:center}.settings-placeholder p{font-style:italic;margin:0}@media (max-width:768px){.settings-section{margin-bottom:16px;padding:16px}.members-summary{gap:12px;grid-template-columns:repeat(2,1fr)}.summary-card{padding:16px}.summary-number{font-size:24px}.settings-placeholder{padding:24px}}.analytics-content{padding:20px 0}.analytics-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:16px}.analytics-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:12px;padding:16px;transition:transform .2s ease}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-card.revenue{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff}.metric-icon{align-items:center;background:#667eea1a;border-radius:8px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.metric-card.revenue .metric-icon{background:#fff3}.metric-content{flex:1 1}.metric-value{color:#333;font-size:24px;font-weight:700;margin-bottom:4px}.metric-card.revenue .metric-value{color:#fff}.metric-label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.metric-card.revenue .metric-label{color:#fffc}.charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.chart-card h4{color:#333;font-size:14px;font-weight:600;margin:0 0 16px}.chart-placeholder{align-items:end;display:flex;height:200px;padding:10px 0}.chart-bars{align-items:end;gap:8px;width:100%}.chart-bar,.chart-bars{display:flex;height:100%}.chart-bar{align-items:center;flex:1 1;flex-direction:column}.bar-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px 4px 0 0;min-height:4px;transition:all .3s ease;width:100%}.bar-fill.appointments{background:linear-gradient(135deg,#fd7e14,#ffc107)}.bar-fill.weddings{background:linear-gradient(135deg,#e83e8c,#dc3545)}.bar-fill.success-rate{background:linear-gradient(135deg,#6f42c1,#e83e8c)}.bar-fill.revenue{background:linear-gradient(135deg,#28a745,#20c997)}.bar-value{align-items:center;color:#333;display:flex;font-weight:600;justify-content:center;margin-bottom:4px;min-height:12px}.bar-label,.bar-value{font-size:10px;text-align:center}.bar-label{color:#666;margin-top:8px}.section-header{align-items:center;flex-wrap:nowrap;gap:16px}.section-header h3{flex-shrink:0;margin:0;white-space:nowrap}.year-selector{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;flex-shrink:0;gap:4px;min-width:-webkit-fit-content;min-width:fit-content;padding:2px}.year-nav-btn,.year-selector{align-items:center;display:flex}.year-nav-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:6px 8px;transition:all .2s ease}.year-nav-btn:hover{background:#e9ecef;color:#495057}.year-nav-btn:active{background:#dee2e6}.year-nav-btn.active{background:#007bff;color:#fff;font-weight:700}.year-nav-btn.active:hover{background:#0056b3;color:#fff}.current-year{border-radius:4px;color:#495057;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;min-width:50px;padding:6px 12px;text-align:center;transition:all .2s ease;white-space:nowrap}.current-year:hover{background:#e9ecef;color:#007bff}.popular-dresses{display:flex;flex-direction:column;gap:12px}.dress-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:16px;padding:16px}.dress-rank{color:#667eea;font-size:18px;font-weight:700;text-align:center;width:30px}.dress-info{flex:1 1}.dress-name{color:#333;font-weight:600;margin-bottom:4px;margin-left:4px}.dress-brand{color:#666;font-size:12px;font-style:italic}.dress-stats{display:flex;flex-direction:column;gap:4px;text-align:right}.stat{color:#666;font-size:12px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;gap:16px;padding:16px}.activity-icon,.activity-item{align-items:center;display:flex}.activity-icon{border-radius:8px;font-size:16px;height:40px;justify-content:center;width:40px}.activity-icon.reservation{background:#667eea1a;color:#667eea}.activity-icon.appointment{background:#28a7451a;color:#28a745}.activity-content{flex:1 1}.activity-title{color:#333;font-weight:600;margin-bottom:4px}.activity-date{color:#666;font-size:12px}.activity-amount{color:#28a745;font-size:14px;font-weight:600}@media (max-width:1200px){.charts-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.charts-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.analytics-section{margin-bottom:12px;padding:12px}.metrics-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.charts-grid{gap:12px;grid-template-columns:1fr}.chart-card{min-width:0;overflow:hidden;padding:12px}.chart-placeholder{height:150px;padding:8px 0}.chart-bars{gap:4px}.bar-value{font-size:10px;margin-bottom:4px}.bar-label{font-size:10px;margin-top:4px}}@media (max-width:480px){.chart-card{padding:8px}.chart-placeholder{height:120px;padding:6px 0}.chart-bars{gap:2px}.bar-value{font-size:9px;margin-bottom:2px}.bar-label{font-size:9px;margin-top:2px}.chart-card h4{font-size:12px;margin-bottom:8px}.metric-card{flex-direction:column;gap:8px;padding:16px;text-align:center}.metric-icon{height:32px;width:32px}.metric-icon,.metric-value{font-size:20px}.chart-placeholder{height:150px}.activity-item,.dress-item{gap:12px;padding:12px}}.contracts-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.recent-contracts{margin-top:20px}.analytics-dress-image{border:2px solid #eee;border-radius:8px;height:64px;object-fit:cover;width:64px}.analytics-dress-image.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.analytics-dress-image.clickable:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.popular-brands{display:flex;flex-direction:column;gap:12px}.brand-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.brand-item:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.brand-rank{color:#007bff;font-size:18px;font-weight:700;min-width:30px;text-align:center}.brand-info{flex:1 1;gap:12px;min-width:0}.brand-image,.brand-info{align-items:center;display:flex}.brand-image{background:#f0f0f0;border-radius:8px;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;width:64px}.analytics-brand-image{height:100%;object-fit:cover;width:100%}.brand-placeholder{align-items:center;background:#e9ecef;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.brand-details{flex:1 1;min-width:0}.brand-name{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.brand-country,.brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-country{color:#666;font-size:14px}.brand-stats{display:flex;flex-shrink:0;gap:16px;min-width:160px}.stats-column{display:flex;flex:1 1;flex-direction:column;gap:3px;text-align:right}.brand-stats .stat{color:#333;font-size:13px;font-weight:500;white-space:nowrap}@media (max-width:768px){.brand-item{gap:12px;padding:12px}.brand-rank{font-size:16px;min-width:25px}.brand-image{height:48px;width:48px}.brand-name{font-size:14px}.brand-country{font-size:12px}.brand-stats{gap:12px;min-width:140px}.brand-stats .stat{font-size:11px}}.number-stat{color:#333;font-size:14px;font-weight:600;text-align:center}.recent-contracts h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.contracts-list{display:flex;flex-direction:column;gap:12px}.contract-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.contract-item:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.contract-item.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.contract-item.clickable:hover{background:#e3f2fd;border-color:#2196f3;box-shadow:0 4px 12px #2196f326;transform:translateY(-2px)}.contract-item.loading{cursor:wait;opacity:.6;pointer-events:none}.contract-item.loading:hover{background:#f8f9fa;border-color:#e9ecef;box-shadow:none;transform:none}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:16px;width:16px}.delete-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;opacity:.6;padding:4px;transition:all .2s ease}.delete-button:hover{background:#fee2e2;opacity:1;transform:scale(1.1)}.contract-info{flex:1 1;min-width:0}.contract-title{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.contract-type{color:#666;font-size:12px;margin-bottom:4px;text-transform:capitalize}.contract-preview{color:#888;font-size:12px;line-height:1.4;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-actions{gap:12px;margin-left:16px}.contract-actions,.contract-status{align-items:center;display:flex}.status-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.active{background:#28a7451a;color:#28a745}.status-badge.inactive{background:#6c757d1a;color:#6c757d}.section-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.section-title h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.section-title p{color:#6b7280;font-size:14px;margin:0}.settings-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:16px}.section-title h3{font-size:18px}.contracts-summary{gap:12px;grid-template-columns:repeat(2,1fr)}.contract-item{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.contract-actions{align-self:flex-end;gap:8px;margin-left:0}.contract-status{margin-left:0}.contract-preview{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-word}.settings-actions{flex-direction:column}.settings-actions .salon-button{width:100%}}.pagination-controls{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:16px 0}.pagination-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-button:disabled{background:#f9fafb;cursor:not-allowed;opacity:.5}.pagination-info{color:#6b7280;font-size:14px;font-weight:500}@media (max-width:768px){.pagination-controls{flex-direction:column;gap:12px}.pagination-button{font-size:16px;padding:10px 20px}}.setting-item{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:20px;margin-bottom:16px;padding:20px}.setting-info{flex:1 1}.setting-label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.setting-description{color:#666;font-size:14px;line-height:1.4;margin:0}.setting-control{align-items:center;display:flex;gap:12px;min-width:200px}.setting-input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:8px 12px;text-align:center;width:80px}.setting-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.setting-input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.calendar-settings{align-items:stretch;display:flex;flex-direction:column;gap:16px}.calendar-view-setting{align-items:center;display:flex;gap:12px}.calendar-label{color:#555;font-size:14px;font-weight:500;min-width:70px}.setting-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:100px;padding:8px 12px}.setting-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.setting-select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}@media (max-width:768px){.setting-item{flex-direction:column;gap:16px}.setting-control{justify-content:space-between;min-width:auto;width:100%}.setting-input{width:100px}.calendar-settings{width:100%}.calendar-view-setting{justify-content:space-between}.calendar-label{min-width:auto}}.country-select{position:relative;width:100%}.country-select-trigger{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px;transition:border-color .2s ease}.country-select-trigger:hover{border-color:#007bff}.country-select-trigger:focus-within{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.country-select-value{color:#333;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-select-arrow{color:#666;font-size:12px;margin-left:8px;transition:transform .2s ease}.country-select.open .country-select-arrow{transform:rotate(180deg)}.country-select-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.country-select-search{background:#f8f9fa;border-bottom:1px solid #eee;padding:12px}.country-select-input{border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:100%}.country-select-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.country-select-options{max-height:200px;overflow-y:auto}.country-select-option{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:10px 12px;transition:background-color .2s ease}.country-select-option:last-child{border-bottom:none}.country-select-option:hover{background-color:#f8f9fa}.country-select-option.selected{background-color:#e3f2fd;color:#1976d2}.country-flag{font-size:16px;margin-right:8px;text-align:center;width:20px}.country-name{color:#333;flex:1 1;font-size:14px}.country-select-option.selected .country-name{color:#1976d2;font-weight:500}.country-select-no-results{color:#666;font-size:14px;font-style:italic;padding:20px 12px;text-align:center}.country-select-options::-webkit-scrollbar{width:6px}.country-select-options::-webkit-scrollbar-track{background:#f1f1f1}.country-select-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.country-select-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.country-select-dropdown{max-height:250px}.country-select-options{max-height:150px}.country-select-option{padding:12px}}.video-transcoding-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:1;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:10000}.video-transcoding-modal-overlay.closing{opacity:0}.video-transcoding-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;transform:scale(1);transition:transform .3s ease;width:90%}.video-transcoding-modal.closing{transform:scale(.9)}.video-transcoding-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.video-transcoding-modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.video-transcoding-modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s ease}.video-transcoding-modal-close:hover{background-color:#e5e7eb;color:#374151}.video-transcoding-modal-content{padding:24px}.video-transcoding-status{align-items:center;display:flex;margin-bottom:24px}.video-transcoding-icon{animation:pulse 2s infinite;font-size:2rem;margin-right:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.video-transcoding-text h4{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 4px}.video-transcoding-filename{color:#6b7280;font-size:.875rem;margin:0;word-break:break-all}.video-transcoding-progress{margin-bottom:24px}.video-transcoding-progress-bar{background-color:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.video-transcoding-progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.video-transcoding-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.video-transcoding-progress-text{color:#374151;font-size:.875rem;font-weight:600;text-align:center}.video-transcoding-success{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:24px;padding:16px}.video-transcoding-success p{color:#166534;font-size:.875rem;margin:0}.video-transcoding-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px;padding:16px}.video-transcoding-error p{color:#dc2626;font-size:.875rem;margin:0 0 8px}.video-transcoding-error p:last-child{margin-bottom:0}.video-transcoding-cancelled{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.video-transcoding-cancelled p{color:#6b7280;font-size:.875rem;margin:0}.video-transcoding-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.video-transcoding-cancel-btn,.video-transcoding-close-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.video-transcoding-cancel-btn{background-color:#ef4444;border-color:#ef4444;color:#fff}.video-transcoding-cancel-btn:hover{background-color:#dc2626;border-color:#dc2626}.video-transcoding-close-btn{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.video-transcoding-close-btn:hover{background-color:#2563eb;border-color:#2563eb}@media (max-width:640px){.video-transcoding-modal{margin:20px;width:95%}.video-transcoding-modal-content,.video-transcoding-modal-footer,.video-transcoding-modal-header{padding:16px}.video-transcoding-icon{font-size:1.5rem;margin-right:12px}.video-transcoding-text h4{font-size:1rem}}.color-select{position:relative;width:100%}.color-select-trigger{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;min-height:42px;padding:10px 15px;transition:all .3s ease}.color-select-trigger:hover{border-color:#667eea}.color-select.error .color-select-trigger{border-color:#e53e3e}.color-select-trigger .placeholder{color:#999;font-size:14px}.color-select-trigger .dropdown-arrow{color:#666;font-size:12px;transition:transform .3s ease}.color-select-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.color-option{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 15px;transition:background-color .2s ease}.color-option:hover{background-color:#f7fafc}.color-option.selected{background-color:#e3f2fd}.color-option .colour-circle{border:1px solid #ddd;border-radius:50%;flex-shrink:0;height:16px;width:16px}.color-option .colour-name{color:#333;flex:1 1;font-size:14px}.color-select-trigger .colour-display{align-items:center;display:flex;gap:8px}.color-select-trigger .colour-circle{border:1px solid #ddd;border-radius:50%;flex-shrink:0;height:16px;width:16px}.color-select-trigger .colour-name{color:#333;font-size:14px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Raleway,sans-serif;line-height:1.6}button,input,select,textarea{font-family:inherit}.App{min-height:100vh}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.fe776b16.css.map*/