.header{background-color:var(--secondary-color);border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:70px}.logo{text-decoration:none;color:var(--primary-color);font-weight:700;font-size:2rem;transition:all .3s ease;display:flex;align-items:center}.logo:hover{transform:scale(1.05)}.logo-image{height:70px;width:auto;transition:all .3s ease}.logo-text{font-family:Arial Black,Arial,sans-serif}.nav{display:flex;align-items:center;gap:2rem}.nav-link{text-decoration:none;color:var(--text-color);font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;background:none;border:none;cursor:pointer;font-size:1rem;position:relative}.nav-link:hover{color:var(--primary-color);background-color:#ffa5001a}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:.5rem}.arrow{font-size:.8rem;transition:transform .3s ease}.dropdown:hover .arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px #00000026;padding:.5rem 0;z-index:1001}.dropdown-item{display:block;padding:.75rem 1rem;color:var(--text-color);text-decoration:none;transition:background-color .3s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.9rem}.dropdown-item:hover{background-color:#ffa5001a;color:var(--primary-color)}.dropdown-item.coming-soon{position:relative;color:var(--text-lighter);cursor:not-allowed}.coming-soon-badge{background-color:var(--primary-color);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:12px;margin-left:.5rem}.dropdown-divider{height:1px;background-color:var(--border-color);margin:.5rem 0}.auth-section{display:flex;align-items:center}.auth-buttons{display:flex;gap:1rem;align-items:center}.btn{padding:.5rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease;cursor:pointer;border:2px solid transparent;font-size:.9rem}.btn-outline{color:var(--primary-color);border-color:var(--primary-color);background-color:transparent}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{background-color:#e69500;border-color:#e69500}.profile-dropdown{position:relative}.profile-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:background-color .3s ease}.profile-button:hover{background-color:#ffa5001a}.profile-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.profile-icon{font-size:1.2rem;margin-right:.3rem}.profile-name{color:var(--text-color);font-weight:500;font-size:.9rem}.profile-role{color:#666;font-size:.8rem;display:none}.profile-menu{right:0;left:auto;min-width:180px}.dropdown-item.logout{color:#dc3545}.dropdown-item.logout:hover{background-color:#dc35451a;color:#dc3545}@media (max-width: 768px){.header-container{padding:0 1rem}.nav{gap:1rem}.nav-link{font-size:.9rem;padding:.5rem .75rem}.logo-image{height:60px}}@media (max-width: 480px){.header-container{height:60px;padding:0 .5rem}.logo-image{height:50px}.nav{gap:.5rem}.nav-link{font-size:.8rem;padding:.4rem .6rem}}.footer{background-color:#fff;border-top:2px solid var(--border-color);margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-column{display:flex;flex-direction:column}.footer-title{color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:1rem;border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;display:inline-block}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-link{color:var(--text-light);text-decoration:none;transition:color .3s ease;font-size:.9rem}.footer-link:hover{color:var(--primary-color)}.app-download-buttons{display:flex;flex-direction:column;gap:.75rem}.app-button-wrapper{position:relative;display:inline-block}.app-store-button{display:flex;align-items:center;border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .2s ease;overflow:hidden;min-height:60px;width:180px;text-decoration:none;outline:none;border:1px solid rgba(255,255,255,.2);position:relative}.ios-button,.android-button{background:linear-gradient(135deg,#FFA500 0%,#FFB84D 100%);color:#fff}.app-store-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.app-button-icon{display:flex;align-items:center;justify-content:center;margin-right:12px;min-width:28px}.app-button-icon svg{width:28px;height:28px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.app-button-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;flex:1}.app-button-subtitle{font-size:10px;font-weight:400;opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.app-button-title{font-size:18px;font-weight:600;letter-spacing:-.5px;line-height:1}.tooltip{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#FFA500 0%,#FFB84D 100%);color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 10px 25px #0006,0 4px 10px #0000004d,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#333;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.app-button-wrapper:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}@media (max-width: 768px){.footer-container{padding:2rem 1rem 1.5rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.footer-title{font-size:1rem}.footer-link{font-size:.85rem}}@media (max-width: 480px){.footer-container{padding:1.5rem .5rem 1rem}.footer-content{grid-template-columns:1fr;gap:1rem}.footer-title{font-size:.95rem;margin-bottom:.75rem}.footer-link{font-size:.8rem}}.coming-soon-overlay,.coming-soon-app,.app-store-icon,.apple-logo,.play-logo,.app-store-content,.app-store-text,.app-store-subtitle,.app-store-title{display:none!important}.footer-bottom{border-top:1px solid var(--border-color);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-brand{display:flex;flex-direction:column}.footer-logo{text-decoration:none;margin-bottom:.5rem;display:inline-block;transition:all .3s ease}.footer-logo:hover{transform:scale(1.05)}.footer-logo-image{height:70px;width:auto;transition:all .3s ease}.footer-logo-text{color:var(--primary-color);font-size:1.5rem;font-weight:700;font-family:Arial Black,Arial,sans-serif}.footer-description{color:#666;font-size:.9rem;margin:0}.footer-social{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.footer-copyright{color:#666;font-size:.8rem;margin:0}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--border-color);text-decoration:none;font-size:1.2rem;transition:all .3s ease}.social-link:hover{background-color:var(--primary-color);transform:translateY(-2px)}.home{min-height:100vh;margin-left:0;width:100%;overflow-x:hidden}.home .container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.home .hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;background:#FFA500;overflow:hidden;width:100%;margin-left:0}.home .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/hero.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.3}.home .hero-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:800px;padding:2rem;width:100%}.home .hero-title{font-size:5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.home .hero-overlay{background-color:#ffffff1a;padding:2rem;border-radius:16px;margin:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.home .hero-subtitle{font-size:2rem;margin-bottom:1rem;color:#fff}.home .hero-description{font-size:1.3rem;margin-bottom:2rem;line-height:1.6;color:#ffffffe6}.home .cta-button{background-color:transparent!important;color:#fff!important;padding:1rem 2.5rem;border:2px solid white!important;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003!important}.home .cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background-color:#fff!important;color:var(--primary-color)!important}.home .cta-button.secondary{background-color:transparent;color:#fff;border:2px solid white}.home .cta-button.secondary:hover{background-color:#fff;color:var(--primary-color)}.home .why-choose{padding:5rem 0;background-color:#fff}.home .section-title{text-align:center;font-size:2.5rem;color:var(--text-color);margin-bottom:3rem;position:relative}.home .section-title:after{content:"";display:block;width:80px;height:4px;background-color:var(--primary-color);margin:1rem auto;border-radius:2px}.home .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.home .feature-card{background-color:#fff;padding:2.5rem 1.5rem;border-radius:16px;text-align:center;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;border:2px solid transparent}.home .feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026;border-color:var(--primary-color)}.home .card-icon{font-size:3rem;margin-bottom:1rem}.home .card-title{font-size:1.4rem;color:var(--text-color);margin-bottom:1rem;font-weight:600}.home .card-description{color:#666;line-height:1.6;font-size:1rem}.home .stats{padding:4rem 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.home .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.home .stat-item{text-align:center;padding:1.5rem}.home .stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.home .stat-label{font-size:1rem;color:#666;font-weight:500}.home .cta-section{padding:5rem 0;background:linear-gradient(135deg,var(--primary-color) 0%,#ffb347 100%);color:#fff}.home .cta-content{text-align:center;max-width:600px;margin:0 auto}.home .cta-title{font-size:2.2rem;margin-bottom:1.5rem;font-weight:600}.home .cta-description{font-size:1.1rem;margin-bottom:2rem;line-height:1.6;opacity:.9}@media (max-width: 768px){.home{overflow-x:hidden;width:100%}.home .container{max-width:100%;padding:0 1rem;margin:0;width:100%}.hero{min-height:100vh;padding:0;width:100%;margin:0}.hero-content{padding:2rem 1rem;max-width:100%;width:100%;margin:0}.hero-title{font-size:2.5rem;margin-bottom:1rem;line-height:1.2}.hero-overlay{margin:1rem 0;padding:1.5rem;border-radius:12px}.hero-subtitle{font-size:1.3rem;margin-bottom:1rem}.hero-description{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.5}.home .cta-button{padding:1rem 2rem;font-size:1.1rem;width:auto;display:inline-block}.features-grid,.why-choose-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.feature-card,.why-choose-card{padding:1.5rem;margin:0}.section-title{font-size:2rem;padding:0 1rem}.section-subtitle{font-size:1rem;padding:0 1rem}.why-choose,.features{padding:3rem 0}}@media (max-width: 480px){.home .container{padding:0 .75rem}.hero{min-height:100vh}.hero-content{padding:1.5rem .75rem}.hero-title{font-size:2rem;margin-bottom:.8rem;line-height:1.1}.hero-overlay{margin:1rem 0;padding:1.25rem}.hero-subtitle{font-size:1.1rem;margin-bottom:.8rem}.hero-description{font-size:1rem;margin-bottom:1.2rem;line-height:1.4}.home .cta-button{padding:.875rem 1.75rem;font-size:1rem;width:auto}.feature-card,.why-choose-card{padding:1.25rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:.95rem}}.booking-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.booking-modal{background:#FFFFFF;border-radius:var(--border-radius);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-medium);animation:slideIn .3s ease;position:relative}.booking-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color),#ff7a47);color:#fff;border-radius:var(--border-radius) var(--border-radius) 0 0}.booking-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.close-button:hover{background-color:#fff3}.booking-modal-content{padding:1.5rem}.service-summary{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--background-color);border-radius:var(--border-radius);margin-bottom:2rem;border:1px solid var(--border-color)}.service-icon{font-size:3rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:white;border-radius:var(--border-radius);box-shadow:var(--shadow-light)}.service-company{color:var(--text-muted);margin:0 0 .5rem;font-size:.9rem}.service-price{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.service-meta{display:flex;flex-direction:column;gap:.25rem}.service-duration{font-size:.85rem;color:var(--text-muted)}.pet-types{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.pet-icon{font-size:1rem}.booking-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{font-weight:600;color:var(--text-color);font-size:.95rem}.form-input,.form-textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:var(--transition);background-color:#fff}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f758151a}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.pets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.pet-option{cursor:pointer;display:block}.pet-option input[type=radio]{display:none}.pet-card{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);background-color:#fff;transition:var(--transition)}.pet-option:hover .pet-card{border-color:var(--primary-color);box-shadow:var(--shadow-light)}.pet-option.selected .pet-card{border-color:var(--primary-color);background-color:#f758150d;box-shadow:var(--shadow-light)}.pet-avatar{font-size:2rem;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--background-color);border-radius:50%}.pet-details{flex:1}.pet-name{font-weight:600;color:var(--text-color);margin-bottom:.25rem}.pet-info{font-size:.85rem;color:var(--text-muted)}.no-pets{text-align:center;padding:2rem;border:2px dashed var(--border-color);border-radius:var(--border-radius);color:var(--text-muted)}.add-pet-button{background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-top:1rem;transition:var(--transition)}.add-pet-button:hover{background-color:#e69500}.loading-pets{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic}.time-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.time-slot{cursor:pointer;display:block}.time-slot input[type=radio]{display:none}.time-slot{padding:.75rem .5rem;text-align:center;border:1px solid var(--border-color);border-radius:6px;background-color:#fff;transition:var(--transition);font-size:.9rem;font-weight:500}.time-slot:hover{border-color:var(--primary-color);background-color:#f758150d}.time-slot.selected{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.booking-summary{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;margin-top:1rem}.booking-summary h4{color:var(--text-color);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.summary-details{display:flex;flex-direction:column;gap:.75rem}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{font-weight:500;color:var(--text-muted)}.summary-price{font-weight:700;color:var(--primary-color);font-size:1.1rem}.error-message{background-color:#f8d7da;color:#721c24;padding:.75rem 1rem;border-radius:6px;border:1px solid #f5c6cb;font-size:.9rem}.success-message{background-color:#d4edda;color:#155724;padding:.75rem 1rem;border-radius:6px;border:1px solid #c3e6cb;font-size:.9rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.cancel-button{background-color:transparent;color:var(--text-muted);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:var(--transition)}.cancel-button:hover:not(:disabled){background-color:var(--background-color);border-color:var(--text-muted)}.book-button{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;cursor:pointer;font-weight:600;transition:var(--transition);font-size:1rem}.book-button:hover:not(:disabled){background-color:#e69500;transform:translateY(-1px);box-shadow:var(--shadow-light)}.book-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.booking-modal-overlay{padding:.5rem}.booking-modal{max-height:95vh}.booking-modal-content{padding:1rem}.service-summary{flex-direction:column;text-align:center;gap:1rem}.service-icon{width:60px;height:60px;font-size:2rem}.pets-grid{grid-template-columns:1fr}.time-slots{grid-template-columns:repeat(3,1fr)}.form-actions{flex-direction:column}.book-button,.cancel-button{width:100%}.summary-item{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (max-width: 480px){.booking-modal-header{padding:1rem}.booking-modal-header h2{font-size:1.25rem}.time-slots{grid-template-columns:repeat(2,1fr)}.service-summary{padding:.75rem}}@media (prefers-reduced-motion: reduce){.booking-modal-overlay,.booking-modal,.close-button,.pet-card,.time-slot,.book-button,.cancel-button{animation:none;transition:none}}.close-button:focus,.add-pet-button:focus,.book-button:focus,.cancel-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.pet-option:focus-within .pet-card,.time-slot:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.marketplace{min-height:100vh;background-color:#fff}.marketplace .search-header{background:linear-gradient(135deg,var(--primary-color) 0%,#FFB84D 100%);color:#fff;padding:3rem 0}.marketplace .page-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.marketplace .page-subtitle{font-size:1.2rem;text-align:center;margin-bottom:2rem;color:#fff;opacity:1}.marketplace .search-bar{display:flex;max-width:600px;margin:0 auto;background-color:#fff;border-radius:50px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.marketplace .search-input{flex:1;padding:1rem 1.5rem;border:none;font-size:1rem;outline:none}.marketplace .search-button{background-color:var(--primary-color);color:#fff;border:none;padding:1rem 1.5rem;cursor:pointer;transition:background-color .3s ease}.marketplace .search-button:hover{background-color:#e5940a}.marketplace .categories-section{padding:2rem 0;background-color:#fff}.marketplace .categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;max-width:800px;margin:0 auto}.marketplace .category-tab{display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:#fff;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:var(--text-color)}.marketplace .category-tab:hover{background-color:#ffa5001a;border-color:var(--primary-color)}.marketplace .category-tab.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.marketplace .category-emoji{font-size:1.5rem;margin-bottom:.5rem}.marketplace .category-name{font-size:.9rem;font-weight:500;text-align:center}.marketplace .marketplace-content{padding:2rem 0}.marketplace .marketplace-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem}.marketplace .filters-sidebar{background-color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;height:fit-content;position:sticky;top:100px}.marketplace .sidebar-title{color:var(--text-color);font-size:1.3rem;margin-bottom:1.5rem;border-bottom:2px solid var(--primary-color);padding-bottom:.5rem}.marketplace .filter-group{margin-bottom:2rem}.marketplace .filter-title{color:var(--text-color);font-size:1rem;margin-bottom:1rem;font-weight:600}.marketplace .filter-options{display:flex;flex-direction:column;gap:.5rem}.marketplace .filter-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#666}.marketplace .filter-option input{margin:0}.marketplace .filter-select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background-color:#fff}.marketplace .services-content{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.marketplace .services-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background-color:#f8f9fa}.marketplace .services-count{color:var(--text-color);font-size:1.2rem;margin:0}.marketplace .services-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:1.5rem}.marketplace .service-card{background-color:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;cursor:pointer}.marketplace .service-image{position:relative;width:60px;height:60px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:#ffa5001a;overflow:hidden}.marketplace .company-logo{width:100%;height:100%;object-fit:cover;border-radius:8px}.marketplace .service-icon{font-size:2rem;color:var(--primary-color)}.marketplace .service-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.marketplace .service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.marketplace .service-info{flex:1}.marketplace .service-title{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.marketplace .service-company{color:#666;font-size:.9rem;margin-bottom:.5rem}.marketplace .service-description{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.marketplace .service-details{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.marketplace .service-price{color:var(--primary-color);font-size:1.3rem;font-weight:600}.marketplace .service-rating{display:flex;align-items:center;gap:.3rem;color:#666;font-size:.9rem}.marketplace .book-button{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.marketplace .book-button:hover{background-color:#e5940a;transform:translateY(-1px)}.marketplace .pet-types{display:flex;gap:.5rem;margin-top:.5rem}.marketplace .pet-type-badge{background-color:#ffa5001a;color:var(--primary-color);padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.marketplace .loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem}.marketplace .loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.marketplace .error-message{max-width:400px}.marketplace .error-icon{font-size:3rem;margin-bottom:1rem}.marketplace .retry-button{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem;transition:background-color .3s ease}.marketplace .retry-button:hover{background-color:#e5940a}@media (max-width: 768px){.search-header{padding:2rem 0}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.search-bar{flex-direction:column;border-radius:12px;max-width:100%}.search-input{border-radius:12px 12px 0 0}.search-button{border-radius:0 0 12px 12px;padding:.8rem}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.category-tab{padding:.8rem}.marketplace-layout{grid-template-columns:1fr;gap:1.5rem}.filters-sidebar{position:static;order:2}.services-content{order:1}.services-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.service-card{padding:1.5rem}.service-title{font-size:1.1rem}.service-description{font-size:.9rem}}@media (max-width: 480px){.container{padding:0 1rem}.search-header{padding:1.5rem 0}.page-title{font-size:1.8rem}.page-subtitle{font-size:.9rem}.search-bar{margin:0}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.category-tab{padding:.6rem}.category-emoji{font-size:1.2rem}.category-name{font-size:.8rem}.service-card{padding:1.2rem}.service-header{flex-direction:column;align-items:flex-start}.service-details{flex-direction:column;align-items:flex-start;gap:1rem}.service-price{font-size:1.1rem}.book-button{padding:.6rem 1.2rem;font-size:.9rem;width:100%}}.pricing{min-height:100vh}.pricing .pricing-hero{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,#FFB84D 100%);color:#fff;overflow:hidden}.pricing .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/hero.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.3}.pricing .hero-content{position:relative;z-index:2;text-align:center;max-width:600px;padding:2rem}.pricing .hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.pricing .hero-subtitle{font-size:1.3rem;margin-bottom:1rem;opacity:.9}.pricing .hero-description{font-size:1.1rem;opacity:.8}.pricing .pricing-content{padding:4rem 0;background-color:#f8f9fa}.pricing .billing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.pricing .toggle-label{font-size:1.1rem;font-weight:500;color:#666;transition:color .3s ease}.pricing .toggle-label.active{color:var(--primary-color);font-weight:600}.pricing .toggle-button{width:60px;height:30px;background-color:#ddd;border-radius:15px;border:none;cursor:pointer;position:relative;transition:background-color .3s ease}.pricing .toggle-button:hover{background-color:#ccc}.pricing .toggle-slider{width:26px;height:26px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.pricing .toggle-slider.yearly{transform:translate(30px)}.pricing .savings-badge{background-color:var(--primary-color);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:10px;margin-left:.5rem}.pricing .plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.pricing .plan-card{background-color:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;position:relative;border:2px solid transparent}.pricing .plan-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.pricing .plan-card.recommended{border-color:var(--primary-color);transform:scale(1.05)}.pricing .plan-card.recommended:hover{transform:scale(1.05) translateY(-5px)}.pricing .recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--primary-color);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600}.pricing .plan-header{text-align:center;margin-bottom:2rem}.pricing .plan-name{font-size:1.5rem;color:var(--text-color);margin-bottom:.5rem;font-weight:600}.pricing .plan-description{color:#666;font-size:1rem;margin-bottom:1.5rem}.pricing .plan-price{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.pricing .yearly-price{display:block}.pricing .savings{display:block;font-size:.9rem;color:#28a745;font-weight:500;margin-top:.25rem}.pricing .plan-limits{color:#666;font-size:.9rem}.pricing .plan-features{margin-bottom:2rem}.pricing .features-title{color:var(--text-color);font-size:1rem;margin-bottom:1rem;font-weight:600}.pricing .features-list{list-style:none;padding:0}.pricing .feature-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;color:#666}.pricing .feature-check{color:#28a745;font-weight:700;font-size:1rem}.pricing .plan-actions{display:flex;flex-direction:column;gap:1rem}.pricing .trial-button{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.pricing .trial-button:hover{background-color:var(--primary-color);color:#fff}.pricing .subscribe-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.pricing .subscribe-button.primary{background-color:var(--primary-color);color:#fff}.pricing .subscribe-button.primary:hover{background-color:#e69500}.pricing .subscribe-button.secondary{background-color:#f8f9fa;color:var(--text-color);border:1px solid var(--border-color)}.pricing .subscribe-button.secondary:hover{background-color:#e9ecef}.pricing .features-comparison{background-color:#fff;padding:3rem;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:4rem}.pricing .comparison-title{text-align:center;color:var(--text-color);font-size:2rem;margin-bottom:2rem}.pricing .comparison-table{overflow-x:auto}.pricing .comparison-table table{width:100%;border-collapse:collapse}.pricing .comparison-table th,.pricing .comparison-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.pricing .comparison-table th{background-color:#f8f9fa;color:var(--text-color);font-weight:600}.pricing .comparison-table td{color:#666}.pricing .faq-section{margin-bottom:4rem}.pricing .faq-title{text-align:center;color:var(--text-color);font-size:2rem;margin-bottom:2rem}.pricing .faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.pricing .faq-item{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a}.pricing .faq-question{color:var(--text-color);font-size:1.1rem;margin-bottom:1rem;font-weight:600}.pricing .faq-answer{color:#666;line-height:1.6;margin:0}.pricing .pricing-cta{text-align:center;background:linear-gradient(135deg,var(--primary-color) 0%,#ffb347 100%);color:#fff;padding:3rem;border-radius:16px;box-shadow:0 4px 20px #0000001a}.pricing .cta-title{font-size:2rem;margin-bottom:1rem;font-weight:600}.pricing .cta-description{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.pricing .cta-button{background-color:#fff;color:var(--primary-color);padding:1rem 2.5rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.pricing .cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@media (max-width: 768px){.pricing-hero{min-height:40vh;padding:2rem 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.plans-grid{grid-template-columns:1fr;gap:1.5rem}.plan-card.recommended{transform:none}.plan-card.recommended:hover{transform:translateY(-5px)}.comparison-table{font-size:.9rem}.features-comparison{padding:2rem 1rem}.faq-grid{grid-template-columns:1fr}.pricing-cta{padding:2rem}.cta-title{font-size:1.5rem}}.zootel-app-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.zootel-app-page .app-hero{padding:80px 0 120px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;position:relative;overflow:hidden}.zootel-app-page .app-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="white" opacity="0.1"><polygon points="1000,100 1000,0 0,0"/></svg>');background-size:cover}.zootel-app-page .hero-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.zootel-app-page .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.zootel-app-page .hero-text{max-width:600px}.zootel-app-page .hero-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;line-height:1.2;background:linear-gradient(45deg,#ffffff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.zootel-app-page .hero-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#e8f4fd;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.zootel-app-page .hero-description{font-size:1.1rem;line-height:1.7;margin-bottom:40px;color:#d1e7dd;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.waitlist-form{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.form-inputs{display:flex;flex-direction:column;gap:15px}.email-input,.phone-input{padding:15px 20px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:rgba(255,255,255,.9);font-size:1rem;color:#333;transition:all .3s ease}.email-input:focus,.phone-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;transform:translateY(-2px)}.join-waitlist-btn{padding:16px 32px;background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #ff6b6b66}.join-waitlist-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #ff6b6b99;background:linear-gradient(45deg,#ee5a24,#ff6b6b)}.join-waitlist-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#ff6b6b;background:rgba(255,107,107,.1);padding:10px 15px;border-radius:8px;border-left:4px solid #ff6b6b;margin-top:10px;font-weight:500}.hero-image{display:flex;justify-content:center;align-items:center}.phone-mockup{width:300px;height:600px;background:linear-gradient(145deg,#2c3e50,#34495e);border-radius:40px;padding:20px;box-shadow:0 25px 50px #0000004d,inset 0 1px #ffffff1a;position:relative;transform:rotate(-5deg);transition:transform .3s ease}.phone-mockup:hover{transform:rotate(0) scale(1.05)}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#f8f9fa 0%,#e9ecef 100%);border-radius:30px;overflow:hidden;box-shadow:inset 0 2px 10px #0000001a}.app-preview{padding:20px;height:100%}.app-header{display:flex;align-items:center;gap:12px;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.app-logo{font-size:2rem;background:linear-gradient(45deg,#667eea,#764ba2);padding:8px;border-radius:12px;color:#fff}.app-header h3{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.service-card{display:flex;align-items:center;gap:15px;background:white;padding:20px;border-radius:16px;margin-bottom:15px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.service-card:hover{transform:translateY(-3px)}.service-icon{font-size:2rem;background:linear-gradient(45deg,#ff6b6b,#ee5a24);width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.service-info h4{margin:0 0 5px;font-size:1.1rem;font-weight:600;color:#2c3e50}.service-info p{margin:0;color:#6c757d;font-weight:500}.zootel-app-page .features-section{padding:100px 0;background:white;position:relative}.zootel-app-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.zootel-app-page .section-title{text-align:center;font-size:3rem;font-weight:800;margin-bottom:20px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.zootel-app-page .section-subtitle{text-align:center;font-size:1.3rem;color:#6c757d;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.zootel-app-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.zootel-app-page .feature-card{background:white;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 10px 40px #0000001a;transition:all .3s ease;border:1px solid #f1f3f4}.zootel-app-page .feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #667eea33;border-color:#667eea}.zootel-app-page .feature-icon{font-size:3rem;background:linear-gradient(45deg,#667eea,#764ba2);width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;box-shadow:0 8px 25px #667eea4d}.zootel-app-page .feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#2c3e50}.zootel-app-page .feature-card p{color:#6c757d;line-height:1.6;font-size:1rem}.zootel-app-page .app-store-section{padding:100px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.zootel-app-page .app-store-buttons{display:flex;justify-content:center;gap:30px;margin-top:40px}.zootel-app-page .app-store-button{display:flex;align-items:center;gap:15px;background:#000;color:#fff;padding:15px 25px;border-radius:12px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;min-width:200px}.zootel-app-page .app-store-button.disabled{background:#6c757d;cursor:not-allowed}.zootel-app-page .app-store-button:hover:not(.disabled){background:#333;transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.zootel-app-page .app-button-icon svg{width:40px;height:40px}.zootel-app-page .app-button-subtitle{font-size:.9rem;opacity:.8}.zootel-app-page .app-button-title{font-size:1.3rem;font-weight:600}.zootel-app-page .coming-soon-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,107,107,.9);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.success-modal{background:white;border-radius:20px;padding:40px;max-width:500px;width:90%;text-align:center;box-shadow:0 25px 50px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{margin-bottom:20px}.success-icon{font-size:4rem;margin-bottom:15px}.success-modal h3{font-size:2rem;font-weight:700;color:#2c3e50;margin:0}.modal-content p{color:#6c757d;line-height:1.6;margin:10px 0;font-size:1.1rem}.close-modal-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.close-modal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}@media (max-width: 768px){.zootel-app-page .hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.zootel-app-page .hero-title{font-size:2.5rem}.zootel-app-page .phone-mockup{width:250px;height:500px;transform:none}.zootel-app-page .features-grid{grid-template-columns:1fr}.zootel-app-page .app-store-buttons{flex-direction:column;align-items:center}.zootel-app-page .form-inputs{gap:12px}.zootel-app-page .waitlist-form{padding:20px}}@media (max-width: 480px){.zootel-app-page .hero-title{font-size:2rem}.zootel-app-page .section-title{font-size:2.2rem}.zootel-app-page .feature-card{padding:25px 20px}.zootel-app-page .phone-mockup{width:200px;height:400px}.zootel-app-page .success-modal{padding:30px 20px}}.zootel-business-page{background-color:#f8f9fa;min-height:100vh}.zootel-business-page .business-hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4rem 0}.zootel-business-page .hero-container{max-width:1200px;margin:0 auto;padding:0 2rem}.zootel-business-page .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.zootel-business-page .hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.zootel-business-page .hero-subtitle{font-size:1.5rem;margin-bottom:1.5rem;color:#ffffffe6}.zootel-business-page .hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;color:#fffc}.zootel-business-page .cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.zootel-business-page .cta-btn{padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-block}.zootel-business-page .cta-btn.primary{background-color:#ff6b35;color:#fff}.zootel-business-page .cta-btn.primary:hover{background-color:#e55a2b;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3566}.zootel-business-page .cta-btn.secondary{background-color:transparent;color:#fff;border:2px solid white}.zootel-business-page .cta-btn.secondary:hover{background-color:#fff;color:#667eea}.zootel-business-page .hero-visual{display:flex;justify-content:center;align-items:center}.zootel-business-page .dashboard-mockup{width:100%;max-width:500px;background:white;border-radius:12px;box-shadow:0 20px 40px #0003;overflow:hidden}.zootel-business-page .mockup-header{background:linear-gradient(90deg,#4F46E5,#06B6D4);color:#fff;padding:1rem;display:flex;align-items:center;gap:1rem}.zootel-business-page .header-controls{display:flex;gap:.5rem}.zootel-business-page .control{width:12px;height:12px;border-radius:50%}.zootel-business-page .control.red{background-color:#ff5f56}.zootel-business-page .control.yellow{background-color:#ffbd2e}.zootel-business-page .control.green{background-color:#27ca3f}.zootel-business-page .header-title{font-weight:600;font-size:.9rem}.zootel-business-page .mockup-content{display:flex;height:300px}.zootel-business-page .sidebar{width:150px;background-color:#f8f9fa;padding:1rem 0;border-right:1px solid #dee2e6}.zootel-business-page .nav-item{padding:.75rem 1rem;color:#666;font-size:.8rem;cursor:pointer;transition:all .3s ease}.zootel-business-page .nav-item:hover,.zootel-business-page .nav-item.active{background-color:#e9ecef;color:#333}.zootel-business-page .main-content{flex:1;padding:1.5rem}.zootel-business-page .stat-cards{display:flex;gap:1rem}.zootel-business-page .stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;border-radius:8px;flex:1;text-align:center}.zootel-business-page .stat-number{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.zootel-business-page .stat-label{font-size:.7rem;opacity:.9}.zootel-business-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.zootel-business-page .section-title{text-align:center;font-size:2.5rem;color:#333;margin-bottom:1rem}.zootel-business-page .section-subtitle{text-align:center;font-size:1.2rem;color:#666;margin-bottom:3rem}.zootel-business-page .audiences-section{padding:5rem 0;background-color:#fff}.zootel-business-page .audiences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:3rem;margin-top:3rem}.zootel-business-page .audience-card{background:white;border:2px solid #e9ecef;border-radius:16px;padding:2.5rem;transition:all .3s ease}.zootel-business-page .audience-card:hover{border-color:#4f46e5;box-shadow:0 8px 30px #4f46e51a;transform:translateY(-5px)}.zootel-business-page .audience-icon{font-size:3rem;margin-bottom:1.5rem}.zootel-business-page .audience-card h3{font-size:1.5rem;color:#333;margin-bottom:1rem}.zootel-business-page .audience-description{color:#666;line-height:1.6;margin-bottom:2rem}.zootel-business-page .features-list h4{color:#333;margin-bottom:1rem;font-size:1.1rem}.zootel-business-page .features-list ul{list-style:none;padding:0}.zootel-business-page .features-list li{padding:.5rem 0;color:#555;line-height:1.5}.zootel-business-page .employee-features-section{padding:5rem 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.zootel-business-page .section-header{text-align:center;margin-bottom:4rem}.zootel-business-page .employee-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.zootel-business-page .feature-item{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.zootel-business-page .feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.zootel-business-page .feature-icon{font-size:3rem;margin-bottom:1.5rem}.zootel-business-page .feature-item h3{font-size:1.3rem;color:#333;margin-bottom:1rem}.zootel-business-page .feature-item p{color:#666;line-height:1.6}.zootel-business-page .benefits-section{padding:5rem 0;background-color:#fff}.zootel-business-page .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.zootel-business-page .benefit-card{text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:16px;transition:transform .3s ease}.zootel-business-page .benefit-card:hover{transform:translateY(-8px)}.zootel-business-page .benefit-icon{font-size:3rem;margin-bottom:1.5rem}.zootel-business-page .benefit-card h3{font-size:1.4rem;margin-bottom:1rem}.zootel-business-page .benefit-card p{line-height:1.6;opacity:.9}.zootel-business-page .coming-soon-banner{background:linear-gradient(135deg,#FF6B35 0%,#F7931E 100%);color:#fff;padding:4rem 0;text-align:center}.zootel-business-page .banner-content h2{font-size:2.5rem;margin-bottom:1rem}.zootel-business-page .banner-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.zootel-business-page .banner-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.zootel-business-page .banner-btn{padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease}.zootel-business-page .banner-btn.primary{background-color:#fff;color:#ff6b35}.zootel-business-page .banner-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.zootel-business-page .banner-btn.secondary{background-color:transparent;color:#fff;border:2px solid white}.zootel-business-page .banner-btn.secondary:hover{background-color:#ffffff1a}.zootel-business-page .banner-note{max-width:800px;margin:0 auto;padding:1.5rem;background-color:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.zootel-business-page .banner-note p{margin:0;font-size:.9rem;line-height:1.5;opacity:.9}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:2.5rem}.audiences-grid{grid-template-columns:1fr}.cta-buttons,.banner-actions{flex-direction:column;align-items:center}.mockup-content{height:250px}.sidebar{width:120px}.nav-item{font-size:.7rem;padding:.5rem .75rem}.stat-cards{flex-direction:column}}@media (max-width: 480px){.hero-title,.section-title{font-size:2rem}.audience-card,.feature-item{padding:1.5rem}.mockup-content{flex-direction:column;height:auto}.sidebar{width:100%;display:flex;overflow-x:auto;border-right:none;border-bottom:1px solid #dee2e6}.nav-item{white-space:nowrap;flex-shrink:0}}.about-page{min-height:60vh;background-color:#fff;padding:4rem 0}.about-content{text-align:center;max-width:800px;margin:0 auto}.page-description{font-size:1rem;line-height:1.6;color:orange;opacity:.7}@media (max-width: 768px){.about-page{padding:2rem 0}.page-title{font-size:2rem;margin-bottom:1.5rem}.page-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.page-description{font-size:.95rem}}@media (max-width: 480px){.about-page{padding:1.5rem 0}.page-title{font-size:1.8rem;margin-bottom:1rem}.page-subtitle{font-size:1rem;margin-bottom:1rem}.page-description{font-size:.9rem}}.contact-page{min-height:60vh;background-color:#fff;padding:4rem 0}.contact-content{text-align:center;max-width:800px;margin:0 auto}.contact-info{text-align:left;font-size:1.1rem;line-height:1.8;max-width:500px;margin:0 auto}.contact-item{color:orange;margin-bottom:1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,165,0,.1)}.contact-item strong{color:orange;opacity:1}@media (max-width: 768px){.contact-page{padding:2rem 0}.page-title{font-size:2rem;margin-bottom:1.5rem}.contact-info{font-size:1rem;text-align:center}}@media (max-width: 480px){.contact-page{padding:1.5rem 0}.page-title{font-size:1.8rem;margin-bottom:1rem}.contact-info{font-size:.95rem}.contact-item{margin-bottom:.8rem}}.support-page{min-height:60vh;background-color:#fff;padding:4rem 0}.support-content{text-align:center;max-width:800px;margin:0 auto}.page-title{color:orange;font-size:2.5rem;font-weight:700;margin-bottom:2rem}.page-subtitle{font-size:1.2rem;line-height:1.6;color:orange;margin-bottom:2rem;opacity:.8}.support-topics{text-align:left;font-size:1rem;line-height:1.6;max-width:500px;margin:0 auto}.topics-title{color:orange;font-size:1.3rem;margin-bottom:1rem;font-weight:700}.topics-list{color:orange;opacity:.8;padding-left:1.5rem}.topics-list li{margin-bottom:.5rem;padding:.25rem 0}@media (max-width: 768px){.support-page{padding:2rem 0}.page-title{font-size:2rem;margin-bottom:1.5rem}.page-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.support-topics{text-align:center;font-size:.95rem}}@media (max-width: 480px){.support-page{padding:1.5rem 0}.page-title{font-size:1.8rem;margin-bottom:1rem}.page-subtitle{font-size:1rem;margin-bottom:1rem}.topics-title{font-size:1.1rem}.topics-list{font-size:.9rem;padding-left:1rem}}.company-dashboard{display:flex;min-height:100vh;background-color:#fff;width:100%}.dashboard-container{display:flex;width:100%;min-height:100vh}.main-content{flex:1;background-color:#fff;margin-left:0}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#FFFFFF;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000001a;border:3px solid #e3e3e3;border-top:3px solid var(--orange-color, #FFA500);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#FFA500 0%,#FFB84D 100%)}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f8f9fa}.loading-spinner{width:50px;height:50px;border:3px solid #e3e3e3;border-top:3px solid var(--orange-color, #FFA500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.dashboard-sidebar{background:linear-gradient(135deg,#ff6b35 0%,#ff8c42 50%,#ffa726 100%);box-shadow:2px 0 20px #ff6b354d;transition:all .3s ease;display:flex;flex-direction:column;z-index:100;border-right:1px solid rgba(255,255,255,.2);flex-shrink:0}.dashboard-sidebar.open{width:280px;min-width:280px;max-width:280px}.dashboard-sidebar.closed{width:80px;min-width:80px;max-width:80px}.sidebar-logo-image{height:70px;width:auto;transition:all .3s ease}.logo-icon{font-size:1.5rem;color:var(--orange-color, #FFA500)}.sidebar-toggle{background:none;border:none;font-size:1.25rem;color:#fff;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.sidebar-toggle:hover{background-color:#fff3;color:#fff;transform:scale(1.1)}.company-dashboard .sidebar-user{padding:.75rem .5rem;border-bottom:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:90px;max-height:90px}.company-dashboard .sidebar-user .user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.1));border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.company-dashboard .company-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.company-dashboard .user-info{display:none}.company-dashboard .user-name{font-weight:600;color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.3);max-width:100%;padding:0 .5rem}.company-dashboard .sidebar-subscription{width:100%;padding:0 .25rem}.company-dashboard .sidebar-subscription .subscription-status{background-color:#ffffff26;border:1px solid rgba(255,255,255,.2);padding:.3rem .4rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-sizing:border-box;min-height:30px;display:flex;flex-direction:column;align-items:center;gap:.2rem}.company-dashboard .sidebar-subscription .status-indicator{display:flex;align-items:center;justify-content:center;gap:.3rem;width:100%}.company-dashboard .sidebar-subscription .status-dot{width:5px;height:5px;border-radius:50%;background-color:#4caf50;flex-shrink:0}.company-dashboard .sidebar-subscription .status-text{font-size:.65rem;color:#fff;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.3);max-width:calc(100% - 12px)}.company-dashboard .sidebar-subscription .status-action-btn{font-size:.55rem;padding:.15rem .3rem;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:5px;cursor:pointer;transition:all .2s ease;width:100%;max-width:80px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-dashboard .sidebar-subscription .status-action-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}.sidebar-footer{padding:1rem;border-top:1px solid #e9ecef}.logout-btn{display:flex;align-items:center;gap:1rem;padding:.875rem;background:none;border:none;border-radius:8px;color:#dc3545;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.logout-btn:hover{background-color:#f8d7da}.dashboard-header{background:#FFFFFF;border-bottom:1px solid #e9ecef;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;min-height:80px;box-sizing:border-box}.page-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.header-btn{position:relative;background:none;border:none;padding:.5rem;border-radius:8px;color:#6c757d;cursor:pointer;transition:all .2s ease;font-size:1.1rem}.header-btn:hover{background-color:#f8f9fa;color:var(--orange-color, #FFA500)}.notification-badge{position:absolute;top:.25rem;right:.25rem;background-color:#dc3545;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .4rem;border-radius:10px;min-width:18px;text-align:center}.user-menu-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.5rem;border-radius:8px;color:#6c757d;cursor:pointer;transition:all .2s ease}.user-menu-btn:hover{background-color:#f8f9fa}@media (max-width: 768px){.dashboard-sidebar.open{position:fixed;height:100vh;z-index:1000}.dashboard-sidebar.closed{transform:translate(-100%);width:280px}.dashboard-main{width:100%}.dashboard-header,.dashboard-content{padding:1rem}.page-title{font-size:1.25rem}}@media (max-width: 480px){.dashboard-content{padding:.75rem}.header-actions{gap:.25rem}.user-info{display:none}.company-dashboard .sidebar-user{justify-content:center;padding:.75rem .5rem;min-height:80px}.company-dashboard .sidebar-user .user-avatar{width:35px;height:35px;font-size:.8rem}}.access-required{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.access-required-content{text-align:center;max-width:500px;padding:3rem 2rem;background:white;border-radius:16px;box-shadow:0 4px 20px #0000001a;border:2px solid #e9ecef}.access-icon{font-size:4rem;margin-bottom:1.5rem;color:#dc3545}.access-required-content h2{color:#2c3e50;margin-bottom:1rem;font-size:1.5rem}.access-required-content p{color:#6c757d;margin-bottom:1rem;line-height:1.6}.access-actions{margin-top:2rem}.start-trial-btn{background:linear-gradient(135deg,var(--orange-color, #FFA500),#ff8c00);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffa5004d}.start-trial-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffa50066}.dashboard-content::-webkit-scrollbar-thumb:hover{background:var(--orange-color, #FFA500)}@media (max-width: 1200px){.company-dashboard .sidebar-user{padding:.75rem .5rem;min-height:90px;max-height:90px;gap:.5rem}.company-dashboard .sidebar-user .user-avatar{width:40px;height:40px;font-size:.9rem}.company-dashboard .user-name{font-size:.8rem}.company-dashboard .sidebar-subscription .status-text{font-size:.65rem}.company-dashboard .sidebar-subscription .status-action-btn{font-size:.55rem;padding:.15rem .3rem}}@media (max-width: 768px){.company-dashboard .sidebar-user{justify-content:center;padding:.75rem .5rem;min-height:80px;max-height:80px}.company-dashboard .sidebar-user .user-avatar{width:35px;height:35px;font-size:.8rem}}.dashboard-main{flex:1;min-width:0;background-color:#fff;display:flex;flex-direction:column;width:calc(100% - 280px)}@media (max-width: 1400px){.dashboard-sidebar.open{width:260px;min-width:260px;max-width:260px}.dashboard-main{width:calc(100% - 260px)}.dashboard-content{padding:1.5rem}}@media (max-width: 1200px){.dashboard-sidebar.open{width:240px;min-width:240px;max-width:240px}.dashboard-main{width:calc(100% - 240px)}.dashboard-header{padding:1rem 1.5rem}.dashboard-content{padding:1.25rem}}@media (max-width: 768px){.dashboard-sidebar.open{width:220px;min-width:220px;max-width:220px}.dashboard-main{width:calc(100% - 220px)}.dashboard-header{padding:.75rem 1rem}.dashboard-content{padding:1rem}}.company-dashboard .dashboard-sidebar.closed+.dashboard-main{width:calc(100% - 80px)}.mobile-sidebar-toggle{display:none;background:none;border:none;font-size:1.25rem;color:var(--orange-color, #FFA500);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;margin-right:1rem}.mobile-sidebar-toggle:hover{background-color:#f5f5f5;color:var(--orange-color, #FFA500)}.content-container{max-width:1200px;margin:0 auto;padding:0;width:100%}.dashboard-content{flex:1;padding:2rem;overflow-y:auto;min-height:calc(100vh - 80px);background-color:#fff}@media (max-width: 768px){.company-dashboard{flex-direction:column;position:relative;overflow-x:hidden}.dashboard-sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:1000;transform:translate(-100%);transition:transform .3s ease;border-right:none;box-shadow:2px 0 20px #0000004d}.dashboard-sidebar.open{transform:translate(0)}.dashboard-sidebar.closed{transform:translate(-100%)}.dashboard-main{width:100%;margin-left:0;min-height:100vh;display:flex;flex-direction:column}.dashboard-header{padding:1rem;position:sticky;top:0;z-index:100;background:white;box-shadow:0 2px 4px #0000001a;border-bottom:1px solid #e9ecef;min-height:60px}.header-left{display:flex;align-items:center;gap:1rem}.mobile-sidebar-toggle{display:flex!important;align-items:center;justify-content:center;background:none;border:none;font-size:1.5rem;color:var(--orange-color, #FFA500);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;margin-right:.5rem;flex-shrink:0}.mobile-sidebar-toggle:hover{background-color:#f5f5f5;color:var(--orange-color, #FFA500)}.page-title{font-size:1.1rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:.5rem}.header-actions{display:flex;gap:.25rem}.header-btn{padding:.5rem;font-size:.9rem;min-width:36px;height:36px}.user-menu-btn{padding:.25rem;min-width:auto}.user-avatar.small{width:32px;height:32px;font-size:.8rem}.dashboard-content{flex:1;padding:1rem;overflow-y:auto;background-color:#f8f9fa;min-height:calc(100vh - 60px)}.content-container{max-width:100%;padding:0;margin:0}.stats-cards{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.stat-card{padding:1.5rem;border-radius:12px;margin:0}.stat-card h3{font-size:1rem;margin-bottom:.5rem}.stat-card .stat-number{font-size:1.5rem;margin-bottom:.25rem}.stat-card .stat-change{font-size:.8rem}.company-dashboard:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.company-dashboard.sidebar-open:before{opacity:1;visibility:visible;pointer-events:auto}.nav-item{padding:1rem;margin:0 .5rem;font-size:.9rem;border-radius:8px}.nav-icon{font-size:1.2rem;flex-shrink:0}.nav-text{font-size:.9rem}.company-dashboard .sidebar-user{padding:1rem .75rem;min-height:80px;max-height:80px}.company-dashboard .sidebar-user .user-avatar{width:36px;height:36px;font-size:.8rem}.company-dashboard .user-name{font-size:.8rem;padding:0 .25rem}.company-dashboard .sidebar-subscription .subscription-status{padding:.25rem .35rem;min-height:26px}.company-dashboard .sidebar-subscription .status-text{font-size:.6rem}.company-dashboard .sidebar-subscription .status-action-btn{font-size:.5rem;padding:.1rem .25rem;max-width:70px}.form-group{margin-bottom:1rem}.form-control{padding:.75rem;font-size:1rem;border-radius:8px}.btn{padding:.75rem 1.5rem;font-size:.9rem;border-radius:8px}.table-responsive{overflow-x:auto;margin-bottom:1rem}.table{font-size:.85rem;min-width:600px}.table th,.table td{padding:.5rem;white-space:nowrap}.modal-content{margin:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.modal-header,.modal-body{padding:1rem}.modal-footer{padding:1rem;gap:.5rem}}@media (max-width: 480px){.dashboard-header{padding:.75rem;min-height:56px}.mobile-sidebar-toggle{font-size:1.25rem;padding:.4rem;margin-right:.4rem}.page-title{font-size:1rem}.header-actions{gap:.2rem}.header-btn{padding:.4rem;font-size:.8rem;min-width:32px;height:32px}.user-avatar.small{width:28px;height:28px;font-size:.7rem}.dashboard-content{padding:.75rem;min-height:calc(100vh - 56px)}.stat-card{padding:1rem}.stat-card h3{font-size:.9rem}.stat-card .stat-number{font-size:1.3rem}.nav-item{padding:.875rem;font-size:.85rem}.nav-icon{font-size:1.1rem}.company-dashboard .sidebar-user{padding:.75rem .5rem;min-height:70px;max-height:70px}.company-dashboard .sidebar-user .user-avatar{width:32px;height:32px;font-size:.75rem}.company-dashboard .user-name{font-size:.75rem}}@media (min-width: 769px) and (max-width: 1024px){.mobile-sidebar-toggle{display:none}.dashboard-sidebar.open{width:240px;min-width:240px;max-width:240px}.dashboard-sidebar.closed{width:80px;min-width:80px;max-width:80px}.dashboard-main{width:calc(100% - 240px)}.dashboard-content{padding:1.5rem}.content-container{max-width:100%;padding:0}.stats-cards{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-card{padding:1.75rem}}@media (min-width: 1400px){.content-container{max-width:1400px;margin:0 auto}.stats-cards{grid-template-columns:repeat(4,1fr);gap:2rem}.stat-card,.dashboard-content{padding:2.5rem}}@media (min-width: 1025px) and (max-width: 1399px){.mobile-sidebar-toggle{display:none}.dashboard-sidebar.open{width:280px;min-width:280px;max-width:280px}.dashboard-sidebar.closed{width:80px;min-width:80px;max-width:80px}.stats-cards{grid-template-columns:repeat(3,1fr);gap:1.5rem}.content-container{max-width:1200px;margin:0 auto}}.feature-gate{display:flex;align-items:center;justify-content:center;padding:2rem;min-height:200px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--border-radius);border:2px dashed var(--border-color)}.access-denied{text-align:center;max-width:400px;padding:2rem;background:white;border-radius:var(--border-radius);box-shadow:var(--shadow-light);border:1px solid var(--error-color)}.access-icon{font-size:3rem;margin-bottom:1rem;color:var(--error-color)}.access-denied h3{color:var(--text-color);margin-bottom:1rem;font-size:1.3rem}.access-denied p{color:var(--text-muted);margin-bottom:2rem;line-height:1.5}.feature-locked{text-align:center;max-width:400px;padding:2rem;background:white;border-radius:var(--border-radius);box-shadow:var(--shadow-light);border:1px solid var(--warning-color)}.lock-icon{font-size:3rem;margin-bottom:1rem;color:var(--warning-color)}.feature-locked h3{color:var(--text-color);margin-bottom:1rem;font-size:1.3rem}.feature-locked p{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.current-plan{background-color:var(--background-color);padding:.75rem 1rem;border-radius:8px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.plan-label{font-size:.9rem;color:var(--text-muted);font-weight:500}.plan-name{font-size:.9rem;color:var(--text-color);font-weight:600}.plan-required{text-align:center;max-width:450px;padding:2rem;background:white;border-radius:var(--border-radius);box-shadow:var(--shadow-light);border:1px solid var(--info-color)}.plan-icon{font-size:3rem;margin-bottom:1rem;color:var(--info-color)}.plan-required h3{color:var(--text-color);margin-bottom:1rem;font-size:1.3rem}.plan-required p{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.plan-comparison{background-color:var(--background-color);padding:1rem;border-radius:8px;margin-bottom:2rem}.plan-comparison div{margin-bottom:.5rem;font-size:.9rem}.plan-comparison div:last-child{margin-bottom:0}.current-plan span,.required-plan span{font-weight:600}.required-plan span{color:var(--primary-color)}.access-actions,.upgrade-actions{display:flex;justify-content:center;gap:1rem}.upgrade-button{background:linear-gradient(135deg,var(--primary-color),#ff7a47);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-light)}.upgrade-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.usage-limit-reached{text-align:center;max-width:400px;padding:2rem;background:white;border-radius:var(--border-radius);box-shadow:var(--shadow-light);border:1px solid var(--warning-color)}.limit-icon{font-size:3rem;margin-bottom:1rem;color:var(--warning-color)}.usage-limit-reached h3{color:var(--text-color);margin-bottom:1rem;font-size:1.3rem}.usage-limit-reached p{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.usage-stats{margin-bottom:2rem}.usage-bar{width:100%;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.usage-fill{height:100%;background:linear-gradient(90deg,var(--warning-color),var(--error-color));transition:var(--transition)}.usage-text{font-size:.9rem;color:var(--text-muted);font-weight:500}.usage-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid var(--warning-color);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.warning-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.warning-icon{font-size:1.2rem;color:#856404}.warning-text{flex:1;color:#856404;font-size:.9rem;font-weight:500}.warning-upgrade-btn{background-color:var(--warning-color);color:#856404;border:none;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition)}.warning-upgrade-btn:hover{background-color:#e0a800;color:#fff}.trial-banner{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;border:1px solid}.trial-banner.info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border-color:var(--info-color)}.trial-banner.warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:var(--warning-color)}.trial-banner.expired{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:var(--error-color)}.trial-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.trial-info{display:flex;align-items:center;gap:.75rem;flex:1}.trial-icon{font-size:1.2rem}.trial-text{font-size:.9rem;font-weight:500}.trial-banner.info .trial-text{color:#0c5460}.trial-banner.warning .trial-text{color:#856404}.trial-banner.expired .trial-text{color:#721c24}.trial-action-btn{padding:.4rem 1rem;border-radius:6px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition)}.trial-banner.info .trial-action-btn{background-color:var(--info-color);color:#fff}.trial-banner.warning .trial-action-btn{background-color:var(--warning-color);color:#856404}.trial-banner.expired .trial-action-btn{background-color:var(--error-color);color:#fff}.trial-action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-light)}.subscription-status{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background-color:var(--background-color);border-radius:20px;border:1px solid var(--border-color)}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.active .status-dot{background-color:var(--success-color);box-shadow:0 0 0 2px #28a74533}.status-indicator.inactive .status-dot{background-color:var(--error-color);box-shadow:0 0 0 2px #dc354533}.status-text{font-size:.85rem;font-weight:500;color:var(--text-color)}.status-action-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition)}.status-action-btn:hover{background-color:#e69500}@media (max-width: 768px){.feature-gate{padding:1rem;min-height:150px}.access-denied,.feature-locked,.plan-required,.usage-limit-reached{padding:1.5rem;max-width:none}.trial-content{flex-direction:column;align-items:stretch;gap:.75rem}.trial-info{justify-content:center}.warning-content,.subscription-status{flex-direction:column;align-items:stretch;gap:.5rem}.status-indicator{justify-content:center}}@media (max-width: 480px){.access-actions,.upgrade-actions{flex-direction:column}.upgrade-button{width:100%}.plan-comparison{text-align:center}.current-plan{flex-direction:column;gap:.25rem}}@media (prefers-reduced-motion: reduce){.upgrade-button,.trial-action-btn,.warning-upgrade-btn,.status-action-btn{transform:none;transition:none}}.upgrade-button:focus,.trial-action-btn:focus,.warning-upgrade-btn:focus,.status-action-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.feature-gate-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feature-gate-modal{background:#FFFFFF;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.feature-gate-header{background:linear-gradient(135deg,#FFA500 0%,#FF8C00 100%);color:#fff;padding:2rem;text-align:center;border-radius:20px 20px 0 0}.feature-gate-icon{font-size:3rem;margin-bottom:1rem;opacity:.9}.feature-gate-title{font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.feature-gate-subtitle{font-size:1rem;opacity:.9;margin:0}@media (max-width: 768px){.feature-gate-modal{margin:1rem;border-radius:16px;max-height:95vh}.feature-gate-header{padding:1.5rem;border-radius:16px 16px 0 0}.feature-gate-icon{font-size:2.5rem}.feature-gate-title{font-size:1.5rem}.feature-gate-subtitle{font-size:.9rem}.feature-gate-content,.tier-card{padding:1.5rem}.tier-price{font-size:2rem}}@media (max-width: 480px){.feature-gate-overlay{padding:.5rem}.feature-gate-modal{margin:.5rem;border-radius:12px}.feature-gate-header{padding:1.2rem;border-radius:12px 12px 0 0}.feature-gate-icon{font-size:2rem}.feature-gate-title{font-size:1.3rem}.feature-gate-content{padding:1.2rem}.tier-grid{grid-template-columns:1fr;gap:1rem}.tier-card{padding:1.2rem}.tier-name{font-size:1.1rem}.tier-price{font-size:1.8rem}}.dashboard-overview{padding:0}.dashboard-overview .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-overview .metric-card{background:linear-gradient(135deg,#FFA500,#FFB84D,#FF8C00);border-radius:16px;padding:2rem;color:#fff;box-shadow:0 8px 24px #ffa5004d;display:flex;align-items:center;gap:1.5rem;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.dashboard-overview .metric-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);pointer-events:none}.dashboard-overview .metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #ffa50066}.metric-icon{font-size:3rem;flex-shrink:0;opacity:.9}.dashboard-overview .metric-content{flex:1;position:relative;z-index:1}.dashboard-overview .metric-value{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.dashboard-overview .metric-label{font-size:.85rem;color:#ffffffe6;margin-bottom:.75rem;font-weight:600;letter-spacing:.5px}.dashboard-overview .metric-change{font-size:.8rem;font-weight:500;background:rgba(255,255,255,.2);padding:.25rem .75rem;border-radius:20px;display:inline-block}.dashboard-overview .metric-change.positive{background:rgba(40,167,69,.2);color:#fffffff2}.dashboard-overview .metric-change.negative{background:rgba(220,53,69,.2);color:#fffffff2}.dashboard-overview .metric-change.neutral{background:rgba(255,255,255,.2);color:#ffffffe6}.overview-card{background:white;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.dashboard-overview .card-header{padding:1.5rem 1.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ecef}.dashboard-overview .card-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#2c3e50}.chart-period{border:1px solid #e9ecef;border-radius:6px;padding:.5rem;font-size:.9rem;background:white;color:#6c757d}.dashboard-overview .card-content{padding:1.5rem}.recent-bookings-section{background:white;border-radius:16px;padding:2rem;box-shadow:0 4px 16px #00000014}.dashboard-overview .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.dashboard-overview .section-header h3{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.view-all-link{color:#ff6b35;text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s ease}.view-all-link:hover{color:#ff5722}.bookings-list{display:flex;flex-direction:column;gap:1rem}.booking-list-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #ff6b35;transition:background-color .2s ease}.booking-list-item:hover{background:#f1f3f4}.booking-avatar{flex-shrink:0}.avatar-initial{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border-radius:50%;font-weight:600;font-size:1.1rem}.booking-info{flex:1;min-width:0}.booking-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.customer-name{font-weight:600;color:#2c3e50;font-size:1rem}.booking-status{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.booking-status.pending{background:#fff3cd;color:#856404}.booking-status.confirmed{background:#d4edda;color:#155724}.booking-status.completed{background:#d1ecf1;color:#0c5460}.booking-status.cancelled{background:#f8d7da;color:#721c24}.booking-details{margin-bottom:.25rem}.service-name{color:#495057;font-weight:500;font-size:.9rem}.booking-meta{color:#6c757d;font-size:.8rem}.booking-amount{font-weight:700;color:#ff6b35;font-size:1.1rem;flex-shrink:0}.revenue-chart-container{background:white;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #00000014}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.chart-header h3{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.chart-period{padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:8px;background:white;color:#495057;font-size:.9rem;cursor:pointer}.line-chart{height:350px;position:relative}.chart-wrapper{width:100%;height:100%}.line-chart-svg{width:100%;height:100%;background:#fafafa;border-radius:12px;padding:20px;box-sizing:border-box}.quick-actions{grid-column:2 / 3}.dashboard-overview .actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dashboard-overview .action-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:#f8f9fa;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit}.dashboard-overview .action-btn:hover{background:#e9ecef;border-color:var(--orange-color, #FFA500);transform:translateY(-2px)}.dashboard-overview .action-icon{font-size:1.5rem}.dashboard-overview .action-text{font-size:.9rem;font-weight:500;color:#2c3e50;text-align:center}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.dashboard-overview .loading-spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.dashboard-overview .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#6c757d}.dashboard-overview .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.dashboard-overview .empty-state p{margin:0;font-size:1rem}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1.5rem;gap:1rem}.metric-icon{font-size:2.5rem}.metric-title{font-size:.9rem}.metric-value{font-size:2rem}}@media (max-width: 480px){.metric-card{padding:1rem;flex-direction:column;text-align:center}.metric-icon{font-size:2rem}.metric-value{font-size:1.8rem}}.profile-management{padding:0;height:100%;display:flex;flex-direction:column;background:#f8fafc}.profile-management .profile-header{background:linear-gradient(135deg,#ff6b35 0%,#ff8c42 50%,#ffa726 100%)!important;color:#fff!important;padding:2.5rem 2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 8px 32px #ff6b354d;position:relative;overflow:hidden}.profile-management .profile-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);pointer-events:none}.profile-management .profile-header *{position:relative;z-index:1}.profile-management .header-content{display:flex;align-items:center;justify-content:space-between}.profile-management .header-info h2{margin:0 0 .5rem;font-size:2.2rem;font-weight:700;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-management .profile-header p{color:#fff!important;margin:0;font-size:1.1rem;font-weight:400;opacity:1}.profile-management .profile-header .header-info p{margin:0;color:#fff!important;font-size:1.1rem;font-weight:400}.profile-management .save-btn{background:orange;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.875rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-management .save-btn:hover:not(:disabled){color:orange;background:rgba(255,255,255,.3);border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.profile-management .save-btn:disabled{opacity:.5;cursor:not-allowed}.profile-tabs{display:flex;gap:.5rem;background:white;padding:1rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 4px 20px #00000014}.tab-btn{flex:1;background:transparent;border:none;padding:1rem 1.5rem;border-radius:12px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#6c757d}.tab-btn.active{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;box-shadow:0 4px 15px #ff6b354d}.tab-btn:hover:not(.active){background:#f8f9fa;color:#ff6b35}.profile-content{flex:1;background:#FFFFFF;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;min-height:500px;margin-bottom:2rem}.tab-content{display:block;width:100%;height:100%}.profile-management .form-section{margin-bottom:2rem}.profile-management .form-section h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;display:inline-block}.profile-management .form-section p{color:#6b7280;margin-bottom:1.5rem;font-size:1rem}.profile-management .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.profile-management .form-group{display:flex;flex-direction:column}.profile-management .form-group.full-width{grid-column:1 / -1}.profile-management .form-group label{color:#374151;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.profile-management .form-group input,.profile-management .form-group textarea,.profile-management .form-group select{background:#FFFFFF;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;font-size:1rem;color:#374151;transition:all .3s ease;width:100%;box-sizing:border-box}.profile-management .form-group input:focus,.profile-management .form-group textarea:focus,.profile-management .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ffa5001a}.profile-management .form-group input:disabled,.profile-management .form-group textarea:disabled,.profile-management .form-group select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.profile-management .form-group input.readonly{background:#f3f4f6;color:#6b7280}.profile-management .form-group small{color:#9ca3af;font-size:.85rem;margin-top:.25rem}.profile-management .form-group textarea{resize:vertical;min-height:120px}.logo-upload-container{display:flex;gap:1rem;align-items:flex-start}.logo-preview{width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb;flex-shrink:0}.logo-preview img{width:100%;height:100%;object-fit:cover}.upload-area{flex:1}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .3s ease;text-align:center}.upload-label:hover{border-color:var(--primary-color);background:rgba(255,165,0,.05)}.upload-icon{font-size:2rem;margin-bottom:.5rem;color:#6b7280}.upload-text{font-weight:600;color:#374151;margin-bottom:.25rem}.upload-hint{font-size:.875rem;color:#6b7280}.profile-management .form-actions{display:flex;justify-content:flex-end;padding-top:2rem;margin-top:2rem;border-top:1px solid #e5e7eb}.business-hours{background:#FFFFFF;padding:2rem;border-radius:16px}.hours-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.hours-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:2px solid transparent;transition:all .3s ease}.hours-row:hover{border-color:var(--primary-color);background:#FFFFFF}.day-label{min-width:100px;color:#374151;font-weight:600;font-size:.95rem}.hours-controls{display:flex;align-items:center;gap:1rem;flex:1}.closed-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#374151;min-width:80px}.closed-toggle input[type=checkbox]{margin:0;cursor:pointer}.time-inputs{display:flex;align-items:center;gap:.75rem;flex:1}.time-input-group{display:flex;flex-direction:column;gap:.25rem}.time-input-group label{font-size:.8rem;color:#6b7280;font-weight:500}.time-input-group input[type=time]{background:#FFFFFF;border:2px solid #e5e7eb;border-radius:6px;padding:.5rem;font-size:.9rem;color:#374151;width:120px;cursor:pointer}.time-input-group input[type=time]:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.time-input-group input[type=time]:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.time-separator{color:#6b7280;font-size:.9rem;font-weight:500;margin:0 .25rem .5rem;align-self:flex-end}.day-hours{background:#f8f9fa;padding:1.5rem;border-radius:12px;border:2px solid transparent;transition:all .3s ease}.day-hours:hover{border-color:var(--primary-color);background:#FFFFFF}.day-hours label{color:#374151;font-weight:600;margin-bottom:.75rem;display:block}.day-hours input{margin-bottom:0;background:#FFFFFF}.images-section{text-align:center}.upload-area{border:3px dashed #d1d5db;border-radius:16px;padding:3rem 2rem;transition:all .3s ease;background:#fafbfc;cursor:pointer}.upload-area:hover{border-color:#ff6b35;background:rgba(255,107,53,.05)}.upload-icon{font-size:3rem;margin-bottom:1rem;color:#9ca3af}.upload-text{color:#6b7280;font-size:1.1rem;margin-bottom:.5rem}.upload-hint{color:#9ca3af;font-size:.9rem}.profile-management .photos-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#FFA500 0%,#FF8C42 50%,#FF7F00 100%);border-radius:16px;color:#fff;position:relative;overflow:hidden}.profile-management .photos-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);pointer-events:none}.profile-management .photos-title-section{flex:1;position:relative;z-index:1}.profile-management .photos-header h3{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-management .photos-subtitle{display:flex;align-items:center;gap:1rem;opacity:.95}.profile-management .photos-count{background:rgba(255,255,255,.2);padding:.375rem .875rem;border-radius:20px;font-weight:600;font-size:.9rem;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-management .photos-progress{position:relative;z-index:1;min-width:200px}.profile-management .progress-bar{width:100%;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden;position:relative}.profile-management .progress-fill{height:100%;background:linear-gradient(90deg,#fff,rgba(255,255,255,.8));border-radius:4px;transition:width .3s ease;position:relative}.profile-management .progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 2s infinite}.profile-management .photos-upload-area{margin-bottom:2rem}.profile-management .upload-zone{position:relative;border:3px dashed #e0e6ed;border-radius:16px;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:3rem 2rem;text-align:center;transition:all .3s ease;cursor:pointer;overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center}.profile-management .upload-zone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,165,0,.05),transparent);opacity:0;transition:opacity .3s ease}.profile-management .upload-zone:hover{border-color:orange;background:linear-gradient(135deg,#fff 0%,#fff8f0 100%);transform:translateY(-2px);box-shadow:0 8px 25px #ffa50026}.profile-management .upload-zone:active{transform:translateY(0);box-shadow:0 4px 15px #ffa50033}.profile-management .upload-zone:hover:before{opacity:1}.profile-management .upload-content{position:relative;z-index:1}.profile-management .upload-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#FFA500,#FF8C42);border-radius:50%;margin-bottom:1.5rem;color:#fff;box-shadow:0 8px 25px #ffa5004d;transition:transform .3s ease}.profile-management .upload-zone:hover .upload-icon{transform:scale(1.1) rotate(5deg)}.profile-management .upload-content h4{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem}.profile-management .upload-content p{color:#6c757d;font-size:1rem;margin:0 0 1.5rem}.profile-management .upload-formats{display:flex;gap:.75rem;justify-content:center}.profile-management .upload-formats span{background:#e9ecef;color:#495057;padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid #dee2e6}.profile-management .upload-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10;font-size:0}.profile-management .images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.profile-management .photo-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:2px solid transparent}.profile-management .photo-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #00000026;border-color:orange}.profile-management .photo-container{position:relative;overflow:hidden}.profile-management .photo-container img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.profile-management .photo-card:hover .photo-container img{transform:scale(1.05)}.profile-management .photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.6),rgba(255,165,0,.3));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.profile-management .photo-card:hover .photo-overlay{opacity:1}.profile-management .remove-photo-btn{background:#dc3545;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #dc354566}.profile-management .remove-photo-btn:hover{background:#c82333;transform:scale(1.1)}.profile-management .photo-info{padding:1rem;text-align:center}.profile-management .photo-number{color:#6c757d;font-size:.9rem;font-weight:500}.profile-management .photo-guidelines{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:16px;padding:2rem;border:1px solid #dee2e6}.profile-management .guidelines-header{margin-bottom:1.5rem}.profile-management .guidelines-header h4{display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0}.profile-management .guidelines-icon{font-size:1.5rem}.profile-management .guidelines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.profile-management .guideline-item{background:white;padding:1.5rem;border-radius:12px;display:flex;gap:1rem;box-shadow:0 2px 10px #0000000d;border-left:4px solid #FFA500;transition:transform .2s ease}.profile-management .guideline-item:hover{transform:translateY(-2px)}.profile-management .guideline-item .guideline-icon{font-size:2rem;flex-shrink:0;margin-top:.25rem}.profile-management .guideline-content h5{font-size:1rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem}.profile-management .guideline-content p{color:#6c757d;font-size:.9rem;margin:0;line-height:1.5}.delete-btn{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.stat-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 8px 25px #667eea4d}.stat-card.orange{background:linear-gradient(135deg,#ff6b35,#ff8c42);box-shadow:0 8px 25px #ff6b354d}.stat-card.green{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 8px 25px #4ade804d}.stat-card.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 25px #3b82f64d}.stat-icon{font-size:2.5rem;margin-bottom:1rem}.stat-label{font-size:1rem;opacity:.9;font-weight:500}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;border:1px solid #fecaca}.success-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;border:1px solid #bbf7d0}.message-icon{font-size:1.25rem}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.profile-management .loading-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.feature-locked{opacity:.6;pointer-events:none;position:relative}.feature-locked:after{content:"🔒 Premium Feature";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500}@media (max-width: 768px){.profile-management .profile-header{padding:2rem 1.5rem}.profile-management .header-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.profile-management .header-info h2{font-size:1.8rem}.profile-tabs{flex-direction:column;gap:.25rem}.tab-btn{justify-content:flex-start}.profile-form-container{padding:2rem 1.5rem}.form-grid{grid-template-columns:1fr;gap:1.5rem}.hours-grid,.stats-grid{grid-template-columns:1fr}.images-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 480px){.profile-management .profile-header{padding:1.5rem;margin-bottom:1.5rem}.profile-management .header-info h2{font-size:1.5rem}.profile-form-container{padding:1.5rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem}}:root{--primary-color: #FFA500;--secondary-color: #FFFFFF;--text-color: #333333;--text-muted: #6c757d;--border-color: #e9ecef;--success-color: #28a745;--error-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--background-color: #FFFFFF;--shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--border-radius: 12px;--transition: all .3s ease}.services-management{padding:0;background:#FFFFFF}.services-management .services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#FFFFFF;padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-light)}.services-management .services-header h2{color:var(--text-color);margin:0;font-size:1.8rem;font-weight:600}.services-management .header-stats{display:flex;align-items:center;gap:1rem}.services-count{color:var(--text-muted);font-size:.9rem;background-color:#f8f9fa;padding:.5rem 1rem;border-radius:20px;border:1px solid var(--border-color)}.services-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);background:#FFFFFF;border-radius:var(--border-radius)}.services-management .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.services-actions{margin-bottom:2rem}.add-service-btn{background:linear-gradient(135deg,var(--primary-color),#FFB84D);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition);box-shadow:var(--shadow-light)}.add-service-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.services-management .empty-state{text-align:center;padding:4rem 2rem;background:white;border-radius:var(--border-radius);box-shadow:var(--shadow-light)}.services-management .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.services-management .empty-state h3{color:var(--text-color);margin-bottom:1rem;font-size:1.5rem}.services-management .empty-state p{color:var(--text-muted);margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.service-card{background:white;border-radius:var(--border-radius);box-shadow:var(--shadow-light);border:1px solid var(--border-color);overflow:hidden;transition:var(--transition);position:relative}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.service-card.inactive{opacity:.7;border-color:var(--text-muted)}.service-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--background-color);border-bottom:1px solid var(--border-color)}.service-category{display:flex;align-items:center;gap:.5rem}.category-icon{font-size:1.2rem}.category-label{font-size:.85rem;font-weight:500;color:var(--text-color)}.service-status{display:flex;align-items:center}.status-toggle{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:50%;transition:var(--transition)}.status-toggle.active{color:var(--success-color)}.status-toggle.inactive{color:var(--text-muted)}.status-toggle:hover{background-color:#0000000d}.service-info{padding:1.5rem}.service-name{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.service-description{color:var(--text-muted);margin:0 0 1rem;line-height:1.5;font-size:.9rem}.service-details{margin-bottom:1rem}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.pet-types{margin-top:1rem}.pet-types-label{font-size:.8rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.5rem}.pet-types-list{display:flex;flex-wrap:wrap;gap:.5rem}.pet-type-badge{display:flex;align-items:center;gap:.25rem;background-color:var(--background-color);color:var(--text-color);padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid var(--border-color)}.service-actions{display:flex;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background-color:var(--background-color);border-top:1px solid var(--border-color)}.services-management .action-btn{background:none;border:1px solid var(--border-color);width:40px;height:40px;border-radius:8px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.services-management .action-btn.edit:hover{background-color:#e3f2fd;border-color:#2196f3}.services-management .action-btn.delete:hover{background-color:#ffebee;border-color:#f44336}.services-management .error-message{background-color:#f8d7da;color:#721c24;padding:.75rem 1rem;border-radius:6px;border:1px solid #f5c6cb;font-size:.9rem;margin-bottom:1rem}.services-management .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.services-management .modal{background:white;border-radius:var(--border-radius);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-medium);animation:slideIn .3s ease}.services-management .modal.large{max-width:800px}.services-management .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color),#ff7a47);color:#fff;border-radius:var(--border-radius) var(--border-radius) 0 0}.services-management .modal-header h3{margin:0;font-size:1.3rem;font-weight:600}.services-management .close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.services-management .close-btn:hover{background-color:#fff3}.service-form{padding:1.5rem}.services-management .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.services-management .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.services-management .form-group label{font-weight:600;color:var(--text-color);font-size:.9rem}.services-management .form-group input,.services-management .form-group select,.services-management .form-group textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:var(--transition);background-color:#fff}.services-management .form-group input:focus,.services-management .form-group select:focus,.services-management .form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f758151a}.services-management .form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.services-management .form-section{margin:2rem 0;padding:1rem;background-color:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.services-management .form-section h4{color:var(--text-color);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.pet-types-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-top:.5rem}.pet-type-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;transition:var(--transition);background-color:#fff}.pet-type-option:hover{border-color:var(--primary-color);background-color:#fff5f0}.pet-type-option input[type=checkbox]{margin:0}.pet-type-option input[type=checkbox]:checked+.pet-type-label{color:var(--primary-color);font-weight:600}.pet-type-label{display:flex;align-items:center;gap:.5rem;flex:1}.pet-icon{font-size:1.1rem}.pet-name{font-size:.9rem}.availability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.availability-day{border:1px solid var(--border-color);border-radius:8px;padding:1rem;background-color:#fff}.day-header{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:.75rem;font-weight:600;color:var(--text-color)}.day-name{text-transform:capitalize}.time-inputs{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.time-inputs input[type=time]{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.85rem}.time-inputs span{color:var(--text-muted);font-size:.8rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-color);margin-top:1rem}.checkbox-label input[type=checkbox]{margin:0}.services-management .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.services-management .cancel-btn{padding:.875rem 2rem;border:2px solid #e9ecef;background:#FFFFFF;color:#6c757d;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center}.services-management .cancel-btn:hover:not(:disabled){background:#6c757d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #6c757d4d}.services-management .save-btn{padding:.875rem 2rem;border:3px solid #FFA500;background:#FFFFFF;color:orange;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:140px;text-align:center;box-shadow:0 2px 8px #ffa50033}.services-management .save-btn:hover:not(:disabled){background:#FFA500;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ffa50066;border-color:orange}.services-management .save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #ffa5001a}.services-management .delete-btn{padding:.875rem 2rem;border:2px solid #dc3545;background:#FFFFFF;color:#dc3545;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center}.services-management .delete-btn:hover:not(:disabled){background:#dc3545;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #dc35454d}.services-management .delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.services-header{flex-direction:column;gap:1rem;align-items:stretch}.services-header h2{text-align:center;font-size:1.5rem}.header-stats{justify-content:center}.services-grid,.form-row{grid-template-columns:1fr}.pet-types-selector{grid-template-columns:repeat(2,1fr)}.availability-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.submit-btn,.cancel-btn,.delete-btn{width:100%}.modal{max-width:95vw;margin:.5rem}.modal-header,.service-form{padding:1rem}}@media (max-width: 480px){.service-card{margin:0 -.5rem}.detail-row,.pet-types-selector{grid-template-columns:1fr}.service-actions{flex-direction:column}.action-btn{width:100%;height:auto;padding:.75rem}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal,.service-card,.add-service-btn,.submit-btn,.action-btn{animation:none;transition:none}}.add-service-btn:focus,.action-btn:focus,.close-btn:focus,.submit-btn:focus,.cancel-btn:focus,.delete-btn:focus,.cta-button:focus,.status-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px}:root{--primary-color: #FFA500;--secondary-color: #FFFFFF;--text-color: #333333;--text-muted: #6c757d;--border-color: #e9ecef;--success-color: #28a745;--error-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--background-color: #FFFFFF;--shadow-light: 0 4px 20px rgba(0, 0, 0, .08);--shadow-medium: 0 8px 25px rgba(0, 0, 0, .15);--border-radius: 16px;--transition: all .3s ease}.bookings-management{padding:0;background:#FFFFFF}.bookings-management .bookings-header{background:linear-gradient(135deg,var(--primary-color),#FFB84D,#FF8C00);color:#fff;padding:2.5rem 2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 8px 32px #ffa5004d;position:relative;overflow:hidden}.bookings-management .bookings-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);pointer-events:none}.bookings-management .bookings-header *{position:relative;z-index:1}.bookings-management .header-content{display:flex;justify-content:space-between;align-items:center}.bookings-management .header-left h2{color:#fff;margin:0 0 .5rem;font-size:2.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-stats{display:flex;align-items:center;gap:1rem}.appointments-count{color:#ffffffe6;font-size:1rem;background:rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:25px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-toggle{display:flex;background:rgba(255,255,255,.2);border-radius:12px;padding:.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-btn{background:none;border:none;padding:.75rem 1.25rem;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;color:#fffc;transition:var(--transition)}.view-btn.active{background:rgba(255,255,255,.3);color:#fff}.view-btn:hover:not(.active){background:rgba(255,255,255,.1);color:#fff}.appointments-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.stat-card{background:white;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-light);transition:var(--transition);text-align:center;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b35,#ff8c42)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.stat-card.today{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.stat-card.upcoming{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);color:#8b4513}.stat-card.completed{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);color:#2d5aa0}.stat-card.revenue{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff}.stat-icon{font-size:3rem;margin-bottom:1rem;opacity:.9}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label{font-size:.9rem;font-weight:600;letter-spacing:.5px;opacity:.9}.stat-subtitle{font-size:.8rem;margin-top:.25rem;opacity:.7}.appointments-controls{background:white;padding:1.5rem 2rem;border-radius:var(--border-radius);margin-bottom:2rem;box-shadow:var(--shadow-light)}.filters-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative}.search-box input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:var(--transition);background:#fafbfc}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b351a;background:white}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.1rem}.filter-group{display:flex;gap:1rem;align-items:center}.filter-group select,.filter-group input{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;background:#fafbfc;cursor:pointer;transition:var(--transition)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b351a;background:white}.status-filters{display:flex;gap:.5rem;background:#f8f9fa;padding:.5rem;border-radius:12px;margin-bottom:2rem}.status-filter-btn{flex:1;background:none;border:none;padding:.875rem 1rem;border-radius:10px;font-weight:500;font-size:.9rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted)}.status-filter-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 15px #ff6b354d}.status-filter-btn:hover:not(.active){background:white;color:var(--primary-color)}.status-count{background:rgba(255,255,255,.2);padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600}.status-filter-btn.active .status-count{background:rgba(255,255,255,.3)}.status-filter-btn:not(.active) .status-count{background:#e9ecef;color:var(--text-muted)}.appointments-container{background:white;border-radius:var(--border-radius);box-shadow:var(--shadow-light);overflow:hidden}.appointments-list{min-height:400px}.appointment-item{padding:1.5rem 2rem;border-bottom:1px solid #f1f3f4;transition:var(--transition);cursor:pointer}.appointment-item:hover{background:#fafbfc}.appointment-item:last-child{border-bottom:none}.appointment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.appointment-info{flex:1}.customer-name{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:.25rem}.service-name{color:var(--primary-color);font-weight:500;margin-bottom:.5rem}.appointment-details{display:flex;align-items:center;gap:1.5rem;color:var(--text-muted);font-size:.9rem}.detail-item{display:flex;align-items:center;gap:.5rem}.detail-icon{font-size:1rem}.appointment-status{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.in_progress{background:#fdeaa7;color:#8a6d3b}.status-badge.completed{background:#d1ecf1;color:#0c5460}.status-badge.cancelled{background:#f8d7da;color:#721c24}.status-badge.no_show{background:#e2e3e5;color:#383d41}.appointment-amount{font-size:1.1rem;font-weight:700;color:var(--primary-color)}.bookings-management .appointments-empty{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.bookings-management .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.bookings-management .appointments-empty h3{margin:0 0 1rem;color:var(--text-color);font-size:1.5rem}.bookings-management .appointments-empty p{font-size:1.1rem;max-width:400px;margin:0 auto}.appointments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.bookings-management .loading-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.bookings-management .error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;border:1px solid #fecaca}.bookings-management .error-icon{font-size:1.25rem}.appointment-actions{display:flex;gap:.5rem;margin-top:.75rem}.bookings-management .action-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition)}.bookings-management .action-btn.primary{background:var(--primary-color);color:#fff}.bookings-management .action-btn.secondary{background:#6c757d;color:#fff}.bookings-management .action-btn.success{background:var(--success-color);color:#fff}.bookings-management .action-btn.danger{background:var(--error-color);color:#fff}.bookings-management .action-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.calendar-container{background:white;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-light)}.calendar-header{display:flex;justify-content:between;align-items:center;margin-bottom:2rem}.calendar-nav{display:flex;align-items:center;gap:1rem}.nav-btn{background:none;border:2px solid #e5e7eb;border-radius:8px;padding:.5rem .75rem;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.nav-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.current-month{font-size:1.25rem;font-weight:600;color:var(--text-color);min-width:200px;text-align:center}@media (max-width: 1024px){.appointments-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.filters-row{flex-direction:column;align-items:stretch;gap:1rem}.search-box{min-width:auto}}@media (max-width: 768px){.bookings-header{padding:2rem 1.5rem}.header-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-left h2{font-size:1.8rem}.appointments-stats{grid-template-columns:1fr}.status-filters{flex-direction:column;gap:.25rem}.status-filter-btn{justify-content:flex-start}.appointments-controls{padding:1.5rem}.appointment-item{padding:1.25rem 1.5rem}.appointment-header{flex-direction:column;gap:1rem}.appointment-status{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.appointment-details{flex-wrap:wrap;gap:1rem}}@media (max-width: 480px){.bookings-header{padding:1.5rem;margin-bottom:1.5rem}.header-left h2{font-size:1.5rem}.appointments-controls,.appointment-item{padding:1rem}.status-filter-btn{padding:.75rem;font-size:.8rem}.appointment-details{font-size:.8rem}.stat-card{padding:1.5rem}.stat-value{font-size:2rem}}.bookings-management .overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.bookings-management .overview-card{position:relative;background:white;border-radius:20px;box-shadow:0 8px 32px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid #f0f0f0}.bookings-management .overview-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026;border-color:orange}.bookings-management .card-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.05;background:linear-gradient(135deg,#FFA500,#FF8C42)}.bookings-management .card-pattern{position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,#FFA500,#FF8C42);border-radius:50%;transform:translate(30px,-30px);opacity:.1}.bookings-management .card-content{position:relative;z-index:1;padding:2rem}.bookings-management .card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.bookings-management .card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 15px #0003}.bookings-management .today-icon{background:linear-gradient(135deg,#4CAF50,#66BB6A)}.bookings-management .upcoming-icon{background:linear-gradient(135deg,#2196F3,#42A5F5)}.bookings-management .monthly-icon{background:linear-gradient(135deg,#9C27B0,#BA68C8)}.bookings-management .revenue-icon{background:linear-gradient(135deg,#FF9800,#FFB74D)}.bookings-management .card-header h3{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0;flex:1}.bookings-management .card-stats{text-align:left}.bookings-management .stat-number{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem;line-height:1}.bookings-management .stat-label{font-size:.9rem;color:#6c757d;margin-bottom:.75rem;font-weight:500}.bookings-management .stat-change{font-size:.85rem;font-weight:500;padding:.25rem .75rem;border-radius:20px;display:inline-block}.bookings-management .stat-change.positive{background:#e8f5e8;color:#2e7d2e}.bookings-management .stat-change.neutral{background:#f0f0f0;color:#666}.bookings-management .stat-change.negative{background:#fdeaea;color:#c62828}.bookings-management .appointments-controls{background:white;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0}.bookings-management .controls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.bookings-management .controls-header h3{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0}.bookings-management .active-filters{font-size:.85rem}.bookings-management .active-indicator{background:#FFA500;color:#fff;padding:.25rem .75rem;border-radius:15px;font-weight:500}.bookings-management .search-section{display:flex;gap:1rem;margin-bottom:1.5rem}.bookings-management .search-bar{position:relative;flex:1}.bookings-management .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d;z-index:1}.bookings-management .search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;background:#f8f9fa;transition:all .3s ease}.bookings-management .search-input:focus{outline:none;border-color:orange;background:white;box-shadow:0 0 0 3px #ffa5001a}.bookings-management .clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .3s ease}.bookings-management .clear-search:hover{color:#dc3545}.bookings-management .date-filter{position:relative;min-width:200px}.bookings-management .date-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d;z-index:1}.bookings-management .date-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;background:#f8f9fa;transition:all .3s ease}.bookings-management .date-input:focus{outline:none;border-color:orange;background:white;box-shadow:0 0 0 3px #ffa5001a}.bookings-management .clear-date{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .3s ease}.bookings-management .clear-date:hover{color:#dc3545}.bookings-management .status-filters-section{border-top:1px solid #e9ecef;padding-top:1.5rem}.bookings-management .filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.bookings-management .filters-label{font-weight:600;color:#2c3e50;font-size:.95rem}.bookings-management .clear-filters{background:none;border:none;color:orange;font-size:.85rem;cursor:pointer;font-weight:500;transition:color .3s ease}.bookings-management .clear-filters:hover{color:#ff8c00}.bookings-management .status-filters{display:flex;flex-wrap:wrap;gap:.75rem}.bookings-management .status-filter{background:#f8f9fa;border:2px solid #e9ecef;border-radius:25px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;color:#495057}.bookings-management .status-filter:hover{background:white;border-color:orange;color:orange}.bookings-management .status-filter.active{background:#FFA500;border-color:orange;color:#fff}.bookings-management .filter-count{background:rgba(255,255,255,.3);padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.bookings-management .status-filter:not(.active) .filter-count{background:#e9ecef;color:#6c757d}.bookings-management .appointments-list{display:flex;flex-direction:column;gap:1.5rem}.bookings-management .appointment-card.modern-card{background:white;border-radius:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;overflow:hidden;position:relative;border:1px solid #f0f0f0}.bookings-management .appointment-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:orange}.bookings-management .card-border-accent{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FFA500,#FF8C42)}.bookings-management .appointment-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%)}.bookings-management .appointment-datetime{display:flex;align-items:center;gap:1.5rem}.bookings-management .date-section{text-align:left}.bookings-management .date-primary{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.25rem}.bookings-management .time-primary{font-size:1.3rem;font-weight:700;color:orange}.bookings-management .time-info{text-align:left}.bookings-management .time-until{font-size:.85rem;color:#6c757d;margin-bottom:.25rem}.bookings-management .duration{font-size:.8rem;color:#495057;background:#e9ecef;padding:.25rem .5rem;border-radius:10px;display:inline-block}.bookings-management .status-badge.modern-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bookings-management .appointment-content{padding:2rem}.bookings-management .customer-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.bookings-management .customer-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#FFA500,#FF8C42);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 15px #ffa5004d}.bookings-management .avatar-initial{color:#fff;font-size:1.5rem;font-weight:700}.bookings-management .customer-details{flex:1}.bookings-management .customer-name{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem}.bookings-management .contact-info{display:flex;flex-direction:column;gap:.25rem}.bookings-management .contact-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.bookings-management .contact-item svg{flex-shrink:0}.bookings-management .service-section{margin-bottom:1.5rem}.bookings-management .service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.bookings-management .service-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #FFA500}.bookings-management .service-icon{font-size:1.25rem;flex-shrink:0}.bookings-management .service-content{display:flex;flex-direction:column}.bookings-management .service-label{font-size:.8rem;color:#6c757d;margin-bottom:.25rem;font-weight:500}.bookings-management .service-value{font-size:.95rem;color:#2c3e50;font-weight:600}.bookings-management .service-value.price{color:orange;font-weight:700}.bookings-management .additional-info{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.bookings-management .info-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1rem}.bookings-management .info-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.bookings-management .info-text{color:#495057;margin:0;font-size:.9rem;line-height:1.5}.bookings-management .appointment-actions{display:flex;gap:.75rem;padding:1.5rem 2rem;background:#f8f9fa;border-top:1px solid #f0f0f0;flex-wrap:wrap}.bookings-management .action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:2px solid #e9ecef;border-radius:12px;background:white;color:#495057;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.bookings-management .action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.bookings-management .primary-action{background:#FFA500;border-color:orange;color:#fff}.bookings-management .primary-action:hover{background:#ff8c00;border-color:#ff8c00}.bookings-management .secondary-action{background:#6c757d;border-color:#6c757d;color:#fff}.bookings-management .secondary-action:hover{background:#5a6268;border-color:#5a6268}.bookings-management .contact-action{background:#28a745;border-color:#28a745;color:#fff}.bookings-management .contact-action:hover{background:#218838;border-color:#218838}.bookings-management .email-action{background:#17a2b8;border-color:#17a2b8;color:#fff}.bookings-management .email-action:hover{background:#138496;border-color:#138496}.bookings-management .assign-action{background:#fd7e14;border-color:#fd7e14;color:#fff}.bookings-management .assign-action:hover{background:#e5660b;border-color:#e5660b}@media (max-width: 768px){.bookings-management .overview-cards{grid-template-columns:1fr;gap:1rem}.bookings-management .search-section{flex-direction:column}.bookings-management .date-filter{min-width:auto}.bookings-management .status-filters{justify-content:center}.bookings-management .appointment-header{flex-direction:column;gap:1rem;align-items:flex-start}.bookings-management .service-grid{grid-template-columns:1fr}.bookings-management .appointment-actions{justify-content:center}}.employee-management{padding:0;height:100%;display:flex;flex-direction:column}.employee-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-light)}.employee-management .loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid #FFA500;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.employee-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:white;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.employee-management .header-info h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color)}.employee-management .header-info p{margin:.25rem 0 0;color:#6c757d;font-size:.9rem}.add-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#FFA500,#ff8c00);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffa5004d}.add-btn:disabled,.add-btn.disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-icon{font-size:1rem}.employee-management .error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;margin:0 2rem 1rem;border:1px solid #f5c6cb}.employee-management .success-message{background:#d4edda;color:#155724;padding:1rem;border-radius:8px;margin:0 2rem 1rem;border:1px solid #c3e6cb}.employee-tabs{display:flex;background:white;border-bottom:1px solid #e9ecef;padding:0 2rem;overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#6c757d;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{color:orange;background:rgba(255,165,0,.05)}.tab-btn.active{color:orange;border-bottom-color:orange;background:rgba(255,165,0,.05)}.tab-icon{font-size:1.1rem}.employee-content{flex:1;padding:2rem;background:#f8f9fa;overflow-y:auto}.employee-controls{background:white;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014}.search-bar{position:relative;margin-bottom:1rem}.search-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:orange;box-shadow:0 0 0 3px #ffa5001a}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#6c757d;font-size:1rem}.filter-row{display:flex;gap:1rem}.filter-select{padding:.5rem;border:2px solid #e9ecef;border-radius:6px;background:white;font-size:.9rem;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:orange}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.employee-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .2s ease;position:relative}.employee-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.employee-avatar{position:relative;width:60px;height:60px;margin:0 auto 1rem}.employee-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #e9ecef}.status-indicator{position:absolute;bottom:0;right:0;width:18px;height:18px;border-radius:50%;border:3px solid white}.status-indicator.active{background:#28a745}.status-indicator.inactive{background:#dc3545}.status-indicator.on_leave{background:#ffc107}.employee-info{text-align:center;margin-bottom:1rem}.employee-name{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#2c3e50}.employee-role{margin:0 0 .5rem;color:orange;font-weight:500;font-size:.9rem}.employee-contact{margin:0 0 1rem;color:#6c757d;font-size:.8rem}.employee-meta{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.status-active{background:#d4edda;color:#155724}.status-badge.status-inactive{background:#f8d7da;color:#721c24}.status-badge.status-leave{background:#fff3cd;color:#856404}.hire-date{font-size:.75rem;color:#6c757d}.performance-summary{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;font-size:.8rem}.performance-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.perf-label{color:#6c757d}.perf-value{font-weight:600;color:#2c3e50}.employee-skills{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-bottom:1rem}.skill-tag{background:rgba(255,165,0,.1);color:orange;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500}.skill-tag.more{background:#e9ecef;color:#6c757d}.employee-actions{display:flex;justify-content:center;gap:.5rem}.employee-management .action-btn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.employee-management .action-btn.edit{background:rgba(40,167,69,.1);color:#28a745}.employee-management .action-btn.edit:hover{background:#28a745;color:#fff}.employee-management .action-btn.assign{background:rgba(255,165,0,.1);color:orange}.employee-management .action-btn.assign:hover{background:#FFA500;color:#fff}.employee-management .action-btn.delete{background:rgba(220,53,69,.1);color:#dc3545}.employee-management .action-btn.delete:hover{background:#dc3545;color:#fff}.employee-management .empty-state{text-align:center;padding:4rem 2rem;color:#6c757d}.employee-management .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.employee-management .empty-state h3{margin:0 0 .5rem;color:#2c3e50}.employee-management .empty-state p{margin:0 0 1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.employee-management .stats-overview{background:white;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.employee-management .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#f8f9fa;padding:1.5rem;border-radius:8px;display:flex;align-items:center;gap:1rem;border-left:4px solid #FFA500}.stat-icon{font-size:2rem;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:.25rem}.stat-label{color:#6c757d;font-size:.9rem}.top-performers{margin-top:2rem}.top-performers h3{margin:0 0 1rem;color:#2c3e50}.performers-list{display:flex;flex-direction:column;gap:1rem}.performer-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.performer-rank{width:40px;height:40px;background:linear-gradient(135deg,#FFA500,#ff8c00);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.performer-info{flex:1}.performer-name{font-weight:600;color:#2c3e50;margin-bottom:.25rem}.performer-role{color:#6c757d;font-size:.9rem}.performer-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.performer-rating{font-weight:600;color:#2c3e50}.performer-completed{color:#6c757d;font-size:.8rem}.schedule-overview{background:white;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.schedule-overview h3{margin:0 0 .5rem;color:#2c3e50}.schedule-overview>p{margin:0 0 2rem;color:#6c757d}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.schedule-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;border-left:4px solid #FFA500}.schedule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.schedule-header .employee-info h4{margin:0;color:#2c3e50}.schedule-header .employee-info p{margin:.25rem 0 0;color:#6c757d;font-size:.9rem}.schedule-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.schedule-day{text-align:center}.day-name{font-size:.75rem;font-weight:500;color:#6c757d;margin-bottom:.25rem}.day-hours{font-size:.7rem;padding:.25rem;border-radius:4px;background:white}.hours-text{color:#28a745;font-weight:500}.hours-off{color:#dc3545}.employee-management .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.employee-management .modal{background:white;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.employee-modal{max-width:900px}.employee-management .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.employee-management .modal-header h3{margin:0;color:#2c3e50}.close-btn{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#e9ecef;color:#dc3545}.employee-management .modal-content{flex:1;overflow-y:auto;padding:2rem}.employee-management .form-sections{display:flex;flex-direction:column;gap:2rem}.employee-management .form-section{border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.employee-management .form-section h4{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem;border-bottom:2px solid #FFA500;padding-bottom:.5rem}.employee-management .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.employee-management .form-group{display:flex;flex-direction:column}.employee-management .form-group.full-width{grid-column:1 / -1}.employee-management .form-group label{margin-bottom:.5rem;font-weight:500;color:#2c3e50}.employee-management .form-group input,.employee-management .form-group select,.employee-management .form-group textarea{padding:.75rem;border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;transition:border-color .2s ease}.employee-management .form-group input:focus,.employee-management .form-group select:focus,.employee-management .form-group textarea:focus{outline:none;border-color:orange;box-shadow:0 0 0 3px #ffa5001a}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.skill-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:background .2s ease}.skill-checkbox:hover{background:rgba(255,165,0,.1)}.skill-checkbox input[type=checkbox]{margin:0}.skill-name{font-size:.9rem;color:#2c3e50}.availability-grid{display:flex;flex-direction:column;gap:1rem}.availability-row{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:center}.day-control{display:flex;align-items:center}.day-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.day-checkbox input[type=checkbox]{margin:0}.day-name{font-weight:500;color:#2c3e50}.time-inputs{display:flex;align-items:center;gap:.5rem}.time-inputs input[type=time]{padding:.5rem;border:2px solid #e9ecef;border-radius:4px;font-size:.85rem}.time-inputs span{color:#6c757d;font-size:.9rem}.employee-management .modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e9ecef;background:#f8f9fa}.cancel-btn{padding:.75rem 1.5rem;background:#6c757d;color:#fff;border:2px solid #6c757d;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;opacity:1!important;min-width:120px}.cancel-btn:hover:not(:disabled){background:white;color:#6c757d;border-color:#6c757d;transform:translateY(-2px);box-shadow:0 4px 15px #6c757d4d}.save-btn{background:#FFA500;color:#fff;border:2px solid #FFA500;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;white-space:nowrap;opacity:1!important;min-width:140px}.save-btn:hover:not(:disabled){background:white;color:orange;border-color:orange;transform:translateY(-1px);box-shadow:0 4px 15px #ffa5004d}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:#cccccc;border-color:#ccc;color:#666}.delete-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-modal{max-width:500px}.confirm-message{text-align:center;padding:1rem 0}.warning-icon{font-size:3rem;margin-bottom:1rem}.confirm-message p{margin:0 0 1rem;color:#2c3e50}.warning-text{color:#dc3545;font-size:.9rem;font-style:italic}.feature-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6c757d;background:white;border-radius:12px;margin:2rem;box-shadow:0 2px 8px #00000014}.lock-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.feature-locked h3{margin:0 0 .5rem;color:#2c3e50}.feature-locked p{margin:0 0 1.5rem;max-width:400px}.upgrade-btn{background:linear-gradient(135deg,#FFA500,#ff8c00);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffa5004d}@media (max-width: 1024px){.employee-content{padding:1rem}.employees-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.schedule-grid{grid-template-columns:1fr}}@media (max-width: 768px){.employee-header{flex-direction:column;gap:1rem;text-align:center}.employee-tabs{padding:0 1rem}.tab-btn{padding:.75rem 1rem;font-size:.9rem}.employee-controls{padding:1rem}.filter-row{flex-direction:column;gap:.5rem}.employees-grid{grid-template-columns:1fr;gap:1rem}.employee-meta{flex-direction:column;gap:.5rem}.performance-summary{gap:.5rem}.form-grid{grid-template-columns:1fr}.availability-row{grid-template-columns:1fr;gap:.5rem}.modal{margin:.5rem;max-height:95vh}.employee-management .modal-content,.employee-management .modal-header{padding:1rem}.employee-management .modal-actions{padding:1rem;flex-direction:column;gap:.5rem}}@media (max-width: 480px){.employee-content{padding:.5rem}.employee-controls{padding:.75rem}.tab-btn{padding:.5rem .75rem;font-size:.8rem}.tab-name{display:none}.employee-card{padding:1rem}.employee-actions{gap:.25rem}.action-btn{width:32px;height:32px;font-size:.8rem}.skills-grid{grid-template-columns:1fr}.schedule-days{grid-template-columns:repeat(3,1fr);gap:.25rem}}.employee-management .employees-grid.modern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem;padding:0}.employee-management .employee-card.modern-employee-card{background:white;border-radius:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;overflow:hidden;position:relative;border:1px solid #f0f0f0}.employee-management .employee-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00000026;border-color:orange}.employee-management .card-border-accent{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FFA500,#FF8C42)}.employee-management .employee-header{padding:1.5rem 2rem;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%)}.employee-management .employee-avatar-section{display:flex;align-items:center;gap:1rem}.employee-management .employee-avatar.modern-avatar{position:relative;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFA500,#FF8C42);box-shadow:0 4px 15px #ffa5004d;flex-shrink:0;transition:transform .3s ease}.employee-management .employee-card:hover .employee-avatar.modern-avatar{transform:scale(1.05)}.employee-management .employee-avatar.modern-avatar.active{background:linear-gradient(135deg,#28a745,#34ce57);box-shadow:0 4px 15px #28a7454d}.employee-management .employee-avatar.modern-avatar.on_leave{background:linear-gradient(135deg,#ffc107,#ffcd39);box-shadow:0 4px 15px #ffc1074d}.employee-management .employee-avatar.modern-avatar.inactive{background:linear-gradient(135deg,#6c757d,#868e96);box-shadow:0 4px 15px #6c757d4d}.employee-management .avatar-initials{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.employee-management .status-indicator{position:absolute;bottom:2px;right:2px;width:20px;height:20px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0003}.employee-management .status-indicator.active{background:#28a745}.employee-management .status-indicator.on_leave{background:#ffc107}.employee-management .status-indicator.inactive{background:#dc3545}.employee-management .employee-basic-info{flex:1;min-width:0}.employee-management .employee-name{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0 0 .25rem;line-height:1.2}.employee-management .employee-role{color:#6c757d;font-size:1rem;margin:0 0 .75rem;font-weight:500}.employee-management .status-badge.modern-status{display:flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:20px;font-size:.85rem;font-weight:600;width:fit-content}.employee-management .status-badge.active{background:#d4edda;color:#155724}.employee-management .status-badge.on_leave{background:#fff3cd;color:#856404}.employee-management .status-badge.inactive{background:#f8d7da;color:#721c24}.employee-management .employee-content{padding:1.5rem 2rem}.employee-management .contact-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.employee-management .contact-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.9rem}.employee-management .contact-item:last-child{margin-bottom:0}.employee-management .contact-icon{width:32px;height:32px;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6c757d;flex-shrink:0}.employee-management .contact-text{color:#495057;flex:1;min-width:0;word-break:break-word}.employee-management .employee-details{display:flex;flex-direction:column;gap:1rem}.employee-management .detail-item{display:flex;align-items:center;gap:.75rem}.employee-management .detail-icon{width:32px;height:32px;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6c757d;flex-shrink:0}.employee-management .detail-content{display:flex;flex-direction:column}.employee-management .detail-label{font-size:.8rem;color:#6c757d;margin-bottom:.125rem}.employee-management .detail-value{font-size:.9rem;color:#2c3e50;font-weight:500}.employee-management .performance-section{background:#f8f9fa;border-radius:12px;padding:1rem;border-left:4px solid #FFA500}.employee-management .performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.employee-management .perf-item{display:flex;align-items:center;gap:.5rem}.employee-management .perf-icon{font-size:1.25rem;flex-shrink:0}.employee-management .perf-content{display:flex;flex-direction:column}.employee-management .perf-label{font-size:.8rem;color:#6c757d;margin-bottom:.125rem}.employee-management .perf-value{font-size:.95rem;color:#2c3e50;font-weight:600}.employee-management .skills-section{margin-top:1rem}.employee-management .skills-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:600;color:#2c3e50}.employee-management .employee-skills{display:flex;flex-wrap:wrap;gap:.5rem}.employee-management .skill-tag.modern-skill{background:#e9ecef;color:#495057;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500;border:1px solid #dee2e6;transition:all .3s ease}.employee-management .skill-tag.modern-skill:hover{background:#FFA500;color:#fff;border-color:orange}.employee-management .skill-tag.modern-skill.more{background:#6c757d;color:#fff;border-color:#6c757d}.employee-management .employee-actions.modern-actions{display:flex;gap:.75rem;padding:1.5rem 2rem;background:#f8f9fa;border-top:1px solid #f0f0f0;justify-content:space-between}.employee-management .action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:12px;background:white;color:#495057;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;flex:1;justify-content:center;min-width:0}.employee-management .action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.employee-management .edit-action{background:#FFA500;border-color:orange;color:#fff}.employee-management .edit-action:hover{background:#ff8c00;border-color:#ff8c00}.employee-management .assign-action{background:#17a2b8;border-color:#17a2b8;color:#fff}.employee-management .assign-action:hover{background:#138496;border-color:#138496}.employee-management .delete-action{background:#dc3545;border-color:#dc3545;color:#fff}.employee-management .delete-action:hover{background:#c82333;border-color:#c82333}@media (max-width: 768px){.employee-management .employees-grid.modern-grid{grid-template-columns:1fr;gap:1rem}.employee-management .employee-header{padding:1rem 1.5rem}.employee-management .employee-avatar-section{flex-direction:column;align-items:center;text-align:center;gap:1rem}.employee-management .employee-avatar.modern-avatar{width:60px;height:60px}.employee-management .avatar-initials{font-size:1.25rem}.employee-management .employee-content{padding:1rem 1.5rem}.employee-management .performance-grid{grid-template-columns:1fr}.employee-management .employee-actions.modern-actions{flex-direction:column;gap:.5rem;padding:1rem 1.5rem}.employee-management .action-btn{width:100%}}@media (max-width: 480px){.employee-management .employees-grid.modern-grid{grid-template-columns:1fr;gap:.75rem}.employee-management .employee-header,.employee-management .employee-content,.employee-management .employee-actions.modern-actions{padding:1rem}}.customer-management{padding:0;background:#f8fafc}.customer-management .customer-header{background:linear-gradient(135deg,#ff6b35,#ff8c42,#ffa726);color:#fff;padding:2.5rem 2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 8px 32px #ff6b354d;position:relative;overflow:hidden}.customer-management .customer-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);pointer-events:none}.customer-management .customer-header *{position:relative;z-index:1}.customer-management .header-content h2{margin:0 0 .5rem;color:#fff;font-size:2.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.customer-management .header-content p{margin:0;color:#ffffffe6;font-size:1.1rem;font-weight:400}.customer-management .error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;border:1px solid #fecaca}.error-icon{font-size:1.25rem}.customer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.customer-management .loading-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.customer-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:white;border-radius:16px;box-shadow:0 4px 20px #00000014}.search-section{display:flex;gap:1.5rem;align-items:center;flex:1}.search-container{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fafbfc}.search-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;background:white}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d;font-size:1.1rem}.filter-section{display:flex;gap:1rem;align-items:center}.status-filter,.sort-controls select{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;background:#fafbfc;cursor:pointer;transition:all .3s ease}.status-filter:focus,.sort-controls select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;background:white}.sort-controls{display:flex;align-items:center;gap:.5rem}.sort-label{font-weight:500;color:#374151;font-size:.9rem}.customer-list{background:white;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.customer-item{padding:2rem;border-bottom:1px solid #f1f3f4;transition:all .3s ease;cursor:pointer}.customer-item:hover{background:#fafbfc}.customer-item:last-child{border-bottom:none}.customer-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.customer-info{flex:1}.customer-name{font-size:1.25rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.customer-email{color:#6c757d;font-size:1rem;margin-bottom:.25rem}.customer-phone{color:#6c757d;font-size:.95rem}.customer-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.customer-status{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.customer-status.active{background:#d4edda;color:#155724}.customer-status.inactive{background:#f8d7da;color:#721c24}.customer-status.pending{background:#fff3cd;color:#856404}.customer-value{font-size:1.1rem;font-weight:700;color:#ff6b35}.customer-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f3f4}.detail-item{display:flex;align-items:center;gap:.75rem}.detail-icon{font-size:1.1rem;color:#ff6b35;flex-shrink:0}.detail-content{flex:1}.detail-label{font-size:.8rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.detail-value{font-size:.95rem;color:#2c3e50;font-weight:500}.customer-actions{display:flex;gap:.75rem;margin-top:1.5rem}.customer-management .action-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.customer-management .action-btn.primary{background:#ff6b35;color:#fff}.customer-management .action-btn.secondary{background:#6c757d;color:#fff}.customer-management .action-btn.info{background:#17a2b8;color:#fff}.customer-management .action-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.customer-management .customers-empty{text-align:center;padding:4rem 2rem;color:#6c757d}.customer-management .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.customer-management .customers-empty h3{margin:0 0 1rem;color:#2c3e50;font-size:1.5rem;font-weight:600}.customer-management .customers-empty p{font-size:1.1rem;max-width:400px;margin:0 auto}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:2rem;background:white;border-radius:16px;box-shadow:0 4px 20px #00000014}.pagination-info{color:#6c757d;font-size:.9rem}.pagination-controls{display:flex;gap:.5rem;align-items:center}.pagination-btn{background:none;border:2px solid #e5e7eb;color:#6c757d;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){border-color:#ff6b35;color:#ff6b35}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.page-numbers{display:flex;gap:.25rem}.page-number{background:none;border:2px solid transparent;color:#6c757d;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:40px;text-align:center}.page-number:hover{background:#f8f9fa;color:#ff6b35}.page-number.active{background:#ff6b35;color:#fff}.customer-management .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.customer-modal{background:white;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.customer-management .modal-header{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;padding:2rem;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center}.customer-management .modal-header h3{margin:0;font-size:1.5rem;font-weight:600}.close-btn{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:rgba(255,255,255,.3)}.customer-management .modal-content{padding:2rem}.customer-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.detail-section{background:#f8f9fa;padding:1.5rem;border-radius:12px;border-left:4px solid #ff6b35}.detail-section h4{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem;font-weight:600}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.detail-row:last-child{border-bottom:none;margin-bottom:0}.row-label{font-weight:500;color:#6c757d;font-size:.9rem}.row-value{color:#2c3e50;font-weight:600;text-align:right}.row-value.amount{color:#ff6b35;font-size:1.1rem}.notes-section{grid-column:1 / -1}.notes-form{display:flex;gap:1rem;margin-top:1rem}.notes-input{flex:1;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;resize:vertical;min-height:80px}.notes-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.add-note-btn{background:#ff6b35;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;align-self:flex-start}.add-note-btn:hover{background:#ff5722;transform:translateY(-1px)}.notes-list{margin-top:1rem;max-height:200px;overflow-y:auto}.note-item{background:white;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:.75rem}.note-item:last-child{margin-bottom:0}.note-meta{display:flex;justify-content:between;align-items:center;margin-bottom:.5rem;font-size:.8rem;color:#6c757d}.note-text{color:#2c3e50;line-height:1.5}@media (max-width: 1024px){.customer-controls{flex-direction:column;align-items:stretch;gap:1.5rem}.search-section{flex-direction:column;gap:1rem}.filter-section{justify-content:space-between}.customer-details{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}}@media (max-width: 768px){.customer-header{padding:2rem 1.5rem}.header-content h2{font-size:1.8rem}.customer-controls,.customer-item{padding:1.5rem}.customer-header-row{flex-direction:column;gap:1rem}.customer-stats{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.customer-details,.customer-details-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:1rem}.pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.customer-header{padding:1.5rem;margin-bottom:1.5rem}.header-content h2{font-size:1.5rem}.customer-controls,.customer-item{padding:1rem}.customer-actions{flex-direction:column;gap:.5rem}.action-btn{justify-content:center}.filter-section{flex-direction:column;gap:.75rem}.search-container{max-width:none}.modal-content{padding:1.5rem}.customer-modal{margin:.5rem}}.analytics-dashboard{padding:0}.analytics-dashboard .analytics-header{margin-bottom:2rem}.analytics-dashboard .analytics-header h2{margin:0 0 .5rem;color:#2c3e50;font-size:1.8rem;font-weight:600}.analytics-dashboard .analytics-header p{margin:0;color:#6c757d;font-size:1rem}.analytics-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e9ecef}.analytics-dashboard .tab-btn{padding:.75rem 1.5rem;border:none;background:transparent;color:#6c757d;font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.analytics-dashboard .tab-btn:hover{color:#495057;background:#f8f9fa}.analytics-dashboard .tab-btn.active{color:var(--orange-color, #FFA500);border-bottom-color:var(--orange-color, #FFA500);background:#fff8f0}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6c757d}.analytics-dashboard .loading-spinner{width:40px;height:40px;border:3px solid #e3e3e3;border-top:3px solid var(--orange-color, #FFA500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.analytics-content{margin-top:1rem}.analytics-dashboard .metrics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-dashboard .metric-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.analytics-dashboard .metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.metric-icon{font-size:2.5rem;flex-shrink:0}.analytics-dashboard .metric-info{flex:1}.analytics-dashboard .metric-info h3{margin:0 0 .25rem;font-size:1.8rem;font-weight:700;color:#2c3e50}.analytics-dashboard .metric-info p{margin:0 0 .5rem;color:#6c757d;font-size:.9rem}.analytics-dashboard .metric-change{font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.analytics-dashboard .metric-change.positive{color:#28a745;background:#d4edda}.analytics-dashboard .metric-detail{color:#6c757d;font-size:.8rem}.analytics-charts{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.chart-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.chart-card h3{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem;font-weight:600}.trend-chart{display:flex;align-items:end;gap:.5rem;height:200px}.trend-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.trend-bar .bar{background:linear-gradient(180deg,var(--orange-color, #FFA500),#ff8c00);border-radius:4px 4px 0 0;width:100%;min-height:20px;transition:all .3s ease}.trend-bar .bar:hover{opacity:.8}.bar-label{font-size:.75rem;color:#6c757d;margin-top:.5rem}.bar-value{font-size:.7rem;color:#2c3e50;font-weight:500;margin-top:.25rem}.services-list{display:flex;flex-direction:column;gap:.75rem}.service-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8f9fa;border-radius:8px;transition:background-color .2s ease}.service-item:hover{background:#e9ecef}.service-info h4{margin:0 0 .25rem;color:#2c3e50;font-size:.9rem;font-weight:600}.service-info p{margin:0;color:#6c757d;font-size:.8rem}.service-revenue{font-weight:600;color:var(--orange-color, #FFA500);font-size:.9rem}.revenue-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.revenue-card{background:white;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014;text-align:center}.revenue-card h3{margin:0 0 1rem;color:#6c757d;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.revenue-amount{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.revenue-change{font-size:.9rem;font-weight:600;padding:.25rem .75rem;border-radius:20px}.revenue-change.positive{color:#28a745;background:#d4edda}.services-analytics{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.service-analytics-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.service-header h3{margin:0;color:#2c3e50;font-size:1.1rem;font-weight:600}.service-category{background:var(--orange-color, #FFA500);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.service-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.service-metric{display:flex;flex-direction:column;gap:.25rem}.analytics-dashboard .metric-label{color:#6c757d;font-size:.8rem;font-weight:500}.analytics-dashboard .metric-value{color:#2c3e50;font-size:1.1rem;font-weight:600}.trend-up{color:#28a745}.trend-down{color:#dc3545}.trend-stable{color:#6c757d}.performance-metrics{margin-top:1rem}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.performance-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;text-align:center}.performance-card h4{margin:0 0 1rem;color:#6c757d;font-size:.9rem;font-weight:500}.performance-value{font-size:2rem;font-weight:700;color:#2c3e50}@media (max-width: 1200px){.analytics-charts{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-tabs{flex-wrap:wrap}.tab-btn{padding:.5rem 1rem;font-size:.85rem}.metrics-overview{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1rem}.analytics-charts{gap:1rem}.chart-card{padding:1rem}.trend-chart{height:150px}.revenue-metrics,.services-analytics{grid-template-columns:1fr}.performance-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.metric-card{flex-direction:column;text-align:center}.service-metrics,.performance-grid{grid-template-columns:1fr}}.analytics-dashboard .metrics-overview.modern-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-dashboard .metric-card{position:relative;background:white;border-radius:20px;box-shadow:0 8px 32px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid #f0f0f0}.analytics-dashboard .metric-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026;border-color:orange}.analytics-dashboard .card-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.05}.analytics-dashboard .modern-revenue-card .card-background{background:linear-gradient(135deg,#FFA500,#FF8C42)}.analytics-dashboard .modern-bookings-card .card-background{background:linear-gradient(135deg,#17a2b8,#20c997)}.analytics-dashboard .modern-rating-card .card-background{background:linear-gradient(135deg,#ffc107,#fd7e14)}.analytics-dashboard .modern-customers-card .card-background{background:linear-gradient(135deg,#6f42c1,#e83e8c)}.analytics-dashboard .card-pattern{position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,#FFA500,#FF8C42);border-radius:50%;transform:translate(30px,-30px);opacity:.1}.analytics-dashboard .card-content{position:relative;z-index:1;padding:2rem}.analytics-dashboard .metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.analytics-dashboard .metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 15px #0003}.analytics-dashboard .revenue-icon{background:linear-gradient(135deg,#FFA500,#FF8C42)}.analytics-dashboard .bookings-icon{background:linear-gradient(135deg,#17a2b8,#20c997)}.analytics-dashboard .rating-icon{background:linear-gradient(135deg,#ffc107,#fd7e14)}.analytics-dashboard .customers-icon{background:linear-gradient(135deg,#6f42c1,#e83e8c)}.analytics-dashboard .metric-trend{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;padding:.375rem .75rem;border-radius:20px}.analytics-dashboard .metric-trend.positive{background:#d4edda;color:#155724}.analytics-dashboard .metric-detail{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#6c757d;font-weight:500}.analytics-dashboard .metric-value{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem;line-height:1}.analytics-dashboard .metric-label{font-size:1rem;color:#6c757d;font-weight:500}.analytics-dashboard .analytics-charts.modern-charts{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-top:2rem}.analytics-dashboard .chart-card.modern-chart-card,.analytics-dashboard .chart-card.modern-services-card{background:white;border-radius:20px;box-shadow:0 8px 32px #00000014;transition:all .3s ease;overflow:hidden;border:1px solid #f0f0f0}.analytics-dashboard .chart-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001f;border-color:orange}.analytics-dashboard .chart-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%)}.analytics-dashboard .chart-title{display:flex;align-items:center;gap:.75rem}.analytics-dashboard .chart-icon{width:40px;height:40px;background:linear-gradient(135deg,#FFA500,#FF8C42);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #ffa5004d}.analytics-dashboard .chart-title h3{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0}.analytics-dashboard .chart-actions{display:flex;gap:.5rem}.analytics-dashboard .chart-filter{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;color:#495057;cursor:pointer;transition:all .3s ease}.analytics-dashboard .chart-filter:hover{background:#e9ecef;border-color:#adb5bd}.analytics-dashboard .chart-filter.active{background:#FFA500;border-color:orange;color:#fff}.analytics-dashboard .services-count{background:#f8f9fa;color:#6c757d;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500}.analytics-dashboard .chart-container.modern-chart-container{padding:2rem;min-height:300px}.analytics-dashboard .trend-chart.modern-trend-chart{display:flex;align-items:end;justify-content:space-between;gap:1rem;height:250px;padding:1rem 0}.analytics-dashboard .trend-bar.modern-trend-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.analytics-dashboard .bar.modern-bar{width:100%;max-width:40px;background:linear-gradient(135deg,#FFA500,#FF8C42);border-radius:6px 6px 0 0;transition:all .3s ease;position:relative;cursor:pointer;box-shadow:0 4px 15px #ffa5004d}.analytics-dashboard .bar.modern-bar:hover{transform:scale(1.05);box-shadow:0 6px 20px #ffa50066}.analytics-dashboard .bar-label{font-size:.8rem;color:#6c757d;font-weight:500;margin-top:.5rem}.analytics-dashboard .bar-value{font-size:.75rem;color:#495057;font-weight:600;background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;position:absolute;bottom:100%;margin-bottom:.5rem;opacity:0;transition:opacity .3s ease;white-space:nowrap}.analytics-dashboard .trend-bar:hover .bar-value{opacity:1}.analytics-dashboard .empty-chart,.analytics-dashboard .empty-services{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#6c757d}.analytics-dashboard .empty-chart-icon,.analytics-dashboard .empty-services-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.analytics-dashboard .empty-chart p,.analytics-dashboard .empty-services p{font-size:1.1rem;font-weight:600;color:#495057;margin:0 0 .5rem}.analytics-dashboard .empty-chart span,.analytics-dashboard .empty-services span{font-size:.9rem;color:#6c757d}.analytics-dashboard .services-list.modern-services-list{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.analytics-dashboard .service-item.modern-service-item{background:#f8f9fa;border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;border-left:4px solid #FFA500}.analytics-dashboard .service-item:hover{background:#f1f3f4;transform:translate(4px)}.analytics-dashboard .service-rank{position:absolute;top:-8px;left:-8px;width:32px;height:32px;background:linear-gradient(135deg,#FFA500,#FF8C42);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;box-shadow:0 4px 15px #ffa5004d;border:3px solid white}.analytics-dashboard .service-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.analytics-dashboard .service-info h4{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem}.analytics-dashboard .service-meta{display:flex;align-items:center;gap:.5rem}.analytics-dashboard .bookings-count{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#6c757d;font-weight:500}.analytics-dashboard .service-revenue{text-align:right}.analytics-dashboard .revenue-amount{font-size:1.2rem;font-weight:700;color:#28a745;display:block}.analytics-dashboard .revenue-label{font-size:.8rem;color:#6c757d;font-weight:500}.analytics-dashboard .service-progress{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;position:relative}.analytics-dashboard .progress-fill{height:100%;background:linear-gradient(90deg,#FFA500,#FF8C42);border-radius:3px;transition:width .5s ease;position:relative}.analytics-dashboard .progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 1200px){.analytics-dashboard .analytics-charts.modern-charts{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.analytics-dashboard .metrics-overview.modern-metrics{grid-template-columns:1fr;gap:1rem}.analytics-dashboard .card-content{padding:1.5rem}.analytics-dashboard .metric-header{flex-direction:column;align-items:flex-start;gap:1rem}.analytics-dashboard .chart-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem}.analytics-dashboard .chart-container.modern-chart-container{padding:1.5rem}.analytics-dashboard .trend-chart.modern-trend-chart{height:200px;gap:.5rem}.analytics-dashboard .service-content{flex-direction:column;align-items:flex-start;gap:1rem}.analytics-dashboard .service-revenue{text-align:left}}@media (max-width: 480px){.analytics-dashboard .card-content{padding:1rem}.analytics-dashboard .metric-value{font-size:2rem}.analytics-dashboard .chart-header,.analytics-dashboard .chart-container.modern-chart-container,.analytics-dashboard .services-list.modern-services-list{padding:1rem}}.pet-owner-dashboard{min-height:100vh;background-color:#f8f9fa;--primary-color: #FFA500;--secondary-color: #FFFFFF;--accent-color: #FFB84D;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--text-primary: #2c3e50;--text-secondary: #6c757d;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--shadow-soft: 0 2px 10px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--border-radius: 12px}.dashboard-container{display:flex;min-height:100vh;background-color:#f8f9fa;width:100%}.main-content{flex:1;background-color:#f8f9fa;margin-left:0;display:flex;flex-direction:column}.content-wrapper{padding:2rem;min-height:calc(100vh - 80px)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-medium);border:1px solid #e9ecef;border-top:4px solid var(--primary-color);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 100%)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ffa50033;border-color:var(--primary-color)}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f8f9fa;color:var(--text-primary)}.loading-spinner{width:50px;height:50px;border:3px solid #e3e3e3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.dashboard-loading p{font-size:1.1rem;font-weight:500}.dashboard-sidebar{background:linear-gradient(135deg,#ff6b35 0%,#ff8c42 50%,#ffa726 100%);box-shadow:2px 0 20px #ff6b3533;transition:all .3s ease;display:flex;flex-direction:column;z-index:100;border-right:1px solid rgba(255,255,255,.2);flex-shrink:0;height:100vh;position:relative}.dashboard-sidebar.open{width:280px}.dashboard-sidebar.closed{width:80px}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:all .3s ease}.sidebar-logo:hover{transform:scale(1.05)}.sidebar-logo-image{height:50px;width:auto;transition:all .3s ease}.logo-icon{font-size:1.5rem;color:#fff}.logo-text{font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.sidebar-toggle{background:rgba(255,255,255,.2);border:none;font-size:1.25rem;color:#fff;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.sidebar-toggle:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.sidebar-user{padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.1));border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-avatar.small{width:36px;height:36px;font-size:.9rem}.user-info{overflow:hidden;flex:1}.user-name{font-weight:600;color:#fff;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.3)}.user-email{color:#fffc;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{color:#fff;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;background:rgba(255,255,255,.2);padding:.2rem .5rem;border-radius:10px;display:inline-block;margin-top:.25rem}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;margin:0 .75rem;background:none;border:none;border-radius:8px;color:#fffc;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:calc(100% - 1.5rem)}.nav-item:hover{background:rgba(255,255,255,.15);color:#fff;transform:translate(5px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-item.active{background:rgba(255,255,255,.25);color:#fff;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.nav-icon{font-size:1.1rem;flex-shrink:0}.nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-quick-actions{padding:1rem;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:.5rem}.quick-action-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.quick-action-btn.primary{background:linear-gradient(135deg,#4A90E2,#5BA0F2);color:#fff}.quick-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.quick-action-btn.secondary{background:linear-gradient(135deg,#7ED321,#8FE432);color:#fff}.quick-action-btn.secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7ed3214d}.action-icon{font-size:1rem}.action-text{font-weight:500}.sidebar-footer{padding:1rem}.logout-btn{display:flex;align-items:center;gap:1rem;padding:.875rem;background:rgba(220,53,69,.2);border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.logout-btn:hover{background:rgba(220,53,69,.3);transform:translateY(-1px)}.dashboard-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;height:100vh}.dashboard-header{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-bottom:1px solid #e9ecef;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;min-height:70px;box-shadow:0 2px 10px #0000000d}.header-left{flex:1}.page-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.header-right{display:flex;align-items:center;gap:1rem}.header-actions{display:flex;align-items:center;gap:.5rem}.header-btn{position:relative;background:none;border:1px solid #e9ecef;padding:.5rem;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:1.1rem}.header-btn:hover{background-color:#f8f9fa;color:var(--primary-color);border-color:var(--primary-color)}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;background-color:var(--danger-color);color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .4rem;border-radius:10px;min-width:18px;text-align:center}.user-menu-btn{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid #e9ecef;padding:.5rem;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.user-menu-btn:hover{background-color:#f8f9fa;border-color:var(--primary-color)}.dashboard-content{flex:1;padding:2rem;overflow-y:auto;background-color:#f8f9fa}@media (max-width: 1200px){.stats-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}}@media (max-width: 768px){.dashboard-container{flex-direction:column}.dashboard-sidebar.open{width:100%;height:auto}.dashboard-sidebar.closed{width:100%;height:60px}.main-content{margin-left:0}.content-wrapper{padding:1.5rem}.dashboard-header{padding:1rem 1.5rem}.page-title{font-size:1.5rem}.stats-cards{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.5rem}.sidebar-quick-actions{display:none}}@media (max-width: 480px){.dashboard-content{padding:1rem}.header-actions{gap:.25rem}.user-info{display:none}.sidebar-user{justify-content:center}}.dashboard-content::-webkit-scrollbar{width:6px}.dashboard-content::-webkit-scrollbar-track{background:#f1f1f1}.dashboard-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.owner-dashboard-overview{padding:0}.welcome-section{margin-bottom:2.5rem;text-align:center}.welcome-section h2{color:#2c3e50;margin-bottom:.75rem;font-size:2.2rem;font-weight:700}.welcome-section p{color:#6c757d;margin:0;font-size:1.1rem;font-weight:400}.owner-dashboard-overview .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.owner-dashboard-overview .metric-card{background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;border:1px solid #e9ecef;border-top:4px solid #FFA500;position:relative;overflow:hidden}.owner-dashboard-overview .metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FFA500 0%,#FFB84D 100%)}.owner-dashboard-overview .metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ffa50033;border-color:orange}.owner-dashboard-overview .metric-icon{font-size:3rem;color:orange;filter:drop-shadow(0 2px 4px rgba(255,165,0,.3))}.owner-dashboard-overview .metric-value{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:.25rem}.owner-dashboard-overview .metric-label{color:#6c757d;font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.overview-card{background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;border:1px solid #e9ecef;border-top:4px solid #FFA500;transition:all .3s ease;position:relative}.overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FFA500 0%,#FFB84D 100%)}.overview-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffa50026;border-color:orange}.owner-dashboard-overview .card-header{padding:1.5rem 1.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ecef}.owner-dashboard-overview .card-header h3{margin:0;color:#2c3e50;font-size:1.2rem;font-weight:700}.view-all-link{color:orange;text-decoration:none;font-size:.9rem;font-weight:600;padding:.5rem 1rem;border-radius:8px;background:rgba(255,165,0,.1);transition:all .3s ease}.view-all-link:hover{background:#FFA500;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #ffa5004d}.owner-dashboard-overview .card-content{padding:1.5rem}.empty-state{text-align:center;padding:2.5rem 1.5rem;color:#6c757d}.empty-icon{font-size:3.5rem;margin-bottom:1rem;opacity:.6;color:orange}.cta-button,.add-reminder-btn{background:linear-gradient(135deg,#FFA500 0%,#FFB84D 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 2px 8px #ffa5004d}.cta-button:hover,.add-reminder-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffa50066}.appointments-list{display:flex;flex-direction:column;gap:1rem}.appointment-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:all .3s ease;position:relative}.appointment-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#FFA500 0%,#FFB84D 100%)}.appointment-item:hover{transform:translate(5px);background:#fff;box-shadow:0 2px 8px #ffa5001a}.appointment-date{flex-shrink:0;width:50px;text-align:center;background:linear-gradient(135deg,#FFA500 0%,#FFB84D 100%);color:#fff;border-radius:8px;padding:.5rem;box-shadow:0 2px 8px #ffa5004d}.date-day{font-size:1.3rem;font-weight:700;line-height:1}.date-month{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:.2rem}.appointment-details{flex:1}.appointment-service{font-size:1rem;font-weight:700;color:#2c3e50;margin-bottom:.25rem}.appointment-company{font-size:.9rem;color:orange;font-weight:600;margin-bottom:.25rem}.appointment-meta{font-size:.8rem;color:#6c757d}.appointment-status{flex-shrink:0}.status-badge{padding:.3rem .8rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.confirmed{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.reminders-list{display:flex;flex-direction:column;gap:1rem}.reminder-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:all .3s ease;position:relative}.reminder-item.priority-high{border-left:4px solid #dc3545;background:rgba(220,53,69,.05)}.reminder-item.priority-medium{border-left:4px solid #ffc107;background:rgba(255,193,7,.05)}.reminder-item.priority-low{border-left:4px solid #28a745;background:rgba(40,167,69,.05)}.reminder-item:hover{transform:translate(5px);background:#fff;box-shadow:0 2px 8px #0000001a}.reminder-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFA500 0%,#FFB84D 100%);border-radius:50%;color:#fff;box-shadow:0 2px 8px #ffa5004d}.reminder-details{flex:1}.reminder-pet{font-size:1rem;font-weight:700;color:#2c3e50;margin-bottom:.25rem}.reminder-message{font-size:.9rem;color:#6c757d;margin-bottom:.25rem}.reminder-date{font-size:.8rem;color:orange;font-weight:600}.priority-badge{padding:.3rem .8rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.priority-badge.high{background:#dc3545;color:#fff}.priority-badge.medium{background:#ffc107;color:#856404}.priority-badge.low{background:#28a745;color:#fff}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:all .3s ease}.activity-item:hover{transform:translate(5px);background:#fff;box-shadow:0 2px 8px #0000001a}.activity-icon{font-size:1.2rem;flex-shrink:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFA500 0%,#FFB84D 100%);border-radius:50%;color:#fff;box-shadow:0 2px 8px #ffa5004d}.activity-details{flex:1}.activity-message{font-size:.9rem;color:#2c3e50;font-weight:600;margin-bottom:.25rem}.activity-date{font-size:.8rem;color:#6c757d}.owner-dashboard-overview .actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;border:none;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .3s ease;border:1px solid #e9ecef}.action-btn:hover{transform:translateY(-3px);background:#fff;box-shadow:0 4px 15px #0000001a;border-color:orange}.action-btn.primary{background:linear-gradient(135deg,#FFA500 0%,#FFB84D 100%);color:#fff;box-shadow:0 2px 8px #ffa5004d}.action-btn.primary:hover{box-shadow:0 4px 15px #ffa50066}.action-btn.secondary{background:linear-gradient(135deg,#28a745 0%,#32d74b 100%);color:#fff;box-shadow:0 2px 8px #28a7454d}.action-btn.secondary:hover{box-shadow:0 4px 15px #28a74566}.action-btn .action-icon{font-size:2rem}.action-btn .action-text{font-size:.9rem;font-weight:600;text-align:center}.owner-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;background:#f8f9fa;border-radius:12px;color:#6c757d}.owner-dashboard-loading .loading-spinner{width:50px;height:50px;border:3px solid #e3e3e3;border-top:3px solid #FFA500;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.owner-dashboard-loading p{font-size:1rem;font-weight:500}@media (max-width: 1200px){.overview-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.owner-dashboard-overview .metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.owner-dashboard-overview .actions-grid{grid-template-columns:1fr;gap:1rem}.overview-card{margin-bottom:1rem}.welcome-section h2{font-size:1.8rem}.owner-dashboard-overview .metric-card{padding:1.5rem}.owner-dashboard-overview .metric-icon{font-size:2.5rem}.owner-dashboard-overview .metric-value{font-size:2rem}.appointment-item,.reminder-item,.activity-item{padding:.75rem;gap:.75rem}.appointment-date{width:45px;padding:.4rem}.date-day{font-size:1.1rem}}@media (max-width: 480px){.owner-dashboard-overview .metrics-grid{grid-template-columns:1fr}.welcome-section h2{font-size:1.6rem}.owner-dashboard-overview .card-content{padding:1rem}.owner-dashboard-overview .card-header{padding:1rem 1rem .5rem}}:root{--primary-color: #FFA500;--secondary-color: #FFFFFF;--text-color: #333333;--text-muted: #6c757d;--border-color: #e9ecef;--success-color: #28a745;--error-color: #dc3545;--warning-color: #ffc107;--background-color: #f8f9fa;--shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--border-radius: 12px;--transition: all .3s ease}.my-pets{padding:0}.pets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.pets-header h2{color:var(--text-color);margin:0;font-size:1.8rem;font-weight:600}.add-pet-btn{background:linear-gradient(135deg,var(--primary-color),#FFB84D);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition);box-shadow:var(--shadow-light)}.add-pet-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-icon{font-size:1.2rem;font-weight:700}.pets-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted)}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.pet-card{background:white;border-radius:var(--border-radius);box-shadow:var(--shadow-light);padding:1.5rem;transition:var(--transition);position:relative;border:1px solid var(--border-color)}.pet-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.pet-avatar{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--background-color);border-radius:50%;font-size:2.5rem;margin:0 auto 1rem}.pet-info{text-align:center;margin-bottom:1rem}.pet-name{color:var(--text-color);font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.pet-details{color:var(--text-muted);margin:0 0 .25rem;font-size:.9rem}.pet-type{color:var(--text-muted);margin:0 0 .75rem;font-size:.85rem}.special-needs{display:inline-flex;align-items:center;gap:.25rem;background:#fff3cd;color:#856404;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;margin-top:.5rem}.needs-icon{font-size:.8rem}.pet-actions{display:flex;justify-content:center;gap:.5rem}.action-btn{background:none;border:1px solid var(--border-color);width:40px;height:40px;border-radius:8px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.action-btn.edit:hover{background-color:#e3f2fd;border-color:#2196f3}.action-btn.delete:hover{background-color:#ffebee;border-color:#f44336}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal{background:white;border-radius:var(--border-radius);width:100%;max-width:700px;max-height:95vh;overflow-y:auto;box-shadow:var(--shadow-medium);animation:slideIn .3s ease;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color),#ff7a47);color:#fff;border-radius:var(--border-radius) var(--border-radius) 0 0}.modal-header h3{margin:0;font-size:1.3rem;font-weight:600}.pet-form{padding:1.5rem;flex:1;overflow-y:auto;max-height:calc(95vh - 120px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-weight:600;color:var(--text-color);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:var(--transition);background-color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f758151a}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-section{margin:2rem 0;padding:1.5rem;background-color:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.form-section h4{color:var(--text-color);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding:1.5rem;border-top:1px solid var(--border-color);background:white;position:sticky;bottom:0;border-radius:0 0 var(--border-radius) var(--border-radius)}.cancel-btn{padding:.875rem 2rem;border:2px solid #e9ecef;background:#FFFFFF;color:#6c757d;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center}.cancel-btn:hover:not(:disabled){background:#6c757d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #6c757d4d}.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.save-btn{padding:.875rem 2rem;border:3px solid #FFA500;background:#FFFFFF;color:orange;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:140px;text-align:center;box-shadow:0 2px 8px #ffa50033}.save-btn:hover:not(:disabled){background:#FFA500;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ffa50066;border-color:orange}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #ffa5001a}.delete-btn{padding:.875rem 2rem;border:2px solid #dc3545;background:#FFFFFF;color:#dc3545;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center}.delete-btn:hover:not(:disabled){background:#dc3545;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #dc35454d}.delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.delete-modal{max-width:400px}.delete-content{padding:1.5rem;text-align:center}.delete-content p{margin-bottom:1rem;color:var(--text-color)}.warning-text{color:var(--text-muted);font-size:.9rem;margin-bottom:2rem!important}.delete-btn{background-color:var(--error-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;cursor:pointer;font-weight:600;transition:var(--transition)}.delete-btn:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px);box-shadow:var(--shadow-light)}@media (max-width: 768px){.pets-header{flex-direction:column;gap:1rem;align-items:stretch}.pets-header h2{text-align:center;font-size:1.5rem}.add-pet-btn{justify-content:center}.pets-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.submit-btn,.cancel-btn,.delete-btn{width:100%}.modal{max-width:95vw;max-height:98vh;margin:.5rem}.modal-header{padding:1rem}.pet-form{padding:1rem;max-height:calc(98vh - 140px)}.form-actions{padding:1rem}}@media (max-width: 480px){.pet-card{padding:1rem}.pet-avatar{width:60px;height:60px;font-size:2rem}.pet-name{font-size:1.1rem}.form-group{margin-bottom:.75rem}.form-section{margin:1.5rem 0;padding:.75rem}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal,.pet-card,.add-pet-btn,.submit-btn,.action-btn{animation:none;transition:none}}.file-input{width:100%;padding:.75rem;border:2px dashed var(--border-color);border-radius:var(--border-radius);background-color:#f8f9fa;cursor:pointer;transition:var(--transition)}.file-input:hover{border-color:var(--primary-color);background-color:#ffa5000d}.file-input-help{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.selected-files{margin-top:1rem}.selected-files h5{color:var(--text-color);margin-bottom:.75rem;font-size:1rem;font-weight:600}.files-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.file-preview{position:relative;background:#FFFFFF;border-radius:var(--border-radius);padding:.5rem;box-shadow:var(--shadow-light);border:1px solid var(--border-color)}.file-preview-image{width:100%;height:80px;object-fit:cover;border-radius:8px;background-color:#f8f9fa}.file-info{margin-top:.5rem;text-align:center}.file-name{display:block;font-size:.75rem;color:var(--text-color);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.file-size{font-size:.7rem;color:var(--text-muted)}.remove-file-btn,.remove-photo-btn{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background:var(--error-color);color:#fff;border:none;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.remove-file-btn:hover,.remove-photo-btn:hover{background:#c82333;transform:scale(1.1)}.existing-photos{margin-top:1rem}.existing-photos h5{color:var(--text-color);margin-bottom:.75rem;font-size:1rem;font-weight:600}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.photo-item{position:relative;background:#FFFFFF;border-radius:var(--border-radius);padding:.5rem;box-shadow:var(--shadow-light);border:1px solid var(--border-color)}.pet-photo{width:100%;height:80px;object-fit:cover;border-radius:8px;background-color:#f8f9fa}.upload-status{margin-top:1rem;text-align:center}.uploading-text{color:var(--primary-color);font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.uploading-text:before{content:"";width:16px;height:16px;border:2px solid var(--primary-color);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.files-preview,.photos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.file-preview-image,.pet-photo{height:70px}.file-name{font-size:.7rem}.file-size{font-size:.65rem}}.add-pet-btn:focus,.action-btn:focus,.close-btn:focus,.submit-btn:focus,.cancel-btn:focus,.delete-btn:focus,.cta-button:focus,.file-input:focus{outline:2px solid var(--primary-color);outline-offset:2px}:root{--primary-color: #FFA500;--secondary-color: #FFFFFF;--text-color: #333333;--text-muted: #6c757d;--border-color: #e9ecef;--success-color: #28a745;--error-color: #dc3545;--warning-color: #ffc107;--background-color: #FFFFFF;--shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--border-radius: 12px;--transition: all .3s ease}.my-bookings{padding:0}.bookings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.bookings-header h2{color:var(--text-color);margin:0;font-size:1.8rem;font-weight:600}.my-bookings .header-stats{display:flex;align-items:center;gap:1rem}.total-bookings{color:var(--text-muted);font-size:.9rem;background-color:var(--background-color);padding:.5rem 1rem;border-radius:20px;border:1px solid var(--border-color)}.bookings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.bookings-controls{background:white;padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-light);margin-bottom:2rem;border:1px solid var(--border-color)}.search-bar{position:relative;margin-bottom:1.5rem}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:var(--transition);background-color:#fff}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f758151a}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem}.status-filters{display:flex;gap:.5rem;flex-wrap:wrap}.status-filter{background:none;border:1px solid var(--border-color);color:var(--text-muted);padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.status-filter:hover{border-color:var(--primary-color);color:var(--primary-color)}.status-filter.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-count{background-color:#fff3;padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.status-filter:not(.active) .filter-count{background-color:var(--background-color);color:var(--text-muted)}.empty-state{text-align:center;padding:4rem 2rem;background:white;border-radius:var(--border-radius);box-shadow:var(--shadow-light)}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-state h3{color:var(--text-color);margin-bottom:1rem;font-size:1.5rem}.empty-state p{color:var(--text-muted);margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-button{background:linear-gradient(135deg,var(--primary-color),#ff7a47);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-light)}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.bookings-list{display:flex;flex-direction:column;gap:1.5rem}.booking-card{background:white;border-radius:var(--border-radius);box-shadow:var(--shadow-light);border:1px solid var(--border-color);overflow:hidden;transition:var(--transition)}.booking-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.booking-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.service-info h3{color:var(--text-color);margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.company-name{color:var(--text-muted);margin:0;font-size:.9rem}.booking-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-confirmed{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-completed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-cancelled{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-icon{font-size:1rem}.booking-details{padding:1rem 1.5rem}.detail-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.8rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:var(--text-color);font-weight:600}.detail-value.price{color:var(--primary-color);font-size:1.1rem}.booking-notes,.special-requirements{margin-top:1rem;padding:1rem;background-color:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.notes-label,.requirements-label{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.5rem}.notes-text,.requirements-text{color:var(--text-color);line-height:1.5;font-size:.9rem}.booking-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;background-color:var(--background-color);border-top:1px solid var(--border-color);flex-wrap:wrap}.action-btn{padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:var(--transition);border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.cancel-btn{background-color:#fff5f5;color:#c53030;border-color:#feb2b2}.cancel-btn:hover{background-color:#fed7d7;border-color:#fc8181}.rate-btn{background-color:#fef5e7;color:#d69e2e;border-color:#f6e05e}.rate-btn:hover{background-color:#faf089;border-color:#ecc94b}.contact-btn{background-color:#e6fffa;color:#319795;border-color:#81e6d9}.contact-btn:hover{background-color:#b2f5ea;border-color:#4fd1c7}.error-message{background-color:#f8d7da;color:#721c24;padding:.75rem 1rem;border-radius:6px;border:1px solid #f5c6cb;font-size:.9rem;margin-bottom:1rem}.my-bookings .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.my-bookings .modal{background:white;border-radius:var(--border-radius);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-medium);animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.my-bookings .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color),#ff7a47);color:#fff;border-radius:var(--border-radius) var(--border-radius) 0 0}.my-bookings .modal-header h3{margin:0;font-size:1.3rem;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.close-btn:hover{background-color:#fff3}.my-bookings .modal-content{padding:1.5rem;text-align:center}.warning-icon{font-size:3rem;margin-bottom:1rem;color:var(--warning-color)}.booking-summary{background-color:var(--background-color);padding:1rem;border-radius:8px;margin:1.5rem 0;border:1px solid var(--border-color)}.summary-item{margin-bottom:.5rem;color:var(--text-color)}.cancellation-note{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:1.5rem 0}.my-bookings .modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.cancel-action-btn{background-color:transparent;color:var(--text-muted);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:var(--transition)}.cancel-action-btn:hover:not(:disabled){background-color:var(--background-color);border-color:var(--text-muted)}.confirm-cancel-btn{background-color:var(--error-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:var(--transition)}.confirm-cancel-btn:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px);box-shadow:var(--shadow-light)}.rating-modal{max-width:600px}.rating-form{padding:1.5rem}.service-summary{text-align:center;margin-bottom:2rem;padding:1rem;background-color:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.service-summary h4{color:var(--text-color);margin:0 0 .5rem;font-size:1.2rem}.service-summary p{color:var(--text-muted);margin:.25rem 0;font-size:.9rem}.rating-section{margin-bottom:2rem}.rating-label{display:block;font-weight:600;color:var(--text-color);margin-bottom:1rem;text-align:center}.star-rating{display:flex;justify-content:center;gap:.25rem;margin-bottom:.5rem}.star{background:none;border:none;font-size:2rem;color:#ddd;cursor:pointer;transition:var(--transition);padding:.25rem}.star.filled{color:#ffc107}.star:hover{transform:scale(1.1)}.rating-text{text-align:center;color:var(--text-muted);font-size:.9rem;font-weight:500}.review-section{margin-bottom:2rem}.review-label{display:block;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.review-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:var(--transition)}.review-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f758151a}.submit-rating-btn{background:linear-gradient(135deg,var(--primary-color),#ff7a47);color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;cursor:pointer;font-weight:600;transition:var(--transition)}.submit-rating-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-light)}.submit-rating-btn:disabled,.cancel-action-btn:disabled,.confirm-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.bookings-header{flex-direction:column;gap:1rem;align-items:stretch}.bookings-header h2{text-align:center;font-size:1.5rem}.header-stats{justify-content:center}.bookings-controls{padding:1rem}.status-filters{justify-content:center}.status-filter{font-size:.8rem;padding:.4rem .8rem}.booking-header{flex-direction:column;gap:1rem;align-items:stretch}.booking-status{align-self:flex-start}.detail-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.booking-actions{flex-direction:column}.action-btn{text-align:center}.modal{max-width:95vw;margin:.5rem}.modal-actions{flex-direction:column}.cancel-action-btn,.confirm-cancel-btn,.submit-rating-btn{width:100%}.star-rating{gap:.5rem}.star{font-size:1.5rem}}@media (max-width: 480px){.detail-row{grid-template-columns:1fr}.booking-card{margin:0 -.5rem}.bookings-controls{margin:0 -.5rem;border-radius:0}.service-summary h4{font-size:1rem}.modal-header,.rating-form{padding:1rem}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal,.booking-card,.action-btn,.star{animation:none;transition:none}}.status-filter:focus,.action-btn:focus,.close-btn:focus,.cancel-action-btn:focus,.confirm-cancel-btn:focus,.submit-rating-btn:focus,.star:focus,.cta-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.owner-profile{max-width:800px;margin:0 auto;padding:0;background:#FFFFFF}.profile-header{margin-bottom:2rem;background:#FFFFFF;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.profile-header h2{color:#333;margin-bottom:.5rem}.profile-header p{color:#6c757d;margin:0}.owner-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#FFFFFF;border-radius:12px}.loading-spinner{width:40px;height:40px;border:3px solid #e3e3e3;border-top:3px solid #FFA500;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.alert-error{background-color:#fee;color:#c33;border:1px solid #fcc}.alert-success{background-color:#efe;color:#363;border:1px solid #cfc}.profile-form{background:#FFFFFF;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014;max-height:90vh;overflow-y:auto}.owner-profile .form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e9ecef}.owner-profile .form-section:last-of-type{border-bottom:none;margin-bottom:2rem}.owner-profile .form-section h3{color:#333;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;border-bottom:2px solid #FFA500;padding-bottom:.5rem;display:inline-block}.owner-profile .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.owner-profile .form-group{margin-bottom:1.5rem}.owner-profile .form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:600;font-size:.95rem}.owner-profile .form-group input,.owner-profile .form-group textarea,.owner-profile .form-group select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;color:#374151;background:#FFFFFF;transition:all .3s ease;box-sizing:border-box}.owner-profile .form-group input:focus,.owner-profile .form-group textarea:focus,.owner-profile .form-group select:focus{outline:none;border-color:orange;box-shadow:0 0 0 3px #ffa5001a}.owner-profile .form-group textarea{resize:vertical;min-height:80px}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:400!important;margin-bottom:0!important;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.owner-profile .form-actions{display:flex;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e9ecef;background:white;position:sticky;bottom:0;margin:0 -2rem;border-radius:0 0 12px 12px}.save-button{background:linear-gradient(135deg,#4A90E2,#357ABD);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#357ABD,#2868A6);transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.owner-profile{padding:0 1rem}.profile-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{text-align:center}.save-button{width:100%}}.superadmin-dashboard{min-height:100vh;background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 50%,#fb923c 100%);display:flex;--admin-primary: #ea580c;--admin-secondary: #fb923c;--admin-accent: #ffffff;--admin-success: #10b981;--admin-warning: #f59e0b;--admin-danger: #ef4444;--admin-dark: #c2410c;--admin-darker: #9a3412;--admin-light: #ffffff;--admin-text: #1c1917;--admin-text-muted: #78716c;--admin-border: #fed7aa;color:var(--admin-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.superadmin-dashboard .dashboard-sidebar{width:280px;min-height:100vh;background:linear-gradient(180deg,#ea580c 0%,#c2410c 50%,#9a3412 100%);border-right:1px solid var(--admin-border);box-shadow:4px 0 24px #0000001a;display:flex;flex-direction:column;z-index:100;position:relative;overflow:hidden}.superadmin-dashboard .dashboard-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(251,146,60,.05) 100%);pointer-events:none}.superadmin-dashboard .sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.superadmin-dashboard .sidebar-logo{display:flex;align-items:center;gap:1rem;text-decoration:none;transition:all .3s ease}.superadmin-dashboard .sidebar-logo:hover{transform:scale(1.02)}.superadmin-dashboard .sidebar-logo-image{height:50px;width:auto;filter:brightness(1.2) drop-shadow(0 2px 8px rgba(255,255,255,.3));transition:all .3s ease}.superadmin-dashboard .sidebar-toggle{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:var(--admin-accent);padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem}.superadmin-dashboard .sidebar-toggle:hover{background:rgba(255,255,255,.3);transform:scale(1.05);box-shadow:0 4px 12px #fff3}.superadmin-dashboard .sidebar-user{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(251,146,60,.05) 100%);display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.superadmin-dashboard .user-avatar.admin{width:56px;height:56px;background:linear-gradient(135deg,var(--admin-accent) 0%,#fed7aa 100%);border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #ffffff4d;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--admin-primary);font-weight:600;font-size:1.2rem;position:relative;overflow:hidden}.superadmin-dashboard .user-avatar.admin:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%)}.superadmin-dashboard .user-name{color:var(--admin-accent);font-weight:600;font-size:1rem;margin-bottom:.25rem}.superadmin-dashboard .user-email{color:#fffc;font-size:.85rem;margin-bottom:.5rem}.superadmin-dashboard .user-role.admin-role{background:linear-gradient(135deg,var(--admin-accent) 0%,#fed7aa 100%);color:var(--admin-primary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.4rem .8rem;border-radius:20px;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #ffffff4d}.superadmin-dashboard .user-role.admin-role:before{content:"👑";font-size:.8rem}.superadmin-dashboard .sidebar-nav{flex:1;padding:1.5rem 0;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.superadmin-dashboard .nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin:0 1rem;background:none;border:none;border-radius:12px;color:#fffc;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;width:calc(100% - 2rem);position:relative;overflow:hidden}.superadmin-dashboard .nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,var(--admin-accent) 0%,#fed7aa 100%);transform:scaleY(0);transition:transform .3s ease}.superadmin-dashboard .nav-item:hover{background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,rgba(251,146,60,.1) 100%);color:var(--admin-accent);transform:translate(8px);box-shadow:0 4px 12px #fff3}.superadmin-dashboard .nav-item:hover:before{transform:scaleY(1)}.superadmin-dashboard .nav-item.active{background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,rgba(251,146,60,.2) 100%);color:var(--admin-accent);font-weight:600;border:1px solid rgba(255,255,255,.3);box-shadow:0 6px 16px #ffffff4d}.superadmin-dashboard .nav-item.active:before{transform:scaleY(1)}.superadmin-dashboard .nav-icon{font-size:1.3rem;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.superadmin-dashboard .nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:inherit}.superadmin-dashboard .dashboard-main{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#ffffff 0%,#fff7ed 100%);min-height:100vh;margin-left:280px}.superadmin-dashboard .dashboard-header{background:linear-gradient(135deg,var(--admin-primary) 0%,var(--admin-secondary) 100%);border-bottom:none;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #ea580c33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10;height:80px;padding:0 2rem}.superadmin-dashboard .dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);pointer-events:none}.superadmin-dashboard .header-left{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.superadmin-dashboard .page-title{color:var(--admin-accent);font-size:1.75rem;font-weight:700;margin:0}.superadmin-dashboard .admin-badge{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,var(--admin-accent) 0%,#fed7aa 100%);border-radius:25px;font-size:.8rem;font-weight:600;color:var(--admin-primary);box-shadow:0 4px 12px #ffffff4d;position:relative;overflow:hidden}.superadmin-dashboard .admin-badge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(234,88,12,.1) 0%,transparent 50%)}.superadmin-dashboard .badge-icon{font-size:1rem;filter:drop-shadow(0 1px 2px rgba(234,88,12,.3))}.superadmin-dashboard .header-right{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.superadmin-dashboard .header-actions{display:flex;align-items:center;gap:.75rem}.superadmin-dashboard .header-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:var(--admin-accent);padding:.75rem;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:1.1rem;position:relative;overflow:hidden}.superadmin-dashboard .header-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease}.superadmin-dashboard .header-btn:hover{color:var(--admin-accent);border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 16px #ffffff4d}.superadmin-dashboard .header-btn:hover:before{opacity:1}.superadmin-dashboard .notification-badge.critical{background:linear-gradient(135deg,var(--admin-danger) 0%,#dc2626 100%);animation:pulse-critical 2s infinite;box-shadow:0 2px 8px #ef444466}@keyframes pulse-critical{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef444466}50%{transform:scale(1.05);box-shadow:0 4px 16px #ef444499}}.superadmin-dashboard .dashboard-content{flex:1;padding:0;background:linear-gradient(135deg,#ffffff 0%,#fff7ed 100%);min-height:calc(100vh - 80px);position:relative;overflow-y:auto}.superadmin-dashboard .dashboard-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(234,88,12,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(251,146,60,.05) 0%,transparent 50%);pointer-events:none}.superadmin-dashboard .dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#ffffff 0%,#fff7ed 100%);color:var(--admin-text)}.superadmin-dashboard .loading-spinner{width:60px;height:60px;border:4px solid rgba(234,88,12,.2);border-top:4px solid var(--admin-primary);border-radius:50%;animation:spin-admin 1s linear infinite;margin-bottom:1.5rem;box-shadow:0 4px 16px #ea580c4d}@keyframes spin-admin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.superadmin-dashboard .dashboard-loading p{font-size:1.1rem;font-weight:500;color:var(--admin-text-muted)}@media (max-width: 1200px){.superadmin-dashboard .dashboard-main{margin-left:0}.superadmin-dashboard .dashboard-sidebar{position:fixed;left:-280px;transition:left .3s ease;z-index:1000}.superadmin-dashboard .dashboard-sidebar.open{left:0}}@media (max-width: 768px){.superadmin-dashboard .dashboard-header{padding:1rem 1.5rem}.superadmin-dashboard .dashboard-content{padding:1.5rem}.superadmin-dashboard .page-title{font-size:1.5rem}.superadmin-dashboard .admin-badge{padding:.4rem .8rem;font-size:.75rem}}.admin-overview{padding:1.5rem;background-color:#1a1a2e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--admin-primary: #7C4DFF;--admin-secondary: #BB86FC;--admin-accent: #03DAC6;--admin-danger: #CF6679;--admin-success: #4CAF50;--admin-warning: #FF9800;--admin-info: #2196F3}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.system-status{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#16213e,#0f0f23);border:2px solid var(--admin-success);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000004d}.system-status.warning{border-color:var(--admin-warning)}.system-status.danger{border-color:var(--admin-danger)}.status-indicator{display:flex;align-items:center;gap:.75rem;font-weight:600}.status-icon{font-size:1.2rem}.system-actions{display:flex;gap:.75rem}.action-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease}.action-btn.emergency{background:linear-gradient(135deg,var(--admin-danger),#ff5252);color:#fff}.action-btn.maintenance{background:linear-gradient(135deg,var(--admin-warning),#ffb74d);color:#fff}.admin-overview .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-overview .metric-card{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:12px;padding:1.5rem;border:1px solid rgba(124,77,255,.3);transition:all .3s ease;position:relative;overflow:hidden}.admin-overview .metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--admin-primary),var(--admin-secondary));opacity:.8}.admin-overview .metric-card.primary:before{background:linear-gradient(90deg,var(--admin-primary),var(--admin-secondary))}.admin-overview .metric-card.success:before{background:linear-gradient(90deg,var(--admin-success),#66bb6a)}.admin-overview .metric-card.info:before{background:linear-gradient(90deg,var(--admin-info),#42a5f5)}.admin-overview .metric-card.warning:before{background:linear-gradient(90deg,var(--admin-warning),#ffb74d)}.admin-overview .metric-card.purple:before{background:linear-gradient(90deg,#9C27B0,#E1BEE7)}.admin-overview .metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #7c4dff33;border-color:var(--admin-primary)}.admin-overview .metric-card{display:flex;align-items:flex-start;gap:1rem}.metric-icon{font-size:2.5rem;opacity:.8}.admin-overview .metric-content h3{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:#b3b3b3;text-transform:uppercase;letter-spacing:.5px}.admin-overview .metric-value{font-size:2.2rem;font-weight:700;color:var(--admin-secondary);margin-bottom:.5rem}.admin-overview .metric-sub{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#888}.analytics-section{margin-bottom:2rem}.analytics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.chart-card{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:12px;padding:1.5rem;border:1px solid rgba(124,77,255,.3)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h3{margin:0;color:var(--admin-secondary);font-size:1.1rem}.chart-action{background:rgba(124,77,255,.2);color:var(--admin-secondary);border:1px solid var(--admin-primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .3s ease}.chart-action:hover{background:rgba(124,77,255,.4)}.simple-chart{display:flex;align-items:end;gap:1rem;height:200px;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bar-container{display:flex;align-items:end;gap:4px;height:160px;width:100%;justify-content:center}.bar{width:20px;border-radius:4px 4px 0 0;transition:all .3s ease;cursor:pointer;min-height:10px}.bar.users{background:linear-gradient(to top,var(--admin-primary),var(--admin-secondary))}.bar.companies{background:linear-gradient(to top,var(--admin-accent),#4db6ac)}.bar:hover{opacity:.8;transform:scaleY(1.05)}.bar-label{font-size:.8rem;color:#b3b3b3;font-weight:600}.chart-legend{display:flex;gap:1rem;margin-top:1rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#b3b3b3}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.users{background:linear-gradient(45deg,var(--admin-primary),var(--admin-secondary))}.legend-color.companies{background:linear-gradient(45deg,var(--admin-accent),#4db6ac)}.revenue-chart{display:flex;align-items:end;gap:1rem;height:200px;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.revenue-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%}.revenue-fill{width:30px;background:linear-gradient(to top,var(--admin-success),#66bb6a);border-radius:4px 4px 0 0;transition:all .3s ease;cursor:pointer;min-height:10px}.revenue-fill:hover{opacity:.8;transform:scaleY(1.05)}.revenue-label{font-size:.8rem;color:#b3b3b3;font-weight:600}.bottom-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.companies-card,.activity-card{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:12px;padding:1.5rem;border:1px solid rgba(124,77,255,.3)}.admin-overview .card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-overview .card-header h3{margin:0;color:var(--admin-secondary);font-size:1.1rem}.companies-list{display:flex;flex-direction:column;gap:1rem}.company-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.company-item:hover{background:rgba(124,77,255,.1);border-color:var(--admin-primary)}.company-rank{background:linear-gradient(135deg,var(--admin-primary),var(--admin-secondary));color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.activity-item:hover{background:rgba(124,77,255,.1);border-color:var(--admin-primary)}.activity-icon{background:rgba(124,77,255,.2);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.activity-content{flex:1}.activity-message{font-weight:600;color:#fff;margin-bottom:.25rem}.activity-meta{display:flex;gap:1rem;font-size:.8rem;color:#888}.activity-type{background:rgba(3,218,198,.2);color:var(--admin-accent);padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.quick-actions{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:12px;padding:1.5rem;border:1px solid rgba(124,77,255,.3)}.quick-actions h3{margin:0 0 1.5rem;color:var(--admin-secondary);font-size:1.1rem}.admin-overview .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.action-card.primary{border-color:#7c4dff80}.action-card.info{border-color:#2196f380}.action-card.warning{border-color:#ff980080}.action-icon{font-size:2rem;opacity:.8}.action-text{flex:1}.action-desc{font-size:.85rem;color:#b3b3b3}@media (max-width: 1200px){.analytics-row,.bottom-section{grid-template-columns:1fr}}@media (max-width: 768px){.admin-overview{padding:1rem}.metrics-grid{grid-template-columns:1fr}.system-status{flex-direction:column;gap:1rem;text-align:center}.system-actions{justify-content:center}.actions-grid{grid-template-columns:1fr}.company-item{flex-direction:column;text-align:center}.company-stats{justify-content:center}}.admin-card{background:linear-gradient(135deg,#ffffff 0%,#fff7ed 100%);border:1px solid rgba(234,88,12,.2);border-radius:16px;box-shadow:0 8px 32px #ea580c1a;overflow:hidden;position:relative;transition:all .3s ease;margin:1.5rem}.admin-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(234,88,12,.02) 0%,rgba(251,146,60,.01) 100%);pointer-events:none}.admin-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #ea580c26;border-color:#ea580c66}.admin-card-header{padding:1.5rem 2rem 1rem;border-bottom:1px solid rgba(234,88,12,.1);background:rgba(234,88,12,.02);position:relative;z-index:1}.admin-card-title{font-size:1.25rem;font-weight:700;color:#1c1917;margin:0;display:flex;align-items:center;gap:.75rem}.admin-card-title .icon{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(234,88,12,.2));color:#ea580c}.admin-card-content{padding:2rem;position:relative;z-index:1}.admin-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem}.admin-metric-card{background:linear-gradient(135deg,#ea580c 0%,#fb923c 100%);border-radius:16px;padding:2rem;color:#fff;box-shadow:0 8px 32px #ea580c4d;position:relative;overflow:hidden;transition:all .3s ease}.admin-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.admin-metric-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 48px #ea580c66}.admin-metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.admin-metric-icon{font-size:3rem;opacity:.8;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.admin-metric-trend{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;background:rgba(255,255,255,.2);padding:.3rem .8rem;border-radius:20px}.admin-metric-value{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}.admin-metric-label{font-size:.9rem;opacity:.9;font-weight:500;letter-spacing:.5px}.admin-table-container{background:linear-gradient(135deg,#ffffff 0%,#fff7ed 100%);border:1px solid rgba(234,88,12,.2);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #ea580c1a}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{background:linear-gradient(135deg,rgba(234,88,12,.1) 0%,rgba(251,146,60,.05) 100%);color:#1c1917;font-weight:600;text-align:left;padding:1rem 1.5rem;border-bottom:1px solid rgba(234,88,12,.2);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:1rem 1.5rem;border-bottom:1px solid rgba(234,88,12,.1);color:#44403c;vertical-align:middle}.admin-table tr{transition:all .2s ease}.admin-table tr:hover{background:rgba(234,88,12,.02)}.admin-table tr:last-child td{border-bottom:none}.admin-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-status-badge.active{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 2px 8px #10b9814d}.admin-status-badge.pending{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.admin-status-badge.suspended{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 2px 8px #ef44444d}.admin-status-badge.verified{background:linear-gradient(135deg,#ea580c 0%,#fb923c 100%);color:#fff;box-shadow:0 2px 8px #ea580c4d}.admin-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.admin-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.admin-btn:hover:before{opacity:1}.admin-btn.primary{background:linear-gradient(135deg,#ea580c 0%,#fb923c 100%);color:#fff;box-shadow:0 4px 12px #ea580c4d}.admin-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ea580c66}.admin-btn.secondary{background:linear-gradient(135deg,#64748b 0%,#475569 100%);color:#fff;box-shadow:0 4px 12px #64748b4d}.admin-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #64748b66}.admin-btn.danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 12px #ef44444d}.admin-btn.danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.admin-btn.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 4px 12px #10b9814d}.admin-btn.success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.admin-btn.small{padding:.4rem .8rem;font-size:.75rem}.admin-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-form-group{margin-bottom:1.5rem}.admin-form-label{display:block;font-weight:600;color:#1c1917;margin-bottom:.5rem;font-size:.9rem}.admin-form-input,.admin-form-select,.admin-form-textarea{width:100%;padding:.75rem 1rem;background:rgba(255,255,255,.8);border:1px solid rgba(234,88,12,.3);border-radius:8px;color:#1c1917;font-size:.9rem;transition:all .3s ease}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a;background:rgba(255,255,255,1)}.admin-form-input::placeholder,.admin-form-textarea::placeholder{color:#78716c}.admin-filter-bar{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,rgba(234,88,12,.05) 0%,rgba(251,146,60,.02) 100%);border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(234,88,12,.1)}.admin-search-input{flex:1;padding:.75rem 1rem;background:rgba(255,255,255,.8);border:1px solid rgba(234,88,12,.3);border-radius:8px;color:#1c1917;font-size:.9rem;transition:all .3s ease}.admin-search-input:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a;background:rgba(255,255,255,1)}.admin-filter-select{min-width:150px;padding:.75rem;background:rgba(255,255,255,.8);border:1px solid rgba(234,88,12,.3);border-radius:8px;color:#1c1917;font-size:.9rem}.admin-pagination{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:rgba(234,88,12,.02);border-top:1px solid rgba(234,88,12,.1)}.admin-pagination-info{color:#78716c;font-size:.85rem}.admin-pagination-controls{display:flex;align-items:center;gap:.5rem}.admin-pagination-btn{padding:.5rem 1rem;background:rgba(234,88,12,.1);border:1px solid rgba(234,88,12,.2);border-radius:6px;color:#1c1917;font-size:.85rem;cursor:pointer;transition:all .3s ease}.admin-pagination-btn:hover:not(:disabled){background:rgba(234,88,12,.2);border-color:#ea580c}.admin-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-pagination-btn.active{background:linear-gradient(135deg,#ea580c 0%,#fb923c 100%);color:#fff;border-color:#ea580c}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#78716c}.admin-loading-spinner{width:48px;height:48px;border:4px solid rgba(234,88,12,.2);border-top:4px solid #ea580c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.admin-loading-text{font-size:1rem;font-weight:500}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#78716c}.admin-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5;color:#ea580c}.admin-empty-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#1c1917}.admin-empty-description{font-size:.9rem;margin-bottom:2rem;max-width:400px}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-modal{background:linear-gradient(135deg,#ffffff 0%,#fff7ed 100%);border:1px solid rgba(234,88,12,.2);border-radius:16px;box-shadow:0 24px 64px #00000080;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.admin-modal-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(234,88,12,.1);display:flex;align-items:center;justify-content:space-between}.admin-modal-title{font-size:1.25rem;font-weight:700;color:#1c1917;margin:0}.admin-modal-close{background:none;border:none;color:#78716c;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease}.admin-modal-close:hover{color:#1c1917;background:rgba(234,88,12,.1)}.admin-modal-content{padding:2rem}.admin-modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(234,88,12,.1);display:flex;align-items:center;justify-content:flex-end;gap:1rem}.admin-chart-container{background:linear-gradient(135deg,#ffffff 0%,#fff7ed 100%);border:1px solid rgba(234,88,12,.2);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #ea580c1a}.admin-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.admin-chart-title{font-size:1.25rem;font-weight:700;color:#1c1917;margin:0}.admin-chart-controls{display:flex;align-items:center;gap:1rem}@media (max-width: 1024px){.admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.admin-filter-bar{flex-direction:column;align-items:stretch}.admin-pagination{flex-direction:column;gap:1rem}}@media (max-width: 768px){.admin-card-content{padding:1.5rem}.admin-table-container{border-radius:12px}.admin-table th,.admin-table td{padding:.75rem 1rem}.admin-modal{margin:1rem;width:calc(100% - 2rem)}.admin-modal-content{padding:1.5rem}.admin-btn{padding:.5rem 1rem;font-size:.8rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.admin-fade-in{animation:fadeIn .6s ease-out}.admin-slide-in{animation:slideIn .4s ease-out}.user-management{padding:1.5rem;background-color:#1a1a2e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--admin-primary: #7C4DFF;--admin-secondary: #BB86FC;--admin-accent: #03DAC6;--admin-danger: #CF6679;--admin-success: #4CAF50;--admin-warning: #FF9800;--admin-info: #2196F3}.user-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.user-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:12px;border:1px solid rgba(124,77,255,.3)}.header-stats{display:flex;gap:2rem}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--admin-accent);margin-bottom:.25rem}.stat-label{font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.user-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:12px;border:1px solid rgba(124,77,255,.3)}.users-table-container{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:12px;border:1px solid rgba(124,77,255,.3);overflow:hidden;margin-bottom:2rem}.users-table{width:100%;border-collapse:collapse}.users-table th{background:rgba(124,77,255,.2);color:var(--admin-secondary);padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(124,77,255,.3)}.users-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.users-table tbody tr:hover{background:rgba(124,77,255,.1)}.users-table td{padding:1rem;vertical-align:middle}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--admin-primary),var(--admin-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-details{min-width:0}.user-name{font-weight:600;color:#fff;margin-bottom:.25rem;font-size:1rem}.user-email{color:#b3b3b3;font-size:.85rem;margin-bottom:.25rem}.user-id{color:#888;font-size:.75rem;font-family:Courier New,monospace}.role-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.role-superadmin{background:linear-gradient(135deg,var(--admin-primary),var(--admin-secondary));color:#fff}.role-badge.role-company{background:linear-gradient(135deg,var(--admin-info),#42a5f5);color:#fff}.role-badge.role-owner{background:linear-gradient(135deg,var(--admin-success),#66bb6a);color:#fff}.role-badge.role-default{background:rgba(255,255,255,.1);color:#b3b3b3}.role-icon{font-size:1rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-right:.5rem}.status-badge.status-disabled{background:rgba(207,102,121,.2);color:var(--admin-danger);border:1px solid var(--admin-danger)}.status-badge.status-unverified{background:rgba(255,152,0,.2);color:var(--admin-warning);border:1px solid var(--admin-warning)}.verified-icon{font-size:.8rem}.date-cell{color:#b3b3b3;font-size:.85rem;white-space:nowrap}.actions-cell{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.action-btn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease;background:rgba(255,255,255,.1);color:#b3b3b3;border:1px solid rgba(255,255,255,.2)}.action-btn.view:hover{background:rgba(33,150,243,.2);border-color:var(--admin-info)}.action-btn.enable:hover{background:rgba(76,175,80,.2);border-color:var(--admin-success)}.action-btn.disable:hover{background:rgba(207,102,121,.2);border-color:var(--admin-danger)}.role-selector{padding:.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.8rem;cursor:pointer;transition:all .3s ease}.role-selector:focus{outline:none;border-color:var(--admin-primary);background:rgba(124,77,255,.1)}.role-selector:disabled{opacity:.5;cursor:not-allowed}.no-users{text-align:center;padding:3rem;color:#b3b3b3}.no-users-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.no-users h3{margin:0 0 .5rem;color:#fff}.no-users p{margin:0;font-size:.9rem}.user-modal{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:16px;border:1px solid rgba(124,77,255,.3);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.user-profile{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--admin-primary),var(--admin-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;color:#fff;flex-shrink:0;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info h4{margin:0 0 .5rem;color:#fff;font-size:1.3rem}.profile-info p{margin:0 0 1rem;color:#b3b3b3;font-size:1rem}.user-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.detail-item span{color:#fff;font-size:1rem;word-break:break-all}.detail-item span.verified{color:var(--admin-success)}.detail-item span.unverified{color:var(--admin-warning)}.detail-item span.active{color:var(--admin-success)}.detail-item span.disabled{color:var(--admin-danger)}.role-selector.large{flex:1;padding:1rem;font-size:1rem}.action-btn.large.enable{background:linear-gradient(135deg,var(--admin-success),#66bb6a);color:#fff;border:none}.action-btn.large.disable{background:linear-gradient(135deg,var(--admin-danger),#ff5252);color:#fff;border:none}@media (max-width: 1400px){.user-filters{grid-template-columns:2fr 1fr 1fr}.actions-cell{flex-direction:column;gap:.25rem}}@media (max-width: 1200px){.user-filters{grid-template-columns:1fr 1fr}.header-stats{flex-direction:column;gap:1rem}.user-management-header{flex-direction:column;gap:1.5rem}}@media (max-width: 768px){.user-management{padding:1rem}.user-filters{grid-template-columns:1fr}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.pagination{flex-direction:column;gap:1rem;text-align:center}.user-profile{flex-direction:column;text-align:center}.user-details-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.user-modal{width:95%;margin:1rem}}@media (max-width: 480px){.header-stats{flex-direction:row;justify-content:space-around}.stat-value{font-size:1.5rem}.modal-header,.modal-content{padding:1rem}}.company-management{padding:1.5rem;background-color:#1a1a2e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--admin-primary: #7C4DFF;--admin-secondary: #BB86FC;--admin-accent: #03DAC6;--admin-danger: #CF6679;--admin-success: #4CAF50;--admin-warning: #FF9800;--admin-info: #2196F3}.company-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.company-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:12px;border:1px solid rgba(124,77,255,.3)}.header-stats{display:flex;gap:1.5rem}.stat-item{text-align:center}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:var(--admin-accent);margin-bottom:.25rem}.stat-label{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.company-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:12px;border:1px solid rgba(124,77,255,.3)}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.9rem;font-weight:600;color:#b3b3b3;text-transform:uppercase;letter-spacing:.5px}.search-input,.filter-select{padding:.75rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;transition:all .3s ease}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--admin-primary);background:rgba(124,77,255,.1)}.search-input::placeholder{color:#888}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.company-card{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:16px;border:1px solid rgba(124,77,255,.3);padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.company-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--admin-primary),var(--admin-secondary));opacity:.8}.company-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #7c4dff33;border-color:var(--admin-primary)}.company-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.company-name-section{flex:1}.company-name{margin:0 0 .75rem;color:#fff;font-size:1.3rem;font-weight:700}.company-badges{display:flex;flex-wrap:wrap;gap:.5rem}.company-rating{text-align:right;flex-shrink:0}.rating-stars{display:block;font-size:1rem;margin-bottom:.25rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-active{background:rgba(76,175,80,.2);color:var(--admin-success);border:1px solid var(--admin-success)}.status-badge.status-pending{background:rgba(255,152,0,.2);color:var(--admin-warning);border:1px solid var(--admin-warning)}.status-badge.status-suspended{background:rgba(33,150,243,.2);color:var(--admin-info);border:1px solid var(--admin-info)}.status-badge.status-rejected{background:rgba(207,102,121,.2);color:var(--admin-danger);border:1px solid var(--admin-danger)}.status-icon{font-size:.8rem}.verification-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .8rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.verification-badge.verification-verified{background:rgba(3,218,198,.2);color:var(--admin-accent);border:1px solid var(--admin-accent)}.verification-badge.verification-unverified{background:rgba(158,158,158,.2);color:#9e9e9e;border:1px solid #9e9e9e}.company-content{margin-bottom:1.5rem}.company-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.info-item{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.info-icon{font-size:1rem;opacity:.7;width:20px;text-align:center}.info-text{color:#b3b3b3;flex:1;word-break:break-word}.company-description{margin-bottom:1rem}.company-description p{margin:0;color:#b3b3b3;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.company-metrics{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.metric{text-align:center;flex:1}.metric-value{display:block;font-size:1.2rem;font-weight:700;color:var(--admin-secondary);margin-bottom:.25rem}.metric-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.company-dates{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:#888}.date-item{display:flex;flex-direction:column;gap:.25rem}.date-label{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.date-value{color:#b3b3b3}.company-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.action-btn{padding:.6rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease;background:rgba(255,255,255,.1);color:#b3b3b3;border:1px solid rgba(255,255,255,.2);white-space:nowrap}.action-btn:hover{transform:translateY(-1px);background:rgba(124,77,255,.2);border-color:var(--admin-primary)}.action-btn.view:hover{background:rgba(33,150,243,.2);border-color:var(--admin-info);color:var(--admin-info)}.action-btn.verify:hover{background:rgba(76,175,80,.2);border-color:var(--admin-success);color:var(--admin-success)}.action-btn.unverify:hover{background:rgba(207,102,121,.2);border-color:var(--admin-danger);color:var(--admin-danger)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-selector{padding:.6rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.8rem;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px}.status-selector:focus{outline:none;border-color:var(--admin-primary);background:rgba(124,77,255,.1)}.status-selector:disabled{opacity:.5;cursor:not-allowed}.no-companies{text-align:center;padding:4rem 2rem;color:#b3b3b3;background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:12px;border:1px solid rgba(124,77,255,.3)}.no-companies-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.no-companies h3{margin:0 0 .5rem;color:#fff;font-size:1.3rem}.no-companies p{margin:0;font-size:1rem}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:12px;border:1px solid rgba(124,77,255,.3);margin-bottom:2rem}.pagination-btn{padding:.75rem 1.5rem;background:rgba(124,77,255,.2);color:var(--admin-secondary);border:1px solid var(--admin-primary);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:rgba(124,77,255,.4);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-info{color:#b3b3b3;font-weight:600}.total-count{font-size:.9rem;color:#888;margin-left:.5rem}.company-modal{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:16px;border:1px solid rgba(124,77,255,.3);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.company-profile{margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.profile-header h4{margin:0 0 .5rem;color:#fff;font-size:1.5rem}.profile-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.profile-rating{text-align:right}.profile-rating .rating-stars{display:block;font-size:1.2rem;margin-bottom:.25rem}.profile-rating .rating-value{font-size:1rem;color:var(--admin-accent);font-weight:600}.company-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.detail-section{display:flex;flex-direction:column;gap:1rem}.detail-section.full-width{grid-column:1 / -1}.detail-section h5{margin:0;color:var(--admin-secondary);font-size:1.1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(124,77,255,.3)}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{font-size:.9rem;font-weight:600;color:#b3b3b3;text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:#fff;font-size:1rem;word-break:break-word}.detail-section.full-width p{margin:0;color:#b3b3b3;line-height:1.6}.status-selector.large{flex:1;padding:1rem;font-size:1rem}.action-btn.large{flex:1;padding:1rem 1.5rem;font-size:1rem;font-weight:600}.action-btn.large.verify{background:linear-gradient(135deg,var(--admin-success),#66bb6a);color:#fff;border:none}.action-btn.large.unverify{background:linear-gradient(135deg,var(--admin-danger),#ff5252);color:#fff;border:none}@media (max-width: 1400px){.companies-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.company-filters{grid-template-columns:2fr 1fr 1fr}}@media (max-width: 1200px){.company-filters{grid-template-columns:1fr 1fr}.header-stats{gap:1rem}.company-management-header{flex-direction:column;gap:1.5rem}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 768px){.company-management{padding:1rem}.company-filters{grid-template-columns:1fr}.header-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.companies-grid{grid-template-columns:1fr}.company-header{flex-direction:column;gap:1rem}.company-rating{text-align:left}.company-actions{flex-direction:column}.pagination{flex-direction:column;gap:1rem;text-align:center}.company-modal{width:95%;margin:1rem}.company-details-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.profile-header{flex-direction:column;gap:1rem}.profile-badges{align-items:flex-start}.profile-rating{text-align:left}}@media (max-width: 480px){.header-stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}.company-card{padding:1rem}.company-metrics,.company-dates{flex-direction:column;gap:.5rem}.modal-header,.modal-content{padding:1rem}}.platform-analytics{padding:1.5rem;background-color:#1a1a2e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--admin-primary: #7C4DFF;--admin-secondary: #BB86FC;--admin-accent: #03DAC6;--admin-danger: #CF6679;--admin-success: #4CAF50;--admin-warning: #FF9800;--admin-info: #2196F3}.analytics-loading,.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(124,77,255,.3);border-top:4px solid var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-icon{font-size:3rem;margin-bottom:1rem}.retry-btn{background:linear-gradient(135deg,var(--admin-primary),var(--admin-secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;margin-top:1rem;transition:all .3s ease}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c4dff66}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:12px;border:1px solid rgba(124,77,255,.3)}.header-info h2{margin:0 0 .5rem;color:var(--admin-secondary);font-size:1.8rem}.header-info p{margin:0;color:#b3b3b3;font-size:1rem}.header-controls{display:flex;gap:1rem;align-items:center}.timeframe-selector,.export-btn{padding:.75rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.timeframe-selector:focus,.export-btn:hover{outline:none;border-color:var(--admin-primary);background:rgba(124,77,255,.2)}.export-btn{background:linear-gradient(135deg,var(--admin-accent),#4db6ac);font-weight:600;white-space:nowrap}.export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #03dac64d}.metrics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:16px;padding:1.5rem;border:1px solid rgba(124,77,255,.3);transition:all .3s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:.8}.metric-card.primary:before{background:linear-gradient(90deg,var(--admin-primary),var(--admin-secondary))}.metric-card.success:before{background:linear-gradient(90deg,var(--admin-success),#66bb6a)}.metric-card.info:before{background:linear-gradient(90deg,var(--admin-info),#42a5f5)}.metric-card.warning:before{background:linear-gradient(90deg,var(--admin-warning),#ffb74d)}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #7c4dff33;border-color:var(--admin-primary)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metric-header h3{margin:0;color:#b3b3b3;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-icon{font-size:1.5rem;opacity:.8}.metric-value{font-size:2.5rem;font-weight:700;color:var(--admin-secondary);margin-bottom:1rem;line-height:1}.metric-breakdown{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center}.breakdown-label{font-size:.85rem;color:#888}.breakdown-value{font-size:.9rem;font-weight:600;color:#b3b3b3}.growth-indicator{font-size:.8rem;font-weight:600;padding:.5rem;border-radius:8px;text-align:center}.growth-indicator.positive{background:rgba(76,175,80,.2);color:var(--admin-success)}.growth-indicator.negative{background:rgba(207,102,121,.2);color:var(--admin-danger)}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.chart-container{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:16px;padding:1.5rem;border:1px solid rgba(124,77,255,.3)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.chart-header h3{margin:0;color:var(--admin-secondary);font-size:1.2rem}.chart-controls{display:flex;gap:1rem}.metric-selector{padding:.5rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .3s ease}.metric-selector:focus{outline:none;border-color:var(--admin-primary);background:rgba(124,77,255,.1)}.growth-chart{display:flex;align-items:end;gap:1rem;height:300px;padding:1rem 0}.chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%}.bar-fill{width:100%;max-width:40px;border-radius:4px 4px 0 0;transition:all .3s ease;cursor:pointer;min-height:20px}.bar-fill:hover{opacity:.8;transform:scaleY(1.05)}.bar-label{font-size:.8rem;color:#b3b3b3;font-weight:600;margin-top:auto}.bar-value{font-size:.75rem;color:#888;text-align:center;word-break:break-word}.revenue-breakdown{display:flex;flex-direction:column;gap:1rem}.revenue-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.revenue-item:hover{background:rgba(124,77,255,.1);border-color:var(--admin-primary)}.revenue-label{display:flex;align-items:center;gap:.75rem;flex:1}.color-indicator{width:12px;height:12px;border-radius:50%}.color-indicator.primary{background:var(--admin-primary)}.color-indicator.success{background:var(--admin-success)}.color-indicator.info{background:var(--admin-info)}.color-indicator.warning{background:var(--admin-warning)}.revenue-percentage{font-weight:700;color:var(--admin-secondary);margin:0 1rem}.revenue-amount{font-size:.9rem;color:#b3b3b3;font-weight:600}.performance-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.performance-card{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:16px;padding:1.5rem;border:1px solid rgba(124,77,255,.3)}.performance-card h3{margin:0 0 1.5rem;color:var(--admin-secondary);font-size:1.2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.companies-ranking{display:flex;flex-direction:column;gap:1rem}.ranking-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.ranking-item:hover{background:rgba(124,77,255,.1);border-color:var(--admin-primary)}.rank-number{background:linear-gradient(135deg,var(--admin-primary),var(--admin-secondary));color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.company-info{flex:1}.company-name{font-weight:600;color:#fff;margin-bottom:.25rem}.company-stats{display:flex;gap:1rem;font-size:.85rem;color:#b3b3b3}.company-rating{flex-shrink:0}.rating-value{font-size:.9rem;color:var(--admin-accent);font-weight:600}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.kpi-item{padding:1rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .3s ease}.kpi-item:hover{background:rgba(124,77,255,.1);border-color:var(--admin-primary)}.kpi-label{font-size:.8rem;color:#888;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--admin-secondary);margin-bottom:.5rem}.kpi-trend{font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:12px}.kpi-trend.positive{background:rgba(76,175,80,.2);color:var(--admin-success)}.kpi-trend.negative{background:rgba(207,102,121,.2);color:var(--admin-danger)}.analytics-actions{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:16px;padding:1.5rem;border:1px solid rgba(124,77,255,.3);margin-bottom:2rem}.analytics-actions h3{margin:0 0 1.5rem;color:var(--admin-secondary);font-size:1.2rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.action-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left}.action-card:hover{background:rgba(124,77,255,.1);border-color:var(--admin-primary);transform:translateY(-2px)}.action-icon{font-size:2rem;opacity:.8;flex-shrink:0}.action-content{flex:1}.action-title{font-weight:600;color:#fff;margin-bottom:.25rem}.action-desc{font-size:.85rem;color:#b3b3b3;line-height:1.4}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-modal{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:16px;border:1px solid rgba(124,77,255,.3);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;color:var(--admin-secondary);font-size:1.3rem}.modal-content{padding:1.5rem}.export-options{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.option-group{display:flex;flex-direction:column;gap:.75rem}.option-group label{font-size:.9rem;font-weight:600;color:#b3b3b3;text-transform:uppercase;letter-spacing:.5px}.export-select{padding:.75rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.export-select:focus{outline:none;border-color:var(--admin-primary);background:rgba(124,77,255,.1)}.format-options{display:flex;flex-direction:column;gap:.75rem}.radio-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease}.radio-option:hover{background:rgba(124,77,255,.1);border-color:var(--admin-primary)}.radio-option input[type=radio]{accent-color:var(--admin-primary)}.modal-actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn:hover{background:rgba(207,102,121,.2);border-color:var(--admin-danger);color:var(--admin-danger)}.export-confirm-btn{flex:2;padding:.75rem 1rem;background:linear-gradient(135deg,var(--admin-accent),#4db6ac);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.export-confirm-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #03dac64d}@media (max-width: 1400px){.charts-section,.performance-section{grid-template-columns:1fr}}@media (max-width: 1200px){.analytics-header{flex-direction:column;gap:1.5rem}.header-controls{align-self:stretch;justify-content:space-between}.metrics-overview{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.platform-analytics{padding:1rem}.metrics-overview{grid-template-columns:1fr}.header-controls{flex-direction:column;gap:.75rem}.growth-chart{height:200px;gap:.5rem}.bar-value{display:none}.actions-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.companies-ranking{gap:.75rem}.ranking-item{flex-direction:column;text-align:center;gap:.75rem}.company-stats{justify-content:center}.export-modal{width:95%;margin:1rem}.modal-actions{flex-direction:column}}@media (max-width: 480px){.metric-value{font-size:2rem}.kpi-grid{grid-template-columns:1fr}.chart-header{flex-direction:column;gap:1rem}.revenue-item{flex-direction:column;gap:.5rem;text-align:center}.revenue-label{justify-content:center}.modal-header,.modal-content{padding:1rem}}.system-settings{padding:1.5rem;background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--admin-primary: #FFA500;--admin-secondary: #FFB84D;--admin-accent: #FFFFFF;--admin-danger: #dc3545;--admin-success: #28a745;--admin-warning: #ffc107;--admin-info: #17a2b8}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;background:#FFFFFF;border-radius:16px;box-shadow:0 4px 20px #00000014}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,165,0,.3);border-top:4px solid var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,var(--admin-primary),var(--admin-secondary));border-radius:16px;box-shadow:0 8px 32px #ffa5004d;color:#fff}.header-info h2{margin:0 0 .5rem;color:#fff;font-size:1.8rem}.header-info p{margin:0;color:#ffffffe6;font-size:1rem}.system-settings .header-actions{display:flex;gap:1rem}.save-btn{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.save-btn:hover:not(:disabled){background:rgba(255,255,255,.3);border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 15px #0003}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-container{display:grid;grid-template-columns:280px 1fr;gap:2rem}.settings-sidebar{background:#FFFFFF;border-radius:16px;border:2px solid #e9ecef;padding:1.5rem;height:fit-content;box-shadow:0 4px 20px #00000014}.settings-nav{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:#b3b3b3;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.nav-item:hover{background:rgba(124,77,255,.1);color:var(--admin-secondary)}.nav-item.active{background:linear-gradient(135deg,rgba(124,77,255,.3),rgba(187,134,252,.2));color:var(--admin-secondary);border-left:3px solid var(--admin-primary)}.nav-icon{font-size:1.2rem}.nav-text{font-weight:600}.quick-actions{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.quick-actions h4{margin:0 0 1rem;color:var(--admin-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.action-btn{display:block;width:100%;padding:.75rem;margin-bottom:.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease;text-align:left}.action-btn.maintenance{background:linear-gradient(135deg,var(--admin-danger),#ff5252);color:#fff}.action-btn.secondary{background:rgba(158,158,158,.2);color:#9e9e9e;border:1px solid #9e9e9e}.action-btn.warning{background:linear-gradient(135deg,var(--admin-warning),#ffb74d);color:#fff}.action-btn.info{background:linear-gradient(135deg,var(--admin-info),#42a5f5);color:#fff}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.settings-content{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:12px;border:1px solid rgba(124,77,255,.3);padding:0;overflow:hidden}.settings-section{padding:2rem}.section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.section-header h3{margin:0 0 .5rem;color:var(--admin-secondary);font-size:1.3rem}.section-header p{margin:0;color:#b3b3b3;font-size:1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group.full-width{grid-column:1 / -1}.setting-group label{font-size:.9rem;font-weight:600;color:#b3b3b3;text-transform:uppercase;letter-spacing:.5px}.setting-input,.setting-textarea,.setting-select{padding:.75rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;transition:all .3s ease}.setting-input:focus,.setting-textarea:focus,.setting-select:focus{outline:none;border-color:var(--admin-primary);background:rgba(124,77,255,.1)}.setting-textarea{resize:vertical;min-height:80px}.setting-group small{color:#888;font-size:.8rem;margin-top:.25rem}.toggle-settings{display:flex;flex-direction:column;gap:1.5rem}.toggle-group{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.toggle-group:hover{background:rgba(124,77,255,.1);border-color:var(--admin-primary)}.toggle-info{flex:1}.toggle-info label{display:block;font-weight:600;color:#fff;margin-bottom:.25rem;cursor:pointer}.toggle-info p{margin:0;color:#b3b3b3;font-size:.85rem}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:1rem;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff3;transition:all .3s ease;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:all .3s ease;border-radius:50%}input:checked+.toggle-slider{background:linear-gradient(135deg,var(--admin-primary),var(--admin-secondary))}input:checked+.toggle-slider:before{transform:translate(26px)}.system-settings .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{background:linear-gradient(135deg,#16213e,#0f0f23);border-radius:16px;border:1px solid rgba(124,77,255,.3);width:90%;max-width:400px;box-shadow:0 20px 40px #00000080}.system-settings .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.system-settings .modal-header h3{margin:0;color:var(--admin-secondary);font-size:1.3rem}.close-btn{background:none;border:none;color:#b3b3b3;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:rgba(207,102,121,.2);color:var(--admin-danger)}.system-settings .modal-content{padding:1.5rem}.confirm-message{text-align:center}.confirm-icon{font-size:3rem;margin-bottom:1rem}.confirm-message p{margin:0;color:#b3b3b3;line-height:1.5}.system-settings .modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn{flex:1;padding:.75rem 1rem;background:rgba(255,255,255,.1);color:#b3b3b3;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.cancel-btn:hover{background:rgba(158,158,158,.2);border-color:#9e9e9e;color:#9e9e9e}.confirm-btn{flex:1;padding:.75rem 1rem;background:linear-gradient(135deg,var(--admin-danger),#ff5252);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.confirm-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #cf66794d}@media (max-width: 1200px){.settings-container{grid-template-columns:250px 1fr}.settings-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.settings-container{grid-template-columns:220px 1fr}.settings-sidebar{padding:1rem}.nav-text{font-size:.85rem}}@media (max-width: 768px){.system-settings{padding:1rem}.settings-header{flex-direction:column;gap:1.5rem}.settings-container{grid-template-columns:1fr;gap:1rem}.settings-sidebar{position:static;order:2}.settings-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.nav-item{flex-direction:column;text-align:center;padding:.5rem}.nav-text{font-size:.75rem}.quick-actions{margin-top:1rem}.quick-actions .action-btn{font-size:.8rem;padding:.5rem}.settings-section{padding:1rem}.toggle-group{flex-direction:column;gap:1rem;text-align:center}.toggle-switch{margin:0}.confirm-modal{width:95%;margin:1rem}.modal-actions{flex-direction:column}}@media (max-width: 480px){.settings-nav{grid-template-columns:repeat(2,1fr)}.nav-icon{font-size:1rem}.nav-text{font-size:.7rem}.section-header h3{font-size:1.1rem}.toggle-info label{font-size:.9rem}.toggle-info p{font-size:.8rem}.modal-header,.modal-content,.modal-actions{padding:1rem}}.system-settings[data-maintenance=true]{position:relative}.system-settings[data-maintenance=true]:before{content:"";position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--admin-danger),#ff5252);z-index:999;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFFFFF 0%,#FFF4E6 100%);padding:2rem 1rem}.auth-card{background:#FFFFFF;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:2.5rem;width:100%;max-width:450px;position:relative}.auth-card.signup{max-width:550px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:orange;font-size:2rem;font-weight:700;margin:0 0 .5rem}.auth-header p{color:#666;font-size:1rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{font-weight:600;color:#333;font-size:.9rem}.form-group input{padding:.875rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#fff}.form-group input:focus{outline:none;border-color:var(--primary-color, #FFA500);box-shadow:0 0 0 3px #ffa5001a}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.form-group input::placeholder{color:#999}.form-options{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0}.checkbox-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#666}.checkbox-container input[type=checkbox]{width:18px;height:18px;margin:0}.forgot-link{color:var(--primary-color, #FFA500);text-decoration:none;font-size:.9rem;font-weight:500}.forgot-link:hover{text-decoration:underline}.link{color:var(--primary-color, #FFA500);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.auth-button{background:linear-gradient(135deg,var(--primary-color, #FFA500),#ff8c00);color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ffa5004d}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.auth-divider{position:relative;text-align:center;margin:1.5rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e9ecef}.auth-divider span{background-color:#fff;color:#999;padding:0 1rem;font-size:.9rem}.demo-accounts{margin-top:1rem}.demo-title{font-size:.9rem;color:#666;text-align:center;margin:0 0 1rem;font-weight:500}.demo-buttons{display:flex;flex-direction:column;gap:.5rem}.demo-button{background:white;border:2px solid #e9ecef;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.demo-button:hover{border-color:var(--primary-color, #FFA500);background-color:#ffa5000d}.demo-button.company:hover{border-color:#ff6b35;background-color:#ff6b350d}.demo-button.owner:hover{border-color:#4a90e2;background-color:#4a90e20d}.demo-button.admin:hover{border-color:#9b59b6;background-color:#9b59b60d}.role-selection{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.role-option{border:2px solid #e9ecef;border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative}.role-option:hover{border-color:var(--primary-color, #FFA500);background-color:#ffa5000d}.role-option.selected{border-color:var(--primary-color, #FFA500);background-color:#ffa5001a}.role-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.role-content{width:100%}.role-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.role-icon{font-size:1.5rem}.role-label{font-weight:600;color:#333;font-size:1rem}.role-description{color:#666;font-size:.9rem;margin:0;line-height:1.4}.error-message{background-color:#f8d7da;color:#721c24;padding:.875rem;border-radius:8px;border:1px solid #f5c6cb;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.error-icon{font-size:1rem}.success-message{background-color:#d1edff;color:#0c5460;padding:.875rem;border-radius:8px;border:1px solid #b8daff;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.success-icon{font-size:1rem}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.auth-footer p{margin:0;color:#666;font-size:.9rem}.auth-link{color:var(--primary-color, #FFA500);text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}@media (max-width: 768px){.auth-container{padding:1rem .5rem}.auth-card{padding:2rem;border-radius:12px}.auth-header h1{font-size:1.8rem}.form-row{flex-direction:column}.form-group{margin-bottom:1rem}}@media (max-width: 480px){.auth-container{padding:.5rem}.auth-card{padding:1.5rem;margin:1rem}.auth-header h1{font-size:1.6rem}.auth-header p{font-size:.9rem}.primary-button{padding:.9rem 1.5rem;font-size:.9rem}.form-input{padding:.8rem;font-size:.9rem}}.verification-content{text-align:center;padding:2rem 0}.verification-icon{font-size:4rem;margin-bottom:1rem}.verification-content h2{color:var(--primary-color, #f75815);margin-bottom:1rem}.verification-content p{margin-bottom:1rem;color:#666;line-height:1.6}.verification-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.verification-actions .btn{flex:1;max-width:150px}.info-message{background-color:#e8f5e8;color:#2d7738;padding:1rem;border-radius:8px;margin-top:1rem;border-left:4px solid #4caf50}@media (max-width: 480px){.verification-actions{flex-direction:column}.verification-actions .btn{max-width:none}}.profile{min-height:100vh;background-color:#fff}.profile-container{max-width:800px;margin:0 auto;padding:2rem}.profile-header{text-align:center;margin-bottom:3rem}.profile-header h1{color:#333;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.profile-header p{color:#6c757d;font-size:1.1rem;margin:0}.profile-card{background:linear-gradient(135deg,#FFA500,#FFB84D);border-radius:20px;padding:2.5rem;color:#fff;text-align:center;box-shadow:0 10px 40px #ffa5004d;margin-bottom:2rem;position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);pointer-events:none}.profile-card *{position:relative;z-index:1}.profile-avatar{width:100px;height:100px;border-radius:50%;background:#FFA500;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin:0 auto 1.5rem;border:4px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0003}.profile-info h2{color:#fff;margin:0 0 .5rem;font-size:1.8rem;font-weight:600}.profile-info p{color:#ffffffe6;margin:0;font-size:1rem}.profile-form{background:#FFFFFF;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #00000014}.form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e9ecef}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{color:#333;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;border-bottom:2px solid #FFA500;padding-bottom:.5rem;display:inline-block}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{background:#FFFFFF;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;font-size:1rem;color:#374151;transition:all .3s ease;width:100%;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:orange;box-shadow:0 0 0 3px #ffa5001a}.btn{padding:.75rem 2rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.settings{min-height:100vh;background-color:#fff}.settings-container{max-width:1000px;margin:0 auto;padding:2rem}.settings-header{text-align:center;margin-bottom:3rem;background:#FFFFFF;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.settings-header h1{color:#333;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.settings-header p{color:#6c757d;font-size:1.1rem;margin:0}.settings-nav{display:flex;gap:.5rem;background:#FFFFFF;padding:1rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 4px 20px #00000014}.nav-tab{flex:1;background:transparent;border:none;padding:1rem 1.5rem;border-radius:12px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#6c757d}.nav-tab.active{background:linear-gradient(135deg,#FFA500,#FFB84D);color:#fff;box-shadow:0 4px 15px #ffa5004d}.nav-tab:hover:not(.active){background:#f8f9fa;color:orange}.settings-content{background:#FFFFFF;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #00000014}.settings-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e9ecef}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section h3{color:#333;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;border-bottom:2px solid #FFA500;padding-bottom:.5rem;display:inline-block}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#374151;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;color:#374151;background:#FFFFFF;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:orange;box-shadow:0 0 0 3px #ffa5001a}.btn{padding:.75rem 2rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:#FFA500;color:#fff}.btn-primary:hover{background:#e5940a;transform:translateY(-2px);box-shadow:0 4px 15px #ffa5004d}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.company-description{min-height:100vh;background-color:#f8f9fa}.company-description .loading-container,.company-description .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.company-description .loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.company-description .company-hero{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden}.company-description .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.company-description .hero-bg-image{width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.1)}.company-description .hero-bg-gradient{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color) 0%,#FFB84D 100%)}.company-description .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,165,0,.9) 0%,rgba(255,184,77,.8) 100%)}.company-description .hero-content{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.company-description .company-main-info{display:flex;align-items:center;gap:2rem;flex:1}.company-description .company-avatar{position:relative;width:140px;height:140px;border-radius:50%;overflow:hidden;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0003}.company-description .company-avatar img{width:100%;height:100%;object-fit:cover}.company-description .avatar-ring{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:3px solid rgba(255,255,255,.5);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}}.company-description .company-title{color:#fff}.company-description .company-name{font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.company-description .company-badges{display:flex;gap:1rem;margin-bottom:1.5rem}.company-description .verified-badge{display:flex;align-items:center;gap:.5rem;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:600}.company-description .verified-badge svg{width:16px;height:16px}.company-description .services-count{background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:600}.company-description .company-location-info{display:flex;flex-direction:column;gap:.5rem}.company-description .location-item{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;opacity:.9}.company-description .location-item svg{width:20px;height:20px}.company-description .quick-actions{display:flex;flex-direction:column;gap:1rem}.company-description .action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.company-description .action-btn svg{width:20px;height:20px}.company-description .action-btn.primary{background-color:#fff;color:var(--primary-color);box-shadow:0 4px 20px #0003}.company-description .action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.company-description .action-btn.secondary{background-color:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.company-description .action-btn.secondary:hover{background-color:#ffffff4d;transform:translateY(-2px)}.company-description .stats-bar{background-color:#fff;box-shadow:0 4px 20px #00000014;border-radius:0;margin-top:-40px;position:relative;z-index:15}.company-description .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.company-description .stat-item{display:flex;align-items:center;gap:1rem;text-align:left}.company-description .stat-icon{font-size:2rem;width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),#FFB84D);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ffa5004d}.company-description .stat-content .stat-value{font-size:1.8rem;font-weight:800;color:var(--text-color);line-height:1}.company-description .stat-content .stat-label{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.company-description .gallery-section{padding:4rem 0;background-color:#fff}.company-description .section-title{display:flex;align-items:center;gap:1rem;font-size:2.5rem;font-weight:800;color:var(--text-color);margin-bottom:3rem;text-align:center;justify-content:center}.company-description .title-icon{font-size:2rem}.company-description .photo-gallery{max-width:1000px;margin:0 auto}.company-description .main-photo{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #00000026;margin-bottom:2rem}.company-description .main-image{width:100%;height:500px;object-fit:cover;transition:transform .3s ease}.company-description .main-photo:hover .main-image{transform:scale(1.02)}.company-description .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center}.company-description .gallery-nav svg{width:24px;height:24px;color:var(--text-color)}.company-description .gallery-nav:hover{background-color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 20px #0003}.company-description .gallery-nav.prev{left:20px}.company-description .gallery-nav.next{right:20px}.company-description .photo-thumbnails{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.company-description .thumbnail{width:80px;height:80px;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid transparent}.company-description .thumbnail img{width:100%;height:100%;object-fit:cover}.company-description .thumbnail:hover{transform:scale(1.05)}.company-description .thumbnail.active{border-color:var(--primary-color);transform:scale(1.1);box-shadow:0 4px 20px #ffa5004d}.company-description .about-section{padding:4rem 0;background-color:#f8f9fa}.company-description .about-content{max-width:800px;margin:0 auto;text-align:center}.company-description .description-text{font-size:1.2rem;line-height:1.8;color:#444;background-color:#fff;padding:3rem;border-radius:20px;box-shadow:0 8px 30px #00000014}.company-description .services-section{padding:4rem 0;background-color:#fff}.company-description .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.company-description .service-card{background-color:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 30px #00000014;transition:all .3s ease;border:2px solid transparent;opacity:0;animation:slideInUp .6s ease forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.company-description .service-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000026;border-color:var(--primary-color)}.company-description .service-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.company-description .service-icon{font-size:2.5rem;width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),#FFB84D);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 15px #ffa5004d}.company-description .service-info{flex:1}.company-description .service-name{font-size:1.4rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.company-description .service-category-badge{background:linear-gradient(135deg,#f1f3f4,#e8eaed);color:#5f6368;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.company-description .service-price{text-align:right;flex-shrink:0}.company-description .price-currency{font-size:1rem;color:#666;vertical-align:top}.company-description .price-value{font-size:2rem;font-weight:800;color:var(--primary-color)}.company-description .price-duration{font-size:.9rem;color:#666}.company-description .service-description{color:#666;line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.company-description .service-features{display:flex;gap:1.5rem;margin-bottom:2rem}.company-description .feature-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666}.company-description .feature-icon{font-size:1.2rem}.company-description .book-service-btn{width:100%;background:linear-gradient(135deg,var(--primary-color),#FFB84D);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.company-description .book-service-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffa50066}.company-description .book-service-btn .btn-icon{font-size:1.2rem}.company-description .book-service-btn .btn-arrow{transition:transform .3s ease}.company-description .book-service-btn:hover .btn-arrow{transform:translate(5px)}.company-description .no-services{text-align:center;padding:4rem 2rem}.company-description .no-services-content{max-width:400px;margin:0 auto;background-color:#f8f9fa;border-radius:20px;padding:3rem 2rem}.company-description .no-services-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.company-description .no-services h3{color:var(--text-color);font-size:1.5rem;margin-bottom:.5rem}.company-description .no-services p{color:#666;font-size:1rem}@media (max-width: 768px){.company-description .company-name{font-size:2rem}.company-description .hero-content{flex-direction:column;gap:2rem;text-align:center}.company-description .company-main-info{flex-direction:column;text-align:center}.company-description .quick-actions{flex-direction:row;justify-content:center}.company-description .stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem}.company-description .services-grid{grid-template-columns:1fr;gap:1.5rem}.company-description .section-title{font-size:2rem}.company-description .main-image{height:300px}}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;margin-left:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:1.2rem;color:var(--primary-color)}.error{background-color:var(--error-bg);color:var(--error-text);padding:1rem;border-radius:6px;margin:1rem 0;border:1px solid var(--border-color)}.success{background-color:var(--success-bg);color:var(--success-text);padding:1rem;border-radius:6px;margin:1rem 0;border:1px solid var(--border-color)}@media (max-width: 768px){.container{padding:0 1rem}.loading{font-size:1rem;min-height:150px}}@media (max-width: 480px){.container{padding:0 1rem}.error,.success{padding:.8rem;margin:.8rem 0;font-size:.9rem}}:root{--primary-color: #FFA500;--secondary-color: #FFFFFF;--text-color: #FFA500;--text-light: rgba(255, 165, 0, .8);--text-lighter: rgba(255, 165, 0, .6);--border-color: rgba(255, 165, 0, .2);--border-light: rgba(255, 165, 0, .1);--success-bg: rgba(255, 165, 0, .1);--success-text: #FFA500;--error-bg: rgba(255, 165, 0, .1);--error-text: #FFA500}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:var(--secondary-color)}#root{width:100%;min-height:100vh;overflow-x:hidden}@media (max-width: 768px){html,body,#root{width:100%!important;max-width:none!important;overflow-x:hidden}*{max-width:100%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}