html{font-size:90%}body{background-color:#f4f6f8;color:#171717;font-family:Inter,Segoe UI,Arial,sans-serif}.dashboard-sidebar{z-index:100}.sidebar-header{background:#fff;justify-content:flex-start;padding:12px 16px}.sidebar-toggle{margin-right:20px}.sidebar-logo img{height:36px}.sidebar-logo{border-bottom:none}.dashboard-sidebar ul{padding:0}.dashboard-sidebar li{width:100%}.dashboard-sidebar a,.dashboard-sidebar button.menu-link{color:#00509d;font-weight:600;padding:14px 20px}.menu-icon{font-size:1.3em;margin-right:16px}.dashboard-sidebar.collapsed .menu-icon{margin-right:0}.submenu a{color:#00509d;font-size:.95rem;padding:10px 0}.logout-button{background-color:#fff;color:#00509d;font-size:1rem;font-weight:600;padding:14px 20px}.logout-button .menu-icon{margin-right:16px}.dashboard-header{margin-bottom:24px}.dashboard-title{color:#00509d;font-size:1.8rem}.dashboard-content{border-radius:12px;box-shadow:0 4px 12px #00000012;padding:24px}@media (max-width:900px){.dashboard-sidebar{align-items:center;border-bottom:1px solid #eee;flex-direction:row;height:auto;justify-content:space-between;position:relative;width:100%}.dashboard-main{margin-left:0}}.top-nav{align-items:center;background:#fff;box-shadow:0 2px 10px #00000014;display:flex;justify-content:space-between;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.logo{color:#667eea;font-size:24px;letter-spacing:1px}.nav-links{display:flex;gap:30px}.nav-links a{color:#333;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#667eea}.homepage{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:40px 20px}.homepage-card{background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:1000px;padding:60px 40px;text-align:center;width:100%}.homepage-card h1{color:#333;font-size:48px;margin-bottom:10px}.brand-text{color:#667eea;font-weight:700}.sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.section-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;gap:10px;padding:40px 20px;text-decoration:none;transition:all .3s ease}.section-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-8px)}.customer-card{background:linear-gradient(135deg,#2d6da3,#4a90c6)}.customer-card .card-icon,.customer-card .card-subtitle,.customer-card .card-title{color:#fff}.pro-card{background:#fff;border:2px solid #f0f0f0}.card-icon{font-size:48px}.card-title{color:#333;font-size:24px;font-weight:700}.card-subtitle{color:#666;font-size:14px;opacity:.9}.homepage-subtext{color:#666;font-size:18px;margin-top:10px}:root{--font-family-primary:"Inter",sans-serif;--font-size-h1:14px;--font-size-h2:13px;--font-size-h3:12px;--font-size-h4:11px;--font-size-h5:10px;--font-size-button:16px;--font-size-body:15px;--font-size-label:14px;--font-size-icon:24px;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-normal:400;--color-primary:#2d6da3;--color-primary-gradient-start:#1e5480;--color-primary-gradient-end:#4a90c6;--color-primary-gradient:linear-gradient(135deg,var(--color-primary-gradient-start) 0%,var(--color-primary-gradient-end) 100%);--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-text-primary:#1a1a1a;--color-text-secondary:#6b7280}body{color:#1a1a1a;color:var(--color-text-primary);font-family:Inter,sans-serif;font-family:var(--font-family-primary);font-size:15px;font-size:var(--font-size-body)}h1{font-size:14px;font-size:var(--font-size-h1)}h1,h2{font-weight:600;font-weight:var(--font-weight-semibold)}h2{font-size:13px;font-size:var(--font-size-h2)}h3{font-size:12px;font-size:var(--font-size-h3)}h3,h4{font-weight:500;font-weight:var(--font-weight-medium)}h4{font-size:11px;font-size:var(--font-size-h4)}h5{font-size:10px;font-size:var(--font-size-h5);font-weight:500;font-weight:var(--font-weight-medium)}button{font-size:16px;font-size:var(--font-size-button);font-weight:600;font-weight:var(--font-weight-semibold)}label{font-size:14px;font-size:var(--font-size-label);font-weight:500;font-weight:var(--font-weight-medium)}.cart-icon-button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background-color .3s,transform .2s}.cart-icon-button:hover{background-color:#0000000d;transform:scale(1.05)}.cart-icon-button:active{transform:scale(.95)}.cart-icon-svg{color:inherit;height:24px;width:24px}.cart-icon-badge{align-items:center;animation:badge-appear .3s ease-out;background-color:#dc3545;border-radius:9px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:2px;top:2px}@keyframes badge-appear{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.cart-booking-indicator{align-items:center;animation:pulse 2s infinite;background-color:#10b981;border:2px solid #fff;border-radius:50%;bottom:0;box-shadow:0 2px 4px #10b9814d;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;position:absolute;right:0;width:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.cart-icon-button{padding:6px}.cart-icon-svg{height:22px;width:22px}.cart-icon-badge{font-size:10px;height:16px;min-width:16px}}.mini-cart-overlay{background-color:initial;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.mini-cart-container{animation:slide-in .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:calc(100vh - 100px);position:fixed;right:20px;top:70px;width:380px;z-index:9999}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mini-cart-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.mini-cart-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.mini-cart-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:color .3s;width:32px}.mini-cart-close:hover{color:#333}.mini-cart-body{flex:1 1;max-height:400px;overflow-y:auto;padding:15px}.mini-cart-empty{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.mini-cart-empty svg{margin-bottom:15px;opacity:.5}.mini-cart-empty p{font-size:15px;margin:0}.mini-cart-shop-group{margin-bottom:20px}.mini-cart-shop-group:last-child{margin-bottom:0}.mini-cart-shop-header{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:8px;margin-bottom:10px;padding:8px 12px}.shop-icon{font-size:16px}.shop-name{color:#555;font-size:13px;font-weight:600}.mini-cart-item{border-radius:8px;display:flex;gap:12px;padding:12px;position:relative;transition:background .2s}.mini-cart-item:hover{background:#f8f9fa}.mini-cart-item img{background:#f5f5f5;border-radius:6px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.mini-cart-item-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.mini-cart-item-name{color:#333;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-cart-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.item-quantity{font-size:12px}.item-type-badge{font-size:11px}.item-type-badge.package{background:#e3f2fd;color:#1976d2}.gift-badge{background:#fff3e0;color:#f57c00;font-size:11px}.mini-cart-item-price{color:#2d6da3;color:var(--primary-color,#2d6da3);font-size:14px;font-weight:600}.mini-cart-item-remove{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;padding:0;transition:color .3s;width:24px}.mini-cart-item-remove:hover:not(:disabled){color:#dc3545}.mini-cart-item-remove:disabled{cursor:not-allowed;opacity:.5}.mini-cart-more-items{color:#666;font-size:12px;font-style:italic;padding:8px;text-align:center}.mini-cart-footer{background:#fafafa;border-radius:0 0 12px 12px;border-top:1px solid #eee;padding:15px 20px}.mini-cart-subtotal{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:15px}.subtotal-amount{color:#333;font-size:18px;font-weight:700}.mini-cart-view-cart-btn{background:#2d6da3;background:var(--primary-color,#2d6da3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:background .3s,transform .1s;width:100%}.mini-cart-view-cart-btn:hover{background:#1e5a8a;background:var(--primary-dark,#1e5a8a);transform:translateY(-2px)}.mini-cart-view-cart-btn:active{transform:translateY(0)}@media (max-width:768px){.mini-cart-container{left:10px;max-height:calc(100vh - 80px);right:10px;top:60px;width:auto}.mini-cart-item img{height:50px;width:50px}.mini-cart-item-name,.mini-cart-item-price{font-size:13px}}@media (max-width:480px){.mini-cart-header{padding:15px}.mini-cart-header h3{font-size:16px}.mini-cart-body{padding:10px}.mini-cart-footer{padding:12px 15px}}.customer-header{background:#fff;box-shadow:0 2px 8px #0000000d;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.customer-header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:0 4px 12px #0000001a}.header-container{height:50px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.header-container,.logo{align-items:center;display:flex}.logo{color:#1a1a1a;font-size:18px;font-weight:700;gap:4px;text-decoration:none;transition:transform .3s ease}.logo-image{height:40px;max-width:180px;object-fit:contain;width:auto}.logo-text-fallback{align-items:center;display:flex;gap:4px}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:20px}.logo-text{letter-spacing:1px}.desktop-nav{align-items:center;display:flex;gap:16px}.nav-link{background:none;border:none;color:#333;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:6px 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:after{background:#4a90e2;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:#4a90e2}.nav-link:hover:after{width:100%}.login-btn{color:#4a90e2}.signup-btn{background:#4a90e2;border-radius:8px;color:#fff;padding:10px 24px;transition:all .3s ease}.signup-btn:after{display:none}.signup-btn:hover{background:#357abd;box-shadow:0 4px 12px #4a90e24d;color:#fff;transform:translateY(-2px)}.logout-btn{color:#dc3545}.logout-btn:hover{color:#c82333}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:16px;justify-content:space-between;padding:0;position:absolute;right:16px;top:16px;width:20px;z-index:1001}.hamburger span{background:#333;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-overlay{background:#0000004d;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:998}.menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100vh;max-width:85vw;overflow-x:hidden;overflow-y:auto;position:fixed;right:-280px;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:999}.mobile-menu.open{right:0}.mobile-menu-header{align-items:center;background:#f8f9faf2;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.mobile-menu-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:4px 0}.mobile-nav-link{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:10px;overflow:hidden;padding:12px 16px;text-align:left;text-decoration:none;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:100%}.mobile-nav-link .icon{flex-shrink:0;font-size:18px;text-align:center;width:24px}.mobile-nav-link:hover{background:#f0f7ff;color:#4a90e2}.mobile-nav-link.login{color:#4a90e2}.mobile-nav-link.signup{background:#4a90e2;border-radius:6px;color:#fff;margin:4px 16px;padding:8px 16px}.mobile-nav-link.signup:hover{background:#357abd}.mobile-nav-link.logout{color:#dc3545}.mobile-nav-link.logout:hover{background:#fff5f5;color:#c82333}.menu-divider{background:#e0e0e0;height:1px;margin:4px 16px}@media (max-width:968px){.desktop-nav{display:none}.hamburger{display:flex}}@media (max-width:480px){.header-container{height:50px;padding:0 16px}.logo-image{height:32px;max-width:140px}.logo-text{font-size:16px}.logo-icon{font-size:18px}.mobile-menu{width:200px}}.close-btn:focus,.hamburger:focus,.mobile-nav-link:focus,.nav-link:focus{outline:2px solid #4a90e2;outline-offset:2px}html{scroll-behavior:smooth}body{padding-top:50px}@media (max-width:480px){body{padding-top:50px}}.customer-footer{background:#1a1a1a;color:#e0e0e0;margin-top:80px;padding:60px 0 0}.footer-container{margin:0 auto;max-width:1400px;padding:0 20px}.footer-top{grid-gap:40px;border-bottom:1px solid #333;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding-bottom:40px}.footer-column h4{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:20px}.footer-column a{color:#b0b0b0;display:block;font-size:14px;margin-bottom:12px;padding:4px 0;text-decoration:none;transition:all .3s ease}.footer-column a:hover{color:#4a90e2;transform:translateX(5px)}.footer-logo{align-items:center;display:flex;gap:10px;margin-bottom:16px}.footer-logo-image{filter:brightness(0) invert(1);height:40px;max-width:180px;object-fit:contain;width:auto}.footer-logo-fallback{align-items:center;display:flex;gap:10px}.footer-logo .logo-icon{font-size:28px}.footer-logo .logo-text{color:#fff;font-size:24px;font-weight:700;letter-spacing:1px}.footer-tagline{color:#999;font-size:14px;line-height:1.6;margin-bottom:24px;max-width:300px}.social-links{display:flex;gap:16px}.social-links a{align-items:center;background:#2a2a2a;border-radius:50%;color:#b0b0b0;display:flex;height:40px;justify-content:center;margin-bottom:0;padding:0;transition:all .3s ease;width:40px}.social-links a:hover{background:#4a90e2;box-shadow:0 4px 12px #4a90e24d;color:#fff;transform:translateY(-3px)}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px 0}.footer-legal p{color:#888;font-size:13px;margin:4px 0}.footer-legal .tagline{color:#666;font-size:12px}.footer-languages{display:flex;flex-wrap:wrap;gap:8px}.lang-btn{background:#2a2a2a;border:1px solid #333;border-radius:6px;color:#b0b0b0;cursor:pointer;font-family:inherit;font-size:13px;padding:8px 16px;transition:all .3s ease}.lang-btn:hover{background:#333;border-color:#4a90e2;color:#4a90e2}.lang-btn.active{background:#4a90e2;border-color:#4a90e2;color:#fff}@media (max-width:1024px){.footer-top{gap:30px;grid-template-columns:2fr 1fr 1fr 1fr}.footer-column:last-child{grid-column:2/-1}}@media (max-width:768px){.customer-footer{margin-top:60px;padding:40px 0 0}.footer-top{gap:24px 32px;grid-template-columns:1fr 1fr}.footer-column:first-child{display:none}.footer-column h4{font-size:15px;margin-bottom:12px}.footer-column a{font-size:13px;margin-bottom:8px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.footer-legal{order:2}.footer-languages{justify-content:center;order:1}}@media (max-width:480px){.customer-footer{margin-top:40px;padding:32px 0 0}.footer-container{padding:0 16px}.footer-top{gap:28px;grid-template-columns:1fr}.footer-column:first-child{grid-column:1}.footer-tagline{max-width:100%}.lang-btn{font-size:12px;padding:6px 12px}.social-links{justify-content:flex-start}}.footer-column a:focus,.lang-btn:focus,.social-links a:focus{outline:2px solid #4a90e2;outline-offset:2px}@media (prefers-color-scheme:dark){.customer-footer{background:#0a0a0a}.footer-top{border-bottom-color:#222}.lang-btn,.social-links a{background:#1a1a1a}.lang-btn{border-color:#222}}.item-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.item-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.item-modal-close{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:28px;height:40px;line-height:1;position:absolute;right:15px;top:15px;transition:background .3s;width:40px;z-index:10}.item-modal-close:hover{background:#000000b3}.item-modal-error,.item-modal-loading{padding:60px 20px;text-align:center}.spinner{border-top:4px solid var(--primary-color,#2d6da3)}.item-modal-body{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;padding:30px}.item-modal-images{display:flex;flex-direction:column;gap:15px}.item-modal-main-image{aspect-ratio:1;background:#f5f5f5;border-radius:8px;overflow:hidden;width:100%}.item-modal-main-image img{height:100%;object-fit:cover;width:100%}.item-modal-thumbnails{display:flex;flex-wrap:wrap;gap:10px}.item-modal-thumbnails img{border:2px solid #0000;border-radius:6px;cursor:pointer;height:70px;object-fit:cover;transition:border-color .3s;width:70px}.item-modal-thumbnails img.active,.item-modal-thumbnails img:hover{border-color:#2d6da3;border-color:var(--primary-color,#2d6da3)}.item-modal-details{display:flex;flex-direction:column;gap:15px}.item-modal-details h2{color:#333;font-size:26px;font-weight:600;margin:0}.item-brand{color:#666;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.item-price{font-size:32px}.item-stock{color:#28a745;font-size:14px}.item-description{border-bottom:1px solid #eee;border-top:1px solid #eee;color:#555;line-height:1.6;padding:15px 0}.item-description h3{color:#333;font-size:16px;font-weight:600;margin:0 0 10px}.item-description p{margin:0}.package-info{background:#f8f9fa;border-left:4px solid #2d6da3;border-left:4px solid var(--primary-color,#2d6da3);border-radius:8px;padding:15px}.package-sessions,.package-validity{color:#333;font-size:14px;margin:5px 0}.package-services{margin-top:10px}.package-services p{font-weight:600;margin-bottom:5px}.package-services ul{font-size:13px;margin:0;padding-left:20px}.item-quantity{align-items:center;display:flex;gap:15px}.item-quantity label{font-size:14px;font-weight:600}.quantity-selector{align-items:center;border:1px solid #ddd;border-radius:6px;display:flex;overflow:hidden}.quantity-selector button{background:#f5f5f5;border:none;cursor:pointer;font-size:20px;height:40px;transition:background .3s;width:40px}.quantity-selector button:hover:not(:disabled){background:#e0e0e0}.quantity-selector button:disabled{cursor:not-allowed;opacity:.5}.quantity-selector input{border:1px solid #ddd;border-bottom:none;border-top:none;font-size:16px;font-weight:600;height:40px;text-align:center;width:60px}.package-options{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:15px}.package-option-item{align-items:center;display:flex}.checkbox-label{color:#333;font-size:14px;gap:10px}.gift-fields{background:#fff;border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:10px}.form-group{gap:5px}.form-group label{color:#555;font-size:13px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px}.form-group input:focus,.form-group textarea:focus{border-color:#2d6da3;border-color:var(--primary-color,#2d6da3)}.item-modal-inline-error{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.item-modal-inline-error,.item-modal-success{border-radius:6px;font-size:14px;padding:12px}.item-modal-success{background:#d4edda;border-left:4px solid #28a745;color:#155724;font-weight:600;text-align:center}.item-add-to-cart-btn{background:#2d6da3;background:var(--primary-color,#2d6da3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px;transition:background .3s,transform .1s;width:100%}.item-add-to-cart-btn:hover:not(:disabled){background:#1e5a8a;background:var(--primary-dark,#1e5a8a);transform:translateY(-2px)}.item-add-to-cart-btn:active:not(:disabled){transform:translateY(0)}.item-add-to-cart-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}@media (max-width:768px){.item-modal-overlay{align-items:flex-start;padding:10px}.item-modal-content{margin-top:10px;max-height:95vh}.item-modal-body{gap:20px;grid-template-columns:1fr;padding:20px}.item-modal-details h2{font-size:22px}.item-price{font-size:28px}.item-modal-thumbnails img{height:60px;width:60px}.quantity-selector button,.quantity-selector input{height:36px}.quantity-selector button{width:36px}.quantity-selector input{width:50px}}@media (max-width:480px){.item-modal-details h2{font-size:20px}.item-price{font-size:24px}.item-add-to-cart-btn{font-size:15px;padding:14px}}.landing-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}button{transition:all .3s ease}button:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}button:active{transform:translateY(0)}@media (max-width:768px){h1{font-size:28px!important}h2{font-size:24px!important}.hero-section{padding:40px 20px!important}}.category-menu-bar.sticky{position:-webkit-sticky;position:sticky}@media (max-width:768px){.categories-sidebar{display:none}}.categories-menu-items{padding:4px 0}.category-menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.category-menu-item:hover{background:#2d6da314;color:#2d6da3}.category-menu-item.active{background:#2d6da326;color:#2d6da3;font-weight:600}.category-menu-item .category-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.category-menu-item .category-label{flex:1 1}.global-products-page{margin:20px auto 0;max-width:1400px;padding:10px}.products-page-layout{display:flex;gap:30px;min-height:100vh}.products-main-content{flex:1 1;min-width:0}.products-subtitle{color:#666;font-size:16px;margin:0 0 20px}.products-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.search-bar{flex:1 1;min-width:250px}.search-bar input{border:1px solid #e5e5e5;font-size:14px;padding:12px 16px}.sort-dropdown label{color:#333;font-weight:500}.sort-dropdown select{border:1px solid #e5e5e5;border-radius:8px;padding:10px 16px;transition:border-color .2s}.sort-dropdown select:focus{border-color:#2d6da3;outline:none}.products-content{margin-top:20px}.products-empty,.products-error,.products-loading{color:#666;font-size:16px;padding:60px 20px;text-align:center}.products-error{color:#d32f2f}.products-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(4,1fr);margin-top:20px}.product-card{border:1px solid #e5e5e5;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.product-card:hover{border-color:#2d6da3;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.product-image{align-items:center;background:#f9f9f9;display:flex;height:200px;justify-content:center;overflow:hidden}.product-image img{height:100%;object-fit:cover;width:100%}.product-info{padding:12px}.product-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:14px;font-weight:600;margin:0 0 6px;overflow:hidden}.product-brand{color:#999;margin:0 0 6px}.product-price{font-size:16px;margin:0 0 6px}.product-shop{color:#666;font-size:12px;margin:0}@media (max-width:1200px){.products-grid{gap:20px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.global-products-page{margin-top:60px;padding:10px}.products-controls{flex-direction:column;gap:12px}.search-bar{width:100%}.sort-dropdown{justify-content:space-between;width:100%}.sort-dropdown select{flex:1 1}.products-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.product-image{height:140px}.product-info h3{font-size:13px}.product-price{font-size:14px}.product-info{padding:10px}}@media (max-width:480px){.products-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.product-image{height:120px}.product-info{padding:8px}.product-info h3{font-size:12px}.product-price{font-size:13px}}.registration-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;max-width:600px;padding:20px 0 0;width:100%}.registration-card{background:#0000;border-radius:0;box-shadow:none;padding:0;width:100%}.registration-header{margin-bottom:1.5rem;text-align:center}.registration-header h1{color:#0f172a;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.registration-subtitle{color:#64748b;font-size:16px;margin:0}.progress-container{margin-bottom:2.5rem}.progress-bar{margin-bottom:1.5rem;width:100%}.progress-fill{background:#4a7ba7;border-radius:4px;transition:width .4s ease}.progress-steps{display:flex;gap:.5rem;justify-content:space-between}.progress-step{flex:1 1;text-align:center;transition:all .3s ease}.step-circle{align-items:center;background:#e2e8f0;border:2px solid #0000;border-radius:50%;color:#a0aec0;display:flex;font-weight:600;height:40px;justify-content:center;margin:0 auto .5rem;transition:all .3s ease;width:40px}.progress-step.active .step-circle{background:#4a7ba7;border-color:#4a7ba7;box-shadow:0 4px 12px #4a7ba766;color:#fff}.progress-step.completed .step-circle{background:#48bb78;color:#fff}.step-label{color:#718096;font-size:.75rem;font-weight:500}.progress-step.active .step-label{color:#4a7ba7;font-weight:600}.form-step{animation:fadeIn .4s ease}.form-group label{color:#2d3748;font-size:.95rem}.form-group input{background:#fff;padding:.875rem 1rem;transition:all .3s ease}.form-group input:focus{border-color:#4a7ba7;box-shadow:0 0 0 3px #4a7ba71a}.form-group input.error{border-color:#f56565}.form-group input::placeholder{color:#cbd5e0}.error-message{color:#f56565}.error-message,.field-hint{display:block;margin-top:.375rem}.field-hint{color:#a0aec0;font-size:.813rem}.business-type-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-top:.75rem}.business-type-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.business-type-button:hover{border-color:#4a7ba7;box-shadow:0 4px 12px #4a7ba726;transform:translateY(-2px)}.business-type-button.selected{background:#4a7ba71a;border-color:#4a7ba7;box-shadow:0 4px 12px #4a7ba733}.type-icon{font-size:.8125rem}.type-label{color:#2d3748;font-size:.6175rem;font-weight:600}.social-inputs{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.social-input-group{align-items:center;border:2px solid #e2e8f0;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:border-color .3s ease}.social-input-group:focus-within{border-color:#4a7ba7}.social-icon{font-size:1.5rem}.social-input-group input{border:none;flex:1 1;padding:0}.social-input-group input:focus{box-shadow:none}.optional-section-note{background:#edf2f7;border-left:4px solid #4a7ba7;border-radius:4px;color:#4a5568;font-size:.9rem;margin-bottom:1.5rem;padding:1rem}.error-alert{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}.form-navigation{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.btn-primary,.btn-secondary{font-size:1rem;padding:.875rem 2rem}.btn-primary{background:#4a7ba7!important;box-shadow:0 4px 12px #4a7ba74d;color:#fff!important}.btn-primary:hover:not(:disabled){background:#3d6a8f!important;box-shadow:0 6px 20px #4a7ba766}.btn-primary:disabled{opacity:.6}.btn-secondary{border:2px solid #4a7ba7;color:#4a7ba7}.btn-secondary:hover:not(:disabled){background:#f7fafc;transform:translateY(-2px)}.btn-submit{margin-left:auto}.registration-footer{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem;text-align:center}.registration-footer p{color:#718096;font-size:.95rem;margin:0}.registration-footer a{color:#4a7ba7;font-weight:600;text-decoration:none;transition:color .3s ease}.registration-footer a:hover{color:#3d6a8f;text-decoration:underline}.success-card{padding:4rem 2.5rem;text-align:center}.success-icon{animation:scaleIn .5s ease;background:linear-gradient(135deg,#48bb78,#38a169);font-size:3rem;margin:0 auto 1.5rem}.success-card h2{color:#1a202c;font-size:1.75rem;margin:0 0 1rem}.success-card p{color:#718096;font-size:1rem;margin:.5rem 0}.success-subtitle{color:#a0aec0!important;font-size:.9rem!important}@media (max-width:768px){.registration-container{padding:1rem .5rem}.registration-card{border-radius:12px;padding:2rem 1.5rem}.registration-header h1{font-size:1.5rem}.registration-subtitle{font-size:.9rem}.progress-steps{gap:.25rem}.step-circle{font-size:.875rem;height:32px;width:32px}.step-label{font-size:.688rem}.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:20px}.business-type-grid{grid-template-columns:repeat(2,1fr)}.form-navigation{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.btn-submit{margin-left:0}}@media (max-width:480px){.registration-card{padding:1.5rem 1rem}.registration-header h1{font-size:1.25rem}.form-group input{font-size:.95rem;padding:.75rem .875rem}.btn-primary,.btn-secondary{font-size:.95rem;padding:.75rem 1.5rem}.success-card{padding:3rem 1.5rem}.success-icon{font-size:2.5rem;height:64px;width:64px}.success-card h2{font-size:1.5rem}}@media (min-width:769px) and (max-width:1024px){.registration-card{max-width:700px}.business-type-grid{grid-template-columns:repeat(4,1fr)!important}}@media (min-width:1200px){.registration-card{max-width:650px}.business-type-grid{grid-template-columns:repeat(4,1fr)!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.registration-container{background:#fff}.registration-card{border:1px solid #e2e8f0;box-shadow:none}.btn-primary,.btn-secondary{display:none}}.login-page{background:#f8fafc;display:flex;min-height:100vh}.login-branding{align-items:center;background:linear-gradient(135deg,#1a365d,#2563eb 50%,#3b82f6);display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:60px;position:relative}.login-branding:before{animation:shimmer 15s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.branding-content{color:#fff;max-width:400px;position:relative;text-align:center;z-index:1}.branding-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0003;display:flex;font-size:42px;font-weight:800;height:100px;justify-content:center;letter-spacing:-2px;margin:0 auto 32px;width:100px}.branding-title{font-size:42px;font-weight:800;letter-spacing:-1px;margin:0 0 16px}.branding-subtitle{font-size:18px;line-height:1.6;margin:0 0 48px;opacity:.9}.branding-features{display:flex;flex-direction:column;gap:20px;text-align:left}.branding-feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:16px 20px}.branding-feature-icon{align-items:center;background:#fff3;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.branding-feature-text{font-size:15px;font-weight:500;line-height:1.4}.login-form-panel{background:#fff;flex:1 1;justify-content:flex-start;overflow-y:auto;padding:90px 40px 40px;position:relative}.login-form-panel,.signup-page-wrapper{align-items:center;display:flex;flex-direction:column}.signup-page-wrapper{background:#f8fafc;justify-content:center;min-height:calc(100vh - 50px);padding:80px 20px 40px}.login-container{max-width:420px;width:100%}.login-header{margin-bottom:36px;text-align:center}.login-header .mobile-logo{align-items:center;background:linear-gradient(135deg,#1a365d,#2563eb);border-radius:16px;color:#fff;display:none;font-size:28px;font-weight:800;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.login-header h2{color:#0f172a;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.login-header .subtitle{color:#64748b;font-size:16px;margin:0}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;color:#dc2626;font-weight:500;margin-bottom:24px;padding:14px 16px;text-align:center}.form-group label{color:#1e293b}.form-group input{background:#f8fafc;border-radius:12px;box-sizing:border-box;font-size:15px;padding:14px 16px;transition:all .2s ease}.form-group input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-group input::placeholder{color:#94a3b8}.form-group input.error{border-color:#dc2626}.form-group select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.form-group select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.error-text{fontSize:12px;marginTop:6px;color:#dc2626;display:block}.form-row{flex-direction:row;gap:16px;margin-bottom:20px}.remember-me-container,.remember-me-container label{align-items:center;display:flex}.remember-me-container label{color:#475569;cursor:pointer;font-size:14px;font-weight:500;gap:10px}.remember-me-container input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.forgot-password-link{margin:0}.forgot-password-link a{color:#3b82f6;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.forgot-password-link a:hover{color:#1d4ed8;text-decoration:underline}.login-button{background:linear-gradient(135deg,#1a365d,#2563eb);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .2s ease;width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-button:hover{box-shadow:0 12px 24px #2563eb59;transform:translateY(-2px)}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(0)}.divider{color:#94a3b8;font-size:13px;font-weight:500;letter-spacing:.5px;margin:28px 0;text-transform:uppercase}.divider:after,.divider:before{background:#e2e8f0;height:1px}.divider span{padding:0 16px}.social-login-container{display:flex;gap:12px;margin-bottom:32px}.oauth-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px 16px;transition:all .2s ease}.oauth-button:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.oauth-button svg{flex-shrink:0}.oauth-button span{white-space:nowrap}.oauth-button.google:hover{background:#f8faff;border-color:#4285f4}.oauth-button.facebook:hover{background:#f0f6ff;border-color:#1877f2}.oauth-button.apple:hover{background:#f9fafb;border-color:#000}.register-section{border-top:1px solid #e2e8f0;padding-top:24px;text-align:center}.register-text{color:#64748b;font-size:15px;font-weight:500;margin-bottom:20px}.register-options{display:flex;gap:12px;justify-content:center}.register-option{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;color:#1e293b;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0;padding:16px 12px;transition:all .2s ease}.register-option:hover{background:#fff;box-shadow:0 12px 24px #00000014;transform:translateY(-3px)}.register-option .icon{font-size:28px;margin-bottom:4px}.register-option .text{color:#475569;font-size:13px;font-weight:600}.register-option.customer:hover{border-color:#10b981}.register-option.freelancer:hover{border-color:#f59e0b}.register-option.owner:hover{border-color:#3b82f6}@media (max-width:900px){.login-page{flex-direction:column;min-height:auto}.login-branding{display:none}.login-form-panel{justify-content:flex-start;min-height:calc(100vh - 60px);padding:90px 24px 24px}.login-header .mobile-logo{display:flex}}@media (max-width:768px){.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:20px}}@media (max-width:480px){.login-container{padding:0}.login-header h2{font-size:26px}.register-options{flex-direction:row;gap:8px}.register-option{padding:14px 8px}.register-option .icon{font-size:22px;margin-bottom:0}.register-option .text{font-size:11px}.oauth-button span{display:none}.oauth-button{justify-content:center;padding:14px}}.signup-selection-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:calc(100vh - 160px);padding:60px 20px}.signup-selection-content{max-width:1200px;text-align:center;width:100%}.signup-selection-title{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a}.signup-selection-subtitle{color:#ffffffe6;font-size:1.25rem;margin-bottom:3rem}.signup-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.signup-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;cursor:pointer;padding:2.5rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.signup-card:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-5px)}.signup-card-icon{font-size:3rem;margin-bottom:1.5rem}.signup-card-title{color:#001d4a;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.signup-card-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.signup-card-features{list-style:none;margin:0 0 2rem;padding:0}.signup-card-features li{align-items:center;color:#333;display:flex;font-size:.95rem;padding:.5rem 0}.signup-card-features li:before{content:"";margin-right:.5rem}.signup-card-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.signup-card-btn.customer{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.signup-card-btn.customer:hover{background:linear-gradient(135deg,#38ef7d,#11998e);transform:scale(1.02)}.signup-card-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.signup-card-btn.primary:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.02)}.signup-card-btn.secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.signup-card-btn.secondary:hover{background:linear-gradient(135deg,#f5576c,#f093fb);transform:scale(1.02)}.signup-selection-footer{margin-top:2rem}.signup-selection-footer p{color:#fff;font-size:1rem}.signup-selection-link{color:#fff;cursor:pointer;font-weight:600;text-decoration:underline}.signup-selection-link:hover{opacity:.8}@media (max-width:1024px){.signup-cards{grid-template-columns:1fr}}@media (max-width:768px){.signup-selection-title{font-size:2rem}.signup-selection-subtitle{font-size:1rem}.signup-cards{gap:1.5rem;grid-template-columns:1fr}.signup-card{padding:2rem}.signup-card-title{font-size:1.5rem}}.shop-registration-page{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding:20px 15px;width:100%}.progress-indicator{color:#555;font-size:.9rem;margin-bottom:15px}.form-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;margin:0 auto;max-width:600px;padding:25px;width:100%}.form-card h2{color:#001d4a;font-size:1.25rem;margin-bottom:8px}.form-card p{color:#666;font-size:.9rem;margin-bottom:18px}.form-card form{display:flex;flex-direction:column;gap:12px}.form-card input,.form-card select{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:.95rem;margin-bottom:12px;padding:10px 12px;width:100%}.form-card label{font-size:.9rem;margin-bottom:8px}.form-card button{background-color:#001d4a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s ease;width:100%}.form-card button:hover{background-color:#003087}@media (max-width:768px){.shop-registration-page{padding:15px 10px}.form-card{max-width:100%;padding:20px 15px}.form-card h2{font-size:1.15rem}.form-card button{font-size:.95rem}.form-card input,.form-card select{font-size:.9rem;padding:10px}}@media (max-width:480px){.shop-registration-page{padding:10px 5px}.form-card{padding:15px 10px}.form-card h2{font-size:1.1rem}.form-card p{font-size:.85rem}.form-card input,.form-card select{font-size:.85rem;padding:9px}.form-card button{font-size:.9rem;padding:10px}}.classy-card{background:#fff;border-radius:18px;box-shadow:0 4px 32px #001d4a1a,0 1.5px 6px #001d4a14;margin:40px auto;max-width:420px;padding:2.5rem 2rem;transition:box-shadow .2s}.classy-title{color:#001d4a;font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.classy-text{color:#003087;font-size:1.1rem;margin-bottom:1.5rem;text-align:center}.classy-form{gap:1.2rem}.classy-field,.classy-form{display:flex;flex-direction:column}.classy-label{color:#001d4a;font-weight:500;margin-bottom:.3rem}.classy-input,.classy-select{background:#f9f9f9;border:1px solid #003087;border-radius:8px;font-size:1rem;padding:.7rem 1rem;transition:border-color .2s}.classy-input:focus,.classy-select:focus{border-color:#001d4a;outline:none}.classy-radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.classy-radio{color:#003087;font-size:1rem}.classy-btn{background:linear-gradient(90deg,#001d4a,#003087);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1.2rem;padding:.9rem 0;transition:background .2s}.classy-btn:hover{background:linear-gradient(90deg,#003087,#001d4a)}.business-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.business-type-grid label{align-items:center!important;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex!important;font-size:14px;min-height:44px;padding:10px 12px;transition:all .2s}.business-type-grid label:hover{background:#f8f9fa;border-color:#003087;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.business-type-grid input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin-right:10px!important;width:18px}.business-type-grid input[type=checkbox]:checked+span,.business-type-grid label:has(input:checked){background:#f0f4ff;border-color:#003087;font-weight:500}@media (max-width:768px){.business-type-grid{gap:10px;grid-template-columns:1fr}}@media (max-width:480px){.business-type-grid{grid-template-columns:1fr}.form-card{max-width:100%;padding:20px 15px}.day-schedule{align-items:flex-start!important;flex-direction:column}.time-select{flex-direction:column!important;width:100%}.time-select select{margin-bottom:10px;width:100%!important}}html{font-size:.95rem}body,html{max-width:100%;overflow-x:hidden}body{margin:0;padding:0}.dashboard-layout{max-width:100%;overflow-x:hidden}.dashboard-sidebar{background:#fff;color:#001d4a;overflow-y:auto;transition:width .3s ease;width:300px;z-index:1000}.sidebar-logo{align-items:center;border-bottom:1px solid #eee;display:flex;height:75px;justify-content:center;padding:15px}.sidebar-logo img{height:50px;max-width:100%}.sidebar-toggle{background:#f5f5f5;border-radius:8px;color:#001d4a;font-size:1.1rem;margin:15px;padding:10px;text-align:center;transition:background .2s}.sidebar-toggle:hover{background:#e0e0e0}.dashboard-sidebar ul{flex:1 1;list-style:none;margin:0;padding:15px 0}.dashboard-sidebar a,.dashboard-sidebar button.menu-link{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#001d4a;cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:16px 20px;text-decoration:none;transition:all .2s;width:100%}.dashboard-sidebar a:hover,.dashboard-sidebar button.menu-link:hover{background:#f5f7fa;border-left-color:#001d4a}.menu-icon{font-size:1.4em;margin-right:15px;min-width:28px;text-align:center}.submenu{display:none;flex-direction:column;padding-left:40px}.submenu.open{display:flex}.logout-button{align-items:center;border:none;color:#001d4a;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:15px 20px;text-decoration:none;transition:background .2s;width:100%}.logout-button:hover{background:#f5f7fa}.logout-button .nav-icon{font-size:1.2em;margin-right:15px;min-width:24px;text-align:center}.dashboard-main{background-color:#f5f7fa;margin-left:300px;min-height:100vh;padding:25px 20px}.dashboard-title{color:#001d4a;font-size:1.5rem;font-weight:600;margin-bottom:20px}.dashboard-content{border-radius:10px;box-shadow:0 2px 8px #00000014;padding:20px}.modal-box{background:#fff;border-radius:8px;padding:20px;text-align:center;width:300px}.btn-primary{background:#00509d;border-radius:6px;margin-right:10px}.btn-secondary{background:#ccc}@media (max-width:900px){.dashboard-sidebar{display:none}.dashboard-main{box-sizing:border-box;margin-left:0;max-width:100vw;overflow-x:hidden;padding:20px 15px 80px}.dashboard-title{font-size:1.3rem}.dashboard-content{box-sizing:border-box;max-width:100%;padding:15px}.bottom-nav{align-items:center;background:#fff;border-top:1px solid #eee;bottom:0;box-shadow:0 -2px 8px #0000000d;display:flex;justify-content:space-around;left:0;padding:12px 0;position:fixed;width:100%;z-index:1000}.bottom-nav a,.bottom-nav button{align-items:center;background:none;border:none;color:#001d4a;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.8rem;min-width:0;padding:8px;text-decoration:none;transition:color .2s}.bottom-nav a:hover,.bottom-nav button:hover{color:#003087}.bottom-nav .nav-icon{font-size:1.5rem;margin-bottom:4px}.bottom-nav .nav-text{font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:480px){.dashboard-main{max-width:100vw;overflow-x:hidden;padding:15px 10px 80px}.dashboard-title{font-size:1.2rem}.dashboard-content{box-sizing:border-box;max-width:100%;padding:12px}.bottom-nav{padding:8px 0}.bottom-nav .nav-icon{font-size:1.2rem}.bottom-nav .nav-text{font-size:.6rem}}.shop-profile-sections,.shop-profile-sections.vertical{align-items:stretch;display:flex;flex-direction:column;gap:24px;margin-bottom:48px;margin-top:0}.shop-profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000012;box-sizing:border-box;margin-bottom:0;padding:18px;width:100%}.shop-profile-card h4{color:#001d4a;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.shop-profile-card .profile-placeholder,.shop-profile-card p{margin-bottom:1rem}.profile-placeholder{background:#f7f9fc;border-radius:8px;color:#888;margin-top:8px;padding:12px;text-align:center}.shop-profile-info-map-row{align-items:flex-start;display:flex;flex-direction:row;gap:32px;justify-content:space-between}.shop-profile-info-col{flex:0 1 40%}.shop-profile-map-col{align-items:flex-start;display:flex;flex:0 1 60%;flex-direction:column;justify-content:flex-start}.shop-map-container{border-radius:12px;box-shadow:0 2px 8px #00000012;height:300px;margin-top:0;overflow:hidden;width:100%}.shop-profile-card:last-child{margin-bottom:48px}@media (max-width:1200px){.shop-profile-card{padding:24px}.shop-profile-sections,.shop-profile-sections.vertical{gap:24px}}@media (max-width:900px){.shop-profile-card{padding:18px 12px}.shop-profile-sections,.shop-profile-sections.vertical{gap:18px}.shop-profile-info-map-row{flex-direction:column;gap:18px}.shop-profile-info-col,.shop-profile-map-col{flex:1 1 100%;max-width:100%}.shop-map-container{height:180px}}.bookings-container{margin:0 auto;max-width:1400px;padding:24px}.bookings-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.bookings-title{color:#1a1a1a;font-size:1.8rem;font-weight:600;margin:0 0 4px}.bookings-subtitle{color:#666;font-size:.95rem;margin:0}.btn{border-radius:6px;font-size:.95rem;font-weight:500}.btn-primary{background-color:#00509d}.btn-primary:hover{background-color:#003d7a}.btn-secondary{background-color:#f5f5f5;color:#333}.btn-secondary:hover{background-color:#e0e0e0}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669}.btn-warning{background-color:#f59e0b;color:#fff}.btn-warning:hover{background-color:#d97706}.btn-danger{background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.btn-sm{font-size:.85rem;padding:6px 12px}.btn:disabled{cursor:not-allowed;opacity:.5}.alert{font-size:.95rem;margin-bottom:20px;padding:14px 18px}.alert-success{background-color:#d1fae5;border:1px solid #6ee7b7}.alert-error{background-color:#fee2e2}.filters-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-group{flex:1 1;min-width:200px}.filter-select,.search-input{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:10px 14px;width:100%}.filter-select:focus,.search-input:focus{border-color:#00509d;box-shadow:0 0 0 3px #00509d1a;outline:none}.selection-toolbar{align-items:center;background-color:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.link-button{background:none;border:none;color:#00509d;cursor:pointer;font-size:.9rem;padding:4px 8px;text-decoration:underline}.link-button:hover{color:#003d7a}.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.service-card{border:1px solid #e5e7eb;border-radius:8px;padding:20px;position:relative;transition:all .2s}.service-card:hover{box-shadow:0 4px 12px #0000001a}.service-card.selected{background-color:#f0f7ff;border-color:#00509d}.service-card.inactive{opacity:.6}.service-checkbox{cursor:pointer;height:20px;position:absolute;right:16px;top:16px;width:20px}.service-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.service-name{font-size:1.2rem;margin:0;word-break:break-word}.status-badge{font-size:.8rem;white-space:nowrap}.status-badge.active{background-color:#d1fae5}.status-badge.inactive{background-color:#fee2e2}.service-description{color:#6b7280;font-size:.9rem;margin:0 0 16px}.service-details{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-top:12px}.detail-item{align-items:center;justify-content:space-between}.detail-label{color:#6b7280;font-size:.85rem}.detail-value{color:#1a1a1a;font-size:.95rem;font-weight:500}.service-actions{border-top:1px solid #f3f4f6;gap:8px;padding-top:12px}.service-actions .btn{flex:1 1}.empty-state{color:#6b7280}.empty-state p{font-size:1.1rem;margin-bottom:20px}.error-state,.loading-state{color:#6b7280;font-size:1.1rem;padding:40px 20px;text-align:center}.error-state{color:#dc2626}.modal-overlay{background-color:#00000080}.modal-content{max-width:540px}.modal-header h2{font-size:1.4rem;font-weight:600}.modal-close{border-radius:4px;font-size:1.8rem}.modal-close:hover{background-color:#f3f4f6;color:#1a1a1a}.modal-footer{border-top:1px solid #e5e7eb;gap:12px;padding:16px 24px}.form-group label{margin-bottom:6px}.form-input{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.95rem;padding:10px 14px}.form-input:focus{border-color:#00509d;box-shadow:0 0 0 3px #00509d1a}textarea.form-input{min-height:80px;resize:vertical}.form-row{display:flex;margin-bottom:0}.form-row .form-group{flex:1 1;margin-bottom:0}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#374151;font-size:.95rem}@media (max-width:768px){.bookings-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:stretch}.header-actions .btn{flex:1 1}.filters-section{flex-direction:column}.filter-group{min-width:100%}.services-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.modal-content{align-self:flex-end;border-radius:12px 12px 0 0;margin:0;max-width:100%}}@media (max-width:600px){.shop-profile-card{border-radius:10px;padding:16px 10px}.shop-profile-card h4{font-size:1.05rem}.shop-profile-sections,.shop-profile-sections.vertical{gap:14px}.shop-profile-info-map-row{gap:12px}.shop-map-container{border-radius:8px;width:360px}}.settings-layout{display:flex;gap:24px;margin-top:24px}.settings-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;height:-webkit-fit-content;height:fit-content;padding:16px;position:-webkit-sticky;position:sticky;top:24px;width:240px}.settings-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.settings-nav-item:hover{background:#f5f5f5}.settings-nav-item.active{background:#e0e7ff;color:#7c3aed;font-weight:600}.settings-nav-icon{font-size:1.2rem}.settings-nav-label{font-size:.95rem}.settings-content{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:32px}.settings-section{max-width:700px}.settings-section-title{color:#1a1a1a;font-size:1.6rem;font-weight:600;margin:0 0 8px}.settings-section-subtitle{color:#666;font-size:.95rem;margin:0 0 32px}.settings-subsection-title{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:24px 0 16px}.settings-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:32px;padding-top:24px}.form-hint{color:#6b7280;display:block;font-size:.85rem;margin-top:4px}.stripe-status-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.stripe-status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.stripe-status-header h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0}.stripe-info{display:flex;flex-direction:column;gap:12px}.info-row{align-items:center;padding:8px 0}.info-label{color:#6b7280;font-size:.9rem}.info-value{color:#1a1a1a;font-size:.95rem;font-weight:500}.text-success{color:#10b981!important}.text-error{color:#ef4444!important}.stripe-connect-prompt{padding:20px;text-align:center}.stripe-connect-prompt p{color:#6b7280;margin:0 0 16px}.notification-prefs{display:flex;flex-direction:column;gap:16px}.notification-item{border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.notification-item:hover{background:#f9fafb;border-color:#7c3aed}.notification-item .checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.notification-item .checkbox-label input[type=checkbox]{flex-shrink:0;margin-top:2px}.notification-item .checkbox-label>div{display:flex;flex-direction:column;gap:4px}.notification-title{color:#1a1a1a;font-size:.95rem;font-weight:600}.notification-desc{color:#6b7280;font-size:.85rem}.info-card{background:#f0f7ff;border:1px solid #d1e7ff;border-radius:8px;padding:24px;text-align:center}.info-card p{color:#1a1a1a;margin:0 0 16px}.security-section{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:20px}.security-section h3{color:#1a1a1a;font-size:1.05rem;font-weight:600;margin:0 0 8px}.security-section .form-hint{margin-bottom:12px}@media (max-width:768px){.settings-layout{flex-direction:column}.settings-sidebar{display:flex;overflow-x:auto;padding:12px;position:static;width:100%}.settings-nav-item{flex-direction:column;gap:4px;margin-bottom:0;margin-right:8px;min-width:80px;padding:12px 8px;text-align:center}.settings-nav-icon{font-size:1.5rem}.settings-nav-label{font-size:.8rem}.settings-content{padding:20px}.settings-section-title{font-size:1.3rem}.settings-actions{flex-direction:column}.settings-actions .btn{width:100%}}.category-badge{color:#fff;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:1}.template-note{grid-column:1/-1;padding-top:8px}.info-box{background-color:#e3f2fd;border-radius:6px;color:#1565c0;font-size:13px;line-height:1.5;margin-bottom:0;padding:12px}.empty-state-subtitle{color:#999;font-size:14px;margin:8px 0 20px}@media (max-width:768px){.bookings-header{align-items:stretch!important;flex-direction:column;gap:16px}.bookings-title{font-size:24px!important}.bookings-subtitle{font-size:14px!important}.header-actions{display:flex;flex-direction:column;gap:10px;width:100%}.btn-primary,.btn-secondary,.header-actions button{justify-content:center;width:100%}.filters-section{flex-direction:column;gap:10px}.filter-group,.filter-select,.search-input{width:100%}.packages-grid,.services-grid{gap:16px;grid-template-columns:1fr!important}.package-card,.service-card{margin-bottom:0}.service-card-header{align-items:flex-start!important}.service-actions,.service-card-header{flex-direction:column;gap:8px}.service-actions .btn{width:100%}.modal-overlay{align-items:flex-start;padding:20px 10px 10px}.modal-content{margin:0;max-height:calc(100vh - 40px);max-width:100%!important;width:100%!important}.modal-header h2{font-size:20px!important}.modal-body{padding:16px}.form-row{flex-direction:column!important;gap:0!important}.form-row .form-group{width:100%!important}.modal-footer{flex-direction:column-reverse;gap:10px}.modal-footer button{margin:0!important;width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.waitlist-table{font-size:13px}.waitlist-table td,.waitlist-table th{padding:10px 8px;white-space:nowrap}.stats-grid{gap:12px;grid-template-columns:1fr!important}.empty-state{padding:40px 20px!important}.empty-state p{font-size:16px!important}.pagination{flex-wrap:wrap;gap:8px;justify-content:center}.pagination button{min-width:40px;padding:8px 12px}}@media (max-width:576px){html{font-size:14px}.bookings-container{padding:12px}.bookings-title{font-size:20px!important}.modal-header h2{font-size:18px!important}.filter-select,.form-input,.form-select,.search-input{font-size:16px!important}.btn,.btn-danger,.btn-primary,.btn-secondary{font-size:14px;padding:10px 16px}.package-name,.service-name{font-size:16px!important}.category-badge{font-size:10px;padding:4px 8px}}.business-selector{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fb);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px;transition:all .3s ease}.business-selector:hover{border-color:#3b5998;box-shadow:0 4px 12px #3b59981a}.business-selector.single{background:linear-gradient(135deg,#3b5998,#2d4373);border-color:#3b5998;color:#fff}.business-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5em}.business-label{align-items:center;color:#4b5563;cursor:default;display:flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:.5px;margin:0;text-transform:uppercase}.business-selector.single .business-label{color:#ffffffe6}.business-name{color:#fff;font-size:18px;letter-spacing:.3px}.business-dropdown{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:10px 16px;transition:all .2s ease}.business-dropdown:hover{background:#f9fafb;border-color:#3b5998}.business-dropdown:focus{border-color:#3b5998;box-shadow:0 0 0 4px #3b59981a;outline:none}@media (max-width:768px){.business-selector{align-items:stretch;flex-direction:column;gap:8px}.business-label{font-size:14px}.business-dropdown{width:100%}}.professional-profile-banner{animation:slideDown .5s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 20px #667eea4d;margin-bottom:32px;padding:24px}.banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.banner-icon{font-size:48px;line-height:1}.banner-text{flex:1 1;min-width:250px}.banner-text h3{color:#fff;font-size:22px;font-weight:700;margin:0 0 8px}.banner-text p{color:#ffffffe6;font-size:15px;line-height:1.5;margin:0}.banner-btn{background:#fff;border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#667eea;cursor:pointer;font-size:15px;font-weight:700;padding:14px 28px;transition:all .3s;white-space:nowrap}.banner-btn:hover{background:#f8f9fa;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.banner-btn:active{transform:translateY(0)}.modal-content-pro{animation:slideUp .3s;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;padding:32px;width:100%}.modal-actions button{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.banner-content{flex-direction:column;text-align:center}.banner-icon{font-size:56px}.banner-btn{width:100%}.professional-types-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.modal-content-pro{padding:24px}.modal-actions{flex-direction:column}}.locations-grid{grid-gap:16px;align-items:start;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:1024px){.locations-grid{gap:12px}}@media (max-width:768px){.locations-grid{gap:16px;grid-template-columns:1fr}}.location-management-container{margin:0 auto;max-width:1400px;padding:20px}.location-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.location-header-content h2{color:#1a202c;font-family:Inter,sans-serif;font-size:28px;font-weight:700;margin:0 0 8px}.location-header-content p{color:#6b7280;font-family:Inter,sans-serif;font-size:14px;margin:0}.add-location-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 6px #667eea4d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.add-location-btn:hover{box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}.add-location-btn:active{transform:translateY(0)}.locations-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}.location-card{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;transition:all .3s ease}.location-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.location-card-header{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:16px}.location-card-title{color:#1a202c;font-family:Inter,sans-serif;font-size:18px;font-weight:600;margin:0 0 8px}.location-card-subtitle{color:#667eea;font-family:Inter,sans-serif;font-size:13px;font-weight:500;margin:0}.location-card-field{margin-bottom:16px}.location-card-field:last-child{margin-bottom:0}.location-field-label{color:#9ca3af;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.location-field-value{color:#374151;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;margin:0}.location-card-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:20px;padding-top:16px}.location-action-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s ease}.location-action-btn:hover{background:#f9fafb;border-color:#9ca3af}.location-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.location-action-btn.primary:hover{opacity:.9}.empty-state{border:2px dashed #e5e7eb;box-shadow:0 2px 8px #00000014}.empty-state-title{color:#374151;font-family:Inter,sans-serif;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state-text{color:#6b7280;font-family:Inter,sans-serif;font-size:14px;margin-bottom:24px}@media (max-width:768px){.location-management-container{padding:16px}.location-header{align-items:stretch;flex-direction:column;gap:16px}.location-header-content h2{font-size:24px}.add-location-btn{padding:14px 20px;width:100%}.locations-grid{gap:16px;grid-template-columns:1fr}.location-card{padding:20px}.location-card-actions{flex-direction:column}.location-action-btn{width:100%}}@media (max-width:480px){.location-header-content h2{font-size:20px}.location-card-title{font-size:16px}.empty-state{padding:40px 16px}.empty-state-icon{font-size:36px}}@media (min-width:769px) and (max-width:1024px){.locations-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.locations-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-top:20px}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000012;padding:18px;transition:transform .2s ease,box-shadow .2s ease}.dashboard-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.dashboard-card h4{color:#001d4a;margin-bottom:12px}.chart-placeholder{align-items:center;background:#f7f9fc;border-radius:8px;color:#888;display:flex;height:120px;justify-content:center}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}.bottom-nav{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 10px #00000014;display:flex;height:60px;justify-content:space-around;left:0;padding:8px 0 calc(8px + env(safe-area-inset-bottom));position:fixed;right:0;width:100%;z-index:1000}.bottom-nav a,.bottom-nav button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.7rem;justify-content:center;min-width:0;padding:4px;text-decoration:none;transition:all .2s}.bottom-nav a:hover,.bottom-nav button:hover{color:#001d4a}.bottom-nav .nav-icon{font-size:1.3rem;margin-bottom:2px}.bottom-nav span:not(.nav-icon){font-size:.65rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav a.active,.bottom-nav button.active{color:#001d4a;font-weight:600}}.staff-profile{margin:0 auto;max-width:800px;padding:20px}.staff-profile h2{color:#001d4a;font-size:23px;font-weight:600;margin-bottom:24px}.staff-profile h3{color:#001d4a;font-size:17px;font-weight:600;margin-bottom:16px;margin-top:32px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:15px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#001d4a;box-shadow:0 0 0 3px #001d4a1a;outline:none}.form-group input[type=file]{background:#f9fafb;border:2px dashed #d1d5db;cursor:pointer;padding:8px}.form-group input[type=file]:hover{background:#f3f4f6;border-color:#001d4a}.form-group textarea{min-height:100px;resize:vertical}.form-group small{font-size:14px}.btn-primary{background:#001d4a;border-radius:8px;font-weight:500;padding:10px 20px;transition:background .2s ease,transform .1s ease}.btn-primary:hover{background:#002d6e}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:768px){.btn-primary,.btn-secondary{font-size:14px;padding:9px 14px}}.btn-secondary{border:1px solid #d1d5db;border-radius:8px;color:#001d4a;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{border-color:#001d4a}.profile-info{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000012;margin-bottom:24px;padding:24px}.profile-info-item{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 0}.profile-info-item:last-child{border-bottom:none}.profile-info-label{color:#6b7280;font-size:14px;font-weight:500}.profile-info-value{color:#111827;font-size:15px;text-align:right}.alert-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626}.alert-error,.alert-success{font-size:14px;margin-bottom:20px;padding:10px 14px}.alert-success{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;color:#16a34a}.alert-info{background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;color:#1d4ed8;font-size:14px;margin-bottom:20px;padding:10px 14px}.loading{color:#6b7280;font-size:17px;padding:40px;text-align:center}@media (max-width:768px){.staff-profile{padding:16px}.staff-profile h2{font-size:21px}.staff-profile h3{font-size:19px}.profile-info{padding:16px}.profile-info-item{flex-direction:column;gap:8px}.profile-info-value{text-align:left}.form-group label{font-size:16px}.form-group input,.form-group select,.form-group textarea{font-size:17px;padding:12px 14px}.form-group input[placeholder=Doe],.form-group input[placeholder=John]{font-size:17px}}.dashboard-layout{background-color:#f7f9fc;display:flex;min-height:100vh}.dashboard-sidebar{background-color:#fff;bottom:0;box-shadow:2px 0 8px #0000000d;color:#00509d;display:flex;flex-direction:column;left:0;overflow-x:hidden;position:fixed;top:0;transition:width .3s;width:240px}.dashboard-sidebar.collapsed{width:70px}.sidebar-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 16px}.sidebar-title{color:#00509d;font-size:1.2rem;font-weight:600;margin:0}.sidebar-toggle{background:none;border:none;color:#00509d;cursor:pointer;font-size:1.3rem;padding:8px}.dashboard-sidebar.collapsed .sidebar-title{display:none}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding-top:10px}.menu-list{list-style:none;margin:0;padding:0}.menu-list li{margin-bottom:4px}.logout-button,.menu-list a{align-items:center;background:none;border:none;color:#00509d;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;padding:12px 20px;text-decoration:none;transition:background .2s;width:100%}.logout-button:hover,.menu-list a:hover{background:#f0f4fa}.menu-list li.active a{background:#e0ebf8;border-left:3px solid #00509d;color:#003d7a}.menu-icon{font-size:1.2em;margin-right:12px;min-width:20px}.menu-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-sidebar.collapsed .menu-text{display:none}.logout-button{background:#fff;border-top:1px solid #eee;bottom:0;justify-content:flex-start;position:-webkit-sticky;position:sticky}.logout-button .menu-icon{font-size:1.2em;margin-right:12px;min-width:20px}.logout-button .menu-text{margin-left:4px}.dashboard-main{flex:1 1;margin-left:240px;padding:30px;transition:margin-left .3s}.dashboard-sidebar.collapsed~.dashboard-main{margin-left:70px}.bottom-nav{display:none}@media (max-width:900px){.dashboard-sidebar{display:none}.dashboard-main{margin-left:0;padding:16px 16px 70px}.bottom-nav{align-items:center;background:#fff;border-top:1px solid #eee;bottom:0;box-shadow:0 -2px 8px #0000000d;display:flex;justify-content:space-around;left:0;padding:8px 0;position:fixed;width:100%;z-index:100}.bottom-nav a,.bottom-nav button{align-items:center;background:none;border:none;color:#00509d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.75rem;font-weight:500;min-width:0;padding:4px;text-decoration:none}.bottom-nav .nav-icon{font-size:1.2rem;margin-bottom:2px}.bottom-nav a.active,.bottom-nav button.active{color:#003d7a}}.mobile-more-menu{z-index:1000}.mobile-more-menu,.more-menu-backdrop{bottom:0;left:0;position:fixed;right:0}.more-menu-backdrop{background:#0000004d;top:0}.more-menu-content{animation:slideUp .2s ease-out;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -4px 12px #00000026;padding:16px;position:relative}.more-menu-content a,.more-menu-content button{align-items:center;background:none;border:none;border-radius:6px;color:#00509d;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;padding:14px;text-align:left;text-decoration:none;transition:background .2s;width:100%}.more-menu-content a:hover,.more-menu-content button:hover{background:#f0f4fa}.more-menu-content .logout-link{border-top:1px solid #eee;color:#dc2626;margin-top:8px;padding-top:18px}.more-menu-content .logout-link:hover{background:#fef2f2}.modal-overlay{height:100%;width:100%;z-index:2000}.modal-content{border-radius:16px;max-width:480px;padding:40px 48px;text-align:center}.modal-content h3{color:#111827;font-size:24px;font-weight:600;margin-bottom:12px;margin-top:0}.modal-content p{color:#6b7280;font-size:16px;margin-bottom:32px}.btn-cancel,.btn-confirm{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:background .2s}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{background:#ef4444;color:#fff}.btn-confirm:hover{background:#dc2626}@media (max-width:768px){.modal-content{padding:32px 24px}.modal-content h3{font-size:20px}.modal-content p{font-size:14px}.btn-cancel,.btn-confirm{font-size:14px;padding:12px 20px}}.freelancer-badge{background:linear-gradient(135deg,#2d6da3,#4a90c6);border-radius:16px;color:#fff;display:inline-block;font-size:13px;font-weight:600;margin-bottom:16px;padding:6px 14px}.freelancer-note{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:4px;color:#1e40af;font-size:14px;margin:16px 0;padding:12px 16px}.verify-code-container{display:flex;min-height:100vh;width:100%}.verify-left-panel{background:#2563eb;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:60px 80px;position:relative}.verify-left-panel:before{background:linear-gradient(135deg,#2563ebf2,#1d4ed8fa);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.brand-section,.features-section{position:relative;z-index:1}.brand-section{margin-bottom:60px}.brand-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin-bottom:24px;width:80px}.brand-name{font-size:42px;font-weight:700;letter-spacing:1px;margin:0 0 16px}.brand-tagline{color:#ffffffe6;font-size:18px;line-height:1.6;margin:0;max-width:500px}.features-section{display:flex;flex-direction:column;gap:32px}.feature-item{align-items:flex-start;display:flex;gap:20px}.feature-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.feature-text h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.feature-text p{color:#ffffffd9;font-size:15px;line-height:1.5;margin:0}.verify-right-panel{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:60px 80px}.verify-form-container{max-width:480px;width:100%}.verify-title{color:#111827;font-size:28px;font-weight:700;margin:0 0 16px}.verify-subtitle{color:#374151;font-size:18px;font-weight:600;margin:0 0 12px}.verify-description{color:#6b7280;font-size:15px;line-height:1.6;margin:0 0 12px}.verify-description strong{color:#111827;font-weight:600}.verify-hint{color:#9ca3af;font-size:14px;margin:0 0 32px}.form-group{margin-bottom:24px}.form-input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-size:16px;font-weight:600;letter-spacing:.3em;padding:14px 16px;text-align:center;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.code-expiry{color:#6b7280;font-size:13px;margin:8px 0 0}.verify-button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 16px;transition:background .2s,transform .1s;width:100%}.verify-button:hover{background:#1d4ed8}.verify-button:active{transform:scale(.98)}.resend-section{margin-top:24px;text-align:center}.resend-link-button{background:none;border:none;border-radius:6px;color:#2563eb;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:background .2s,color .2s}.resend-link-button:hover:not(:disabled){background:#eff6ff;color:#1d4ed8}.resend-link-button:disabled{background:none;color:#9ca3af;cursor:not-allowed}.alert{line-height:1.5;margin-top:16px;padding:12px 16px}.alert-warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e}@media (max-width:1024px){.verify-left-panel,.verify-right-panel{padding:40px}.brand-name{font-size:36px}.brand-tagline,.feature-text h3{font-size:16px}.feature-text p{font-size:14px}}@media (max-width:768px){.verify-code-container{flex-direction:column}.verify-left-panel{min-height:auto;padding:40px 24px}.brand-section{margin-bottom:40px}.brand-logo{height:64px;margin-bottom:16px;width:64px}.brand-logo,.brand-name{font-size:28px}.brand-tagline{font-size:15px}.features-section{gap:24px}.feature-icon{font-size:24px;height:48px;width:48px}.verify-right-panel{padding:40px 24px}.verify-title{font-size:24px}.verify-subtitle{font-size:16px}.verify-description{font-size:14px}}@media (max-width:480px){.verify-left-panel,.verify-right-panel{padding:32px 20px}.brand-name{font-size:24px}.feature-item{gap:16px}.feature-icon{font-size:20px;height:40px;width:40px}.feature-text h3{font-size:15px}.feature-text p{font-size:13px}.verify-title{font-size:22px}.form-input,.verify-button{font-size:15px;padding:12px 14px}}.settings-container{margin:0 auto;max-width:900px;padding:32px 24px}.settings-title{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 24px}.alert{animation:slideDown .3s ease-out;border-radius:12px;font-size:14px;margin-bottom:24px;padding:16px 20px}.settings-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:24px;overflow:hidden}.card-header{border-bottom:2px solid #f3f4f6;padding:24px 28px}.card-header h2{font-size:20px;font-weight:600;margin:0}.card-body{padding:28px}.status-section{text-align:center}.status-badge{font-size:16px;margin-bottom:20px;padding:12px 24px}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 4px 12px #10b98133;color:#065f46}.status-inactive{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 4px 12px #f59e0b33;color:#92400e}.status-description{color:#6b7280;font-size:15px;line-height:1.6;margin:0 auto 24px;max-width:600px}.status-description strong{color:#111827;text-transform:capitalize}.benefits-list{margin:16px 0 0}.benefits-list li{background:#f9fafb;border-left:3px solid #667eea;border-radius:8px;color:#374151;font-size:14px;margin-bottom:8px;padding:12px 16px}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;min-width:160px;padding:14px 28px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.btn-danger:hover:not(:disabled){box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.modal-content-confirm,.modal-content-pro{animation:slideUp .3s;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;padding:32px;width:100%}.modal-content-confirm{max-width:500px;text-align:center}.modal-title{font-size:26px;margin:0 0 8px}.modal-subtitle{color:#6b7280;font-size:15px;line-height:1.6;margin:0 0 24px}.error-message{border-radius:10px;padding:12px 16px}.form-section{margin-bottom:24px}.form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.location-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;cursor:pointer;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.location-select:hover{border-color:#d1d5db}.location-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.professional-types-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:24px}.professional-type-option{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;text-align:center;transition:all .2s}.professional-type-option:hover{background:#f9fafb;border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.professional-type-option.selected{background:linear-gradient(135deg,#f0f4ff,#e5edff);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.professional-type-option .type-icon{font-size:36px;line-height:1;margin-bottom:12px}.professional-type-option .type-label{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.professional-type-option .type-description{color:#6b7280;font-size:11px;line-height:1.4}.modal-actions{justify-content:center}.modal-actions button{max-width:200px}.payout-preference-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.preference-option{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;padding:20px;transition:all .2s ease}.preference-option:hover{background:#f0f9ff;border-color:#93c5fd}.preference-option.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.preference-option input[type=radio]{cursor:pointer;height:20px;margin-right:16px;margin-top:4px;width:20px}.option-content{flex:1 1}.option-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.option-icon{font-size:24px}.option-header strong{color:#111827;font-size:16px}.option-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 12px}.option-benefits{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.option-benefits li{align-items:center;color:#4b5563;display:flex;font-size:13px;line-height:1.5}.preference-option.selected .option-benefits li{color:#1e40af}.preference-option:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.settings-container{padding:20px 16px}.settings-title{font-size:24px}.card-body,.card-header{padding:20px}.professional-types-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.modal-content-confirm,.modal-content-pro{padding:24px}.modal-actions{flex-direction:column}.modal-actions button{max-width:none;width:100%}.btn-danger,.btn-primary,.btn-secondary{width:100%}}.add-card-modal{max-width:500px}.card-element-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.form-group{margin-bottom:20px}.checkbox-group{align-items:center}.checkbox-group label{align-items:center;display:flex;margin:0}.checkbox-group input[type=checkbox]{height:16px;margin-right:8px;width:16px}.checkbox-group span{color:#374151;font-size:14px}.billing-container{margin:0 auto;max-width:1200px;padding:20px}.billing-header{margin-bottom:30px}.billing-header h1{color:#1a1a1a;font-size:28px;margin:10px 0}.billing-header p{color:#666;font-size:14px}.btn-back{color:#2563eb;font-size:14px;margin-bottom:10px}.btn-back:hover{text-decoration:underline}.empty-state,.error-message,.loading-state{background:#f9fafb;border-radius:8px;margin:20px 0;padding:40px;text-align:center}.empty-state p{margin-bottom:8px}.empty-state small{color:#9ca3af;font-size:13px}.upcoming-invoice-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:30px;padding:24px}.upcoming-invoice-card h2{font-size:20px;margin:0 0 20px}.upcoming-content{display:flex;flex-wrap:wrap;gap:40px}.upcoming-info{flex:1 1;min-width:250px}.info-item{border-bottom:1px solid #fff3;justify-content:space-between}.info-label{font-weight:500;opacity:.9}.info-value{font-weight:600}.amount-highlight{color:#fbbf24;font-size:24px}.line-items-preview{flex:1 1;min-width:300px}.line-items-preview h3{font-size:16px;margin:0 0 12px;opacity:.9}.line-item-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 0}.item-description{font-size:14px;opacity:.9}.item-amount{font-weight:600}.proration-badge{background:#fbbf24;border-radius:12px;color:#78350f;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.payment-methods-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:24px}.payment-methods-section h2{color:#1a1a1a;font-size:20px;margin:0 0 20px}.payment-methods-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-icon{align-items:center;background:#1f2937;border-radius:4px;color:#fff;display:flex;font-size:11px;font-weight:700;height:35px;justify-content:center;width:50px}.card-details{flex:1 1}.card-number{color:#1a1a1a;font-size:16px;font-weight:600}.card-expiry{color:#6b7280;font-size:13px}.default-badge{background:#10b981;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.invoice-history-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.invoice-history-section h2{color:#1a1a1a;font-size:20px;margin:0 0 20px}.invoice-table-container{overflow-x:auto}.invoice-table{border-collapse:collapse;width:100%}.invoice-table thead{background:#f9fafb}.invoice-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:12px;text-align:left}.invoice-table td{border-bottom:1px solid #f3f4f6;font-size:14px;padding:16px 12px}.invoice-table tbody tr:hover{background:#f9fafb}.invoice-number{color:#6b7280;font-family:monospace}.amount-cell{color:#1a1a1a;font-weight:600}.status-paid{background:#d1fae5;color:#065f46}.status-open{background:#fef3c7;color:#92400e}.status-failed{background:#fee2e2;color:#991b1b}.status-void{background:#e5e7eb;color:#4b5563}.status-draft{background:#dbeafe;color:#1e40af}.actions-cell{display:flex;gap:8px}.btn-download,.btn-view{border-radius:6px;cursor:pointer;display:inline-block;font-size:13px;font-weight:500;padding:6px 12px;text-decoration:none}.btn-view{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.btn-view:hover{background:#dbeafe}.btn-download{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.btn-download:hover{background:#dcfce7}.modal-content{box-shadow:0 20px 25px -5px #0000001a;max-width:700px}.modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.modal-header h2{color:#1a1a1a;font-size:20px}.btn-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:32px;height:32px;line-height:1;padding:0;width:32px}.btn-close:hover{color:#1a1a1a}.invoice-info-grid{grid-gap:16px;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding-bottom:24px}.line-items-detail h3{color:#1a1a1a;font-size:16px;margin:24px 0 16px}.line-item-detail-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 0}.item-info .item-description{color:#1a1a1a;font-weight:500;margin-bottom:4px}.item-period,.item-quantity{color:#6b7280;font-size:13px;margin-top:4px}.item-amount-wrapper{align-items:center;color:#1a1a1a;display:flex;font-weight:600;gap:8px}.invoice-totals{border-top:2px solid #e5e7eb;margin-top:24px;padding-top:16px}.total-row{font-size:15px;padding:8px 0}.total-final{border-top:1px solid #e5e7eb;color:#1a1a1a;font-size:18px;font-weight:700;margin-top:8px;padding-top:12px}.paid-amount{color:#16a34a;font-weight:600}.modal-actions{border-top:1px solid #e5e7eb;margin-top:24px}.btn-primary,.btn-secondary{border-radius:8px;display:inline-block;font-size:14px;padding:12px 20px;text-align:center;text-decoration:none}.btn-primary{background:#2563eb}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#6b7280}@media (max-width:768px){.billing-container{padding:15px}.billing-header h1{font-size:24px}.upcoming-content{flex-direction:column;gap:20px}.invoice-table{font-size:13px}.invoice-table td,.invoice-table th{padding:10px 8px}.actions-cell{flex-direction:column;gap:4px}.modal-content{margin:10px}.invoice-info-grid{grid-template-columns:1fr}}.btn-add-card{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.btn-add-card:hover:not(:disabled){background:#1d4ed8}.btn-add-card:disabled{cursor:not-allowed;opacity:.5}.payment-method-card{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;padding:16px;position:relative}.card-actions{display:flex;gap:8px;margin-left:auto}.btn-action{border:1px solid;border-radius:6px;font-size:12px;font-weight:500;padding:6px 12px}.btn-action:disabled{cursor:not-allowed;opacity:.5}.btn-set-default{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.btn-set-default:hover:not(:disabled){background:#dbeafe}.btn-remove{background:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-remove:hover:not(:disabled){background:#fee2e2}.empty-state .btn-primary{font-size:14px;margin-top:16px;padding:10px 20px}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:12px}.btn-add-card{width:100%}.payment-method-card{flex-wrap:wrap}.card-actions{justify-content:flex-end;width:100%}}.booking-import-page{margin:0 auto;max-width:1000px;padding:24px}.import-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.import-container h1{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:8px}.subtitle{color:#6b7280;font-size:16px;margin-bottom:32px}.instructions-section{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;margin-bottom:32px;padding:24px}.instructions-section h2{color:#065f46;font-size:20px;font-weight:600;margin-bottom:16px}.instructions-section ol{color:#374151;line-height:1.6;margin:0 0 16px;padding-left:24px}.instructions-section li{margin-bottom:12px}.instructions-section ul{list-style-type:disc;margin:8px 0;padding-left:24px}.instructions-section ul li{font-size:14px;margin-bottom:6px}.instructions-section code{background:#fff;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.template-btn{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.template-btn:hover{background:#047857;transform:translateY(-1px)}.upload-section{background:#f9fafb;border-radius:8px;margin-bottom:32px;padding:24px}.upload-section h2{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:16px}.file-input-wrapper{margin-bottom:16px}#file-input{background:#fff;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:12px;width:100%}#file-input:hover:not(:disabled){background:#f0fdf4;border-color:#059669}#file-input:disabled{cursor:not-allowed;opacity:.6}.file-selected{background:#d1fae5;border:1px solid #6ee7b7;border-radius:6px;color:#065f46;font-size:14px;font-weight:500;margin-top:8px;padding:8px 12px}.error-message{border:1px solid #fca5a5;border-radius:6px;font-size:14px;margin-bottom:16px;padding:12px}.import-btn{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s;width:100%}.import-btn:hover:not(:disabled){background:#047857;box-shadow:0 4px 6px #05966933;transform:translateY(-1px)}.import-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.results-section{background:#f0fdf4;border:1px solid #6ee7b7;border-radius:8px;margin-bottom:32px;padding:24px}.results-section h2{color:#065f46;font-size:20px;font-weight:600;margin-bottom:16px}.results-summary{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.result-stat{align-items:center;border-radius:6px;display:flex;font-weight:500;justify-content:space-between;padding:12px}.result-stat.success{background:#d1fae5;color:#065f46}.result-stat.error{background:#fee2e2;color:#991b1b}.result-stat.warning{background:#fef3c7;color:#92400e}.result-stat .value{font-size:24px;font-weight:700}.errors-list{background:#fff;border:1px solid #fca5a5;border-radius:6px;margin-bottom:16px;padding:16px}.errors-list h3{color:#991b1b;font-size:16px;font-weight:600;margin-bottom:12px}.error-item{border-bottom:1px solid #fee2e2;color:#991b1b;font-size:14px;padding:8px 0}.error-item:last-child{border-bottom:none}.success-note{background:#fff;border:1px solid #6ee7b7;border-radius:6px;color:#065f46;font-size:14px;margin-top:16px;padding:12px}.sync-info-section{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:24px}.sync-info-section h2{color:#1e40af;font-size:18px;font-weight:600;margin-bottom:12px}.sync-info-section p{color:#1e40af;line-height:1.5;margin:0}@media (max-width:768px){.booking-import-page{padding:16px}.import-container{padding:20px}.import-container h1{font-size:24px}.instructions-section{padding:16px}.instructions-section ol{padding-left:16px}.upload-section{padding:16px}.results-summary{gap:8px}.result-stat{flex-direction:column;gap:8px;text-align:center}}.email-change-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.email-change-modal-content{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;position:relative;width:100%}.email-change-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.email-change-modal-close:hover{background-color:#f5f5f5;color:#333}.email-change-modal-content h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0 0 16px}.email-change-current-email{background-color:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;color:#666;font-size:14px;margin-bottom:24px;padding:12px 16px}.email-change-current-email strong{color:#1a1a1a}.email-change-verify-message{color:#666;font-size:14px;line-height:1.6;margin-bottom:24px}.email-change-verify-message strong{color:#007bff;font-weight:600}.email-change-form-group{margin-bottom:20px}.email-change-form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.email-change-form-group input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.email-change-form-group input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.email-change-form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.email-change-error{background-color:#fff5f5;border-left:3px solid #dc3545;color:#dc3545}.email-change-error,.email-change-success{border-radius:4px;font-size:14px;margin:16px 0;padding:12px 16px}.email-change-success{background-color:#f0f8f4;border-left:3px solid #28a745;color:#28a745}.email-change-form-actions{display:flex;gap:12px;margin-top:24px}.email-change-btn-cancel,.email-change-btn-submit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.email-change-btn-cancel{background-color:#f5f5f5;color:#666}.email-change-btn-cancel:hover:not(:disabled){background-color:#e9ecef;color:#333}.email-change-btn-submit{background-color:#007bff;color:#fff}.email-change-btn-submit:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 12px #007bff33}.email-change-btn-cancel:disabled,.email-change-btn-submit:disabled{cursor:not-allowed;opacity:.6}.email-change-info-box{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:24px;padding:16px}.email-change-info-box h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 12px}.email-change-info-box ul{list-style-type:disc;margin:0;padding-left:20px}.email-change-info-box li{color:#6c757d;font-size:13px;line-height:1.5;margin-bottom:8px}.email-change-info-box li:last-child{margin-bottom:0}@media (max-width:600px){.email-change-modal-content{margin:0 10px;padding:24px}.email-change-modal-content h2{font-size:20px}.email-change-form-actions{flex-direction:column}.email-change-btn-cancel,.email-change-btn-submit{width:100%}}.orders-container{font-size:13px;margin:0 auto;max-width:1200px;padding:12px}.orders-header{margin-bottom:16px}.orders-header h1{color:#111827;font-size:14px;font-weight:700;margin:0 0 4px}.orders-subtitle{color:#6b7280;font-size:12px;margin:0}.alert{border-radius:6px;font-size:12px;margin-bottom:12px;padding:10px 12px}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.loading-spinner{color:#6b7280;font-size:13px;padding:40px 20px}.orders-filters{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:12px;padding:12px}.filter-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.filter-tab{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s}.filter-tab:hover{border-color:#2d6da3;color:#2d6da3}.filter-tab.active{background:#2d6da3;border-color:#2d6da3;color:#fff}.tab-count{background:#fff3;border-radius:10px;font-size:11px;font-weight:700;padding:2px 6px}.filter-tab.active .tab-count{background:#ffffff40}.search-box{margin-top:10px}.search-input{border:1.5px solid #e5e7eb;border-radius:6px;font-size:12px;padding:8px 12px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#2d6da3}.orders-list{gap:8px}.order-card{background:#fff;border:1px solid #f3f4f6;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:10px 12px;transition:box-shadow .2s}.order-card:hover{box-shadow:0 2px 4px #00000014}.order-card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.order-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.order-number{color:#111827;font-size:13px;font-weight:700}.order-date{color:#9ca3af;font-size:11px}.order-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.order-customer{color:#374151;font-size:12px;font-weight:500}.order-items-compact{color:#6b7280;display:flex;font-size:11px;gap:8px}.order-items-compact span{white-space:nowrap}.order-total{color:#2d6da3;font-size:13px}.order-actions{border-top:1px solid #f3f4f6;display:flex;gap:6px;margin-top:8px;padding-top:8px}.btn-view{background:#fff;border:1.5px solid #2d6da3;border-radius:6px;color:#2d6da3;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.btn-view:hover{background:#2d6da3;color:#fff}.btn-pickup{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.btn-pickup:hover:not(:disabled){background:#059669}.btn-pickup:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#6b7280;border:none;border-radius:6px;font-size:12px;padding:8px 16px}.btn-secondary:hover{background:#4b5563}.empty-state{border-radius:12px;box-shadow:0 1px 3px #0000001a}.modal-content{box-shadow:0 20px 25px #00000026}.modal-header{border-bottom:2px solid #f3f4f6;padding:24px}.modal-header h2{color:#111827;font-size:24px}.modal-close{color:#6b7280;font-size:32px;line-height:1}.modal-close:hover{color:#111827}.modal-body{padding:24px}.detail-row{color:#374151;font-size:14px;margin-bottom:12px}.detail-row strong{color:#111827;margin-right:8px}.modal-body hr{border:none;border-top:2px solid #f3f4f6;margin:20px 0}.order-card-header span[style*=background]{border-radius:10px!important;font-size:11px!important;font-weight:600!important;padding:3px 8px!important;white-space:nowrap}.modal-body h3{color:#2d6da3;font-size:13px;font-weight:700;margin:12px 0 8px}.modal-body hr{margin:8px 0}.detail-row{margin:6px 0}.detail-row strong{font-weight:600}.modal-footer{border-top:1px solid #f3f4f6;gap:8px;padding:12px}.empty-state{padding:40px 20px}.empty-icon{margin-bottom:12px}.empty-state h3{color:#111827;font-size:14px;margin:8px 0}.empty-state p{color:#6b7280;margin:0}@media (max-width:768px){.orders-container{padding:8px}.orders-header h1{font-size:14px}.orders-subtitle{font-size:11px}.filter-tabs{gap:4px}.filter-tab{font-size:11px;padding:5px 10px}.tab-count{font-size:10px;padding:1px 4px}.search-input{font-size:12px}.order-card,.search-input{padding:8px 10px}.order-header-left{gap:6px}.order-number{font-size:12px}.order-date{font-size:10px}.order-customer{font-size:11px}.order-items-compact{font-size:10px}.order-total{font-size:12px}.order-actions{gap:4px}.btn-pickup,.btn-view{font-size:11px;padding:5px 10px}.modal-content{margin:10px;max-height:90vh;overflow-y:auto}.modal-header h2{font-size:14px}.modal-body{font-size:12px}.modal-footer{flex-wrap:wrap}.modal-footer button{flex:1 1;min-width:100px}}.freelancer-subscription-page{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.subscription-container h1{color:#333;font-size:2.5rem;margin-bottom:30px;text-align:center}.loading-spinner{font-size:1.2rem;padding:60px}.status-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.status-card h2{color:#333;font-size:1.8rem;margin:0 0 20px}.status-info{display:flex;flex-direction:column;gap:15px}.status-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 0}.status-row:last-of-type{border-bottom:none}.status-row .label{color:#555;font-size:1rem;font-weight:600}.status-row .value{color:#333;font-size:1rem}.status-row .value.amount{color:#667eea;font-size:1.5rem;font-weight:700}.badge{border-radius:20px;font-size:.9rem;font-weight:600;padding:6px 16px;text-transform:uppercase}.badge.trial{background:#fff3cd;color:#856404}.badge.active,.badge.subscription{background:#d1f4e0;color:#155724}.badge.transaction{background:#f8d7da;color:#721c24}.cancel-notice,.grace-notice,.transaction-notice,.trial-notice{border-radius:8px;font-size:.95rem;line-height:1.6;margin-top:15px;padding:15px}.trial-notice{background:#e7f3ff;border-left:4px solid #2196f3;color:#0d47a1}.cancel-notice{background:#fff3cd;border-left:4px solid #ffc107;color:#856404}.grace-notice{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.transaction-notice{background:#fff3e0;border-left:4px solid #ff9800;color:#e65100}.pricing-section{margin-bottom:30px}.pricing-section h2{color:#333;font-size:2rem;margin-bottom:10px;text-align:center}.pricing-subtitle{color:#666;font-size:1.1rem;margin-bottom:30px;text-align:center}.freelancer-pricing-card{background:#fff;border:2px solid #667eea;border-radius:12px;box-shadow:0 4px 16px #0000001a;padding:40px}.pricing-header{margin-bottom:30px}.pricing-icon{font-size:4rem;margin-bottom:15px}.pricing-header h3{color:#333;font-size:2rem;margin-bottom:15px}.pricing-amount{align-items:baseline;display:flex;gap:8px;justify-content:center}.pricing-amount .price{color:#667eea;font-size:4rem;font-weight:700}.pricing-amount .period{color:#666;font-size:1.5rem}.pricing-features{margin-bottom:30px}.pricing-features h4{color:#333;font-size:1.3rem;margin-bottom:15px}.pricing-features ul{list-style:none;margin:0;padding:0}.pricing-features li{align-items:center;border-bottom:1px solid #e0e0e0;color:#555;display:flex;font-size:1rem;gap:12px;padding:12px 0}.pricing-features li:last-child{border-bottom:none}.feature-icon{flex-shrink:0;font-size:1.2rem}.cost-comparison{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.cost-comparison h4{color:#333;font-size:1.3rem;margin-bottom:15px;text-align:center}.cost-comparison table{background:#fff;border-collapse:collapse;border-radius:8px;margin-bottom:15px;overflow:hidden;width:100%}.cost-comparison td,.cost-comparison th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:center}.cost-comparison th{background:#667eea;color:#fff;font-size:.9rem;font-weight:600}.cost-comparison td{color:#333;font-size:.95rem}.cost-comparison tr.highlight{background:#f0f4ff;font-weight:600}.cost-comparison .savings{color:#4caf50;font-weight:700}.breakeven-note{color:#666;font-size:.95rem;font-style:italic;margin:0;text-align:center}.subscribe-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 16px #667eea66;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:600;padding:18px 40px;transition:all .3s ease;width:100%}.subscribe-btn:hover{box-shadow:0 6px 24px #667eea99;transform:translateY(-2px)}.subscribe-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.manage-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.manage-section h2{color:#333;font-size:1.8rem;margin-bottom:20px}.manage-actions{text-align:center}.cancel-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px 30px;transition:all .3s ease}.cancel-btn:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d}.cancel-btn:disabled{background:#ccc;cursor:not-allowed}.cancel-note{color:#666;font-size:.9rem;margin-top:15px}.transaction-info-card{background:#fff;border:2px solid #ff9800;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.transaction-info-card h3{color:#333;font-size:1.5rem;margin-bottom:20px}.transaction-details p{color:#555;font-size:1rem;margin-bottom:12px}.transaction-details strong{color:#333}.transaction-warning{background:#fff3e0;border-left:4px solid #ff9800;border-radius:4px;color:#e65100;margin-top:20px;padding:15px}.modal-overlay{background:#000000b3;height:100vh;width:100vw;z-index:10000}.modal-content{box-shadow:0 10px 40px #0000004d;max-width:500px;padding:40px}.modal-content h3{color:#333;font-size:1.8rem;margin-bottom:20px}.modal-content p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:30px}.modal-actions{flex-direction:column;gap:15px}.confirm-cancel-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:14px 30px;transition:all .3s ease}.confirm-cancel-btn:hover{background:#c82333}.confirm-cancel-btn:disabled{background:#ccc;cursor:not-allowed}.keep-subscription-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:14px 30px;transition:all .3s ease}.keep-subscription-btn:hover{background:#218838}.keep-subscription-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.freelancer-subscription-page{padding:15px}.subscription-container h1{font-size:2rem}.freelancer-pricing-card,.manage-section,.status-card,.transaction-info-card{padding:20px}.pricing-header h3{font-size:1.5rem}.pricing-amount .price{font-size:3rem}.pricing-amount .period{font-size:1.2rem}.cost-comparison table{font-size:.85rem}.cost-comparison td,.cost-comparison th{padding:8px 4px}.subscribe-btn{font-size:1.1rem;padding:16px 30px}.modal-content{padding:30px 20px}.modal-content h3{font-size:1.5rem}}@media (max-width:480px){.subscription-container h1{font-size:1.7rem}.pricing-icon{font-size:3rem}.pricing-amount .price{font-size:2.5rem}.status-row{align-items:flex-start;flex-direction:column;gap:8px}.subscribe-btn{font-size:1rem;padding:14px 24px}}.pricing-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:40px 20px}@media (max-width:900px){.pricing-page{padding-bottom:100px}}.pricing-header{margin-bottom:48px;text-align:center}.back-button{background:none;color:#2563eb;font-size:16px;font-weight:500;margin-bottom:24px}.back-button:hover{background:#eff6ff}.pricing-header h1{color:#111827;font-size:42px;font-weight:700;margin:0 0 16px}.pricing-subtitle{color:#6b7280;font-size:18px;margin:0}.billing-toggle{background:#f3f4f6;border-radius:12px;display:flex;gap:8px;justify-content:center;margin-bottom:48px;margin-left:auto;margin-right:auto;padding:6px;width:-webkit-fit-content;width:fit-content}.billing-toggle button{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;position:relative;transition:all .2s}.billing-toggle button.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#2563eb}.savings-badge{background:#10b981;border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.pricing-cards{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:64px}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:32px;transition:transform .2s,box-shadow .2s}.pricing-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.pricing-card.featured{border-color:#2563eb;box-shadow:0 8px 16px #2563eb1a;position:relative}.pricing-card.featured:before{background:#2563eb;border-radius:20px;color:#fff;content:"✨ Recommended";font-size:14px;font-weight:600;left:50%;padding:6px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-card.comparison{background:#f9fafb}.card-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:24px}.card-header h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 16px}.price-display{align-items:baseline;display:flex;gap:8px;margin-bottom:8px}.price{color:#2563eb;font-size:48px;font-weight:700}.period{color:#6b7280;font-size:18px}.annual-note{margin-top:4px}.annual-note,.location-info{color:#6b7280;font-size:14px}.location-info{background:#eff6ff;border-radius:6px;margin-top:12px;padding:8px 12px}.model-note{color:#ef4444;font-size:14px;font-weight:600}.card-features h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px}.card-features ul{list-style:none;margin:0;padding:0}.card-features li{align-items:center;color:#374151;display:flex;font-size:15px;gap:8px;padding:10px 0}.subscribe-button{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:24px;padding:16px 24px;transition:background .2s,transform .1s;width:100%}.subscribe-button:hover:not(:disabled){background:#1d4ed8}.subscribe-button:active{transform:scale(.98)}.subscribe-button:disabled{background:#9ca3af;cursor:not-allowed}.savings-highlight{background:#d1fae5;border-radius:8px;color:#10b981;font-size:16px;font-weight:600;margin-top:16px;padding:12px;text-align:center}.comparison-note{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:14px;line-height:1.6;margin-top:24px;padding:16px}.pricing-footer{margin:0 auto;max-width:800px}.faq-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:40px}.faq-section h3{color:#111827;font-size:28px;font-weight:700;margin:0 0 32px;text-align:center}.faq-item{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:24px}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h4{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.faq-item p{color:#6b7280;font-size:15px;line-height:1.6;margin:0}.pricing-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{border-top-color:#2563eb}@media (max-width:900px){.pricing-cards{grid-template-columns:1fr}.pricing-header h1{font-size:32px}.price{font-size:40px}}@media (max-width:600px){.pricing-page{padding:24px 16px}.pricing-header h1{font-size:28px}.pricing-subtitle{font-size:16px}.billing-toggle button{font-size:14px;padding:10px 16px}.pricing-card{padding:24px}.price{font-size:36px}.faq-section{padding:24px}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}.portal-admin-layout{background:#f9fafb;display:flex}.portal-sidebar{background:#fff;border-right:1px solid #e5e7eb;bottom:0;box-shadow:2px 0 10px #0000000d;color:#1e293b;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:1000}.portal-sidebar-header{border-bottom:1px solid #e5e7eb;padding:24px 20px}.portal-logo{align-items:center;display:flex;gap:12px}.portal-logo h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6d28d9,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;margin:0}.portal-nav{flex:1 1;overflow-y:auto;padding:20px 12px}.portal-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;position:relative;transition:all .2s;width:100%}.portal-nav-item:hover:not(.disabled){background:#f1f5f9;color:#1e293b}.portal-nav-item.active{background:linear-gradient(135deg,#2d6da3,#8b5cf6);box-shadow:0 2px 8px #6d28d94d;color:#fff}.portal-nav-item.disabled{cursor:not-allowed;opacity:.4}.portal-nav-item .nav-icon{flex-shrink:0;font-size:20px}.portal-nav-item .nav-label{flex:1 1;text-align:left}.portal-nav-item .coming-soon{background:#e5e7eb;border-radius:4px;color:#6b7280;font-size:10px;padding:2px 6px}.portal-nav-item .external-icon{font-size:12px;opacity:.6}.portal-sidebar-footer{border-top:1px solid #e5e7eb;padding:12px}.portal-nav-item.logout{color:#ef4444}.portal-nav-item.logout:hover{background:#ef44441a}.portal-main-content{flex:1 1;margin-left:280px;max-width:100%;overflow-x:hidden;padding:32px}.mobile-menu-toggle{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#1e293b;cursor:pointer;display:none;font-size:20px;height:44px;left:20px;position:fixed;top:20px;width:44px;z-index:1001}.mobile-overlay{display:none}@media (max-width:768px){.portal-sidebar{transform:translateX(-100%)}.portal-sidebar.mobile-open{transform:translateX(0)}.portal-main-content{margin-left:0;padding:80px 20px 20px}.mobile-menu-toggle{display:block}.mobile-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}}.portal-nav::-webkit-scrollbar{width:6px}.portal-nav::-webkit-scrollbar-track{background:#0000}.portal-nav::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.portal-nav::-webkit-scrollbar-thumb:hover{background:#d1d5db}.portal-dashboard{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6;margin:0 auto}.admin-card{transition:all .2s ease-in-out}.admin-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-4px)}input[type=number],input[type=text],select,textarea{font-family:inherit;transition:border-color .2s}input[type=number]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}button{font-family:inherit;transition:all .2s}button:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.6}.text-success{color:#10b981}.text-error{color:#ef4444}.text-warning{color:#f59e0b}.text-muted{color:#6b7280}.bg-success{background-color:#d1fae5}.bg-error{background-color:#fee2e2}.bg-warning{background-color:#fef3c7}.bg-info{background-color:#dbeafe}.portal-page-container{margin:0 auto;max-width:1400px}.portal-page-header{margin-bottom:24px}.portal-page-title h1{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.portal-page-title p{color:#64748b;font-size:14px;margin:0}.portal-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.portal-stat-card{border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:16px;padding:20px}.portal-stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.portal-stat-card .stat-content{flex:1 1;min-width:0}.portal-stat-card .stat-value{color:#1e293b;font-size:24px;font-weight:700;line-height:1.2}.portal-stat-card .stat-label{color:#64748b;font-size:12px;font-weight:500;text-transform:uppercase}.portal-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.mobile-card{padding:16px}.portal-message{border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px 16px}.portal-message.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.portal-message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.portal-filters-form{display:flex;flex-direction:column;gap:16px}.portal-filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.portal-filter-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:150px}.portal-filter-group label{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase}.portal-input,.portal-select,.portal-textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 14px;width:100%}.portal-input:focus,.portal-select:focus,.portal-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.portal-table-container{overflow-x:auto;padding:0}.portal-table{border-collapse:collapse;width:100%}.portal-table thead{background:#f9fafb}.portal-table th{border-bottom:1px solid #e5e7eb;color:#64748b;font-size:12px;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase}.portal-table td{border-bottom:1px solid #f3f4f6;color:#1e293b;font-size:14px;padding:14px 16px}.portal-table tbody tr:hover{background:#f9fafb}.portal-table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:9999px;font-weight:500;padding:4px 10px}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.error{background:#fee2e2;color:#991b1b}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.info{background:#dbeafe;color:#1e40af}.portal-btn{align-items:center;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 18px}.portal-btn:disabled{cursor:not-allowed;opacity:.6}.portal-btn-sm{font-size:13px;padding:6px 12px}.portal-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.portal-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666}.portal-btn-secondary{border:1px solid #d1d5db}.portal-btn-secondary:hover:not(:disabled){background:#e5e7eb}.portal-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.portal-btn-success:hover:not(:disabled){box-shadow:0 4px 12px #10b98166}.portal-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.portal-btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ef444466}.portal-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.portal-btn-warning:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b66}.portal-modal-overlay{padding:20px;z-index:2000}.portal-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.portal-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.portal-modal-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.portal-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.portal-modal-close:hover{background:#e5e7eb;color:#1e293b}.portal-modal-body{flex:1 1;overflow-y:auto;padding:24px}.portal-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.portal-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.portal-detail-item label{color:#64748b;display:block;font-size:12px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.portal-detail-item p{color:#1e293b;font-size:14px;margin:0}.portal-form-group{margin-bottom:16px}.portal-form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6;height:40px;margin:0 auto;width:40px}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:1024px){.portal-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.portal-page-title h1{font-size:22px}.portal-stats-grid{grid-template-columns:repeat(2,1fr)}.portal-stat-card{padding:16px}.portal-stat-card .stat-value{font-size:20px}.portal-filters-row{flex-direction:column}.portal-filter-group{width:100%}.desktop-only{display:none!important}.mobile-only{display:block!important}.portal-detail-grid{gap:16px;grid-template-columns:1fr}.portal-modal{margin:10px;max-height:calc(100vh - 20px);max-width:100%}.portal-modal-footer{flex-direction:column}.portal-modal-footer .portal-btn{width:100%}}@media (max-width:480px){.portal-stats-grid{grid-template-columns:1fr}.portal-card{padding:16px}}.portal-dashboard-container{margin:0 auto;max-width:1400px;padding:32px 24px}.portal-dashboard-header{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;box-shadow:0 10px 40px #00000026;display:flex;justify-content:space-between;margin-bottom:40px;padding:32px}.portal-header-content{align-items:center;display:flex;gap:20px}.portal-header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;display:flex;font-size:36px;height:72px;justify-content:center;width:72px}.portal-dashboard-header h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.portal-dashboard-header p{color:#ffffffb3;font-size:15px;margin:0}.portal-header-actions{display:flex;gap:12px}.portal-header-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.portal-header-btn.primary{background:linear-gradient(135deg,#6d28d9,#8b5cf6);box-shadow:0 4px 15px #6d28d966;color:#fff}.portal-header-btn.primary:hover{box-shadow:0 6px 20px #6d28d980;transform:translateY(-2px)}.portal-header-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fff}.portal-header-btn.secondary:hover{background:#fff3}.portal-section-title{align-items:center;color:#111827;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 24px}.portal-stats-section{margin-bottom:40px}.portal-stats-section .portal-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.portal-stat-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.portal-stat-card:before{background:#3b82f6;background:var(--stat-color,#3b82f6);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.portal-stat-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.portal-stat-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;width:60px}.portal-stat-content{flex:1 1}.portal-stat-value{color:#111827;font-size:28px;font-weight:700;margin-bottom:4px}.portal-stat-label{color:#6b7280;font-size:14px;font-weight:500}.portal-admin-section{margin-bottom:40px}.portal-admin-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.portal-admin-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.portal-card-accent{background:#3b82f6;background:var(--card-color,#3b82f6);height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.portal-admin-card:hover{border-color:#3b82f6;border-color:var(--card-color,#3b82f6);box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.portal-admin-card:hover .portal-card-accent{transform:scaleX(1)}.portal-card-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.portal-card-content{flex:1 1;min-width:0}.portal-card-content h3{color:#111827;font-size:17px;font-weight:600;margin:0 0 6px}.portal-card-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.portal-card-arrow{align-items:center;align-self:center;background:#f3f4f6;border-radius:50%;color:#9ca3af;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:36px;justify-content:center;transition:all .3s ease;width:36px}.portal-admin-card:hover .portal-card-arrow{background:#3b82f6;background:var(--card-color,#3b82f6);color:#fff;transform:translateX(4px)}.portal-quick-actions{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:28px}.portal-quick-actions-content{align-items:center;display:flex;gap:16px}.portal-quick-icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;display:flex;font-size:26px;height:52px;justify-content:center;width:52px}.portal-quick-text h3{color:#111827;font-size:17px;font-weight:600;margin:0 0 4px}.portal-quick-text p{color:#6b7280;font-size:14px;margin:0}.portal-quick-buttons{display:flex;flex-wrap:wrap;gap:12px}.portal-quick-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.portal-quick-btn:hover{background:#111827;border-color:#111827;color:#fff;transform:translateY(-2px)}@media (max-width:1200px){.portal-stats-section .portal-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.portal-dashboard-container{padding:20px 16px}.portal-dashboard-header{flex-direction:column;gap:24px;padding:24px;text-align:center}.portal-header-content{flex-direction:column;gap:16px}.portal-dashboard-header h1{font-size:24px}.portal-header-actions{justify-content:center;width:100%}.portal-stats-section .portal-stats-grid{gap:16px;grid-template-columns:1fr}.portal-stat-card{padding:20px}.portal-stat-value{font-size:24px}.portal-admin-grid{grid-template-columns:1fr}.portal-quick-actions{flex-direction:column;text-align:center}.portal-quick-actions-content{flex-direction:column}.portal-quick-buttons{justify-content:center;width:100%}.portal-quick-btn{flex:1 1;justify-content:center;min-width:140px}}@media (max-width:480px){.portal-dashboard-header h1{font-size:20px}.portal-header-btn{font-size:13px;padding:10px 16px}.portal-admin-card{padding:20px}.portal-card-icon{font-size:24px;height:48px;width:48px}.portal-quick-buttons{flex-direction:column}.portal-quick-btn{width:100%}}.marketing-dashboard{margin:0 auto;max-width:1400px}.marketing-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.section-header h2{color:#333;font-size:20px;margin:0}.campaigns-grid,.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.campaign-card,.template-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s}.campaign-card:hover,.template-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.campaign-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.campaign-header h3{color:#111827;flex:1 1;font-size:18px;margin:0}.badge-draft{background:#f3f4f6;color:#6b7280}.badge-scheduled{background:#dbeafe;color:#1e40af}.badge-sending{background:#fef3c7;color:#92400e}.badge-sent{background:#d1fae5;color:#065f46}.badge-failed{background:#fee2e2;color:#991b1b}.campaign-details p{color:#6b7280;font-size:14px;margin:8px 0}.campaign-details strong{color:#374151}.campaign-analytics{border-top:1px solid #e5e7eb;display:flex;gap:16px;margin:16px 0;padding-top:16px}.analytics-stat{align-items:center;display:flex;flex:1 1;flex-direction:column}.stat-label{color:#6b7280;font-size:12px;margin-bottom:4px}.stat-value{color:#111827;font-size:24px}.campaign-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;gap:20px}.char-count{display:block}.audience-preview{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:16px}.audience-preview h4{color:#0c4a6e;font-size:14px;margin:0 0 8px}.audience-preview p{color:#0c4a6e;font-size:14px;margin:4px 0}.warning-text{color:#dc2626;font-weight:600}.credits-dashboard{display:flex;flex-direction:column;gap:24px}.credits-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.credit-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;padding:24px}.credit-card.total{background:linear-gradient(135deg,#f093fb,#f5576c)}.credit-card h3{font-size:14px;font-weight:600;margin:0 0 16px;opacity:.9;text-transform:uppercase}.credit-amount{font-size:48px;font-weight:700;margin-bottom:8px}.credit-detail{font-size:14px;margin-bottom:8px;opacity:.9}.credit-card small{display:block;font-size:12px;margin-top:8px;opacity:.8}.purchase-history{background:#f9fafb;border-radius:8px;padding:20px}.purchase-history h3{color:#111827;font-size:16px;margin:0 0 16px}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f3f4f6}.data-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;padding:12px}.credits-actions,.data-table tbody tr:hover{background:#f9fafb}.credits-actions{border-radius:8px;padding:20px;text-align:center}.credits-actions button{margin-bottom:8px}.credits-actions small{color:#6b7280;display:block;font-size:13px}.tabs-container{margin-bottom:24px}.tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:4px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;font-size:14px;margin-bottom:-2px;padding:12px 24px}.tab.active,.tab:hover{color:#3b82f6}.tab.active{border-bottom-color:#3b82f6}.template-preview{color:#6b7280;font-size:13px;line-height:1.5;margin:12px 0}.modal-content.large{max-width:800px}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.business-detail{margin:0 auto;max-width:1400px;padding:2rem}.btn-back{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:.9rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .2s}.btn-back:hover{background:#e0e0e0}.loading-spinner{font-size:1.1rem;padding:3rem}.error-box{background:#fee;border:1px solid #fcc;border-radius:4px;color:#c00;padding:1rem}.detail-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.detail-header h1{color:#333;font-size:2rem;margin:0}.status-badge{font-size:.9rem}.status-badge.visible{background:#d4edda;color:#155724}.status-badge.hidden{background:#f8d7da;color:#721c24}.status-badge.small{font-size:.85rem;padding:.3rem .8rem}.summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;text-align:center}.summary-label{color:#666;font-size:.85rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.summary-value{color:#333;font-size:2rem;font-weight:700}.summary-value.success{color:#28a745}.summary-value.warning{color:#ffc107}.action-items-section{background:#fff9e6;border:2px solid gold;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.action-items-section h2{color:#856404;margin:0 0 1rem}.action-items-list{gap:.75rem}.action-item,.action-items-list{display:flex;flex-direction:column}.action-item{background:#fff;border-left:4px solid #ffc107;border-radius:4px;gap:.5rem;padding:1rem}.action-item.priority-high{border-left-color:#dc3545}.action-level{color:#666;font-size:.85rem;font-weight:600}.action-text{color:#333;font-size:1rem}.success-banner{background:#d4edda;border:2px solid #28a745;border-radius:8px;color:#155724;font-size:1.1rem;font-weight:600;margin-bottom:2rem;padding:1.5rem;text-align:center}.diagnostics-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.diagnostics-section h2{color:#333;font-size:1.5rem;margin:0 0 1.5rem}.checks-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.check-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.check-item.status-pass{background:#f0fdf4;border-color:#86efac}.check-item.status-fail{background:#fef2f2;border-color:#fca5a5}.check-header{align-items:center;display:flex;gap:.5rem}.check-icon{font-size:1.2rem}.check-name{color:#333;flex:1 1;font-size:.95rem;font-weight:600}.required-badge{background:#6c757d;border-radius:3px;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.check-value{background:#fff;border-radius:4px;color:#555;font-family:Courier New,monospace;font-size:.9rem;padding:.5rem;word-break:break-word}.check-note{color:#666;font-size:.85rem;font-style:italic}.shop-diagnostics{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.shop-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1rem}.shop-header h3{color:#333;font-size:1.2rem;margin:0}@media (max-width:768px){.business-detail{padding:1rem}.detail-header{align-items:flex-start;flex-direction:column;gap:1rem}.summary-cards{grid-template-columns:repeat(2,1fr)}.checks-grid{grid-template-columns:1fr}.shop-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.portal-admin-layout{background:linear-gradient(135deg,#f5f7fa,#e9ecef);min-height:100vh}.portal-admin-container{margin:0 auto;max-width:1400px;padding:40px 24px}.portal-admin-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.portal-admin-title{color:#1f2937;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.portal-admin-subtitle{color:#6b7280;font-size:16px;margin:0}.portal-admin-loading{color:#6b7280;font-size:18px;padding:100px 20px;text-align:center}.types-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}@media (max-width:768px){.types-grid{grid-template-columns:1fr}}.type-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.type-card:before{background:linear-gradient(90deg,#4a90e2,#2d6da3);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.type-card:hover{border-color:#4a90e2;box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.type-card:hover:before{opacity:1}.type-card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.type-icon{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;font-size:42px;height:66px;justify-content:center;line-height:1;min-width:66px;padding:12px}.type-info{flex:1 1;min-width:0}.type-label{color:#1f2937;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 8px}.type-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 16px}.type-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.type-value{background:#f3f4f6;border-radius:6px;color:#6b7280;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:4px 10px}.type-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.type-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.type-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.type-roles{background:#f9fafb;border-left:3px solid #4a90e2;border-radius:8px;margin:16px 0;padding:12px}.type-roles strong{color:#4b5563;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.role-chip{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;display:inline-block;font-size:12px;font-weight:500;margin:4px 4px 4px 0;padding:4px 10px}.type-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;margin-top:20px;padding-top:16px}.btn-action{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;text-transform:capitalize;transition:all .2s}.btn-action.activate{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.btn-action.activate:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-action.deactivate{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.btn-action.deactivate:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 4px 12px #fbbf244d;transform:translateY(-1px)}.btn-action.edit{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.btn-action.edit:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-action.delete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.btn-action.delete:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:10px;box-shadow:0 4px 12px #4a90e24d;cursor:pointer;font-size:15px;font-weight:700;padding:14px 28px;text-transform:none;transition:all .3s}.btn-primary:hover{background:linear-gradient(135deg,#357abd,#2868a8);box-shadow:0 6px 20px #4a90e266}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:2px solid #e5e7eb;border-radius:10px;color:#4b5563;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.modal-overlay{animation:fadeIn .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;padding:20px}.modal-content{animation:slideUp .3s;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:32px;width:100%}.modal-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 24px}.modal-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#374151;font-size:14px;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.form-group small{color:#6b7280;font-size:12px;margin-top:6px}.form-group-checkbox{align-items:center;background:#f9fafb;border-radius:10px;display:flex;padding:12px}.form-group-checkbox label{align-items:center;cursor:pointer;display:flex;margin:0}.form-group-checkbox input[type=checkbox]{cursor:pointer;height:20px;margin-right:12px;width:20px}.modal-actions{border-top:1px solid #f3f4f6;display:flex;gap:12px;margin-top:8px;padding-top:24px}.modal-actions button{flex:1 1}@media (max-width:768px){.portal-admin-container{padding:24px 16px}.portal-admin-title{font-size:24px}.portal-admin-header{align-items:stretch;flex-direction:column}.type-card{padding:20px}.type-icon{font-size:36px;height:56px;min-width:56px}.type-label{font-size:18px}.type-actions{flex-direction:column}.modal-content{padding:24px}}.professional-type-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.professional-type-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.status-badge{fontSize:12px;fontWeight:600}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.portal-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.portal-modal-content{background:#fff;border-radius:16px;max-height:90vh;max-width:600px;overflow:auto;padding:30px;width:90%}.portal-btn{fontSize:15px;fontWeight:600;border:none;border-radius:8px;cursor:pointer;padding:12px 24px;transition:all .2s}.portal-btn-primary{background:#003087;color:#fff}.portal-btn-primary:hover{background:#026}.portal-btn-secondary{background:#f3f4f6;color:#374151}.portal-btn-secondary:hover{background:#e5e7eb}.portal-btn-danger{background:#fee2e2;color:#991b1b}.portal-btn-danger:hover{background:#fecaca}.portal-form-field{margin-bottom:20px}.portal-form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.portal-form-input,.portal-form-textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:12px;width:100%}.portal-form-input:focus,.portal-form-textarea:focus{border-color:#003087;box-shadow:0 0 0 3px #0030871a;outline:none}.empty-state{color:#9ca3af}.empty-state-icon{font-size:48px;margin-bottom:16px}.tinymce-email-editor{margin-bottom:8px}.tox-tinymce{border:2px solid #e9ecef!important;border-radius:8px!important;overflow:hidden}.tox-tinymce:focus-within{border-color:#4361ee!important;box-shadow:0 0 0 4px #4361ee1a!important}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:#f8f9fa!important;border-bottom:2px solid #e9ecef!important}.tox .tox-tbtn{color:#495057!important;transition:all .2s}.tox .tox-tbtn:hover{background:#e9ecef!important;color:#4361ee!important}.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:hover{background:#4361ee!important;color:#fff!important}.tox .tox-tbtn svg{fill:currentColor!important}.tox-editor-header{border-radius:8px 8px 0 0!important}@media (max-width:768px){.help-text{font-size:12px}}.template-browser-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.template-browser-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:90%}.template-browser-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px 30px}.template-browser-header h2{color:#212529;font-size:24px;margin:0}.header-actions,.help-button{align-items:center}.help-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.help-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.help-button span{font-size:16px}.close-button{border-radius:8px;color:#6c757d;font-size:32px;height:40px;transition:all .2s;width:40px}.close-button:hover{background-color:#f8f9fa;color:#212529}.template-categories{border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:8px;overflow-x:auto;padding:20px 30px;scrollbar-width:thin}.template-categories::-webkit-scrollbar{height:6px}.template-categories::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.category-button{background:#fff;border:1px solid #dee2e6;border-radius:20px;cursor:pointer;flex-shrink:0;font-size:14px;padding:8px 16px;transition:all .2s;white-space:nowrap}.category-button:hover{border-color:#667eea;color:#667eea}.category-button.active{background:#667eea;border-color:#667eea;color:#fff}.template-browser-content{flex:1 1;overflow-y:auto;padding:30px}.template-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.template-card{border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:all .2s}.template-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.template-thumbnail{aspect-ratio:4/3;background:#f8f9fa;overflow:hidden;position:relative;width:100%}.template-thumbnail img{height:100%;object-fit:cover;width:100%}.template-preview-iframe{border:none;height:100%;height:167%;pointer-events:none;transform:scale(.6);transform-origin:top left;width:100%;width:167%}.placeholder-thumbnail{background:linear-gradient(135deg,#667eea,#764ba2);font-size:48px;height:100%;width:100%}.placeholder-thumbnail,.template-overlay{align-items:center;display:flex;justify-content:center}.template-overlay{background:#000000b3;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.template-card:hover .template-overlay{opacity:1}.use-template-button{background:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.use-template-button:hover{transform:scale(1.05)}.template-info{padding:16px}.template-info h3{color:#212529;font-size:16px;margin:0 0 8px}.template-category,.template-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-category{background:#e7f3ff;border-radius:12px;color:#1e40af;display:inline-block;font-size:12px;max-width:100%;padding:4px 10px;text-transform:capitalize}.blank-template .template-thumbnail.blank{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:center}.blank-icon{color:#6c757d;font-size:72px;font-weight:300}.blank-template:hover .blank-icon{color:#667eea}.loading-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;min-height:300px}.spinner{height:48px;margin-bottom:16px;width:48px}.error-state{align-items:center;color:#dc3545;display:flex;flex-direction:column;justify-content:center;min-height:300px}.retry-button{background:#667eea;border-radius:5px;font-weight:600;transition:background .2s}.retry-button:hover{background:#5568d3}.empty-state{color:#6c757d;padding:60px 20px}.empty-hint{color:#adb5bd;font-size:14px;margin-top:12px}@media (max-width:768px){.template-browser-modal{max-height:95vh;width:95%}.template-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.template-browser-content{padding:20px}.template-categories{padding:16px 20px}}.template-help-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:800px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.template-help-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px 30px}.template-help-header h2{color:#212529;font-size:22px;margin:0}.help-close-button{align-items:center;background:none;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:all .2s;width:40px}.help-close-button:hover{background-color:#f8f9fa;color:#212529}.template-help-tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:0;padding:0 30px}.help-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.help-tab:hover{background:#667eea1a;color:#212529}.help-tab.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.template-help-content{flex:1 1;overflow-y:auto;padding:30px}.help-section h3{color:#212529;font-size:20px;margin:0 0 16px}.help-section>p{color:#495057;line-height:1.6;margin:0 0 24px}.help-steps{display:flex;flex-direction:column;gap:20px;margin:24px 0}.help-step{align-items:flex-start;display:flex;gap:16px}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.help-step>div{flex:1 1}.help-step strong{color:#212529;display:block;font-size:16px;margin-bottom:8px}.help-step p,.help-step ul{color:#495057;line-height:1.6;margin:8px 0 0}.help-step ul{padding-left:20px}.help-step li{margin:6px 0}code{background:#f8f9fa;border-radius:4px;color:#e83e8c;font-family:Courier New,monospace;font-size:14px;padding:2px 6px}.help-example{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin:24px 0;padding:16px}.help-example strong{color:#212529;display:block;margin-bottom:8px}.example-code,.example-result{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin:8px 0;padding:12px}.example-result{background:#d4edda;border-color:#c3e6cb;color:#155724}.code-example{background:#2d3748;border-radius:6px;color:#68d391;font-family:Courier New,monospace;margin:12px 0;overflow-x:auto;padding:12px 16px}.code-example code{background:#0000;color:inherit;padding:0}.help-tip{background:linear-gradient(135deg,#fff5e6,#ffe5b4);border-left:4px solid #ff9f43;border-radius:8px;color:#856404;margin:24px 0;padding:16px}.help-tip strong{color:#664d03}@media (max-width:768px){.template-help-modal{max-height:90vh;width:95%}.template-help-content,.template-help-header{padding:20px}.template-help-tabs{overflow-x:auto;padding:0 20px}.help-tab{font-size:13px;padding:10px 16px;white-space:nowrap}}.marketing-page{background:#f8f9fa;padding:20px}@media (max-width:768px){.marketing-page{padding:12px}}.marketing-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.spinner{animation:spin .8s linear infinite;border:4px solid #e9ecef;border-top-color:#4361ee}.alert{align-items:center;animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-weight:500;gap:16px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:10000}.alert-error{background:#fff;border-left:4px solid #dc3545;color:#dc3545}.alert-success{background:#fff;border-left:4px solid #28a745;color:#28a745}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;opacity:.7;transition:opacity .2s}.alert button:hover{opacity:1}.marketing-container{margin:0;max-width:100%;padding:0}.marketing-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px}.header-content h1{color:#212529;font-size:32px;font-weight:700;margin:0 0 8px}.header-content p{color:#6c757d;font-size:16px;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:12px}@media (max-width:768px){.marketing-header{flex-direction:column;margin-bottom:24px}.header-content h1{font-size:24px}.header-content p{font-size:14px}.header-actions{width:100%}.header-actions .btn{flex:1 1;justify-content:center}}.btn{font-size:15px;padding:12px 24px}.btn-primary{background:#4361ee}.btn-primary:hover{background:#3651d4;box-shadow:0 4px 12px #4361ee4d;transform:translateY(-1px)}.btn-outline{background:#fff;border:2px solid #4361ee;color:#4361ee}.btn-outline:hover{background:#4361ee;color:#fff}.btn-small{font-size:13px;padding:6px 16px}.btn-secondary{border:2px solid #4361ee;color:#4361ee}.btn-secondary:hover{background:#f8f9fa;border-color:#3651d4;color:#3651d4}.btn-block{justify-content:center;width:100%}.btn-icon{font-size:18px}.btn-back{background:none;border:none;color:#4361ee;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:16px;padding:8px 0;transition:color .2s}.btn-back:hover{color:#3651d4}.stats-grid{margin-bottom:32px}@media (max-width:768px){.stats-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 2px #0000000d}.stat-label{font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-label,.stat-value{color:#212529;display:block}.stat-value{font-size:32px}.empty-state{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:60px 40px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h3{font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{font-size:14px;margin:0 0 24px}.campaigns-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:24px}.campaigns-section h2{color:#212529;font-size:16px;font-weight:600;margin:0 0 20px}.table-container{overflow-x:auto}.campaigns-table{border-collapse:collapse;width:100%}.campaigns-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.campaigns-table th{color:#495057;font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.campaigns-table td{border-bottom:1px solid #e9ecef;padding:16px}.campaigns-table tbody tr:hover{background:#f8f9fa}.campaign-name{color:#212529;font-weight:600}.audience-badge{background:#e7f3ff;color:#4361ee}.audience-badge,.status-badge{border-radius:12px;font-size:12px;padding:4px 12px}.status-badge{font-weight:700}.status-draft{background:#f8f9fa;color:#6c757d}.status-sending{background:#cfe2ff;color:#084298}.status-sent{background:#d1e7dd;color:#0f5132}.empty-state{padding:80px 40px}.empty-icon{font-size:64px;margin-bottom:24px;opacity:.5}.empty-state h3{color:#212529;font-size:24px;font-weight:700;margin:0 0 12px}.empty-state p{color:#6c757d;font-size:16px;margin:0 0 32px}.campaign-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:40px}.form-grid{grid-gap:40px;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:32px}.form-column{display:flex;flex-direction:column;gap:32px}.form-section h3{color:#212529;font-size:20px;margin:0 0 24px}.form-field{display:flex;flex-direction:column;margin-bottom:24px}.form-field:last-child{margin-bottom:0}.form-field label{color:#495057;font-size:14px;font-weight:700;margin-bottom:8px}.form-field input,.form-field select{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus{border-color:#4361ee;box-shadow:0 0 0 4px #4361ee1a;outline:none}.form-field small{color:#6c757d;font-size:13px;margin-top:6px}.help-text{color:#6c757d;display:block;font-size:13px;margin-top:8px}.editor-tools{background:#f8f9fa;border:2px solid #e9ecef;border-bottom:none;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:0;padding:12px}.tool-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:0 10px;transition:all .2s;white-space:nowrap}.tool-btn:hover{background:#e9ecef;border-color:#4361ee;color:#4361ee}.tool-btn:active{transform:translateY(1px)}.tool-divider{background:#dee2e6;margin:4px;width:1px}.html-editor{background:#fff;border:2px solid #e9ecef;border-radius:0 0 8px 8px;border-top:none;color:#212529;font-family:Courier New,monospace;font-size:14px;line-height:1.6;margin-bottom:8px;min-height:400px;padding:20px;resize:vertical;width:100%}.html-editor:focus{border-color:#4361ee;box-shadow:0 0 0 4px #4361ee1a;outline:none}.html-editor::placeholder{color:#adb5bd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preview-column{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.preview-section{background:#f8f9fa;border-radius:12px;padding:24px}.preview-section h3{color:#495057;font-size:16px;font-weight:700;margin:0 0 16px}.email-preview{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.email-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:16px 20px}.email-subject{color:#212529;font-size:16px;font-weight:700;margin-bottom:4px}.email-from{color:#6c757d;font-size:13px}.email-body{color:#212529;font-size:15px;line-height:1.6;min-height:200px;padding:24px}.form-actions{border-top:2px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding-top:32px}.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.template-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:24px;transition:transform .2s,box-shadow .2s}.template-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-4px)}.template-header h4{color:#212529;font-size:18px;font-weight:700;margin:0 0 12px}.template-subject{color:#4361ee;font-size:14px;font-weight:600;margin-bottom:12px}.template-preview{color:#6c757d;font-size:14px;line-height:1.6;margin-bottom:20px;min-height:100px}@media (max-width:1024px){.form-grid{grid-template-columns:1fr}.preview-column{position:static}}@media (max-width:768px){.marketing-container{padding:20px}.marketing-header{flex-direction:column;gap:20px}.header-actions{flex-direction:column;width:100%}.header-actions .btn{justify-content:center;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.campaigns-section{padding:20px}.table-container{overflow-x:scroll}.campaigns-table{min-width:800px}}.campaign-details-section{background:#f8f9fa;border-radius:12px;margin-bottom:32px;padding:24px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.email-content-section{margin-bottom:32px}.email-content-section .tinymce-email-editor{width:100%}.preview-section-wrapper{background:#f8f9fa;border-radius:12px;margin-bottom:32px;padding:24px}.preview-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px;margin-top:16px}.preview-container{display:flex;flex-direction:column}.preview-label{align-items:center;color:#495057;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.preview-label span{align-items:center;display:flex;gap:6px}.desktop-preview .email-preview{min-height:400px;width:100%}.mobile-preview .email-preview{border:1px solid #dee2e6;border-radius:8px;margin:0 auto;max-height:600px;max-width:375px;min-height:400px;overflow-x:hidden;overflow-y:auto}.mobile-preview .email-preview.mobile{box-sizing:border-box;font-size:14px;width:100%}.mobile-preview .email-preview.mobile *{box-sizing:border-box;max-width:100%}.mobile-preview .email-preview.mobile table{max-width:100%!important;width:100%!important}.mobile-preview .email-preview.mobile .email-subject{font-size:14px}.mobile-preview .email-preview.mobile .email-from{font-size:12px}.mobile-preview .email-preview.mobile .email-body{font-size:14px;padding:12px}.mobile-preview .email-preview.mobile img{height:auto;max-width:100%}@media (max-width:1200px){.preview-grid{grid-template-columns:1fr}.mobile-preview .email-preview{max-width:100%}}@media (max-width:768px){.details-grid{grid-template-columns:1fr}.campaign-details-section,.campaigns-section,.preview-section-wrapper{padding:16px}.campaigns-section h2{font-size:18px}.campaigns-table{display:block;overflow-x:auto}.campaigns-table thead{display:none}.campaigns-table tbody{display:block}.campaigns-table tr{background:#fff;border:1px solid #e9ecef;border-radius:8px;display:block;margin-bottom:16px;padding:16px}.campaigns-table td{border:none;display:block;padding:8px 0;text-align:left!important}.campaigns-table td:before{color:#6c757d;content:attr(data-label);display:inline-block;font-size:12px;font-weight:700;width:120px}.stat-card{padding:16px}.stat-label{color:#212529!important;font-size:12px}.stat-value{font-size:24px}.campaign-form{padding:20px 16px}.form-grid{gap:24px;grid-template-columns:1fr}.preview-column{position:relative;top:0}.empty-state{padding:40px 20px}.empty-icon{font-size:48px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.laptop-banner{align-items:center;animation:slideIn .4s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:none;gap:20px;justify-content:space-between;margin-bottom:30px;padding:20px 24px}.laptop-banner-content{align-items:flex-start;display:flex;flex:1 1;gap:16px}.laptop-banner-icon{flex-shrink:0;font-size:32px}.laptop-banner-text{flex:1 1}.laptop-banner-text strong{display:block;font-size:16px;font-weight:600;margin-bottom:6px}.laptop-banner-text p{font-size:14px;line-height:1.5;margin:0;opacity:.95}.laptop-banner-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.laptop-banner-close:hover{background:#ffffff4d;transform:rotate(90deg)}@media (max-width:768px){.laptop-banner{display:flex;gap:12px;padding:16px 18px}.laptop-banner-content{gap:12px}.laptop-banner-icon{font-size:24px}.laptop-banner-text strong{font-size:14px}.laptop-banner-text p{font-size:13px}.laptop-banner-close{font-size:20px;height:28px;width:28px}}.campaign-details-page{background:#f5f7fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.page-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.page-header h1{color:#2c3e50;font-size:28px;margin:0}.detail-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:25px;padding:25px}.detail-section h2{border-bottom:2px solid #e8eef5;color:#2c3e50;font-size:20px}.detail-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{gap:8px}.detail-item label{color:#7f8c8d;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#2c3e50;font-size:16px;font-weight:500}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;gap:15px;padding:20px}.stat-card.success{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 12px #38ef7d4d}.stat-card.error{background:linear-gradient(135deg,#eb3349,#f45c43);box-shadow:0 4px 12px #eb33494d}.stat-icon{font-size:32px}.stat-content{flex:1 1}.stat-value{font-size:28px;font-weight:700;margin-bottom:4px}.stat-label{font-size:13px;font-weight:500}.stat-percentage{font-size:12px;margin-top:4px;opacity:.8}.status-badge{border-radius:20px;display:inline-block;font-size:13px;padding:6px 14px;text-transform:capitalize}.status-draft{background:#f0f0f0;color:#666}.status-scheduled{background:#fff3cd;color:#856404}.status-sent{background:#d4edda;color:#155724}.audience-badge{background:#e3f2fd;border-radius:20px;color:#1976d2;display:inline-block;font-size:13px;font-weight:600;padding:6px 14px;text-transform:capitalize}.recipients-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.recipients-filters{display:flex;gap:15px;margin-bottom:20px}.search-input{border:1px solid #dfe6e9;border-radius:8px;flex:1 1;font-size:14px;padding:10px 15px;transition:all .2s}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-select{background:#fff;border:1px solid #dfe6e9;border-radius:8px;cursor:pointer;font-size:14px;min-width:180px;padding:10px 15px}.recipients-table-wrapper{border:1px solid #e8eef5;border-radius:8px;overflow-x:auto}.recipients-table{background:#fff;border-collapse:collapse;width:100%}.recipients-table thead{background:#f8f9fa}.recipients-table th{border-bottom:2px solid #e8eef5;color:#636e72;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.recipients-table td{border-bottom:1px solid #e8eef5;color:#2c3e50;font-size:14px;padding:14px 16px}.recipients-table tbody tr:hover{background:#f8f9fa}.recipient-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.recipient-status.status-sent{background:#d4edda;color:#155724}.recipient-status.status-failed{background:#f8d7da;color:#721c24}.email-preview-box{background:#f8f9fa;border:1px solid #e8eef5;border-radius:8px;padding:20px}.email-subject{border-bottom:1px solid #e8eef5;color:#2c3e50;font-size:14px;margin-bottom:15px;padding-bottom:15px}.email-content-preview{background:#fff;border-radius:6px;max-height:500px;overflow-y:auto;padding:15px}.loading-spinner{color:#7f8c8d;font-size:16px;padding:60px 20px;text-align:center}.error-message{background:#fee;border:1px solid #fcc;color:#c33;margin-bottom:20px;padding:15px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;box-shadow:0 4px 12px #6c757d4d;transform:translateY(-1px)}@media (max-width:768px){.campaign-details-page{padding:15px}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.page-header h1{font-size:22px}.detail-section{padding:18px}.detail-section h2{font-size:18px}.detail-grid{gap:15px}.detail-grid,.stats-grid{grid-template-columns:1fr}.recipients-header{align-items:flex-start;gap:12px}.recipients-filters,.recipients-header{flex-direction:column}.filter-select{width:100%}.recipients-table thead{display:none}.recipients-table,.recipients-table tbody,.recipients-table td,.recipients-table tr{display:block}.recipients-table tr{background:#fff;border:1px solid #e8eef5;border-radius:8px;margin-bottom:15px;padding:15px}.recipients-table td{align-items:center;border:none;display:flex;justify-content:space-between;padding:8px 0}.recipients-table td:before{color:#636e72;content:attr(data-label);font-size:12px;font-weight:600;text-transform:uppercase}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{font:inherit;font-size:.833em;padding:10px 6.6667px}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.availability-calendar-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:900px;width:100%}.calendar-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.react-calendar{border:none;font-family:inherit;width:100%}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;border:none;cursor:pointer;font-size:16px;font-weight:600;min-width:44px;transition:background-color .2s}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#f0f0f0;border-radius:8px}.calendar-nav-label{color:#333;font-size:18px;font-weight:600}.react-calendar__month-view__weekdays{color:#666;font-size:12px;font-weight:600;padding:10px 0;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:8px}.react-calendar__tile{background:none;border:none;border-radius:10px;cursor:pointer;font-size:14px;line-height:16px;margin:2px;max-width:100%;padding:14px 6px;position:relative;text-align:center;transition:all .25s ease}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#f0f9ff;box-shadow:0 2px 6px #3b82f61a;transform:scale(1.05)}.react-calendar__tile--now{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;font-weight:600}.react-calendar__tile--active{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 4px 10px #3b82f64d;color:#fff!important;font-weight:600;transform:scale(1.08)}.react-calendar__tile:disabled{background-color:#f5f5f5;color:#ccc;cursor:not-allowed}.availability-indicator-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:4px}.availability-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.availability-dot.high-availability{background-color:#28a745;box-shadow:0 0 4px #28a74580}.availability-dot.low-availability{background-color:#ffc107;box-shadow:0 0 4px #ffc10780}.availability-dot.no-availability{background-color:#dc3545;box-shadow:0 0 4px #dc354580}.slot-count{color:#666;font-size:10px;font-weight:500}.availability-legend{border-top:1px solid #e0e0e0;display:flex;gap:24px;justify-content:center;margin-top:20px;padding-top:20px}.legend-item{align-items:center;color:#666;display:flex;font-size:13px;gap:8px}.cache-status{color:#999;font-size:11px;margin-top:12px;text-align:center}.availability-calendar-loading{padding:60px 20px;text-align:center}.spinner{border:3px solid #f3f3f3;border-top-color:#007bff;height:40px;margin:0 auto 20px;width:40px}.availability-calendar-error{color:#dc3545;padding:40px 20px;text-align:center}.retry-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:10px 24px;transition:background-color .2s}.retry-button:hover{background-color:#0056b3}.slot-sidebar-overlay{animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.slot-sidebar{animation:slideIn .3s ease-out;background:#fff;border-radius:12px 0 0 12px;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;margin:auto 0;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}.slot-sidebar-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.slot-sidebar-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.close-button:hover{background-color:#e0e0e0}.selected-date-display{background:#fff;border-bottom:1px solid #e0e0e0;color:#333;font-size:16px;font-weight:500;padding:20px 24px}.slots-list{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(4,1fr);overflow-y:auto;padding:16px}.slot-button{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:15px;gap:4px;justify-content:center;padding:16px 12px;transition:all .2s;width:100%}.slot-button:hover{background:#e9ecef;border-color:#007bff;transform:translateX(-2px)}.slot-time{color:#333;font-weight:500}.slot-action{color:#007bff;font-size:14px;font-weight:500}.no-slots-message{color:#999;font-size:15px;padding:40px 20px;text-align:center}@media (max-width:768px){.calendar-wrapper{border-radius:12px;padding:12px}.react-calendar__tile{font-size:13px;margin:1px;padding:10px 4px}.react-calendar__navigation button{font-size:14px;min-width:36px}.calendar-nav-label{font-size:16px}.availability-legend{flex-wrap:nowrap;gap:8px;overflow-x:auto}.legend-item{flex-shrink:0;font-size:10px;white-space:nowrap}.slot-sidebar{max-width:100%}.slot-sidebar-header h3{font-size:18px}.selected-date-display{font-size:14px;padding:16px}.slot-button{font-size:14px;padding:14px 16px}.slots-list{gap:8px;grid-template-columns:repeat(4,1fr);padding:12px}}@media (max-width:480px){.react-calendar__tile{font-size:12px;padding:6px 2px}.availability-dot{height:6px;width:6px}.slot-count{font-size:9px}}.availability-calendar-container.compact-mode{max-width:100%}.inline-slots-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;height:-webkit-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:20px}.inline-slots-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.inline-slots-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.clear-button{background:none;border:none;border-radius:6px;color:#2d6da3;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:background-color .2s}.clear-button:hover{background-color:#f3f4f6}.slots-list.inline{max-height:500px;overflow-y:auto}@media (max-width:768px){.availability-calendar-container.compact-mode>div{grid-template-columns:1fr!important}.inline-slots-panel{margin-top:20px;position:static}}.auth-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.auth-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:100%}.auth-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:36px;z-index:10}.auth-modal-close:hover{background:#e5e7eb;color:#111827;transform:rotate(90deg)}.auth-modal-header{border-bottom:1px solid #e5e7eb;padding:32px 32px 24px;text-align:center}.auth-modal-header h2{color:#111827;font-size:28px;margin:0 0 8px}.auth-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.auth-modal-body{padding:32px}.social-login-section{display:flex;flex-direction:row;gap:12px;margin-bottom:24px}.social-login-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:12px 8px;transition:all .2s;white-space:nowrap}.social-login-btn:hover{background:#f9fafb;border-color:#9ca3af}.social-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.auth-divider{margin:24px 0;position:relative;text-align:center}.auth-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;color:#6b7280;font-size:13px;padding:0 12px;position:relative}.auth-form{display:flex;flex-direction:column;gap:16px}.form-row{grid-gap:12px;gap:12px}.auth-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.auth-input:focus{border-color:#2d6da3;box-shadow:0 0 0 3px #2d6da31a;outline:none}.password-strength{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;padding:12px}.strength-item{align-items:center;color:#6b7280;display:flex;gap:8px;margin-bottom:6px}.strength-item:last-child{margin-bottom:0}.strength-item .valid{color:#10b981;font-weight:700}.strength-item .invalid{color:#d1d5db}.strength-note{color:#9ca3af;font-size:11px;font-style:italic;margin:8px 0 0}.auth-error{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#dc2626;font-size:13px;padding:12px}.auth-submit-btn{background:#001d4a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s;width:100%}.auth-submit-btn:hover:not(:disabled){background:#002b6b;box-shadow:0 4px 12px #001d4a4d;transform:translateY(-1px)}.auth-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.auth-toggle{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px;text-align:center}.auth-toggle p{color:#6b7280;font-size:14px;margin:0}.auth-toggle-btn{background:none;border:none;color:#2d6da3;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline}.auth-toggle-btn:hover{color:#5b21b6}.auth-benefits{background:#eff6ff;border:1px solid #3b82f6;border-radius:8px;margin-top:24px;padding:16px}.benefits-title{color:#1e40af;font-size:14px;font-weight:600;margin:0 0 12px}.benefits-list{list-style:none;margin:0;padding:0}.benefits-list li{align-items:center;color:#1e40af;display:flex;font-size:13px;gap:8px;margin-bottom:6px}.benefits-list li:last-child{margin-bottom:0}@media (max-width:768px){.auth-modal-content{margin:10px;max-height:95vh}.auth-modal-body,.auth-modal-header{padding:24px 20px}.auth-modal-header h2{font-size:24px}.form-row{grid-template-columns:1fr}}.otp-input-container{margin:20px 0;text-align:center}.otp-input{font-size:24px;font-weight:600;letter-spacing:8px;padding:16px!important;text-align:center}.otp-resend-section{background:#f9fafb;border-radius:8px;margin:16px 0;padding:12px;text-align:center}.otp-resend-section p{color:#6b7280;font-size:14px;margin:0 0 8px}.resend-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline;transition:color .2s}.resend-btn:hover{color:#1d4ed8}.resend-btn:disabled{color:#9ca3af;cursor:not-allowed}.back-to-login-btn{background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;margin-top:8px;padding:12px;transition:all .2s;width:100%}.back-to-login-btn:hover{background:#e5e7eb;color:#111827}.guest-checkout-option{margin-top:20px;text-align:center}.divider{margin:20px 0;position:relative}.divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#9ca3af;font-size:14px;font-weight:500;padding:0 12px;position:relative}.guest-checkout-btn{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s;width:100%}.guest-checkout-btn:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.guest-notice-small{color:#6b7280;font-size:13px;margin-top:8px}.product-quick-view-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.product-quick-view-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quick-view-close-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px;z-index:10}.quick-view-close-btn:hover{background:#f5f5f5;transform:scale(1.1)}.quick-view-close-btn svg{color:#333}.quick-view-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;padding:40px}.quick-view-image-section{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;justify-content:center;min-height:400px;padding:30px}.quick-view-product-image{border-radius:8px;max-height:500px;max-width:100%;object-fit:contain}.quick-view-details-section{display:flex;flex-direction:column;gap:20px}.quick-view-header{border-bottom:1px solid #e5e5e5;padding-bottom:15px}.quick-view-brand{color:#666;display:inline-block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.quick-view-title{color:#1a1a1a;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 10px}.quick-view-price{color:#4a90e2;font-size:24px;font-weight:700;margin:0}.quick-view-category{margin:-10px 0 10px}.quick-view-benefits h3,.quick-view-description h3,.quick-view-ingredients h3,.quick-view-usage h3{color:#333;font-size:16px;font-weight:700;margin:0 0 10px}.quick-view-benefits p,.quick-view-description p,.quick-view-ingredients p,.quick-view-usage p{color:#555;font-size:14px;line-height:1.6;margin:0}.quick-view-out-of-stock{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:12px;text-align:center}.quick-view-out-of-stock span{color:#856404;font-size:14px;font-weight:600}.quick-view-actions{border-top:1px solid #e5e5e5;margin-top:10px;padding-top:20px}.quick-view-add-btn{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.quick-view-add-btn:hover:not(:disabled){background:#357abd;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-1px)}.quick-view-add-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}@media (max-width:768px){.product-quick-view-overlay{padding:10px}.product-quick-view-modal{border-radius:12px 12px 0 0;max-height:95vh}.quick-view-content{gap:20px;grid-template-columns:1fr;padding:30px 20px 20px}.quick-view-image-section{min-height:250px;padding:20px}.quick-view-product-image{max-height:300px}.quick-view-title{font-size:22px}.quick-view-price{font-size:20px}.quick-view-close-btn{height:36px;right:10px;top:10px;width:36px}}@media (max-width:480px){.quick-view-content{padding:25px 15px 15px}.quick-view-image-section{min-height:200px;padding:15px}.quick-view-title{font-size:20px}.quick-view-benefits h3,.quick-view-description h3,.quick-view-ingredients h3,.quick-view-usage h3{font-size:14px}.quick-view-benefits p,.quick-view-description p,.quick-view-ingredients p,.quick-view-usage p{font-size:13px}}.customer-booking-container{font-family:system-ui,-apple-system,sans-serif;margin:0 auto;max-width:800px;padding:20px}.booking-header{border-bottom:2px solid #e0e0e0;margin-bottom:40px;padding-bottom:20px;text-align:center}.booking-header h1{color:#1a1a1a;font-size:32px;margin-bottom:20px}.booking-info h2{color:#333;font-size:24px;margin-bottom:10px}.shop-name,.staff-name{color:#666;font-size:16px;margin:5px 0}.booking-form{display:flex;flex-direction:column;gap:15px}.form-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.form-section h3{color:#1a1a1a;font-size:14px;font-weight:700;margin-bottom:15px}@media (max-width:768px){.form-section h3{font-size:12px}}.section-subtitle{color:#666;font-size:14px;margin-bottom:15px}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-grid input,.form-section input[type=date]{border:1px solid #d0d0d0;border-radius:8px;font-size:15px;padding:12px;transition:border-color .2s}.form-grid input:focus,.form-section input[type=date]:focus{border-color:#4a90e2;outline:none}.time-slots{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:15px}.time-slot{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:15px;padding:12px;transition:all .2s}.time-slot:hover{background:#f0f7ff;border-color:#4a90e2}.time-slot.selected{background:#4a90e2;border-color:#4a90e2;color:#fff;font-weight:600}.booking-section .no-slots,.time-selection .no-slots{color:#999;font-style:italic;padding:20px;text-align:center}.section-header{justify-content:space-between;margin-bottom:20px}.section-header,.toggle-switch{align-items:center;display:flex}.toggle-switch{cursor:pointer;gap:10px}.toggle-switch input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#ccc;border-radius:13px;cursor:pointer;height:26px;position:relative;transition:background .3s;width:50px}.toggle-switch input[type=checkbox]:checked{background:#4a90e2}.toggle-switch input[type=checkbox]:before{background:#fff;border-radius:50%;content:"";height:22px;left:2px;position:absolute;top:2px;transition:left .3s;width:22px}.toggle-switch input[type=checkbox]:checked:before{left:26px}.toggle-label{color:#333;font-size:15px}.group-members{display:flex;flex-direction:column;gap:15px}.group-member{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 1fr auto}.group-member input{border:1px solid #d0d0d0;border-radius:6px;font-size:14px;padding:10px}.remove-member-btn{background:#f44;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:8px 12px;transition:background .2s}.remove-member-btn:hover{background:#c00}.add-member-btn{background:#f0f0f0;border:2px dashed #ccc;border-radius:8px;color:#666;cursor:pointer;font-size:15px;padding:12px;transition:all .2s}.add-member-btn:hover{background:#e8e8e8;border-color:#999;color:#333}.products-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:15px}.product-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:15px;text-align:center;transition:all .2s}.product-card.selected{background:#f0f7ff;border-color:#4a90e2}.product-image{border-radius:8px;height:150px;margin-bottom:10px;object-fit:cover;width:100%}.product-card h4{color:#333;font-size:16px;margin-bottom:8px}.product-price{color:#4a90e2;font-size:18px;margin-bottom:12px}.add-product-btn{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:background .2s;width:100%}.add-product-btn:hover{background:#3a7bc8}.quantity-controls{gap:8px;justify-content:center}.quantity-controls button{background:#fff;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.quantity-controls button:hover{background:#f0f0f0}.remove-product-btn{background:#f44!important;border:none!important;color:#fff!important;padding:6px 10px!important}.remove-product-btn:hover{background:#c00!important}.tip-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.tip-option{cursor:pointer}.tip-option input[type=radio]{display:none}.tip-label{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;display:flex;flex-direction:column;font-size:18px;font-weight:600;padding:15px;transition:all .2s}.tip-label small{color:#666;font-size:14px;font-weight:400;margin-top:5px}.tip-option input[type=radio]:checked+.tip-label{background:#f0f7ff;border-color:#4a90e2;color:#4a90e2}.promo-code-section{background:#fafafa;border:2px dashed #ddd}.promo-code-input-group{align-items:center;display:flex;gap:10px}.promo-code-applied{align-items:center;background:#e8f5e9;border:1px solid #10b981;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.price-summary{background:#f9f9f9;border:2px solid #e0e0e0}.summary-row{color:#333;font-size:16px}.summary-row.total{border-top:2px solid #d0d0d0;font-size:20px;margin-top:10px;padding-top:15px}.submit-booking-btn{background:#4a90e2;border:none;border-radius:10px;box-shadow:0 4px 12px #4a90e24d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:18px;transition:all .2s;width:100%}.submit-booking-btn:hover:not(:disabled){background:#3a7bc8;box-shadow:0 6px 16px #4a90e266}.submit-booking-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.payment-note{color:#666;font-size:14px;margin-top:-15px;text-align:center}.form-error{background:#ffe0e0;border:1px solid #f44;border-radius:8px;color:#c00;padding:15px;text-align:center}.booking-error,.booking-loading{color:#666;font-size:18px;padding:60px 20px;text-align:center}.booking-error{color:#c00}@media (max-width:768px){.customer-booking-container{padding:15px}.booking-header h1{font-size:26px}.form-section{padding:20px}.tip-options{gap:8px;grid-template-columns:repeat(5,1fr)}.tip-label{font-size:14px;padding:12px 8px}.tip-label small{font-size:12px}.group-member,.products-grid{grid-template-columns:1fr}}.shop-landing-container{background:#fff;min-height:100vh}.shop-hero:before{background:inherit;bottom:0;content:"";filter:blur(0);left:0;position:absolute;right:0;top:0;z-index:0}.business-locations-page{background-color:#f9fafb;min-height:100vh;padding-top:60px}.locations-error,.locations-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.spinner{border:4px solid #e5e7eb;border-top-color:#3b5998}.locations-error h2{color:#dc2626;font-size:24px;margin-bottom:20px}.btn-home{background-color:#3b5998;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .2s}.btn-home:hover{background-color:#2d4373;box-shadow:0 4px 12px #3b59984d;transform:translateY(-2px)}.business-hero{background:linear-gradient(135deg,#3b5998,#2d4373);color:#fff;padding:60px 20px;text-align:center}.business-hero-content{margin:0 auto;max-width:800px}.business-logo{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;height:auto;margin-bottom:20px;max-width:200px;padding:8px}.business-name{color:#fff!important;font-size:48px;margin:0 0 15px;text-shadow:0 2px 4px #0000001a}.business-description{color:#fff;font-size:18px;line-height:1.6;margin:0 auto 20px;max-width:600px;opacity:.95}.business-meta{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.business-type{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border-radius:20px;color:#fff!important;font-weight:600;padding:8px 16px}.locations-section{padding:60px 20px}.locations-container{margin:0 auto;max-width:1200px}.section-title{color:#1f2937;font-size:36px;font-weight:700;margin:0 0 50px;text-align:center}.no-locations{color:#6b7280;font-size:18px;padding:60px 20px;text-align:center}.locations-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media (max-width:768px){.locations-grid{grid-template-columns:1fr}}.location-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.location-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.location-card-header{background:linear-gradient(135deg,#3b5998,#2d4373);color:#fff;padding:20px 25px}.location-name{font-size:24px;font-weight:700;margin:0 0 5px}.location-service-types{font-size:14px;margin:0;opacity:.9}.location-gallery{height:200px;overflow:hidden;position:relative;width:100%}.gallery-main-image{height:100%;object-fit:cover;width:100%}.gallery-indicator{background:#000000b3;border-radius:20px;bottom:10px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:10px}.location-rating{align-items:center;background:#f9fafb;display:flex;gap:10px;padding:15px 25px}.stars{display:flex;gap:2px}.star{color:#fbbf24;font-size:18px}.star.filled{color:#f59e0b}.star.half{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f59e0b 50%,#d1d5db 0);-webkit-background-clip:text;background-clip:text}.star.empty{color:#d1d5db}.rating-text{color:#6b7280;font-size:14px;font-weight:500}.featured-services{background:#f0f9ff;border-left:3px solid #3b5998;border-radius:8px;padding:15px}.featured-services strong{color:#1f2937;display:block;font-size:14px;margin-bottom:10px}.featured-services ul{list-style:none;margin:0;padding:0}.featured-services li{align-items:center;border-bottom:1px solid #e0f2fe;display:flex;justify-content:space-between;padding:6px 0}.featured-services li:last-child{border-bottom:none}.service-name{color:#374151;font-size:13px}.service-price{color:#3b5998;font-size:14px;font-weight:600}.more-services{color:#6b7280;font-size:12px;font-style:italic;margin-bottom:0;margin-top:8px}.location-card-body{display:flex;flex-direction:column;flex-grow:1;gap:20px;padding:25px}.location-info{align-items:flex-start;display:flex;gap:15px}.info-icon{flex-shrink:0;font-size:24px;line-height:1}.info-content{flex-grow:1}.info-content strong{color:#374151;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.info-content p{color:#6b7280;font-size:15px;line-height:1.6;margin:0}.info-content a{color:#3b5998;font-weight:500;text-decoration:none;transition:color .2s}.info-content a:hover{color:#2d4373;text-decoration:underline}.location-card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;padding:20px 25px}.btn-directions{background-color:#fff;border:2px solid #3b5998;border-radius:8px;color:#3b5998;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;min-width:140px;padding:12px 20px;text-align:center;transition:all .2s}.btn-directions:hover{background-color:#3b5998;box-shadow:0 4px 12px #3b599833;color:#fff;transform:translateY(-2px)}.btn-book-now{background:linear-gradient(135deg,#3b5998,#2d4373);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:600;min-width:180px;padding:12px 24px;transition:all .2s}.btn-book-now:hover{box-shadow:0 6px 20px #3b599866;transform:translateY(-2px)}.btn-book-now:active{transform:translateY(0)}.business-footer{background-color:#1f2937;margin-top:60px;padding:40px 20px}.business-footer-content{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:800px}.footer-link{align-items:center;background-color:#ffffff1a;border-radius:8px;color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:background-color .2s,transform .2s}.footer-link:hover{background-color:#fff3;transform:translateY(-2px)}@media (max-width:768px){.business-name{font-size:32px}.business-description{font-size:16px}.section-title{font-size:28px}.business-hero,.locations-section{padding:40px 20px}.location-name{font-size:20px}.footer-link{font-size:14px;padding:8px 16px}}@media (max-width:480px){.business-name{font-size:28px}.section-title{font-size:24px}.business-logo{max-width:150px}}.shop-catalogue-page{background-color:#f8f9fa;min-height:100vh;padding-bottom:0}.catalogue-header{background:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding:20px 40px}.shop-branding{align-items:center;display:flex;margin-bottom:15px}.shop-logo{border:2px solid #e0e0e0;border-radius:50%;height:60px;object-fit:cover;width:60px}.catalogue-breadcrumb{color:#666;font-size:14px;margin-bottom:15px}.catalogue-breadcrumb span{cursor:pointer;transition:color .2s}.catalogue-breadcrumb span:hover:not(.breadcrumb-separator){color:#007bff;text-decoration:underline}.breadcrumb-separator{cursor:default}.catalogue-title-section{display:flex;flex-direction:column;gap:10px}.back-button{align-self:flex-start;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.back-button:hover{background:#e0e0e0}.catalogue-header h1{color:#333;font-size:32px;margin:0}.catalogue-subtitle{color:#666;font-size:16px;margin:0}.catalogue-controls{margin-bottom:30px;padding:0 40px}.search-bar{margin-bottom:20px}.search-bar input{border:1px solid #ddd;border-radius:8px;font-size:16px;max-width:500px;padding:12px 20px;transition:border-color .2s;width:100%}.search-bar input:focus{border-color:#2d6da3;border-color:var(--primary-color,#2d6da3);outline:none}.filter-sort-bar{flex-wrap:wrap;gap:20px;justify-content:space-between}.filter-sort-bar,.shop-filter{align-items:center;display:flex}.shop-filter{gap:10px}.shop-filter label{color:#666;font-size:14px;font-weight:600}.shop-filter select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;min-width:200px;padding:8px 12px}.category-filters{display:flex;flex-wrap:wrap;gap:10px}.category-btn{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.category-btn:hover{background:#f8f9fa}.category-btn.active,.category-btn:hover{border-color:#2d6da3;border-color:var(--primary-color,#2d6da3)}.category-btn.active{background:#2d6da3;background:var(--primary-color,#2d6da3);color:#fff}.sort-dropdown{align-items:center;display:flex;gap:10px}.sort-dropdown label{color:#666;font-size:14px}.sort-dropdown select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.catalogue-content{margin:0 auto;max-width:1400px;padding:0 40px}.catalogue-layout{display:flex;gap:30px}.catalogue-products{flex:1 1;min-width:0}.catalogue-empty,.catalogue-loading{color:#666;padding:60px 20px;text-align:center}.catalogue-empty button{background:#2d6da3;background:var(--primary-color,#2d6da3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:10px 24px;transition:background .2s}.catalogue-empty button:hover{background:#245580;background:var(--primary-hover,#245580)}.catalogue-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(5,1fr)}.catalogue-item-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s}.catalogue-item-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.item-image-container{background:#f5f5f5;overflow:hidden;padding-top:100%;position:relative;width:100%}.item-image{object-fit:cover}.item-image,.package-icon-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.package-icon-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:64px;justify-content:center}.package-badge{background:#667eeae6;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:10px;top:10px}.item-info{padding:16px}.item-name{font-size:12px!important;margin:0 0 8px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.item-category{display:none}.item-footer{align-items:center;display:flex;flex-direction:column;gap:8px}.item-price{color:#2d6da3;color:var(--primary-color,#2d6da3);font-weight:700;text-align:center}.stock-badge{font-size:12px;padding:4px 8px}.stock-badge.in-stock{background:#d4edda;color:#155724}.stock-badge.out-of-stock{background:#f8d7da;color:#721c24}.shop-catalogue-error{padding:100px 20px;text-align:center}.shop-catalogue-error h2{color:#d9534f;margin-bottom:20px}.shop-catalogue-error button{background:#2d6da3;background:var(--primary-color,#2d6da3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:10px 24px}@media (max-width:1024px){.catalogue-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.catalogue-content,.catalogue-controls,.catalogue-header{padding:0 20px}}@media (max-width:768px){.catalogue-header{padding:15px 20px}.catalogue-header h1{font-size:24px}.catalogue-subtitle{font-size:14px}.filter-sort-bar{align-items:stretch;flex-direction:column}.category-filters{justify-content:flex-start}.sort-dropdown{justify-content:space-between}.catalogue-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.item-name{font-size:12px!important}.item-price{font-size:14px}}@media (max-width:480px){.catalogue-content,.catalogue-controls,.catalogue-header{padding:0 15px}.category-btn{font-size:13px;padding:6px 12px}.item-name{font-size:12px!important}.item-price{font-size:14px}}.cart-page{background:#f8f9fa;min-height:calc(100vh - 200px);padding:140px 20px 40px}.cart-page-container{margin:0 auto;max-width:1200px}.cart-page h1{color:#1a1a1a;font-size:16px!important;font-weight:700;margin:0 0 8px}@media (max-width:768px){.cart-page h1{font-size:16px!important}}.cart-subtitle{color:#666;font-size:14px;margin:0 0 24px}.cart-header-section{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.cart-bulk-actions{align-items:center;display:flex;gap:12px}.select-all-checkbox{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px}.select-all-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.delete-selected-btn,.empty-cart-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.delete-selected-btn{background:#ef4444;color:#fff}.delete-selected-btn:hover:not(:disabled){background:#dc2626}.delete-selected-btn:disabled{background:#9ca3af;cursor:not-allowed}.empty-cart-btn{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.empty-cart-btn:hover:not(:disabled){background:#e5e7eb}.empty-cart-btn:disabled{cursor:not-allowed;opacity:.5}.cart-page-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top:4px solid var(--primary-color,#2d6da3);height:48px;width:48px}.cart-page-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.empty-cart-content{max-width:900px;width:100%}.empty-cart-icon{font-size:60px;margin-bottom:20px;opacity:.3}.cart-page-empty h2{color:#1a1a1a;font-size:22px;font-weight:600;margin:0 0 10px}.cart-page-empty p{color:#666;font-size:14px;margin:0 0 24px}.empty-cart-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:48px}.primary-action-btn,.secondary-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.primary-action-btn{background:linear-gradient(135deg,#2d6da3,#4a90c6);color:#fff}.primary-action-btn:hover{box-shadow:0 4px 12px #2d6da34d;transform:translateY(-2px)}.secondary-action-btn{background:#fff;border:2px solid #2d6da3;color:#2d6da3}.secondary-action-btn:hover{background:#f0f7ff}.empty-cart-featured{border-top:2px solid #e5e7eb;margin-top:48px;padding-top:32px}.empty-cart-featured h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 20px}.featured-products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:32px}.featured-product-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s}.featured-product-card:hover{border-color:#2d6da3;box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.featured-product-card img{border-radius:6px;height:120px;margin-bottom:8px;object-fit:cover;width:100%}.featured-product-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis}.featured-product-price{color:#2d6da3;font-size:14px;font-weight:700;margin:0}.empty-cart-links{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.empty-cart-links p{color:#6b7280;font-size:14px;margin:0 0 16px}.quick-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.quick-links button{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.quick-links button:hover{background:#e5e7eb;color:#1a1a1a}.cart-shop-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.cart-shop-name{border-bottom:2px solid #e5e7eb;color:#1a1a1a;font-size:15px!important;font-weight:600;margin:0 0 16px;padding-bottom:12px}@media (max-width:768px){.cart-shop-name{font-size:15px!important}}.cart-items-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.cart-item{align-items:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:20px;padding:16px;transition:box-shadow .2s}.cart-item:hover{box-shadow:0 2px 8px #00000014}.cart-item-checkbox{align-items:center;display:flex;flex-shrink:0}.cart-item-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.cart-item-image{background:#f5f5f5;border-radius:8px;flex-shrink:0;height:100px;overflow:hidden;position:relative;width:100px}.cart-item-image img{height:100%;object-fit:cover;width:100%}.item-type-badge{background:#2d6da3;background:var(--primary-color,#2d6da3);left:4px}.gift-badge,.item-type-badge{border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;top:4px}.gift-badge{background:#ff6b6b;right:4px}.cart-item-details{flex:1 1;min-width:0}.cart-item-name{color:#1a1a1a;font-size:15px;font-weight:600;margin:0 0 6px}.cart-item-description{color:#666;font-size:13px;line-height:1.4;margin:0 0 6px}.cart-item-meta{color:#888;font-size:12px;margin:0}.cart-item-gift-info{color:#ff6b6b;font-size:12px;font-weight:500;margin:4px 0 0}.cart-item-quantity{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:4px 8px}.cart-item-quantity button{background:#0000;border:none;border-radius:4px;color:#2d6da3;color:var(--primary-color,#2d6da3);cursor:pointer;font-size:18px;height:28px;transition:background .2s;width:28px}.cart-item-quantity button:hover:not(:disabled){background:#f0f0f0}.cart-item-quantity button:disabled{cursor:not-allowed;opacity:.3}.cart-item-quantity span{color:#1a1a1a;font-weight:600;min-width:24px;text-align:center}.package-qty{color:#666;font-size:14px;padding:0 8px}.cart-item-price{color:#1a1a1a;font-size:16px;font-weight:700;min-width:100px;text-align:right}.item-subtotal{color:#666;display:block;font-size:12px;font-weight:400;margin-top:4px}.cart-item-remove{background:#fee;border:none;border-radius:6px;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:24px;height:32px;transition:all .2s;width:32px}.cart-item-remove:hover:not(:disabled){background:#fcc;transform:scale(1.1)}.cart-item-remove:disabled{cursor:not-allowed;opacity:.5}.service-recommendations{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #2d6da3;border:2px solid var(--primary-color,#2d6da3);border-radius:12px;margin:24px 0;padding:24px}.recommendations-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.recommendations-title{align-items:center;display:flex;gap:12px}.bulb-icon{font-size:24px}.recommendations-title h3{color:#1a1a1a;font-size:18px;font-weight:700;margin:0}.recommendations-subtitle{color:#666;font-size:13px;margin:0 0 16px}.dismiss-btn{border:none;border-radius:6px;color:#999;font-size:28px;height:32px;line-height:1;padding:0;width:32px}.dismiss-btn:hover{background:#0000000d;color:#666}.recommendations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.service-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:18px;transition:transform .2s,box-shadow .2s}.service-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.service-card-header{margin-bottom:12px}.service-name{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 6px}.service-category{background:#4a90c6;background:var(--primary-light,#4a90c6);background:#2d6da31a;border-radius:4px;color:#2d6da3;color:var(--primary-color,#2d6da3);display:inline-block;font-size:12px;font-weight:500;padding:2px 8px;text-transform:capitalize}.service-description{color:#666;font-size:13px;line-height:1.5;margin:0 0 14px}.service-card-footer{align-items:center;display:flex;gap:12px;justify-content:space-between}.service-price{color:#2d6da3;color:var(--primary-color,#2d6da3);font-size:16px}.service-duration{color:#666;font-size:12px;font-weight:400}.book-service-btn{background:#2d6da3;background:var(--primary-color,#2d6da3);border-radius:6px;font-size:14px;padding:8px 16px;transition:all .2s}.book-service-btn:hover{background:#1e5a8a;background:var(--primary-dark,#1e5a8a);transform:translateY(-1px)}.cart-shop-subtotal{align-items:center;border-top:2px solid #e5e7eb;color:#1a1a1a;display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding-top:14px}.subtotal-amount{color:var(--primary-color,#2d6da3);font-size:16px}.cart-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.summary-row{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.summary-row.total{border-top:2px solid #e5e7eb;color:#1a1a1a;font-size:18px;font-weight:700;margin-top:8px;padding-top:14px}.total-amount{color:#2d6da3;color:var(--primary-color,#2d6da3)}.cart-actions{display:flex;gap:16px;margin-top:24px}.checkout-btn,.continue-shopping-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.continue-shopping-btn{background:#fff;border:2px solid #2d6da3;border:2px solid var(--primary-color,#2d6da3);color:#2d6da3;color:var(--primary-color,#2d6da3)}.continue-shopping-btn:hover{background:#f0f0f0}.checkout-btn{background:#2d6da3;background:var(--primary-color,#2d6da3)}.checkout-btn:hover:not(:disabled){background:#1e5a8a;background:var(--primary-dark,#1e5a8a);box-shadow:0 4px 12px #2d6da34d;transform:translateY(-2px)}.checkout-btn:disabled{opacity:.5}@media (max-width:1024px){.recommendations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cart-page{padding:24px 16px}.cart-page h1{font-size:26px}.cart-shop-section{padding:16px}.cart-item{flex-wrap:wrap;gap:12px}.cart-item-image{height:80px;width:80px}.cart-item-details{flex-basis:calc(100% - 100px)}.cart-item-price,.cart-item-quantity{margin-left:100px}.cart-item-price{text-align:left}.cart-item-remove{position:absolute;right:16px;top:16px}.recommendations-grid{gap:12px;grid-template-columns:1fr}.recommendations-title h3{font-size:18px}.bulb-icon{font-size:24px}.service-card{padding:16px}.cart-actions{flex-direction:column}.checkout-btn,.continue-shopping-btn{width:100%}.cart-page h1{font-size:18px}.cart-subtitle{font-size:12px}.cart-bulk-actions{flex-wrap:wrap;width:100%}.delete-selected-btn,.empty-cart-btn,.select-all-checkbox{font-size:12px;padding:8px 12px}}@media (max-width:480px){.cart-page{padding:120px 12px 20px}.cart-subtitle{font-size:11px}.cart-item,.cart-shop-section{padding:12px}.cart-item{gap:8px}.cart-item-name,.service-name{font-size:14px}.service-price{font-size:16px}.cart-item-checkbox input[type=checkbox]{height:16px;width:16px}.cart-item-image{height:60px;width:60px}.gift-badge,.item-type-badge{font-size:9px;padding:2px 4px}}.inline-booking-widget{animation:slideDown .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:16px;padding:24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.inline-booking-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.inline-booking-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.close-widget-btn{background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:18px;height:32px;transition:all .2s;width:32px}.close-widget-btn:hover{background:#e5e7eb;color:#111827}.inline-booking-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px 16px}.step-1-selection{display:flex;flex-direction:column;gap:24px}.selection-section{display:flex;flex-direction:column;gap:12px}.selection-label{color:#374151;font-size:15px;font-weight:600}.options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.option-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.option-card:hover{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 8px #3b82f61a;transform:translateY(-2px)}.option-card.selected{background:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.option-name{color:#111827;font-size:15px;font-weight:600;margin-bottom:4px}.option-details{color:#6b7280;font-size:13px}.loading-placeholder{padding:40px}.loading-placeholder,.no-options{color:#9ca3af;font-size:14px;text-align:center}.no-options{padding:32px}.continue-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .2s;width:100%}.continue-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.continue-btn:disabled{background:#cbd5e1;cursor:not-allowed}.step-2-calendar{display:flex;flex-direction:column;gap:20px}.back-btn{align-self:flex-start;background:#f3f4f6;border-radius:6px;color:#374151;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.back-btn:hover{background:#e5e7eb}.selected-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px}.selected-info p{color:#0c4a6e;font-size:15px;margin:0}.service-duration{color:#0369a1!important;font-size:13px!important;margin-top:4px!important}.slot-confirmation{align-items:center;background:#f0fdf4;border:2px solid #86efac;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:20px}.confirmation-text{color:#166534;font-size:15px;font-weight:600;margin:0;text-align:center}.reserve-btn{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:all .2s}.reserve-btn:hover:not(:disabled){background:#15803d;box-shadow:0 4px 12px #16a34a4d;transform:translateY(-1px)}.reserve-btn:disabled{background:#9ca3af;cursor:not-allowed}.inline-booking-success{padding:40px 20px;text-align:center}.success-icon{animation:scaleIn .3s ease-out;background:#10b981;font-size:32px;height:64px;margin:0 auto 20px;width:64px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.inline-booking-success h3{color:#065f46;font-size:24px;font-weight:700;margin:0 0 12px}.inline-booking-success>p{color:#6b7280;font-size:15px;margin:0 0 24px}.booking-summary{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;margin:0 auto;max-width:400px;padding:20px}.booking-summary p{color:#166534;font-size:15px;margin:8px 0}.booking-summary p:first-child{font-size:16px;font-weight:600}.auth-choice-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.auth-choice-modal{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:32px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-choice-btn{transition:all .2s ease}.auth-choice-btn:hover{opacity:.9;transform:translateY(-1px)}.auth-choice-btn:active{transform:translateY(0)}@media (max-width:768px){.inline-booking-widget{padding:16px}.inline-booking-header h3{font-size:18px}.options-grid{grid-template-columns:1fr}.option-card{padding:14px}.continue-btn,.reserve-btn{font-size:15px;padding:12px 20px}}.checkout-page{background-color:#f5f5f5;min-height:100vh;padding:6rem 0 2rem}.checkout-container{margin:0 auto;max-width:800px;padding:0 1rem}.checkout-container h1{color:#333;font-size:1rem!important;margin-bottom:1.5rem}@media (max-width:768px){.checkout-container h1{font-size:1rem!important}}.multi-shop-notice{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;margin-bottom:1.5rem;padding:.875rem 1.25rem}.multi-shop-notice p{font-size:.875rem;font-weight:500;margin:0}.shop-checkout-section{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.shop-header{border-bottom:3px solid #2d6da3;margin-bottom:1.5rem;padding-bottom:1rem}.shop-header h2{align-items:center;color:#2d6da3;display:flex;font-size:.95rem!important;gap:.5rem;margin:0}@media (max-width:768px){.shop-header h2{font-size:.95rem!important}}.checkout-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.25rem;padding:1.25rem}.checkout-section h2,.checkout-section h3{border-bottom:2px solid #e8491d;color:#333;font-size:1rem;margin-bottom:.875rem;padding-bottom:.5rem}.checkout-shop-name{color:#555;font-size:.95rem;font-weight:600;margin-bottom:.875rem}.checkout-items{margin-bottom:1rem}.checkout-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.75rem 0}.checkout-item:last-child{border-bottom:none}.checkout-item-name{color:#555;font-size:.875rem}.reserved-booking-item{background:#f0fdf4;border-bottom:none!important;border-left:3px solid #10b981;border-radius:6px;margin:.5rem 0;padding:.75rem}.reserved-booking-item .checkout-item-name{display:flex;flex-direction:column;gap:.25rem}.service-with-badge{align-items:center;display:flex;gap:.5rem}.reserved-badge-inline{background:#10b981;border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;padding:.125rem .5rem}.booking-datetime{color:#059669;font-size:.8rem;font-weight:500}.checkout-item-price{color:#333;font-size:.875rem;font-weight:600}.checkout-subtotal{border-top:1px solid #ddd;color:#555;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.subtotal-amount{color:#2d6da3}.checkout-total{border-top:2px solid #333;color:#333;display:flex;font-size:1.125rem;font-weight:700;justify-content:space-between;padding-top:1rem}.total-amount{color:#e8491d}.final-total-section{background:linear-gradient(135deg,#2d6da3,#4a90c6);border:none;color:#fff}.reserved-bookings-summary{background:#fffffff2;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.reserved-bookings-summary h3{border-bottom:2px solid #4a90c6;color:#2d6da3;font-size:1rem;margin-bottom:.875rem;padding-bottom:.5rem}.reserved-bookings-summary .checkout-item{color:#333}.reserved-bookings-summary .checkout-item-name{display:flex;flex-direction:column;gap:.25rem}.reserved-badge{background:#10b981;border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.25rem;padding:.125rem .5rem;width:-webkit-fit-content;width:fit-content}.reserved-bookings-summary .checkout-subtotal{color:#2d6da3;font-weight:600}.checkout-total-breakdown{display:flex;flex-direction:column;gap:.75rem}.total-row{align-items:center;color:#ffffffe6;font-size:.95rem}.subtotal-row{font-weight:500}.tax-row{color:#fffc;font-size:.9rem}.tax-loading{font-style:italic;opacity:.7}.grand-total-row{border-top:2px solid #ffffff4d;color:#fff;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.grand-total-row .total-amount{color:#fff;font-size:1.25rem}.final-total-section .checkout-total{border-top:2px solid #ffffff4d;color:#fff}.final-total-section .total-amount{color:#fff;font-size:1.25rem}.pickup-section h2{align-items:center;display:flex;gap:.5rem}.checkout-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;margin-bottom:1rem;padding:1rem}.pickup-options{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.pickup-option{border:2px solid #ddd;border-radius:8px;cursor:pointer;padding:1rem;transition:all .3s ease}.pickup-option:hover{border-color:#e8491d;box-shadow:0 2px 8px #e8491d1a}.pickup-option.selected{background-color:#fff5f3;border-color:#e8491d}.pickup-option-label{align-items:flex-start;cursor:pointer;display:flex;gap:1rem}.pickup-option-label input[type=radio]{accent-color:#e8491d;cursor:pointer;height:20px;margin-top:.3rem;width:20px}.pickup-option-content{flex:1 1}.pickup-option-title{color:#333;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.pickup-option-description{color:#666;font-size:.8125rem}.pickup-details{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem}.pickup-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.875rem;padding:.625rem;width:100%}.pickup-select:focus{border-color:#e8491d;box-shadow:0 0 0 3px #e8491d1a;outline:none}.no-bookings{background-color:#f9f9f9;border-radius:4px;padding:1.5rem;text-align:center}.no-bookings p{color:#666;margin-bottom:1rem}.book-service-btn{background-color:#e8491d;border-radius:4px;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.book-service-btn:hover{background-color:#d13d15}.inline-booking-success-message{animation:successSlideIn .3s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;font-weight:500;margin-top:1rem;padding:1rem 1.25rem;text-align:center}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.package-info{margin-bottom:1rem}.gift-info,.package-info{color:#555;line-height:1.6}.gift-info{background-color:#fff5f3;border-left:3px solid #e8491d;border-radius:4px;padding:1rem}.gift-info strong{color:#e8491d}.pickup-field{margin-bottom:1rem}.pickup-field label{color:#555;display:block;font-weight:600;margin-bottom:.5rem}.pickup-notes-field{margin-top:1.5rem}.pickup-notes-field label{color:#555;display:block;font-weight:600;margin-bottom:.5rem}.pickup-notes-field textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;min-height:80px;padding:.75rem;resize:vertical;width:100%}.pickup-notes-field textarea:focus{border-color:#e8491d;box-shadow:0 0 0 3px #e8491d1a;outline:none}.char-count{color:#999;font-size:.85rem;margin-top:.25rem;text-align:right}.checkout-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.back-to-cart-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.back-to-cart-btn:hover{background-color:#e5e5e5}.checkout-btn{background-color:#e8491d;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;max-width:300px;padding:1rem 2rem;transition:background-color .3s ease}.checkout-btn:hover:not(:disabled){background-color:#d13d15}.checkout-btn:disabled{background-color:#ccc;cursor:not-allowed}.checkout-page-empty,.checkout-page-error{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:4rem auto;max-width:600px;padding:2rem;text-align:center}.checkout-page-empty h2,.checkout-page-error h2{color:#333;margin-bottom:1rem}.checkout-page-empty p,.checkout-page-error p{color:#666;margin-bottom:1.5rem}.checkout-page-empty button,.checkout-page-error button{background-color:#e8491d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.checkout-page-empty button:hover,.checkout-page-error button:hover{background-color:#d13d15}@media (max-width:768px){.checkout-page{padding:5rem 0 2rem}.checkout-container{padding:0 .875rem}.multi-shop-notice{font-size:.75rem;padding:.75rem 1rem}.shop-checkout-section{margin-bottom:1.5rem;padding:1.25rem}.checkout-section{padding:1rem}.checkout-section h2,.checkout-section h3{font-size:.875rem}.checkout-item{flex-wrap:wrap;gap:.5rem;padding:.625rem 0}.checkout-item-name,.checkout-item-price{font-size:.75rem}.checkout-subtotal{font-size:.875rem}.checkout-total{font-size:1rem}.final-total-section .total-amount{font-size:1.125rem}.checkout-actions{flex-direction:column}.checkout-btn{font-size:.875rem;max-width:100%;padding:.875rem 1.25rem}.pickup-option{padding:.875rem}.pickup-option-label{flex-direction:row;gap:.75rem}.pickup-option-label input[type=radio]{height:18px;margin-top:.125rem;width:18px}.pickup-option-title{font-size:.875rem}.pickup-option-description{font-size:.75rem}.pickup-select{font-size:.8125rem;padding:.5rem}}.auth-check-loading{padding:40px 20px;text-align:center}.auth-check-loading,.customer-info-section{background:#fff;border-radius:12px;margin-bottom:2rem}.customer-info-section{box-shadow:0 2px 8px #0000001a;padding:2rem}.authenticated-checkout{background:#e8f5e9;border:2px solid #4caf50;border-radius:8px;justify-content:space-between;padding:1rem}.auth-status,.authenticated-checkout{align-items:center;display:flex;gap:1rem}.checkmark{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:32px;justify-content:center;width:32px}.customer-name{color:#333;font-size:1rem;margin:0}.customer-email{color:#666;font-size:.875rem;margin:0}.sign-out-btn{background:#0000;border:1px solid #4caf50;border-radius:6px;color:#4caf50;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s;white-space:nowrap}.sign-out-btn:hover{background:#4caf50;color:#fff}.guest-info-form{max-width:100%}.guest-info-form h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:.5rem}.billing-notice,.guest-notice{color:#666;font-size:.875rem;margin-bottom:1.5rem}.form-row{margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#333;font-size:.9rem;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:6px;padding:12px;transition:all .2s}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2d6da31a}.guest-account-prompt{color:#666;font-size:.875rem;margin-top:1rem;text-align:center}.link-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.link-btn:hover{color:var(--primary-dark)}@media (max-width:768px){.customer-info-section{padding:1.25rem}.authenticated-checkout{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.sign-out-btn{text-align:center;width:100%}}.account-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.account-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:40px}.modal-close-btn:hover{background:#f1f5f9;color:#64748b}.modal-header{margin-bottom:1.5rem;text-align:center}.modal-header h2{color:#1e293b;font-size:1.75rem;margin-bottom:.5rem}.modal-header p{color:#64748b;font-size:1rem;line-height:1.5}.benefits-grid{grid-gap:1rem;background:linear-gradient(135deg,#f0fdf4,#dbeafe);border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;padding:1rem}.benefit-item{align-items:center;display:flex;gap:.5rem}.benefit-icon{font-size:1.25rem}.benefit-text{color:#334155;font-size:.875rem;font-weight:500}.account-form{margin-top:1.5rem}.prefilled-info{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.prefilled-info .info-row{display:flex;justify-content:space-between;padding:.5rem 0}.prefilled-info .info-row:not(:last-child){border-bottom:1px solid #e2e8f0}.prefilled-info .label{color:#64748b;font-weight:500}.prefilled-info .value{color:#1e293b;font-weight:600}.form-group{margin-bottom:1.25rem}.form-group small{font-size:.75rem}.checkbox-group{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1.5rem}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;margin-top:.25rem;width:18px}.checkbox-group label{color:#475569;cursor:pointer;font-size:.875rem;line-height:1.5}.checkbox-group a{color:#2d6da3;text-decoration:underline}.error-message{font-size:.875rem;padding:.875rem}.create-btn{background:#2d6da3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:.75rem;padding:1rem;transition:background .2s;width:100%}.create-btn:hover:not(:disabled){background:#245a8a}.create-btn:disabled{background:#94a3b8;cursor:not-allowed}.divider{align-items:center;display:flex;margin:1.5rem 0 1rem;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.divider span{color:#94a3b8;font-size:.875rem;font-weight:600;padding:0 1rem}.oauth-options{display:flex;flex-direction:row;gap:12px;margin-bottom:1rem}.oauth-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:12px 8px;transition:all .2s;white-space:nowrap}.oauth-btn:hover{border-color:#cbd5e1;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.oauth-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.facebook-btn,.google-btn{color:#1f2937}.apple-btn{color:#000}.later-btn{background:#0000;border:2px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:all .2s;width:100%}.later-btn:hover{background:#f1f5f9;border-color:#94a3b8}.security-note{border-top:1px solid #e2e8f0;color:#64748b;font-size:.75rem;margin-top:1.5rem;padding-top:1.5rem;text-align:center}@media (max-width:768px){.account-modal-content{max-height:95vh;padding:1.5rem}.modal-header h2{font-size:1.5rem}.benefits-grid{gap:.75rem;grid-template-columns:1fr}.oauth-options{flex-direction:row;gap:8px}.oauth-btn{font-size:11px;padding:10px 4px}.oauth-icon{font-size:1rem}}.order-success-page{margin:0 auto;max-width:800px;min-height:60vh;padding:40px 20px}.success-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.success-icon{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-container h1{color:#2d6da3;font-size:2rem;margin-bottom:16px;text-align:center}.success-message{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:16px;text-align:center}.junk-mail-notice{background:#fff5f3;border-left:4px solid #e8491d;border-radius:8px;color:#e8491d;font-size:.95rem;line-height:1.5;margin:0 auto 32px;max-width:600px;padding:12px 16px;text-align:center}.order-details{border-top:2px solid #e0e0e0;padding-top:32px}.order-header{grid-gap:24px;background:#f5f5f5;border-radius:8px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px;padding:20px}.order-header div{display:flex;flex-direction:column;gap:8px}.order-header label{color:#666;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.order-header strong{color:#333;font-size:1.1rem}.customer-info-section,.next-steps-section,.order-items-section{margin-bottom:32px}.customer-info-section h3,.next-steps-section h3,.order-items-section h3{color:#2d6da3;font-size:1.3rem;margin-bottom:16px}.customer-info-section p{color:#666;margin:4px 0}.shop-section{background:#fafafa;margin-bottom:16px;padding:20px}.shop-section h4{border-bottom:1px solid #e0e0e0;color:#333;font-size:1.1rem;padding-bottom:12px}.bookings-list,.items-list,.shop-section h4{margin-bottom:16px}.order-item{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:12px 0}.order-item:last-child{border-bottom:none}.item-info{align-items:center;gap:12px}.item-name{color:#333;font-weight:500}.item-quantity{color:#666;font-size:.9rem}.service-badge{background:#2d6da3;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.item-price{color:#333}.shop-subtotal{border-top:1px solid #d0d0d0;color:#333;display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.order-total{border-radius:8px;margin-top:16px;overflow:hidden}.order-total .total-row{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:1rem;justify-content:space-between;padding:16px 20px}.order-total .subtotal-row{font-weight:500}.order-total .tax-row{color:#6b7280}.order-total .final-total{background:#2d6da3;border-bottom:none;color:#fff;font-size:1.3rem;font-weight:700}.order-total .final-total strong{font-weight:700}.next-steps-section ul{list-style:none;padding:0}.next-steps-section li{color:#555;font-size:1rem;line-height:1.6;padding:12px 0}.action-buttons{border-top:2px solid #e0e0e0;display:flex;gap:16px;margin-top:32px;padding-top:32px}.action-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#2d6da3,#1e4a6f)}.btn-primary:hover{box-shadow:0 4px 12px #2d6da34d}.btn-secondary{border:2px solid #2d6da3;color:#2d6da3}.btn-secondary:hover{background:#f5f5f5}.error-container,.loading{padding:60px 20px}.error-container h2{color:#d32f2f;margin-bottom:16px}.error-container p{color:#666;margin-bottom:24px}.error-container button{font-size:1rem;padding:12px 24px}@media (max-width:768px){.order-success-page{padding:80px 12px 20px}.success-container{padding:24px}.success-icon{font-size:42px;height:70px;width:70px}.success-container h1{font-size:1.5rem}.success-message{font-size:1rem}.junk-mail-notice{font-size:.875rem;padding:10px 12px}.order-header{gap:16px;grid-template-columns:1fr}.action-buttons{flex-direction:column}.shop-section{padding:16px}.order-item{align-items:flex-start;flex-direction:column;gap:8px}.item-price{align-self:flex-end}}@media print{.action-buttons,.customer-footer,.customer-header{display:none}.success-container{box-shadow:none}}.advanced-search-container{background:#f9fafb;min-height:100vh}.search-results{transition:all .3s ease}.search-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-2px)}@media (max-width:768px){.advanced-search-container{padding-top:60px}}.track-order-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:calc(100vh - 80px);padding:3rem 1rem}@media (max-width:768px){.track-order-page{padding:6rem 1rem 3rem!important}}.track-order-container{margin:0 auto;max-width:800px}.track-order-header{margin-bottom:2rem;text-align:center}.track-order-header h1{color:#1e293b;font-size:2.5rem;margin-bottom:.5rem}.track-order-header p{color:#64748b;font-size:1.1rem}.tracking-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.form-group input{font-size:1rem;padding:.875rem;transition:border-color .2s}.form-group input:focus{border-color:#2d6da3;outline:none}.form-group small{color:#94a3b8;display:block;font-size:.875rem;margin-top:.25rem}.error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem}.track-btn{background:#2d6da3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:background .2s;width:100%}.track-btn:hover:not(:disabled){background:#245a8a}.track-btn:disabled{background:#94a3b8;cursor:not-allowed}.order-details-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.order-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.order-number-badge{display:flex;flex-direction:column}.order-number-badge .label{color:#64748b;font-size:.875rem;margin-bottom:.25rem}.order-number-badge .number{color:#1e293b;font-size:1.5rem;font-weight:700}.order-status{border:2px solid;border-radius:8px;color:#fff!important;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.order-status span{font-weight:600!important}.order-details-section .order-header .order-status,.order-details-section .order-header .order-status span,.order-status span{color:#fff!important}.order-info{margin-bottom:2rem}.info-row{border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 0}.info-row .label{color:#64748b;font-weight:500}.info-row .value{color:#1e293b;font-weight:600}.shop-section{background:#f8fafc;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.shop-name{color:#1e293b;font-size:1.25rem;margin-bottom:1rem}.items-section{margin-bottom:1.5rem}.items-section h4{color:#475569;font-size:1rem;margin-bottom:.75rem}.booking-item,.order-item{align-items:center;background:#fff;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem}.booking-info,.item-info{display:flex;flex-direction:column;gap:.25rem}.item-name,.service-name{color:#1e293b;font-weight:600}.appointment-time,.item-quantity,.professional{color:#64748b;font-size:.875rem}.pickup-badge{background:#dbeafe;color:#1e40af;font-size:.75rem;font-weight:500;margin-top:.25rem;padding:.2rem .6rem}.booking-price,.item-price{color:#2d6da3;font-size:1.1rem;font-weight:700}.shop-contact{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.shop-contact p{color:#64748b;font-size:.875rem}.order-total-section{border-top:2px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.total-row{display:flex;justify-content:space-between;padding:.5rem 0}.total-row.grand-total{border-top:1px solid #e2e8f0;font-size:1.25rem;margin-top:.5rem;padding-top:1rem}.total-row .label{color:#475569;font-weight:500}.total-row .value{color:#1e293b;font-weight:700}.total-row.grand-total .value{color:#2d6da3}.account-prompt{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:12px;margin-top:2rem;padding:2rem;text-align:center}.account-prompt h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.account-prompt p{color:#475569;margin-bottom:1rem}.benefits-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.benefits-list span{color:#065f46;font-size:.875rem;font-weight:500}.create-account-btn{background:#2d6da3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-right:1rem;padding:.875rem 2rem;transition:background .2s}.create-account-btn:hover{background:#245a8a}.dismiss-btn{background:#0000;border:2px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .2s}.dismiss-btn:hover{background:#f1f5f9;border-color:#94a3b8}.help-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.help-section h3{color:#1e293b;margin-bottom:1rem}.help-section p{color:#64748b;line-height:1.6;margin-bottom:.5rem}@media (max-width:768px){.track-order-page{padding:2rem 1rem}.track-order-header h1{font-size:2rem}.help-section,.order-details-section,.tracking-form{padding:1.5rem}.order-header{align-items:flex-start;flex-direction:column;gap:1rem}.create-account-btn,.dismiss-btn{display:block;margin:.5rem 0;width:100%}}.customer-dashboard-page{background:#f8f9fa;min-height:calc(100vh - 80px);padding:2rem 1rem}.dashboard-container{margin:0 auto;max-width:1200px}.dashboard-header{align-items:center;background:linear-gradient(135deg,#2d6da3,#1e4d7a);border-radius:16px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.dashboard-header,.dashboard-header *,.welcome-section h1{color:#fff!important}.welcome-section h1{font-size:14px;font-weight:700;margin-bottom:.5rem}.member-since{color:#fff!important;font-size:11px;opacity:.9}.quick-stats{display:flex;gap:1.5rem}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;color:#fff!important;min-width:140px;padding:1.5rem;text-align:center}.stat-number{color:#fff!important;display:block;font-size:14px;font-weight:700;margin-bottom:.25rem}.stat-label{color:#fff!important;font-size:11px;opacity:.9}.dashboard-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tab{background:#fff;border:2px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1 auto;font-size:12px;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 16px;transition:all .2s;white-space:nowrap}.tab:hover{background:#f1f5f9;color:#334155}.tab.active{background:#fff;border-color:#2d6da3;color:#2d6da3}.dashboard-content{background:#fff;border-radius:16px;min-height:400px;padding:2rem}.dashboard-section{margin-bottom:3rem}.dashboard-section:last-child{margin-bottom:0}.dashboard-section h2{color:#1e293b;font-size:14px;font-weight:700;margin-bottom:1.5rem}.bookings-list{display:flex;flex-direction:column}.booking-card{align-items:center;background:#f8fafc;display:flex;justify-content:space-between;transition:all .2s}.booking-card:hover{border-color:#2d6da3;box-shadow:0 4px 12px #2d6da31a}.booking-info h3{color:#1e293b;font-size:12px;font-weight:600;margin-bottom:.1rem}.booking-info .professional{color:#64748b;font-size:.875rem;margin-bottom:.25rem}.booking-info .shop{color:#94a3b8;font-size:.875rem;margin-bottom:.5rem}.booking-info .datetime{color:#2d6da3;font-size:.875rem;font-weight:600}.btn-small{background:#2d6da3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:background .2s}.btn-small:hover{background:#245a8a}.packages-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.package-card{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:12px;padding:1.5rem}.package-card h3{color:#1e293b;font-size:12px;font-weight:600;margin-bottom:1rem}.package-credits{align-items:baseline;display:flex;gap:.5rem;margin-bottom:.5rem}.credits-remaining{color:#2d6da3;font-size:14px;font-weight:700}.credits-total,.package-card .expires{color:#64748b;font-size:.875rem}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-card{grid-gap:1rem;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:grid;gap:1rem;grid-template-columns:1fr auto auto;padding:1.5rem}.order-info strong{color:#1e293b;display:block;margin-bottom:.25rem}.order-date{color:#64748b;font-size:.875rem}.status-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.status-processing{background:#fef3c7;color:#92400e}.status-confirmed{background:#d1fae5;color:#065f46}.status-completed{background:#dbeafe;color:#1e40af}.order-total{color:#1e293b;font-size:12px;font-weight:700}.empty-state{padding:3rem 1rem;text-align:center}.empty-state p{color:#64748b;font-size:12px;margin-bottom:1rem}.empty-state button{background:#2d6da3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:10px 20px;transition:background .2s}.empty-state button:hover{background:#245a8a}.profile-form{max-width:600px}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{margin-bottom:1.5rem}.form-group label{color:#334155;display:block;font-weight:600;margin-bottom:.5rem}.form-group input{border:2px solid #e2e8f0;border-radius:8px;font-size:12px;padding:10px;width:100%}.form-group input:disabled{background:#f8fafc;color:#64748b}.note{color:#64748b;font-size:11px;font-style:italic}@media (min-width:769px){.dashboard-section h2,.stat-number,.welcome-section h1{font-size:14px!important}.tab{font-size:12px!important}}.error-container,.loading{color:#64748b;padding:3rem;text-align:center}.error-container button{background:#2d6da3;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:1rem;padding:.875rem 2rem}@media (max-width:768px){.dashboard-section h2,.welcome-section h1{font-size:12px!important}.tab{font-size:11px!important;padding:8px 12px}.stat-number{font-size:12px!important}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:1.5rem}.quick-stats{gap:.5rem;justify-content:space-between;width:100%}.stat-card{flex:1 1;min-width:0;padding:1rem}.dashboard-tabs{gap:.25rem}.dashboard-content{padding:1rem}.order-card{gap:.75rem}.form-row,.order-card{grid-template-columns:1fr}.booking-card{align-items:flex-start;flex-direction:column}}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-buttons button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:12px;padding:.5rem 1rem;transition:all .2s}.filter-buttons button.active{background:#2d6da3;border-color:#2d6da3;color:#fff}.filter-buttons button:hover{border-color:#2d6da3}.bookings-list{grid-gap:1rem;display:grid;gap:1rem}.booking-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem}.booking-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.booking-header h3{font-size:14px;margin:0}.booking-details{font-size:12px;line-height:1.6;margin:1rem 0}.booking-details p{margin:.5rem 0}.booking-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-danger{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:.5rem 1rem}.btn-danger:hover{background:#c82333}.orders-full-list{grid-gap:1rem;display:grid;gap:1rem}.order-card-full{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem}.order-header-full{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.order-header-full h3{font-size:14px;margin:0 0 .25rem}.order-date-full{color:#64748b;font-size:11px}.order-total-full{text-align:right}.total-label{color:#64748b;font-size:11px;margin:0 0 .25rem}.total-amount{font-size:14px;font-weight:700;margin:0}.order-status-full{margin-bottom:1rem}.order-items{background:#f8fafc;border-radius:8px;margin:1rem 0;padding:1rem}.shop-section{margin-bottom:1rem}.shop-section:last-child{margin-bottom:0}.shop-name{font-size:12px;margin-bottom:.5rem}.order-item{font-size:11px;margin:.25rem 0;padding-left:1rem}.order-actions-full{display:flex;gap:.5rem;margin-top:1rem}.order-details-expanded{border-top:2px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.shop-section-expanded{background:#f8fafc;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.shop-section-expanded:last-child{margin-bottom:0}.shop-section-expanded h4{color:#1e293b;font-size:13px;font-weight:600;margin:0 0 1rem}.items-section{margin-bottom:1rem}.items-section:last-child{margin-bottom:0}.items-section h5{color:#475569;font-size:12px;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.items-section .order-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:.75rem;justify-content:space-between;margin:.5rem 0;padding:.75rem}.product-thumbnail{border-radius:4px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.item-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.item-name{color:#1e293b;font-size:12px;font-weight:600}.item-detail,.item-quantity{color:#64748b;font-size:11px}.item-price{color:#1e293b;font-size:12px;font-weight:600;white-space:nowrap}.pickup-badge{background:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase}.packages-full-list{grid-gap:1rem;display:grid;gap:1rem}.package-card-full{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem}.package-header-full{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.package-header-full h3{font-size:14px;margin:0}.package-details-full{font-size:12px;line-height:1.6;margin:1rem 0}.package-details-full p{margin:.5rem 0}.package-description{color:#64748b;font-size:11px;margin:1rem 0}.package-progress{margin:1rem 0}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2d6da3,#4a90c6);height:100%;transition:width .3s}.progress-text{color:#64748b;font-size:11px;margin:0}.package-actions-full{display:flex;gap:.5rem;margin-top:1rem}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.edit-actions{display:flex;gap:.5rem}.profile-stats{background:#f8fafc;border-radius:8px;margin-top:2rem;padding:1rem}.profile-stats p{font-size:12px;margin:.5rem 0}.profile-form .form-group input:disabled{background:#f8fafc;cursor:not-allowed}.profile-form .form-group{margin-bottom:1rem}.profile-header{flex-wrap:wrap;gap:1rem}.profile-header h2{flex:1 1;min-width:200px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{font-size:14px;margin:0}.modal-close{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.modal-close:hover{color:#2d6da3}.modal-body{padding:1.5rem}.detail-row{display:flex;font-size:12px;gap:.5rem;margin:1rem 0}.detail-row strong{min-width:120px}.modal-footer{border-top:2px solid #e2e8f0;display:flex;gap:.5rem;justify-content:flex-end;padding:1.5rem}.cancellation-modal .modal-content{max-width:700px}.cancellation-options{display:flex;flex-direction:column;gap:1.5rem}.cancellation-option{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:1rem}.cancellation-option h4{color:#2d6da3;font-size:12px;margin:0 0 .5rem}.shop-contact-info{background:#f8fafc;border-radius:8px;margin-top:.5rem;padding:1rem}.shop-contact-info p{font-size:11px;margin:.5rem 0}.shop-contact-info a{color:#2d6da3;text-decoration:none}.shop-contact-info a:hover{text-decoration:underline}.cancellation-fee-info{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-top:.5rem;padding:1rem}.cancellation-fee-info p{font-size:11px;margin:.5rem 0}.fee-warning{color:#dc3545;font-weight:700}.policy-reminder ul{list-style:disc;padding-left:1.5rem}.policy-reminder li{margin:.25rem 0}.professional-selection-container,.services-list-container{background:#f9fafb;min-height:100vh}.shop-details-page{background:#f5f5f5;min-height:100vh}.shop-hero{height:400px;overflow:hidden;position:relative}.hero-image{height:100%;object-fit:cover;width:100%}.hero-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:120px;height:100%;justify-content:center;width:100%}.hero-overlay{background:linear-gradient(0deg,#000c 0,#0000);bottom:0;left:0;padding:40px;position:absolute;right:0}.hero-content h1{color:#fff;font-size:48px;margin-bottom:10px}.shop-rating{align-items:center;color:#fff;display:flex;font-size:18px;gap:10px}.stars{color:gold;font-size:20px}.shop-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:350px 1fr;margin:-50px auto 0;max-width:1400px;padding:0 20px 60px;position:relative;z-index:10}.shop-sidebar{display:flex;flex-direction:column;gap:20px}.info-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:25px}.info-card h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:20px;margin-bottom:20px;padding-bottom:15px}.info-item{border-bottom:1px solid #f5f5f5;display:flex;gap:15px;padding:12px 0}.info-item:last-child{border-bottom:none}.info-item .icon{flex-shrink:0;font-size:24px}.info-item a,.info-item p{color:#666;font-size:15px;line-height:1.5;margin:0}.info-item a{color:#667eea;text-decoration:none;transition:color .3s}.info-item a:hover{color:#5568d3}.hours-list{display:flex;flex-direction:column;gap:10px}.hour-item{background:#f9f9f9;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:10px}.hour-item span:first-child{color:#333;font-weight:600}.hour-item span:last-child{color:#666}.shop-main{display:flex;flex-direction:column;gap:30px}.professionals-section h2,.reviews-section h2{color:#333;font-size:28px;margin-bottom:25px}.professionals-grid{display:flex;flex-direction:column;gap:25px}.professional-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:30px;transition:box-shadow .3s}.professional-card:hover{box-shadow:0 6px 20px #0000001f}.professional-header{border-bottom:2px solid #f0f0f0;display:flex;gap:20px;margin-bottom:25px;padding-bottom:25px}.professional-avatar{object-fit:cover}.professional-avatar,.professional-avatar-placeholder{border-radius:50%;flex-shrink:0;height:80px;width:80px}.professional-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:28px;font-weight:700;justify-content:center}.professional-info h3{color:#333;font-size:24px;margin-bottom:5px}.professional-role{color:#667eea;font-size:16px;font-weight:600;margin-bottom:10px}.professional-bio{color:#666;font-size:15px;line-height:1.6;margin-top:10px}.professional-services h4{color:#333;font-size:18px;margin-bottom:15px}.services-list{display:flex;flex-direction:column;gap:12px}.service-item{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:background .3s}.service-item:hover{background:#f0f0ff}.service-info h5{color:#333;font-size:16px;margin-bottom:5px}.service-duration{color:#999;font-size:14px;margin:0}.service-actions{align-items:center;display:flex;gap:20px}.service-price{color:#667eea;font-size:20px;font-weight:700}.book-service-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:background .3s;white-space:nowrap}.book-service-btn:hover{background:#5568d3}.reviews-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:30px}.reviews-placeholder{color:#999;font-style:italic;padding:60px 20px;text-align:center}.shop-details-error,.shop-details-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px}.spinner{border:4px solid #f0f0f0;border-top-color:#667eea;margin-bottom:20px}.shop-details-loading p{color:#666;font-size:16px}.shop-details-error h2{color:#333;font-size:28px;margin-bottom:20px}.back-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 30px;transition:background .3s}.back-btn:hover{background:#5568d3}.no-staff{color:#999;font-size:16px;font-style:italic;padding:60px 20px;text-align:center}@media (max-width:1024px){.shop-content{grid-template-columns:1fr}.shop-sidebar{order:2}.shop-main{order:1}}@media (max-width:768px){.hero-content h1{font-size:32px}.professional-header{align-items:center}.professional-header,.service-item{flex-direction:column;text-align:center}.service-item{gap:15px}.service-actions{flex-direction:column;width:100%}.book-service-btn{width:100%}}.customer-appointments-page,.customer-profile-page,.professional-profile-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.placeholder-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:60px 40px;text-align:center}.placeholder-content h1{color:#333;font-size:48px;margin-bottom:20px}.placeholder-content p{color:#666;font-size:18px;margin-bottom:10px}.coming-soon{color:#667eea!important;font-size:24px!important;font-weight:600;margin-bottom:30px!important;margin-top:20px!important}.placeholder-features{margin-top:40px;text-align:left}.feature{background:#f9f9f9;border-left:4px solid #667eea;border-radius:10px;color:#333;font-size:16px;margin-bottom:10px;padding:15px}@media (max-width:768px){.placeholder-content{padding:40px 30px}.placeholder-content h1{font-size:36px}}.confirmation-container{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:calc(100vh - 140px);padding:40px 20px}.confirmation-error,.confirmation-loading{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin-top:60px;max-width:500px;padding:60px 40px;text-align:center;width:100%}.confirmation-success{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000001f;max-width:720px;overflow:hidden;padding:0;width:100%}.confirmation-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2d6da3;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.confirmation-error{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.error-icon{animation:shake .5s;font-size:4rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.confirmation-success{text-align:left}.confirmation-success-header{background:linear-gradient(135deg,#10b981,#059669);overflow:hidden;padding:40px 32px;position:relative;text-align:center}.confirmation-success-header:before{animation:shimmer 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%,to{transform:translate(0)}50%{transform:translate(10%,10%)}}.success-icon{animation:popIn .6s cubic-bezier(.68,-.55,.265,1.55);font-size:64px;margin-bottom:16px;position:relative;z-index:1}@keyframes popIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.confirmation-success h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.success-message{color:#ffffffe6;font-size:16px;margin:0;position:relative;z-index:1}.booking-details{padding:32px}.detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:24px}.detail-section h2{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:17px;font-weight:700;gap:8px;margin:0 0 20px;padding-bottom:12px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.detail-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px 16px}.detail-item .label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-item .value{color:#1e293b;font-size:15px;font-weight:600}.products-list{display:flex;flex-direction:column;gap:.75rem}.product-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.product-name{color:#2d3748;flex:1 1;font-weight:500}.product-quantity{color:#718096;margin:0 1rem}.product-price{font-weight:600}.payment-summary{background:linear-gradient(135deg,#1e293b,#334155)!important;border:none!important}.payment-summary h2{border-bottom-color:#fff3!important;color:#fff!important}.payment-summary .summary-grid{display:flex;flex-direction:column;gap:12px}.summary-item{color:#4ade80!important;display:flex;font-size:15px;justify-content:space-between;padding:8px 16px}.summary-item span{color:#4ade80!important;font-weight:500}.summary-item.total{border-top:2px solid #fff3;font-size:20px;margin-top:12px;padding-top:16px}.summary-item.total,.summary-item.total span{color:#4ade80!important;font-weight:700}.confirmation-note{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left:4px solid #10b981;border-radius:12px;margin:24px 0;padding:20px 24px}.confirmation-note p{align-items:center;color:#065f46;display:flex;font-size:14px;font-weight:500;gap:10px;margin:8px 0}.confirmation-note strong{color:#047857}.confirmation-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:stretch;padding:24px 32px 32px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98166;color:#fff}.btn-primary:hover{box-shadow:0 8px 20px #10b98180;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#1e293b}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.product-upsell-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;margin-top:2.5rem;padding:2rem;text-align:center}.upsell-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.75rem;gap:.5rem;justify-content:center;margin-bottom:.5rem}.upsell-header p{color:#64748b;font-size:1rem;margin-bottom:1.5rem}.upsell-products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.upsell-product-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1rem;transition:all .3s}.upsell-product-card:hover{border-color:#2d6da3;box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.upsell-product-image{background:#f8fafc;border-radius:8px;height:150px;margin-bottom:.75rem;overflow:hidden;width:100%}.upsell-product-image img{height:100%;object-fit:cover;width:100%}.upsell-product-info h3{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-brand{color:#64748b;font-size:.875rem;margin-bottom:.5rem}.product-price-row{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.product-price{font-size:1.125rem}.stock-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.stock-badge.in-stock{background:#d1fae5;color:#065f46}.stock-badge.out-of-stock{background:#fee2e2;color:#991b1b}@media (max-width:768px){.confirmation-container{padding:20px 16px}.confirmation-error,.confirmation-loading{margin-top:40px;padding:40px 24px}.confirmation-success-header{padding:32px 24px}.confirmation-success h1{font-size:22px}.success-icon{font-size:48px}.booking-details{padding:24px 20px}.detail-section{padding:20px}.detail-grid{gap:12px;grid-template-columns:1fr}.confirmation-actions{flex-direction:column;padding:20px}.btn-primary,.btn-secondary{width:100%}.product-item{flex-wrap:wrap;gap:.5rem}.product-name{flex-basis:100%}.product-upsell-section{margin:0 20px 20px;padding:24px 20px}.upsell-header h2{font-size:20px}.upsell-products-grid{gap:16px;grid-template-columns:1fr}.upsell-product-image{height:180px}}@media (max-width:480px){.confirmation-success h1{font-size:20px}.success-message{font-size:14px}.detail-section h2{font-size:15px}.detail-item .value{font-size:14px}.summary-item.total{font-size:18px}}.category-menu-bar{background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000d;display:none;left:0;position:fixed;right:0;top:50px;z-index:900}@media (max-width:768px){.category-menu-bar{display:block}}.category-menu-bar-content{margin:0 auto;max-width:1400px;padding:12px 20px 12px 10px}.category-menu-label{align-items:center;color:#2d6da3;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px}.product-detail-container{margin:40px auto 0;max-width:1400px;padding:20px}.product-page-layout{display:flex;gap:30px;min-height:100vh}.categories-sidebar{background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;flex-shrink:0;height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:20px;width:280px}.categories-header{border-bottom:1px solid #e5e5e5;margin-bottom:20px;padding-bottom:12px}.categories-header h3{color:#333;font-size:14px;font-weight:700;margin:0}.categories-list{display:flex;flex-direction:column;gap:8px}.category-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.category-item:hover{background:#f0f8ff;border-color:#e3f2fd;transform:translateX(2px)}.category-item.active{background:#2d6da3;border-color:#2d6da3;color:#fff}.category-icon{flex-shrink:0;font-size:14px}.category-label{font-size:14px;font-weight:500}.categories-menu-overlay{background:#0000004d;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:998}.categories-menu-overlay.open{opacity:1;visibility:visible}.categories-side-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:4px 0 20px #00000026;height:100vh;left:-280px;max-width:75vw;overflow-y:auto;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:999}.categories-side-menu.open{left:0}.categories-menu-header{align-items:center;background:#f8f9facc;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.menu-logo{color:#1a1a1a;font-size:14px;font-weight:700}.close-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:color .3s ease;width:24px}.close-btn:hover{color:#000}.categories-menu-content{padding:4px 0}.categories-menu-link{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.categories-menu-link:hover{background:#2d6da314;color:#2d6da3}.categories-menu-link.active{background:#2d6da326;color:#2d6da3;font-weight:600}.categories-menu-link .icon{font-size:16px;text-align:center;width:20px}.product-main-content{flex:1 1;min-width:0}.product-detail-error,.product-detail-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px 20px;text-align:center}.loading-spinner{color:#666;font-size:14px}.product-detail-error h2{color:#333;margin-bottom:10px}.product-detail-error p{color:#666;margin-bottom:20px}.breadcrumb-nav{border-bottom:1px solid #e5e5e5;margin-bottom:30px;padding:15px 0}.business-logo{flex-shrink:0;height:80px;margin-right:16px;width:80px}.logo-image{border:2px solid #f0f0f0;border-radius:12px;height:100%;object-fit:cover;width:100%}.business-name{color:#333;font-size:14px;font-weight:700;line-height:1.2;margin:0 0 8px}.business-type{color:#666;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.business-location{color:#888;font-size:13px;margin:0}.shop-header-section{background:linear-gradient(135deg,#f8fbff,#e8f3ff);border:1px solid #e3f2fd;border-radius:16px;margin-bottom:40px;padding:24px}.shop-info-card{align-items:center;display:flex;gap:24px;justify-content:space-between}.shop-details{flex:1 1}.shop-name{color:#1a1a1a;font-weight:700}.shop-name,.shop-type{font-size:14px;margin:0 0 8px}.shop-type{color:#2d6da3;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.shop-location{color:#666;font-size:14px;margin:0 0 12px}.shop-address{color:#777;margin:0}.address-label{color:#2d6da3;font-weight:600}.shop-actions{flex-shrink:0}.visit-shop-btn{background:#2d6da3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.visit-shop-btn:hover{background:#1e5a8a;box-shadow:0 4px 12px #2d6da34d;transform:translateY(-1px)}.breadcrumb-item{align-items:center;display:inline-flex;font-size:14px}.breadcrumb-link{background:none;border:none;color:#2d6da3;cursor:pointer;font-size:14px;padding:0;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#1e5a8a;text-decoration:underline}.breadcrumb-current{color:#666;font-weight:600}.breadcrumb-separator{color:#999;margin:0 8px}.product-detail-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:60px}.product-images-section{display:flex;flex-direction:column;gap:15px}.main-image-container{align-items:center;background:#f9f9f9;border-radius:12px;display:flex;justify-content:center;min-height:400px;padding:20px;position:relative}.main-product-image{border-radius:8px;max-height:500px;max-width:100%;object-fit:contain}.out-of-stock-overlay{background:#dc3545e6;border-radius:6px;color:#fff;font-size:14px;font-weight:600;left:20px;padding:8px 16px;position:absolute;top:20px}.image-thumbnails{display:flex;flex-wrap:wrap;gap:10px}.thumbnail-btn{background:#fff;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;height:80px;overflow:hidden;padding:4px;transition:border-color .2s;width:80px}.thumbnail-btn:hover{border-color:#2d6da3}.thumbnail-btn.active{border-color:#2d6da3;box-shadow:0 0 0 1px #2d6da3}.thumbnail-btn img{border-radius:4px;height:100%;object-fit:cover;width:100%}.product-info-section{display:flex;flex-direction:column;gap:25px}.product-header{border-bottom:1px solid #e5e5e5;padding-bottom:20px}.product-brand{color:#666;display:inline-block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.product-title{color:#1a1a1a;line-height:1.3;margin:0 0 15px}.product-price,.product-title{font-size:14px;font-weight:700}.product-price{color:#2d6da3;margin:0}.product-category{margin-bottom:10px}.category-badge{background:#f0f0f0;border-radius:20px;color:#666;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.stock-status{margin-bottom:10px}.in-stock{color:#10b981}.in-stock,.out-of-stock{font-size:14px;font-weight:600}.out-of-stock{color:#dc3545}.product-benefits,.product-description,.product-ingredients,.product-usage{padding-bottom:20px}.product-benefits h3,.product-description h3,.product-ingredients h3,.product-usage h3{color:#333;font-size:14px;font-weight:700;margin:0 0 12px}.product-benefits p,.product-description p,.product-ingredients p,.product-usage p{color:#555;font-size:14px;line-height:1.6;margin:0}.add-to-cart-section{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:12px;padding:25px}.quantity-selector{margin-bottom:20px}.quantity-selector label{color:#333;display:block;font-weight:600;margin-bottom:8px}.quantity-controls{align-items:center;display:flex;gap:15px}.quantity-btn{align-items:center;background:#fff;border:2px solid #e5e5e5;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .2s;width:40px}.quantity-btn:hover:not(:disabled){border-color:#2d6da3;color:#2d6da3}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-display{color:#333;font-size:14px;font-weight:600;min-width:30px;text-align:center}.add-to-cart-btn{background:#2d6da3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:16px 24px;transition:all .2s;width:100%}.add-to-cart-btn:hover:not(:disabled){background:#1e5a8a;box-shadow:0 4px 12px #2d6da34d;transform:translateY(-1px)}.add-to-cart-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.related-products-section{border-top:1px solid #e5e5e5;margin-top:60px;padding-top:40px}.section-header-with-button{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header-with-button h3{color:#333;font-size:14px;font-weight:600;margin:0;text-align:left}.show-all-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background-color .3s ease}.show-all-button:hover{background-color:#333}.related-products-section h3{color:#333;font-size:14px;font-weight:600;margin:0 0 16px;text-align:left}.related-products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);padding:10px 0}@media (max-width:768px){.related-products-grid{display:flex;gap:16px;grid-template-columns:none;overflow-x:auto;scrollbar-color:#ccc #0000;scrollbar-width:thin}.related-product-card{min-width:160px}}.related-products-grid::-webkit-scrollbar{height:6px}.related-products-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.related-products-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.related-products-grid::-webkit-scrollbar-thumb:hover{background:#999}.related-product-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;cursor:pointer;flex-shrink:0;min-width:200px;padding:16px;text-align:center;transition:all .2s}.related-product-card:hover{border-color:#2d6da3;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.related-product-image{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:12px;overflow:hidden;width:100%}.related-product-image img{height:100%;object-fit:cover;width:100%}.related-product-info h4{color:#333;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 10px}.related-product-price{color:#2d6da3;font-size:14px;font-weight:700;margin:0}.shop-info{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px}.shop-info h4{font-weight:600;margin:0 0 12px}.shop-card strong,.shop-info h4{color:#333;font-size:14px}.shop-address{color:#666;font-size:14px;margin:5px 0 0}.related-product-card h4{color:#333;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 10px}.related-price{color:#2d6da3;font-size:14px;font-weight:700;margin:0}@media (max-width:768px){.product-detail-container{padding:15px}.product-detail-content{gap:30px;grid-template-columns:1fr}.main-image-container{min-height:300px;padding:15px}.product-price,.product-title{font-size:14px}.thumbnail-btn{height:60px;width:60px}.add-to-cart-section{padding:5px 0}.breadcrumb-nav{margin-bottom:20px}.breadcrumb-item{font-size:13px}}@media (max-width:480px){.product-detail-container{padding:10px}.product-price,.product-title{font-size:14px}.image-thumbnails{gap:8px}.thumbnail-btn{height:50px;width:50px}.quantity-controls{gap:10px}.quantity-btn{font-size:14px;height:35px;width:35px}.related-products-grid{grid-template-columns:1fr 1fr}}.you-might-like-section{margin:60px 0 40px;padding:20px 0}.you-might-like-section h3{color:#333;font-size:14px;font-weight:600;margin:0;text-align:left}.you-might-like-section .section-header-with-button{margin-bottom:16px}.you-might-like-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);padding:10px 0}@media (max-width:768px){.you-might-like-grid{display:flex;gap:16px;grid-template-columns:none;overflow-x:auto;scrollbar-color:#ccc #0000;scrollbar-width:thin}}.you-might-like-grid::-webkit-scrollbar{height:6px}.you-might-like-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.you-might-like-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.you-might-like-grid::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:1024px){.product-page-layout{gap:20px}.categories-sidebar{width:240px}}@media (max-width:768px){.product-detail-container{margin-top:0;padding:110px 10px 10px}.categories-sidebar{display:none}.related-product-card{min-width:160px}.product-page-layout{flex-direction:column;gap:0}.product-main-content{margin-top:0;padding-top:0}.shop-header-section{margin-bottom:10px;margin-top:110px;padding:15px}.shop-info-card{align-items:center;flex-direction:row;gap:12px;text-align:left}.business-logo{flex-shrink:0;height:50px;width:50px}.logo-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.business-name{font-size:14px!important;font-weight:600;line-height:1.2;margin:0}.business-type{color:#666;font-size:12px!important;margin:2px 0}.business-location{color:#888;font-size:11px!important;margin:0}.visit-shop-btn{font-size:12px;margin-top:8px;padding:8px 16px}.product-detail-content{gap:10px;grid-template-columns:1fr;margin-bottom:10px}.main-image-container{min-height:300px}.image-thumbnails{justify-content:center}.product-title{font-size:14px!important;font-weight:600;margin-bottom:8px}.product-price{color:#2c5aa0;font-size:14px!important;font-weight:700;margin-bottom:10px}.product-description,.product-ingredients,.product-usage{font-size:14px;padding:5px 0}.product-description h4,.product-ingredients h4,.product-usage h4{font-size:14px;margin-bottom:6px}.add-to-cart-section{padding:15px 0}.add-to-cart-btn{font-size:14px;padding:12px 20px;width:100%}.related-products-section{margin-top:10px;padding-top:10px}.related-products-section h3{font-size:14px;margin-bottom:10px}.related-product-card{padding:10px}.related-product-image{height:100px;margin-bottom:8px}}@media (max-width:480px){.product-detail-container{padding:8px}.mobile-categories-btn{font-size:11px;padding:6px 10px;right:12px}.shop-header-section{margin-bottom:15px;padding:12px}.business-logo{height:40px;margin-right:8px;width:40px}.business-name{font-size:14px!important;font-weight:600}.business-type{font-size:10px!important}.business-location{font-size:9px!important}.product-price,.product-title{font-size:14px!important}.thumbnail-btn{height:50px;width:50px}.shop-info-card{gap:8px;text-align:left}.shop-details{width:100%}.mobile-categories-content{margin:60px 10px 10px}.visit-shop-btn{font-size:10px;padding:6px 12px}}
/*# sourceMappingURL=main.1d47bb87.css.map*/