.notification-system{display:flex;flex-direction:column;gap:10px;max-width:400px;position:fixed;right:20px;top:20px;width:100%;z-index:10000}.notification-item{word-wrap:break-word;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:100%;padding:16px}.notification-item.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notification-item.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-item.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notification-item.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.notification-content{align-items:flex-start;gap:12px}.notification-icon{height:24px;width:24px}.notification-message{flex:1 1;font-size:14px;margin:0;word-break:break-word}.notification-close{color:currentColor;flex-shrink:0;margin-left:12px;transition:background-color .2s}.notification-close:hover{background-color:#fff3}@media (max-width:768px){.notification-system{left:10px;max-width:none;right:10px;top:10px}.notification-item{padding:12px}.notification-message{font-size:13px}}@media (prefers-color-scheme:dark){.notification-item{box-shadow:0 4px 12px #0000004d}}.notification-item:not(:last-child){margin-bottom:8px}.home-container{overflow-x:hidden;width:100%}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);height:100vh}.spinner{border:4px solid #ffffff4d}.hero-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.hero-video-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-video{height:100%;object-fit:cover;width:100%}.hero-overlay{background:#0006;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.hero-content{color:#fff;position:relative;text-align:center;width:100%;z-index:3}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;color:gold}.hero-subtitle{font-size:1.3rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-shadow:1px 1px 2px #0000004d}.search-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.search-form{width:100%}.form-row{grid-gap:1rem;align-items:end;gap:1rem;grid-template-columns:1fr 1fr 2fr auto}.form-control{background:#fff;border:2px solid #e1e5e9;border-radius:12px;padding:1rem}.search-icon{color:#6c757d;left:1rem;z-index:10}.search-input{padding-left:3rem}.search-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;white-space:nowrap}.search-btn:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.wave-container{bottom:0;left:0;position:absolute;width:100%;z-index:2}.wave{height:100px;width:100%}.features-section{background:#f8f9fa;padding:5rem 0}.section-header{margin-bottom:4rem;text-align:center}.section-title{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#6c757d;font-size:1.2rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;border:1px solid #e1e5e9;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:2.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.feature-icon-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-icon{color:#fff;height:40px;width:40px}.feature-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-description{color:#6c757d;line-height:1.6}.stats-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.stat-item{padding:1rem}.stat-number{color:gold;font-size:3rem;margin-bottom:.5rem}.stat-label{font-size:1.1rem;opacity:.9}.testimonials-section{background:#fff;padding:5rem 0}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.testimonial-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:20px;padding:2rem;transition:all .3s ease}.testimonial-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.testimonial-stars{display:flex;margin-bottom:1rem}.star{height:20px;margin-right:.25rem;width:20px}.star.filled{fill:gold;color:gold}.testimonial-text{color:#2d3748;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:1rem}.testimonial-author{color:#667eea;font-weight:600}.cta-section{background:linear-gradient(135deg,#2d3748,#4a5568);color:#fff;padding:5rem 0;text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border-radius:12px;padding:1rem 2rem}.btn-secondary{background:#0000;border:2px solid #fff}.btn:hover{box-shadow:0 10px 25px #0003}@media (max-width:1024px){.hero-title{font-size:2.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.search-form-container{margin:0 1rem;padding:1.5rem}}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.feature-card{padding:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.cta-buttons{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}}@media (max-width:480px){.container{padding:0 15px}.hero-title{font-size:1.8rem}.search-form-container{margin:0 .5rem;padding:1rem}.cta-section,.features-section,.testimonials-section{padding:3rem 0}.stat-number{font-size:2rem}.testimonials-grid{grid-template-columns:1fr}}.feature-card,.testimonial-card{animation:fadeInUp .6s ease-out}html{scroll-behavior:smooth}.btn:focus,.form-control:focus{outline:2px solid #667eea;outline-offset:2px}.mb-second-sec{background-color:#f8f9fa;padding:40px 0}.blurb{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin:0 auto;max-width:400px;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.blurb:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.blurb-img{margin-bottom:20px}.blurb-img i{color:#014b93;font-size:48px}.blurb-title h4{color:#0d2941;font-size:24px;font-weight:600;margin-bottom:15px}.blurb-content p{color:#666;font-size:16px;line-height:1.6;margin:0}.blurb a{color:inherit;text-decoration:none}.my-5{margin-bottom:3rem!important;margin-top:3rem!important}.mt-4{margin-top:1.5rem!important}.text-center{text-align:center!important}@media print{.hero-video-container,.mb-second-sec,.wave-container{display:none}.hero-section{background:#667eea;height:auto;padding:2rem 0}}.professional-conversation-view{background:#fff;background:var(--white);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-system);height:100%;overflow:hidden;position:relative;width:100%}.professional-conversation-view.loading{align-items:center;background:#f9fafb;background:var(--gray-50);display:flex;justify-content:center}.loading-container{gap:20px;text-align:center}.loading-animation{margin-bottom:16px}.loading-dots span{height:12px;width:12px}.loading-text{font-size:16px}.conversation-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff,#fffffffa);background:linear-gradient(135deg,var(--white) 0,#fffffffa 100%);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:16px 24px}.header-left{gap:16px}.back-btn{background:#f3f4f6;background:var(--gray-100);border-radius:9999px;border-radius:var(--radius-full);color:#4b5563;color:var(--gray-600);height:40px;padding:10px;transition:all .15s ease-out;transition:all var(--transition-fast);width:40px}.back-btn:hover{background:#e5e7eb;background:var(--gray-200);color:#1f2937;color:var(--gray-800);transform:translateX(-2px)}.mobile-only{display:none}.user-avatar-container{flex-shrink:0;position:relative}.user-avatar{border:3px solid #fff;border:3px solid var(--white);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);height:48px;object-fit:cover;transition:all .15s ease-out;transition:all var(--transition-fast);width:48px}.user-avatar.placeholder{align-items:center;background:linear-gradient(135deg,#e5e7eb,#f3f4f6);background:linear-gradient(135deg,var(--gray-200) 0,var(--gray-100) 100%);color:#6b7280;color:var(--gray-500);display:flex;font-size:24px;justify-content:center}.conversation-header:hover .user-avatar{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:scale(1.05)}.online-status{animation:onlinePulse 2s ease-in-out infinite;background:#10b981;background:var(--success-color);border:3px solid #fff;border:3px solid var(--white);border-radius:9999px;border-radius:var(--radius-full);bottom:2px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);height:14px;position:absolute;right:2px;width:14px}.user-name{color:#111827;color:var(--gray-900);font-size:18px;margin:0 0 4px}.user-status{align-items:center;display:flex;font-size:14px;gap:6px}.online-text{color:#10b981;color:var(--success-color);font-weight:500}.offline-text{color:#6b7280;color:var(--gray-500)}.header-action-btn{background:#f9fafb;background:var(--gray-50);border-radius:8px;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);font-size:16px;overflow:hidden;padding:10px;position:relative;transition:all .15s ease-out;transition:all var(--transition-fast)}.header-action-btn:before{background:linear-gradient(135deg,#e8ecff,#667eea1a);background:linear-gradient(135deg,var(--primary-light) 0,#667eea1a 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease-out;transition:opacity var(--transition-fast);z-index:-1}.header-action-btn:hover{background:#f3f4f6;background:var(--gray-100);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#667eea;color:var(--primary-color);transform:translateY(-1px)}.header-action-btn:hover:before{opacity:1}.messages-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background-image:radial-gradient(circle at 20% 20%,#667eea08 0,#0000 50%),radial-gradient(circle at 80% 80%,#f493fb08 0,#0000 50%);padding:20px 0;position:relative}.messages-container::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:9999px;border-radius:var(--radius-full);-webkit-transition:background .15s ease-out;transition:background .15s ease-out;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.messages-container::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.load-more-button-container{display:flex;justify-content:center;margin-bottom:10px;padding:15px}.load-more-button{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease-out;transition:all var(--transition-fast)}.load-more-button:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#1f2937;color:var(--gray-800);transform:translateY(-1px)}.load-more-button:active{transform:translateY(0)}.loading-more{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:14px;gap:12px;justify-content:center;padding:16px}.loading-spinner{border:2px solid #e5e7eb;border-top:2px solid #667eea;border:2px solid var(--gray-200);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--primary-color);height:16px;width:16px}.error-banner{background:#ef4444;background:var(--error-color);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);justify-content:space-between;margin:0 20px 20px;padding:12px 20px}.error-text{font-size:14px;font-weight:500}.error-retry{background:#fff3;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s ease-out;transition:all var(--transition-fast)}.error-retry:hover{background:#ffffff4d;transform:translateY(-1px)}.messages-list{gap:20px;padding:0 20px}.message-day-group{display:flex;flex-direction:column;gap:12px}.date-separator{margin:8px 0}.date-label{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000000d;border-radius:9999px;border-radius:var(--radius-full);color:#4b5563;color:var(--gray-600);font-size:12px;font-weight:500;padding:6px 12px}.message-item{align-items:flex-end;animation:messageSlideIn .4s ease-out;display:flex;gap:12px;margin-bottom:4px}.message-item.own{flex-direction:row-reverse;justify-content:flex-start}.message-item.last-in-group{margin-bottom:12px}.message-avatar{border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex-shrink:0;height:32px;overflow:hidden;width:32px}.message-avatar img{height:100%;object-fit:cover;width:100%}.message-avatar svg{background:#f3f4f6;background:var(--gray-100);border-radius:12px;border-radius:var(--radius-lg);color:#9ca3af;color:var(--gray-400);height:100%;width:100%}.message-content{max-width:70%;min-width:80px}.message-item.own .message-content{align-items:flex-end}.message-item.other .message-content{align-items:flex-start}.message-bubble{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:12px 16px;transition:all .15s ease-out;transition:all var(--transition-fast)}.message-bubble:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.message-bubble.sent{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-bottom-right-radius:6px;border-bottom-right-radius:var(--radius-sm);color:#fff;color:var(--white)}.message-bubble.sent:after{border-bottom:8px solid #0000;border-left:8px solid #667eea;border-left:8px solid var(--primary-color);bottom:0;content:"";height:0;position:absolute;right:-8px;width:0}.message-bubble.received{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-bottom-left-radius:6px;border-bottom-left-radius:var(--radius-sm);color:#111827;color:var(--gray-900)}.message-bubble.received:after{border-bottom:8px solid #0000;border-right:8px solid #fff;border-right:8px solid var(--white);bottom:0;content:"";height:0;left:-8px;position:absolute;width:0}.message-text{font-size:15px;line-height:1.5}.message-meta{gap:6px;margin-top:6px}.message-item.other .message-meta{justify-content:flex-start}.message-time{font-weight:500;opacity:.8}.message-bubble.sent .message-time{color:#fffc}.message-bubble.received .message-time{color:#6b7280;color:var(--gray-500)}.message-status{margin-left:4px;opacity:.9;transition:all .15s ease-out;transition:all var(--transition-fast)}.message-status.sent{color:#ffffffb3}.message-status.delivered{color:#ffffffe6}.message-status.read{color:#4ade80;filter:drop-shadow(0 0 2px rgba(74,222,128,.5));opacity:1}.message-bubble.received .message-status{color:#6b7280;color:var(--gray-500)}.message-bubble.received .message-status.read{color:#10b981;color:var(--success-color)}.input-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--white);border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);box-sizing:border-box;padding:16px 20px;position:relative;width:100%}.attachment-menu{animation:slideUp .3s ease-out;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);bottom:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;gap:8px;left:20px;padding:12px;position:absolute;z-index:200}.attachment-option{align-items:center;background:#f9fafb;background:var(--gray-50);border:none;border-radius:12px;border-radius:var(--radius-lg);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:6px;min-width:60px;padding:12px 16px;transition:all .15s ease-out;transition:all var(--transition-fast)}.attachment-option:hover{background:#e8ecff;background:var(--primary-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#667eea;color:var(--primary-color);transform:translateY(-2px)}.attachment-option svg{font-size:18px}.input-wrapper{align-items:flex-end;background:#f9fafb;background:var(--gray-50);border:2px solid #0000;border-radius:16px;border-radius:var(--radius-xl);box-sizing:border-box;display:flex;gap:12px;padding:8px;transition:all .15s ease-out;transition:all var(--transition-fast);width:100%}.input-wrapper:focus-within{background:#fff;background:var(--white);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.input-action-btn{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-lg);color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center;padding:10px;transition:all .15s ease-out;transition:all var(--transition-fast)}.input-action-btn:hover{background:#f3f4f6;background:var(--gray-100);color:#667eea;color:var(--primary-color);transform:scale(1.1)}.input-action-btn.active{background:#e8ecff;background:var(--primary-light);color:#667eea;color:var(--primary-color);transform:rotate(45deg)}.text-input-container{align-items:stretch;display:flex;flex:1 1;min-height:80px;position:relative;width:100%}.message-input{box-sizing:border-box;color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-system);font-size:16px;height:60px;line-height:1.5;overflow:hidden;padding:16px 50px 16px 20px;width:100%}.message-input:not(:placeholder-shown){padding-right:20px}.message-input::placeholder{color:#9ca3af;color:var(--gray-400)}.message-input:disabled{cursor:not-allowed;opacity:.6}.emoji-btn{font-size:20px;pointer-events:auto;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:10}.send-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:var(--white);min-width:48px;overflow:hidden;padding:12px;position:relative;transition:all .15s ease-out;transition:all var(--transition-fast)}.send-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.send-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px) scale(1.05)}.send-btn:hover:before{left:100%}.send-btn.disabled,.send-btn:disabled{background:#d1d5db;background:var(--gray-300);cursor:not-allowed;opacity:.4;transform:none}.send-btn.sending{animation:sendingPulse 1s ease-in-out infinite}@keyframes sendingPulse{0%,to{opacity:1}50%{opacity:.7}}.sending-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);border-top-color:#fff;border-top:2px solid var(--white);height:16px;width:16px}.voice-btn{background:#f3f4f6;background:var(--gray-100);position:relative}.voice-btn.recording{animation:recordingPulse 1s ease-in-out infinite;background:#ef4444;background:var(--error-color);color:#fff;color:var(--white)}@keyframes recordingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.recording-time{background:#111827;background:var(--gray-900);border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);font-size:12px;font-weight:600;left:50%;padding:4px 8px;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap}.info-panel{animation:slideInRight .3s ease-out;background:#fff;background:var(--white);border-left:1px solid #e5e7eb;border-left:1px solid var(--gray-200);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);height:100%;position:absolute;right:0;top:0;width:320px;z-index:300}.info-header{align-items:center;background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:20px 24px}.info-header h3{color:#111827;color:var(--gray-900);font-size:18px;font-weight:600;margin:0}.info-header button{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#6b7280;color:var(--gray-500);cursor:pointer;padding:8px;transition:all .15s ease-out;transition:all var(--transition-fast)}.info-header button:hover{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.info-content{padding:24px}.contact-info{align-items:center;margin-bottom:32px}.contact-avatar{border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);flex-shrink:0;height:64px;overflow:hidden;width:64px}.contact-avatar img{height:100%;object-fit:cover;width:100%}.contact-avatar svg{background:#f3f4f6;background:var(--gray-100);color:#9ca3af;color:var(--gray-400);height:100%;width:100%}.contact-details h4{color:#111827;color:var(--gray-900);font-size:16px;font-weight:600;margin:0 0 4px}.contact-details p{color:#4b5563;color:var(--gray-600);font-size:14px;margin:0}.info-actions{display:flex;flex-direction:column;gap:8px}.info-action{align-items:center;background:#f9fafb;background:var(--gray-50);border:none;border-radius:12px;border-radius:var(--radius-lg);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .15s ease-out;transition:all var(--transition-fast);width:100%}.info-action:hover{background:#e8ecff;background:var(--primary-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#667eea;color:var(--primary-color);transform:translateY(-1px)}.info-action svg{font-size:16px}@media (max-width:768px){.mobile-only{display:flex}.header-actions{gap:4px}.header-action-btn{font-size:14px;height:36px;width:36px}.messages-list{padding:0 16px}.message-content{max-width:85%}.input-container{padding:12px 16px}.info-panel{right:0;width:100%}}@media (max-width:480px){.conversation-header{padding:12px 16px}.user-avatar{height:40px;width:40px}.user-name{font-size:16px}.messages-list{gap:16px;padding:0 12px}.message-bubble{padding:10px 14px}.message-text{font-size:14px}.input-wrapper{gap:8px;padding:6px}.message-input{font-size:16px}}@media (prefers-contrast:high){.message-bubble.sent{background:#06c;border:2px solid #049}.message-bubble.received{background:#fff;border:2px solid #333}}.header-action-btn:focus-visible,.input-action-btn:focus-visible,.message-input:focus-visible,.send-btn:focus-visible{outline:2px solid #667eea;outline:2px solid var(--primary-color);outline-offset:2px}.messages-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.header-action-btn,.input-action-btn,.message-bubble,.message-item{will-change:transform,opacity}@media (prefers-color-scheme:dark){:root{--white:#1f2937;--gray-50:#374151;--gray-100:#4b5563;--gray-200:#6b7280;--gray-300:#9ca3af;--gray-400:#d1d5db;--gray-500:#e5e7eb;--gray-600:#f3f4f6;--gray-700:#f9fafb;--gray-800:#fff;--gray-900:#fff}.messages-container{background:linear-gradient(135deg,#1f2937,#374151);background-image:none}.message-bubble.received{background:#374151;border-color:#4b5563;color:#f9fafb}.message-input{color:#f9fafb}.message-input::placeholder{color:#9ca3af}}.message-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.message-modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 24px 48px #0003,0 8px 24px #0000001f,0 0 0 1px #ffffff0d;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.message-modal-header{align-items:center;background:linear-gradient(180deg,#fff,#fafbfc);border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:24px 28px 20px;position:relative}.message-modal-header:after{background:linear-gradient(90deg,#0000,#0000001a 50%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.message-modal-title{align-items:center;color:#1a1a1a;display:flex;font-size:19px;font-weight:600;gap:14px;letter-spacing:-.01em}.message-modal-icon{color:#25d366;filter:drop-shadow(0 1px 2px rgba(37,211,102,.3));font-size:22px}.message-modal-close{align-items:center;background:#0000000a;border:none;border-radius:12px;color:#666;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.message-modal-close:hover{background:#00000014;color:#333;transform:scale(1.05)}.message-modal-close:active{transform:scale(.95)}.message-modal-close:disabled{cursor:not-allowed;opacity:.4;transform:none}.message-modal-content{background:#fff;padding:28px}.message-modal-info{background:linear-gradient(135deg,#f8fffe,#f0fdf9);border:1px solid #10b9811a;border-radius:16px;margin-bottom:24px;padding:20px;position:relative}.message-modal-info:before{background:linear-gradient(90deg,#25d366,#128c7e);border-radius:16px 16px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.message-modal-info p{color:#1a1a1a;font-size:15px;font-weight:500;margin:0 0 10px}.message-modal-info p:last-child{margin-bottom:0}.message-modal-description{color:#666!important;font-size:14px;font-weight:400!important;line-height:1.6}.message-modal-form{display:flex;flex-direction:column;gap:20px}.message-label{color:#1a1a1a;font-size:15px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}.message-textarea{background:#fafbfc;border:2px solid #00000014;border-radius:16px;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6;min-height:120px;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.message-textarea::placeholder{color:#999;font-weight:400}.message-textarea:focus{background:#fff;border-color:#25d366;box-shadow:0 0 0 4px #25d3661f,0 2px 8px #25d36626;transform:translateY(-1px)}.message-textarea:disabled{background:#f5f5f5;color:#999;cursor:not-allowed;opacity:.7}.message-hint{align-items:center;color:#999;display:flex;font-size:13px;gap:6px;margin-top:-8px}.message-hint:before{content:"💡";font-size:12px}.message-error{align-items:flex-start;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;color:#dc2626;display:flex;font-size:14px;font-weight:500;gap:10px;line-height:1.5;padding:16px 20px}.message-error:before{content:"⚠️";flex-shrink:0;font-size:16px;margin-top:1px}.message-modal-actions{border-top:1px solid #0000000d;display:flex;gap:16px;justify-content:flex-end;margin-top:28px;padding-top:20px}.message-modal-cancel{background:#0000000a;border:none;border-radius:12px;color:#666;cursor:pointer;font-size:15px;font-weight:500;min-width:100px;padding:14px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.message-modal-cancel:hover:not(:disabled){background:#00000014;box-shadow:0 4px 12px #0000001a;color:#333;transform:translateY(-1px)}.message-modal-cancel:active{transform:translateY(0)}.message-modal-cancel:disabled{cursor:not-allowed;opacity:.4;transform:none}.message-modal-send{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;box-shadow:0 4px 12px #25d36640,0 2px 4px #25d36626;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;min-width:140px;padding:14px 28px;transition:all .2s cubic-bezier(.4,0,.2,1)}.message-modal-send:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#0f766e);box-shadow:0 8px 20px #25d3664d,0 4px 8px #25d36633;transform:translateY(-2px)}.message-modal-send:active{transform:translateY(-1px)}.message-modal-send:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.message-sent-success{background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border:1px solid #10b9811a;border-radius:20px;padding:50px 20px;text-align:center}.success-icon{align-items:center;animation:successPulse .8s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;box-shadow:0 8px 24px #25d36640,0 4px 12px #25d36626;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}@keyframes successPulse{0%{opacity:0;transform:scale(0)}50%{opacity:.8;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.message-sent-success h3{color:#1a1a1a;font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0 0 16px}.message-sent-success p{color:#666;font-size:15px;line-height:1.6;margin:0 auto;max-width:300px}@media (max-width:640px){.message-modal-overlay{padding:16px}.message-modal{border-radius:16px;max-width:100%}.message-modal-header{padding:20px 24px 16px}.message-modal-title{font-size:17px}.message-modal-content{padding:24px}.message-modal-actions{flex-direction:column-reverse;gap:12px}.message-modal-cancel,.message-modal-send{justify-content:center;padding:16px;width:100%}.message-textarea{font-size:16px;min-height:100px}.success-icon{font-size:28px;height:70px;width:70px}.message-sent-success{padding:40px 16px}}@media (max-width:768px) and (min-width:641px){.message-modal{max-width:90%}}@media (prefers-color-scheme:dark){.message-modal{background:#1e1e1e;border-color:#ffffff1a;color:#fff}.message-modal-header{background:linear-gradient(180deg,#1e1e1e,#252525);border-bottom-color:#ffffff1a}.message-modal-title{color:#fff}.message-modal-close{background:#ffffff1a;color:#ccc}.message-modal-close:hover{background:#ffffff26;color:#fff}.message-modal-content{background:#1e1e1e}.message-modal-info{background:linear-gradient(135deg,#0f2317,#134e2a);border-color:#25d36633;color:#fff}.message-modal-info p{color:#fff}.message-modal-description{color:#ccc!important}.message-textarea{background:#2a2a2a;border-color:#ffffff1a;color:#fff}.message-textarea::placeholder{color:#888}.message-textarea:focus{background:#333;border-color:#25d366}.message-modal-cancel{background:#ffffff1a;color:#ccc}.message-modal-cancel:hover:not(:disabled){background:#ffffff26;color:#fff}.message-sent-success{background:linear-gradient(135deg,#0f2317,#134e2a);border-color:#25d36633}.message-sent-success h3{color:#fff}.message-sent-success p{color:#ccc}}:root{--primary-color:#667eea;--primary-hover:#5a6fd8;--primary-light:#e8ecff;--secondary-color:#764ba2;--accent-color:#f093fb;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--black:#000;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:0.15s ease-out;--transition-normal:0.2s ease-out;--transition-slow:0.3s ease-out;--font-system:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace}.professional-messaging-layout *{box-sizing:border-box;margin:0;padding:0}.professional-messaging-layout{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-system);height:100vh;overflow:hidden;position:relative;width:100%}.professional-messaging-layout:before{background:radial-gradient(circle at 20% 80%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#f493fb1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.conversations-panel{background:#fff;background:var(--white);border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;flex-shrink:0;height:100vh;max-width:450px;min-width:320px;overflow:hidden;position:relative;width:380px;z-index:10}.conversations-panel,.panel-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.panel-header{background:linear-gradient(135deg,#fff,#fffffff2);background:linear-gradient(135deg,var(--white) 0,#fffffff2 100%);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:20px 24px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;margin-bottom:12px}.header-left{gap:12px}.logo-section{gap:12px}.app-icon,.logo-section{align-items:center;display:flex}.app-icon{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);font-size:18px;height:40px;justify-content:center;transition:all .2s ease-out;transition:all var(--transition-normal);width:40px}.app-icon:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#374151);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-700) 100%);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--gray-900);font-size:24px;font-weight:700;line-height:1.2;margin:0}.global-unread-badge{animation:pulseGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#ef4444,#ff6b6b);background:linear-gradient(135deg,var(--error-color) 0,#ff6b6b 100%);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);font-size:11px;font-weight:700;min-width:20px;padding:4px 8px;text-align:center}@keyframes pulseGlow{0%{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}to{box-shadow:0 0 0 4px #ef444433,0 1px 2px 0 #0000000d;box-shadow:0 0 0 4px #ef444433,var(--shadow-sm)}}.header-btn{align-items:center;background:#f9fafb;background:var(--gray-50);border:none;border-radius:8px;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .15s ease-out;transition:all var(--transition-fast);width:36px}.header-btn:before{background:linear-gradient(135deg,#e8ecff,#667eea1a);background:linear-gradient(135deg,var(--primary-light) 0,#667eea1a 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease-out;transition:opacity var(--transition-fast);z-index:-1}.header-btn:hover{background:#f3f4f6;background:var(--gray-100);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#667eea;color:var(--primary-color);transform:translateY(-1px)}.header-btn:hover:before{opacity:1}.new-chat-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white)}.new-chat-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6b46a5);background:linear-gradient(135deg,var(--primary-hover) 0,#6b46a5 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.connection-indicator{color:#6b7280;color:var(--gray-500);font-size:12px;gap:8px;margin-top:4px}.status-dot{border-radius:9999px;border-radius:var(--radius-full);height:8px;transition:all .15s ease-out;transition:all var(--transition-fast);width:8px}.status-dot.connected{animation:connectedPulse 2s ease-in-out infinite;background:#10b981;background:var(--success-color);box-shadow:0 0 0 2px #10b9814d}.status-dot.disconnected{animation:disconnectedBlink 1s ease-in-out infinite;background:#ef4444;background:var(--error-color)}@keyframes connectedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes disconnectedBlink{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-weight:500;transition:color .15s ease-out;transition:color var(--transition-fast)}.search-section{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:16px 24px;transition:all .2s ease-out;transition:all var(--transition-normal)}.search-section.focused{background:#fff;background:var(--white);box-shadow:inset 0 1px 0 #e8ecff;box-shadow:inset 0 1px 0 var(--primary-light)}.search-container{align-items:center;display:flex;margin-bottom:12px}.search-icon{color:var(--gray-400);font-size:14px;left:14px;transition:color .15s ease-out;transition:color var(--transition-fast)}.search-input{background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-system);outline:none;padding:12px 14px 12px 42px;transition:all .15s ease-out;transition:all var(--transition-fast)}.search-input:focus{background:#fff;background:var(--white);border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a,0 1px 2px 0 #0000000d;box-shadow:0 0 0 3px #667eea1a,var(--shadow-sm)}.search-input:focus+.search-icon{color:#667eea;color:var(--primary-color)}.search-input::placeholder{color:#9ca3af;color:var(--gray-400);font-weight:400}.clear-search-btn{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:12px;transition:all .15s ease-out;transition:all var(--transition-fast);width:20px;z-index:2}.clear-search-btn:hover{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700);transform:scale(1.1)}.filter-pills{animation:slideIn .3s ease-out;display:flex;flex-wrap:wrap;gap:8px}.filter-pill{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:9999px;border-radius:var(--radius-full);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;overflow:hidden;padding:6px 12px;position:relative;transition:all .15s ease-out;transition:all var(--transition-fast);white-space:nowrap}.filter-pill:before{background:linear-gradient(135deg,#e8ecff,#667eea1a);background:linear-gradient(135deg,var(--primary-light) 0,#667eea1a 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease-out;transition:opacity var(--transition-fast);z-index:-1}.filter-pill:hover{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#667eea;color:var(--primary-color);transform:translateY(-1px)}.filter-pill:hover:before{opacity:1}.filter-pill.active{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white)}.star-icon{font-size:10px}.conversations-container{background:#fff;background:var(--white);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 0}.conversations-container::-webkit-scrollbar{width:4px}.conversations-container::-webkit-scrollbar-track{background:#0000}.conversations-container::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--gray-200);border-radius:9999px;border-radius:var(--radius-full);-webkit-transition:background .15s ease-out;transition:background .15s ease-out;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.conversations-container::-webkit-scrollbar-thumb:hover{background:#d1d5db;background:var(--gray-300)}.loading-state{padding:60px 40px}.loading-animation{margin-bottom:20px}.loading-dots{display:flex;gap:6px}.loading-dots span{animation:loadingBounce 1.4s ease-in-out infinite both;background:#667eea;background:var(--primary-color);border-radius:9999px;border-radius:var(--radius-full);height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.loading-text{color:#4b5563;color:var(--gray-600);font-size:14px;font-weight:500}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.error-icon{filter:sepia(1) hue-rotate(20deg);font-size:48px;margin-bottom:16px}.error-title{color:#111827;color:var(--gray-900);font-size:18px;font-weight:600;margin-bottom:8px}.error-message{color:#4b5563;color:var(--gray-600);font-size:14px;line-height:1.5}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:var(--white);font-size:14px;padding:10px 20px;transition:all .2s ease-out;transition:all var(--transition-normal)}.retry-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.empty-state{padding:60px 40px}.empty-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#f9fafb);background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-50) 100%);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#9ca3af;color:var(--gray-400);display:flex;font-size:32px;height:80px;justify-content:center;margin-bottom:24px;width:80px}.empty-title{color:#111827;color:var(--gray-900);font-size:20px;font-weight:600;margin-bottom:8px}.empty-description{color:#4b5563;color:var(--gray-600);font-size:14px;line-height:1.6;margin-bottom:24px;max-width:280px}.clear-search-btn-large{background:#e8ecff;background:var(--primary-light);border:none;border-radius:8px;border-radius:var(--radius-md);color:#667eea;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease-out;transition:all var(--transition-normal)}.clear-search-btn-large:hover{background:#667eea;background:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);transform:translateY(-1px)}.conversations-list{display:flex;flex-direction:column;gap:2px;padding:0 8px}.conversation-item{animation:conversationSlideIn .4s ease-out both;animation-delay:0ms;animation-delay:var(--animation-delay,0ms);background:#fff;background:var(--white);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-lg);margin:0 0 4px;overflow:hidden;padding:16px;transition:all .15s ease-out;transition:all var(--transition-fast)}.conversation-item:before{background:linear-gradient(135deg,#667eea05,#f493fb05);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease-out;transition:opacity var(--transition-fast);z-index:0}.conversation-item:hover{background:var(--gray-50);border-color:#e5e7eb;border-color:var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.conversation-item:hover:before{opacity:1}.conversation-item.active{background:linear-gradient(135deg,#e8ecff,#f493fb1a);background:linear-gradient(135deg,var(--primary-light) 0,#f493fb1a 100%);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.conversation-item.active:before{opacity:1}.conversation-item.unread{border-left:3px solid #667eea;border-left:3px solid var(--primary-color)}@keyframes conversationSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.conversation-avatar{margin-right:14px;z-index:1}.avatar-image{border:2px solid #fff;border:2px solid var(--white);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);height:52px;object-fit:cover;transition:all .15s ease-out;transition:all var(--transition-fast);width:52px}.conversation-item:hover .avatar-image{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:scale(1.05)}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#e5e7eb,#f3f4f6);background:linear-gradient(135deg,var(--gray-200) 0,var(--gray-100) 100%);border:2px solid #fff;border:2px solid var(--white);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#6b7280;color:var(--gray-500);display:flex;font-size:24px;height:52px;justify-content:center;transition:all .15s ease-out;transition:all var(--transition-fast);width:52px}.conversation-item:hover .avatar-placeholder{background:linear-gradient(135deg,#d1d5db,#e5e7eb);background:linear-gradient(135deg,var(--gray-300) 0,var(--gray-200) 100%);transform:scale(1.05)}.online-indicator{animation:onlinePulse 2s ease-in-out infinite;background:#10b981;background:var(--success-color);border:3px solid #fff;border:3px solid var(--white);border-radius:9999px;border-radius:var(--radius-full);bottom:2px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);height:14px;position:absolute;right:2px;width:14px}@keyframes onlinePulse{0%,to{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:scale(1)}50%{box-shadow:0 0 0 3px #10b9814d,0 1px 2px 0 #0000000d;box-shadow:0 0 0 3px #10b9814d,var(--shadow-sm);transform:scale(1.1)}}.unread-indicator{animation:unreadBounce 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#ff6b6b);background:linear-gradient(135deg,var(--error-color) 0,#ff6b6b 100%);border:2px solid var(--white);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;right:-4px;text-align:center;top:-4px}@keyframes unreadBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.conversation-details{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0;z-index:1}.conversation-header{align-items:baseline;gap:8px;margin-bottom:2px}.conversation-name{color:#111827;color:var(--gray-900);flex:1 1;font-weight:600;line-height:1.3;transition:color .15s ease-out;transition:color var(--transition-fast)}.conversation-item.unread .conversation-name{color:#667eea;color:var(--primary-color)}.conversation-time{color:var(--gray-500);flex-shrink:0;font-size:12px;font-weight:500;transition:color .15s ease-out;transition:color var(--transition-fast)}.conversation-item.unread .conversation-time{color:#667eea;color:var(--primary-color);font-weight:600}.conversation-preview{align-items:center;display:flex;gap:8px;justify-content:space-between}.last-message{color:#4b5563;color:var(--gray-600);flex:1 1;font-size:14px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;transition:all .15s ease-out;transition:all var(--transition-fast);white-space:nowrap}.last-message.unread{color:#111827;color:var(--gray-900);font-weight:600}.conversation-meta{align-items:center;display:flex;flex-shrink:0;gap:6px}.unread-badge{animation:unreadGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:var(--white);font-size:11px;font-weight:700;padding:3px 8px}@keyframes unreadGlow{0%{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}to{box-shadow:0 0 0 3px #667eea4d,0 1px 2px 0 #0000000d;box-shadow:0 0 0 3px #667eea4d,var(--shadow-sm)}}.typing-indicator{color:#667eea;color:var(--primary-color);font-size:13px;font-style:italic;font-weight:500;gap:8px}.typing-dots{gap:3px}.typing-dots span{animation:typingPulse 1.4s ease-in-out infinite;background:#667eea;background:var(--primary-color);border-radius:9999px;border-radius:var(--radius-full);height:4px;width:4px}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.typing-text{animation:typingTextFade 2s ease-in-out infinite}@keyframes typingTextFade{0%,to{opacity:.7}50%{opacity:1}}.conversation-area{background:#fff;background:var(--white);border-radius:0 16px 0 0;border-radius:0 var(--radius-xl) 0 0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);flex:1 1;flex-direction:column;height:100vh;z-index:5}.conversation-area,.welcome-screen{display:flex;overflow:hidden;position:relative}.welcome-screen{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 100%);height:100%;justify-content:center}.welcome-screen:before{background:radial-gradient(circle at 30% 20%,#667eea0d 0,#0000 50%),radial-gradient(circle at 70% 80%,#f493fb0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.welcome-content{max-width:480px;padding:40px;position:relative;text-align:center;z-index:1}.welcome-illustration{display:flex;justify-content:center;margin-bottom:32px;position:relative}.chat-bubbles{height:80px;position:relative;width:120px}.bubble{animation:bubbleFloat 3s ease-in-out infinite;border-radius:12px;border-radius:var(--radius-lg);position:absolute}.bubble-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);height:32px;left:20px;top:10px;width:50px}.bubble-1,.bubble-2{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.bubble-2{animation-delay:.5s;background:linear-gradient(135deg,#f093fb,#f093fb);background:linear-gradient(135deg,var(--accent-color) 0,#f093fb 100%);height:28px;right:15px;top:35px;width:40px}.bubble-3{animation-delay:1s;background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--success-color) 0,#34d399 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);height:24px;right:35px;top:5px;width:35px}@keyframes bubbleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#374151);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-700) 100%);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--gray-900);font-size:28px;font-weight:700;line-height:1.2;margin-bottom:12px}.welcome-subtitle{color:#667eea;color:var(--primary-color);font-size:18px;font-weight:500;line-height:1.4;margin-bottom:16px}.welcome-description{color:#4b5563;color:var(--gray-600);font-size:16px;line-height:1.6;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:400px}.welcome-features{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-bottom:32px}.feature{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;flex-direction:column;font-size:14px;gap:8px;min-width:120px;text-align:center}.feature-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px;margin-bottom:4px}.start-messaging-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 auto;overflow:hidden;padding:14px 28px;position:relative;transition:all .2s ease-out;transition:all var(--transition-normal)}.start-messaging-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.start-messaging-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.start-messaging-btn:hover:before{left:100%}@media (max-width:768px){.professional-messaging-layout{flex-direction:column}.conversations-panel{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);border-right:none;height:50vh;max-width:none;width:100%}.conversation-area{border-radius:0;height:50vh}.welcome-content{padding:20px}.welcome-title{font-size:24px}.welcome-subtitle{font-size:16px}.welcome-features{gap:20px}.feature{min-width:100px}}@media (max-width:480px){.conversations-panel{height:45vh}.conversation-area{height:55vh}.panel-header{padding:16px 20px 12px}.app-title{font-size:20px}.conversation-item{padding:12px}.avatar-image,.avatar-placeholder{height:44px;width:44px}.conversation-name{font-size:15px}.last-message{font-size:13px}.welcome-title{font-size:22px}.welcome-features{flex-direction:column;gap:16px}.feature{flex-direction:row;gap:12px;justify-content:center;min-width:auto;text-align:left}.feature-icon{font-size:24px;margin-bottom:0}}@media (prefers-contrast:high){:root{--gray-100:#e0e0e0;--gray-200:silver;--gray-300:#a0a0a0;--gray-400:grey;--gray-500:#606060;--gray-600:#404040;--gray-700:#202020}}.conversation-item:focus-visible{outline:2px solid #667eea;outline:2px solid var(--primary-color);outline-offset:2px}.filter-pill:focus-visible,.header-btn:focus-visible,.search-input:focus-visible{outline:2px solid #667eea;outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-color-scheme:dark){:root{--white:#1f2937;--gray-50:#374151;--gray-100:#4b5563;--gray-200:#6b7280;--gray-300:#9ca3af;--gray-400:#d1d5db;--gray-500:#e5e7eb;--gray-600:#f3f4f6;--gray-700:#f9fafb;--gray-800:#fff;--gray-900:#fff}.professional-messaging-layout{background:linear-gradient(135deg,#1f2937,#374151)}.search-input{background:#374151;background:var(--gray-700);color:#f3f4f6;color:var(--gray-100)}.search-input::placeholder{color:#9ca3af;color:var(--gray-400)}}.messages-page-container{background:#f8f9fa;height:100vh;overflow:hidden}.auth-required{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;text-align:center}.auth-required h2{color:#2c3e50;margin-bottom:1rem}.auth-required p{color:#6c757d;font-size:1.1rem}@media (max-width:768px){.messages-page-container{height:calc(100vh - 60px)}}.analytics-header{margin-bottom:2rem;text-align:center}.analytics-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.analytics-header p{color:#6b7280;font-size:1.1rem}.analytics-quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.quick-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease}.quick-stat-card:hover{transform:translateY(-2px)}.quick-stat-card .stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.quick-stat-card .stat-icon.revenue{background:linear-gradient(135deg,#10b981,#065f46)}.quick-stat-card .stat-icon.bookings{background:linear-gradient(135deg,#3b82f6,#1e40af)}.quick-stat-card .stat-icon.customers{background:linear-gradient(135deg,#8b5cf6,#5b21b6)}.quick-stat-card .stat-icon.rating{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-details h3{font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.stat-number{font-size:1.875rem;margin-bottom:.25rem}.stat-growth{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.stat-growth.positive{color:#10b981}.stat-growth.negative{color:#ef4444}.dashboard-charts-grid.enhanced{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:2rem}.chart-container.featured{grid-column:span 2}.chart-placeholder.enhanced{min-height:280px}.trend-line.enhanced{align-items:end;display:flex;height:120px;justify-content:space-between;margin-bottom:1rem;padding:1rem 0}.trend-line.enhanced .trend-point{align-items:end;background:linear-gradient(0deg,#3b82f6,#60a5fa);border-radius:4px 4px 0 0;color:#fff;display:flex;font-size:.75rem;font-weight:600;justify-content:center;padding-bottom:.5rem;width:40px}.conversion-data{display:flex;flex-direction:column;gap:1rem}.conversion-item{align-items:center;display:flex;gap:1rem}.conversion-label{color:#6b7280;font-size:.875rem;min-width:120px}.conversion-bar{background:#e5e7eb;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.conversion-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;height:100%}.conversion-rate{color:#1f2937;font-weight:600;min-width:40px;text-align:right}.analytics-tables{margin-top:2rem}.analytics-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.analytics-table .table-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1.5rem}.analytics-table .table-header h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.analytics-table .table-header p{color:#6b7280;font-size:.875rem}.table-content{padding:0}.table-row{grid-gap:1rem;align-items:center;border-bottom:1px solid #f3f4f6;display:grid;gap:1rem;grid-template-columns:40px 1fr 100px 120px 100px;padding:1rem 1.5rem}.table-row.header{background:#f9fafb;color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table-row:last-child{border-bottom:none}.col-rank{color:#1f2937;font-weight:700}.col-bookings,.col-package,.col-revenue{color:#1f2937;font-weight:600}.col-growth.positive{color:#10b981;font-weight:600}.col-growth.negative{color:#ef4444;font-weight:600}.events-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.events-header{margin-bottom:2rem;text-align:center}.events-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.events-header p{color:#6b7280;font-size:1.1rem}.events-content{margin-bottom:1.5rem}.requests-section h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.payments-section{padding:1.5rem}.payments-header{margin-bottom:2rem;text-align:center}.payments-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.payments-header p{color:#6b7280;font-size:1.1rem}.payment-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.payment-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease}.payment-stat-card:hover{transform:translateY(-2px)}.payment-stat-icon{align-items:center;background:linear-gradient(135deg,#10b981,#065f46);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.payment-stat-details h3{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.payment-stat-amount{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:.25rem}.payment-stat-period{color:#6b7280;font-size:.875rem}.recent-transactions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.transactions-list{display:flex;flex-direction:column;gap:1rem}.transaction-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s ease}.transaction-item:hover{background:#f9fafb}.transaction-details h4{color:#1f2937;font-weight:600;margin-bottom:.25rem}.transaction-details p{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.transaction-date{color:#9ca3af;font-size:.75rem}.transaction-amount{font-size:1.125rem;font-weight:700}.transaction-amount.positive{color:#10b981}.transaction-status{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.transaction-status.completed{background:#dcfce7;color:#166534}.transaction-status.pending{background:#fef3c7;color:#92400e}.payment-methods{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.payment-methods h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.payment-methods-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.payment-method-card{border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s ease}.payment-method-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.payment-method-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.payment-method-card h4{color:#1f2937;font-weight:700;margin-bottom:.5rem}.payment-method-card p{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.payment-method-stats{color:#3b82f6;font-size:.875rem;font-weight:600}.calendar-section{padding:1.5rem}.calendar-header{margin-bottom:2rem;text-align:center}.calendar-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.calendar-header p{color:#6b7280;font-size:1.1rem}.calendar-quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.calendar-stat{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease}.calendar-stat:hover{transform:translateY(-2px)}.calendar-stat-icon{color:#3b82f6;font-size:1.5rem;height:48px;width:48px}.calendar-stat-number{color:#1f2937;display:block;font-size:1.875rem;font-weight:700}.calendar-stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.business-dashboard{background:#f8fafc;min-height:100vh;padding:20px}.dashboard-container{margin:0 auto;max-width:1400px}.stats-grid{grid-gap:24px;gap:24px;margin-bottom:32px}.stat-card{transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 16px #00000026}.stat-card.highlighted{background:linear-gradient(135deg,#fef3c7,#fff);border:2px solid #f59e0b}.revenue .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.bookings .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.pending .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.rating .stat-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.stat-content h3{font-size:.75rem;font-weight:600;margin-bottom:8px}.stat-value{color:#111827;margin-bottom:4px}.stat-subtext{color:#6b7280;font-size:.875rem}.upcoming-events-section{margin-bottom:32px}.upcoming-events-section h2{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:24px}.upcoming-events-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.event-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;padding:24px;text-align:center;transition:transform .2s ease}.event-card:hover{transform:translateY(-2px)}.event-card.today{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.event-card.tomorrow{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.event-card.week{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.event-card.month{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.event-icon{font-size:2rem;margin-bottom:12px}.event-number{font-size:2.5rem;font-weight:700;margin-bottom:8px}.event-label strong{display:block;font-size:1rem;font-weight:600;margin-bottom:4px}.event-label span{font-size:.75rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.next-seven-days{margin-bottom:32px}.section-header h2{color:#111827;font-size:1.5rem}.view-all-btn,.view-calendar-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:8px 16px;transition:background .2s ease}.view-all-btn:hover,.view-calendar-btn:hover{background:#1d4ed8}.events-timeline{display:flex;flex-direction:column;gap:16px}.day-events{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.day-header{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:16px 24px}.day-events.tomorrow .day-header{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151}.day-title{font-size:1rem;font-weight:600}.events-count{background:#fff3;border-radius:12px;font-size:.875rem;font-weight:600;padding:4px 12px}.event-list{padding:0}.event-item{border-bottom:1px solid #f3f4f6;gap:16px;padding:16px 24px}.event-time{font-size:.875rem;min-width:80px}.event-details h4{color:#111827;font-size:1rem;font-weight:600;margin-bottom:4px}.event-details p{font-size:.875rem;margin-bottom:8px}.event-status{border-radius:12px;font-size:.75rem;padding:4px 8px}.event-status.confirmed{background:#dcfce7;color:#166534}.event-status.needs-confirmation{background:#fef3c7;color:#92400e}.event-price{color:#059669;font-size:1rem;font-weight:700}.quick-actions{margin-bottom:32px}.quick-actions h2{color:#111827;margin-bottom:24px}.action-card{box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.action-card:hover{box-shadow:0 4px 16px #00000026}.action-icon{color:#667eea;font-size:2rem;margin-bottom:16px}.action-card h3{color:#111827;margin-bottom:8px}.action-card p{font-size:.875rem;margin-bottom:16px}.action-stats span{background:#f3f4f6;border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;margin-right:8px;padding:4px 8px}.action-button{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:background .2s ease}.action-button:hover{background:#5a67d8}.recent-requests{margin-bottom:32px}.recent-requests h2{color:#111827;font-size:1.5rem;font-weight:700}.requests-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.request-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:16px;padding:20px 24px}.request-item:last-child{border-bottom:none}.request-avatar{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:flex;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.request-avatar.confirmed{background:#10b981}.request-details{flex:1 1}.request-details h4{color:#111827;font-size:1rem;font-weight:600;margin-bottom:4px}.request-details p{color:#6b7280;font-size:.875rem;margin-bottom:4px}.request-time{color:#9ca3af;font-size:.75rem}.request-actions{display:flex;gap:8px}.accept-btn,.decline-btn,.view-details-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:6px;padding:8px 16px;transition:background .2s ease}.accept-btn{background:#dcfce7;color:#166534}.accept-btn:hover{background:#bbf7d0}.decline-btn{background:#fecaca;color:#991b1b}.decline-btn:hover{background:#fca5a5}.view-details-btn{background:#dbeafe;color:#1e40af}.view-details-btn:hover{background:#bfdbfe}.dashboard-charts-grid{display:flex;flex-direction:column}.dashboard-error,.dashboard-loading{min-height:60vh}.error-content,.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:16px}.error-icon,.loading-icon{color:#667eea}.error-icon{color:#dc2626}.retry-btn{font-weight:600}.dashboard-charts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:20px}.chart-container{border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.chart-container:hover{box-shadow:0 10px 16px -4px #0000001a;transform:translateY(-2px)}.chart-header{border-bottom:2px solid #f1f5f9;padding-bottom:16px}.chart-header h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 8px}.chart-header p{color:#64748b;font-size:.875rem;margin:0}.chart-content{height:300px;position:relative}.chart-placeholder{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.chart-placeholder-icon{color:#667eea;font-size:2.5rem;margin-bottom:16px}.chart-placeholder h4{color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:20px}.chart-placeholder-data{width:100%}.data-item{align-items:center;background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 16px}.data-label{color:#374151;font-weight:500}.data-value{color:#667eea;font-weight:600}.trend-line{height:120px;justify-content:space-between;margin-bottom:16px;padding:0 10px}.trend-line,.trend-point{align-items:end;display:flex}.trend-point{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px 4px 0 0;color:#fff;font-size:.75rem;font-weight:600;justify-content:center;min-height:20px;padding:4px 2px;width:30px}.trend-labels{color:#6b7280;font-size:.75rem;padding:0 15px}.bar-chart,.trend-labels{display:flex;justify-content:space-between}.bar-chart{align-items:end;height:120px;margin-bottom:16px;padding:0 10px}.bar-item{max-width:60px}.bar{background:linear-gradient(135deg,#10b981,#059669);min-height:20px}.bar-item span{color:#6b7280;font-size:.7rem;margin-top:8px;text-align:center}.pie-chart-legend{grid-gap:12px;display:grid;grid-template-columns:1fr 1fr}.legend-item{font-size:.875rem}.legend-color{border-radius:50%}.revenue-breakdown{display:flex;flex-direction:column;gap:12px}.revenue-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left:4px solid #f59e0b;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.package-name{color:#374151;font-weight:500}.package-revenue{color:#059669;font-weight:600}.horizontal-bar-chart{display:flex;flex-direction:column;gap:12px}.hbar-item{align-items:center;display:flex;font-size:.875rem;gap:12px}.hbar-label{color:#374151;font-weight:500;min-width:100px;text-align:left}.hbar-container{align-items:center;display:flex;flex:1 1;gap:8px}.hbar{border-radius:10px;height:20px;transition:all .3s ease}.hbar-value{color:#374151;font-weight:600;min-width:30px}@media (max-width:1024px){.dashboard-charts-grid{gap:20px;grid-template-columns:1fr}.chart-content{height:250px}}@media (max-width:768px){.business-dashboard{padding:10px}.chart-container{padding:16px}.chart-content{height:200px}.chart-header h3{font-size:1.1rem}.chart-header p{font-size:.8rem}}.retry-btn{transition:all .3s ease}.retry-btn:hover{background:#5a67d8;transform:translateY(-1px)}.dashboard-header{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;flex-wrap:wrap;gap:20px}.business-info{gap:20px}.business-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;text-transform:uppercase;width:80px}.business-details{display:flex;flex-direction:column;gap:2px}.business-details h1{color:#1f2937;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 12px}.business-type{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:1px solid #bfdbfe;border-radius:12px;color:#2563eb;display:inline-block;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 6px;padding:4px 12px;text-transform:capitalize;transition:all .3s ease}.business-type:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;transform:translateY(-1px)}.business-location{color:#374151;font-size:15px;font-weight:500;margin:0}.business-location:before{content:"📍";font-size:14px}.btn{border-radius:10px}.btn-primary{background:linear-gradient(135deg,#10b981,#059669)}.btn-primary:hover{box-shadow:0 8px 25px #10b9814d}.btn-outline:hover{border-color:#10b981;color:#10b981}.btn-ghost{background:#0000;color:#6b7280}.btn-ghost:hover{color:#10b981}.btn-danger{background:#dc2626}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{border-radius:16px;box-shadow:0 4px 20px #00000014;gap:20px;transition:transform .3s ease}.stat-icon{font-size:24px;height:60px;width:60px}.stat-card.revenue .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.bookings .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#f97316,#ea580c)}.stat-card.rating .stat-icon{background:linear-gradient(135deg,#eab308,#ca8a04)}.stat-content h3{color:#6b7280;letter-spacing:.5px;text-transform:uppercase}.stat-value{font-size:28px}.stat-period{color:#9ca3af;font-size:12px}.quick-actions{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:30px}.quick-actions h2{font-size:24px;font-weight:700}.actions-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;transition:all .3s ease}.action-card:hover{border-color:#10b981}.action-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;height:80px;width:80px}.action-card h3{font-size:18px;font-weight:600}.action-card p{font-size:14px;margin:0 0 16px}.action-stats{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.action-stats span{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#374151;font-size:12px;font-weight:500;padding:4px 12px}.action-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:inline-flex;font-weight:600}.action-btn:hover{box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.recent-activity{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:30px}.section-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.activity-icon{border-radius:10px;font-size:16px}.activity-icon.pending{background:#f97316}.activity-icon.completed{background:#eab308}.activity-content h4{font-size:16px;font-weight:600}.activity-content p{font-size:14px}.activity-time{font-size:12px}.activity-actions{display:flex;gap:8px}.dashboard-tabs{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;gap:4px;padding:8px}.tab-btn{color:#64748b;min-width:-webkit-max-content;min-width:max-content;padding:12px 20px;transition:all .3s ease}.tab-btn:hover{background:#f1f5f9;color:#334155}.tab-btn.active{background:#667eea;box-shadow:0 2px 4px #667eea40}.tab-btn svg{font-size:16px}.tab-btn .badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;margin-left:4px;min-width:18px;padding:2px 6px;text-align:center}.tab-content{min-height:400px}.tab-content.calendar-fullscreen{margin:0;min-height:calc(100vh - 120px);padding:0}.business-dashboard.calendar-mode .dashboard-tabs,.business-dashboard.calendar-mode .notification-banner{display:none!important}.business-dashboard.calendar-mode .tab-content{height:calc(100vh - 40px);margin:0;padding:0}.business-dashboard.calendar-mode{padding:20px}.business-dashboard.calendar-mode [class*=banner],.business-dashboard.calendar-mode [class*=business-info],.business-dashboard.calendar-mode [class*=header]{display:none!important}.business-dashboard.calendar-mode .business-calendar{display:flex!important}.business-dashboard:has(.tab-content.calendar-fullscreen) .dashboard-header{display:none!important}.business-dashboard:has(.tab-content.calendar-fullscreen) .dashboard-tabs{display:none!important}.overview-tab{display:flex;flex-direction:column;gap:30px}.settings-tab{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;padding:2rem;text-align:center}.settings-tab h2{color:#334155;margin-bottom:1rem}.settings-tab p{color:#64748b;font-size:1.1rem}@media (max-width:768px){.business-dashboard{padding:15px}.dashboard-header{padding:20px}.business-info,.dashboard-header{flex-direction:column;text-align:center}.actions-grid,.stats-grid{grid-template-columns:1fr}.activity-item{flex-direction:column;gap:12px;text-align:center}.activity-actions{justify-content:center}}@media (max-width:480px){.dashboard-container{gap:20px}.dashboard-header,.quick-actions,.recent-activity{padding:20px 15px}.business-avatar{font-size:24px;height:60px;width:60px}.business-details h1{font-size:24px}.business-type{font-size:14px;padding:3px 10px}.btn,.business-location{font-size:13px}.btn{padding:10px 16px}}.upcoming-events-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:24px}.events-stats-header{margin-bottom:24px}.events-stats-header h2{align-items:center;color:#1f2937;display:flex;font-size:24px;font-weight:700;gap:8px;margin-bottom:16px}.events-stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.events-stat-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.events-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.events-stat-card.today{background:linear-gradient(135deg,#fef3c7,#fbbf24);border-color:#f59e0b}.events-stat-card.tomorrow{background:linear-gradient(135deg,#dbeafe,#3b82f6);border-color:#2563eb}.events-stat-card.tomorrow .stat-content h4,.events-stat-card.tomorrow .stat-label,.events-stat-card.tomorrow .stat-number{color:#fff}.events-stat-card.week{background:linear-gradient(135deg,#f3e8ff,#8b5cf6);border-color:#7c3aed}.events-stat-card.week .stat-content h4,.events-stat-card.week .stat-label,.events-stat-card.week .stat-number{color:#fff}.events-stat-card.month{background:linear-gradient(135deg,#ecfdf5,#10b981);border-color:#059669}.events-stat-card.month .stat-content h4,.events-stat-card.month .stat-label,.events-stat-card.month .stat-number{color:#fff}.events-stat-card .stat-icon{align-items:center;background:#fff3;border-radius:8px;color:inherit;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.events-stat-card .stat-content{flex:1 1}.events-stat-card .stat-content h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 4px}.events-stat-card .stat-number{color:#1f2937;display:block;font-size:28px;font-weight:800;line-height:1}.events-stat-card .stat-label{color:#6b7280;font-size:12px;font-weight:500}.events-list-container{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.events-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.events-list-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.events-scrollable-list{max-height:500px;overflow-y:auto;padding-right:8px}.events-scrollable-list::-webkit-scrollbar{width:6px}.events-scrollable-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.events-scrollable-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.events-scrollable-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notification-banner{align-items:center;animation:slideDown .3s ease-out;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;left:0;padding:12px 16px;position:fixed;right:0;top:0;z-index:1000}.notification-banner.success{background:#f0fdf4;border-bottom:2px solid #bbf7d0;color:#166534}.notification-banner.error{background:#fef2f2;border-bottom:2px solid #fecaca;color:#dc2626}.notification-banner.info{background:#eff6ff;border-bottom:2px solid #bfdbfe;color:#1d4ed8}.notification-content{font-weight:500}.notification-icon{height:20px;width:20px}.notification-close{background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;padding:4px;transition:background-color .2s ease}.notification-close:hover{background:#0000001a}.notification-close svg{height:16px;width:16px}.business-dashboard:has(.notification-banner) .dashboard-container{margin-top:60px}.event-day-group{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;overflow:hidden}.event-day-group:last-child{margin-bottom:0}.day-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;padding:16px 20px}.day-header.today{background:linear-gradient(135deg,#fef3c7,#fbbf24);border-bottom-color:#f59e0b;color:#92400e}.day-header h4{color:inherit;font-size:16px;font-weight:700;margin:0}.day-header .day-count{background:#fffc;border-radius:20px;color:#374151;font-size:12px;font-weight:600;padding:4px 12px}.day-header.today .day-count{background:#ffffffe6;color:#92400e}.day-events{padding:0}.event-item{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;padding:16px 20px;position:relative;transition:all .2s ease}.event-item:last-child{border-bottom:none}.event-item:hover{background:#f8fafc;box-shadow:inset 4px 0 0 #667eea;transform:translateX(4px)}.event-time{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#374151;margin-right:16px;min-width:90px;padding:8px 12px;text-align:center}.event-details{flex:1 1;margin-right:16px}.event-details h5{color:#1f2937;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 4px}.event-details p{color:#6b7280;font-size:14px;line-height:1.4;margin:0 0 6px}.event-status{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.event-status.confirmed{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.event-status.pending{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.event-status.upcoming{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.event-revenue{font-weight:700;min-width:120px;text-align:right}.show-more-events{background:#f8fafc;border-top:1px solid #e5e7eb;padding:16px 20px;text-align:center}.show-more-events .btn{background:#0000;border:2px dashed #cbd5e1;border-radius:8px;color:#6b7280;font-weight:500;padding:12px 24px;transition:all .2s ease}.show-more-events .btn:hover{background:#667eea0d;border-color:#667eea;color:#667eea}@media (max-width:768px){.events-stats-grid{grid-template-columns:repeat(2,1fr)}.event-item{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.event-time{min-width:auto;text-align:left}.event-details,.event-time{margin-bottom:8px;margin-right:0}.event-revenue{font-size:18px;min-width:auto;text-align:left}.day-header{padding:12px 16px}.day-header h4{font-size:14px}}.events-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.event-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease}.event-stat-card:hover{transform:translateY(-2px)}.event-stat-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.event-stat-details h3{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.event-stat-number{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:.25rem}.event-stat-period{color:#6b7280;font-size:.875rem}.events-calendar-compact{margin-top:2rem}.compact-calendar-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.view-full-calendar-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.view-full-calendar-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}@media (max-width:480px){.events-stats-grid{grid-template-columns:1fr}.events-list-container,.upcoming-events-section{padding:16px}}.business-dashboard.calendar-mode .business-info,.business-dashboard.calendar-mode .dashboard-header,.business-dashboard.calendar-mode .header-actions{display:none!important}.business-dashboard:has(.tab-content.calendar-active) .dashboard-header,body:has([href*="tab=calendar"]) .dashboard-header{display:none!important}.request-management{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 200px);padding:24px}.request-header{margin-bottom:24px}.header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.header-title h2{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.header-title p{color:#6b7280;font-size:14px}.header-stats{display:flex;gap:16px}.stat-card{background:#f9fafb;border:2px solid #0000;min-width:100px;padding:16px;text-align:center}.stat-card.pending{background:#fffbeb;border-color:#f59e0b}.stat-card.verified{background:#ecfdf5;border-color:#10b981}.stat-card.declined{background:#fef2f2;border-color:#ef4444}.stat-label{font-size:12px;font-weight:600;margin-top:4px}.controls{margin-bottom:20px}.search-filter{display:flex;flex-direction:column;gap:16px}.search-box{max-width:400px;position:relative}.search-box svg{color:#9ca3af;height:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.search-box input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:12px 12px 12px 40px;transition:border-color .2s ease;width:100%}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-tabs{flex-wrap:wrap}.filter-tab{background:#fff;border:1px solid #d1d5db;color:#374151;font-size:14px;padding:10px 16px;transition:all .2s ease}.filter-tab:hover{background:#f8fafc;border-color:#3b82f6}.filter-tab.active{background:#3b82f6;border-color:#3b82f6}.filter-tab .count{background:#0000001a;border-radius:4px;font-size:12px;padding:2px 6px}.filter-tab.active .count{background:#fff3}.requests-content{flex:1 1;max-height:calc(100vh - 300px);overflow-x:visible;overflow-y:auto;padding-right:4px}.empty-state,.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg,.loading-state svg{color:#9ca3af;height:48px;margin-bottom:16px;width:48px}.requests-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.request-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s ease}.request-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.request-card.pending{border-left:4px solid #f59e0b}.request-card.verified{border-left:4px solid #10b981}.request-card.declined{border-left:4px solid #ef4444}.card-header{padding:20px 20px 0}.customer-info{flex:1 1}.avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.customer-details h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.customer-details p{color:#6b7280;font-size:14px;margin:0 0 2px}.customer-details .phone{align-items:center;display:flex;font-size:12px;gap:4px}.status-icon{height:14px;width:14px}.status-badge .status-icon.pending{color:#f59e0b}.status-badge .status-icon.verified{color:#10b981}.status-badge .status-icon.declined{color:#ef4444}.card-content{padding:16px 20px}.booking-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px}.detail-row svg{color:#6b7280;height:14px;width:14px}.detail-row .price{color:#059669;font-weight:600;margin-left:auto}.message{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;padding:12px}.message p{color:#374151;font-size:14px;font-style:italic;margin:0}.card-actions{padding:0 20px 20px}.btn{border:1px solid #0000}.btn-outline{border-color:#d1d5db}.btn-outline:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.request-details-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{margin-bottom:24px}.modal-content{padding:0 24px}.modal-content h4{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.action-section,.booking-section,.customer-section,.message-section{margin-bottom:24px}.booking-details,.customer-details{display:flex;flex-direction:column;gap:12px}.detail-item{gap:12px;padding:8px 0}.detail-item svg{color:#6b7280;height:16px;width:16px}.detail-item .price{background:#ecfdf5;border-radius:4px;color:#059669;font-size:12px;font-weight:600;margin-left:auto;padding:4px 8px}.message-content{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;padding:16px}.message-content p{color:#374151;line-height:1.5;margin:0}.assignment-form,.reject-form{margin-top:16px}.form-input{border-radius:6px;outline:none}textarea.form-input{min-height:80px;resize:vertical}.edit-booking-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;margin-left:12px;padding:4px 8px;transition:background-color .2s ease}.edit-booking-btn:hover{background:#2563eb}.edit-field{align-items:center;display:flex;flex:1 1;gap:8px}.edit-field input,.edit-field select{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.edit-field input:focus,.edit-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.message-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.message-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.total-amount-item{background:#f0fdf4;border-radius:6px;color:#059669;font-weight:600;margin-top:8px;padding:8px 12px}.edit-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-save{align-items:center;background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-save:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-cancel{align-items:center;background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.btn-cancel:disabled{cursor:not-allowed;opacity:.6;transform:none}.feedback-notification{align-items:center;animation:slideDown .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;max-width:500px;min-width:300px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:10000}.feedback-notification.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.feedback-notification.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.feedback-content{align-items:center;display:flex;gap:8px}.feedback-icon{font-size:16px}.feedback-close{background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;padding:4px;transition:background-color .2s ease}.feedback-close:hover{background:#0000001a}.error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:8px;margin-bottom:16px;padding:12px 16px}.error-banner button{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;margin-left:auto;padding:4px}.error-banner button:hover{background:#dc26261a}.package-info{margin:8px 0}.package-details{flex-direction:column;gap:4px}.package-name{font-size:14px}.package-price{font-size:13px;font-weight:500}.total-amount{margin:8px 0}.amount-breakdown{display:flex;flex-direction:column;gap:4px}.calculation{color:#64748b;font-size:13px}.total{color:#0ea5e9;font-size:15px;font-weight:700}.message-row{background:#fefce8;border:1px solid #fde047;border-radius:8px;margin:8px 0;padding:12px}.message-text{color:#713f12;font-size:13px;font-style:italic}.btn-message{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #667eea40;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-message:hover{box-shadow:0 4px 8px #667eea59;transform:translateY(-1px)}.btn-message:active{transform:translateY(0)}.detail-row:has(>.fa-tag){background:#ecfdf5;border:1px solid #d1fae5;border-radius:8px;margin:6px 0;padding:8px 12px}.detail-row:has(>.fa-tag) span{color:#065f46;font-size:13px;font-weight:500}.detail-row:has(>.fa-users){background:#fdf2f8;border:1px solid #fbcfe8;border-radius:8px;margin:6px 0;padding:8px 12px}.detail-row:has(>.fa-users) span{color:#be185d;font-size:13px;font-weight:500}.card-actions{align-items:center;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:flex-start;margin-top:12px;padding-top:12px}.requests-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:100%;overflow-x:auto;overflow-y:visible;width:100%}.requests-table{border-collapse:initial;border-spacing:0;font-size:14px;min-width:1200px;table-layout:fixed;width:100%}.requests-table.verified-layout{min-width:1100px}.requests-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.requests-table th{border-bottom:none;font-size:12px;font-weight:700;letter-spacing:1px;padding:18px 16px;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.requests-table th:after{background:#fff3;content:"";height:60%;position:absolute;right:0;top:20%;width:1px}.requests-table th:last-child:after{display:none}.requests-table th:first-child{width:22%}.requests-table th:nth-child(2){width:20%}.requests-table th:nth-child(3){width:18%}.requests-table th:nth-child(4){width:15%}.requests-table th:nth-child(5){width:12%}.requests-table th:nth-child(6){width:13%}.requests-table td:first-child{width:22%}.requests-table td:nth-child(2){width:20%}.requests-table td:nth-child(3){width:18%}.requests-table td:nth-child(4){width:15%}.requests-table td:nth-child(5){width:12%}.requests-table td:nth-child(6){width:13%}.requests-table.verified-layout th:first-child{width:20%}.requests-table.verified-layout th:nth-child(2){width:18%}.requests-table.verified-layout th:nth-child(3),.requests-table.verified-layout th:nth-child(4){width:12%}.requests-table.verified-layout th:nth-child(5){width:14%}.requests-table.verified-layout th:nth-child(6){width:8%}.requests-table.verified-layout th:nth-child(7){width:16%}.requests-table.verified-layout td:first-child{width:20%}.requests-table.verified-layout td:nth-child(2){width:18%}.requests-table.verified-layout td:nth-child(3),.requests-table.verified-layout td:nth-child(4){width:12%}.requests-table.verified-layout td:nth-child(5){width:14%}.requests-table.verified-layout td:nth-child(6){width:8%}.requests-table.verified-layout td:nth-child(7){width:16%}.requests-table tbody tr{background:#fff;border-bottom:1px solid #f1f5f9;transition:all .2s ease}.requests-table tbody tr:nth-child(2n){background:#fafbfc}.requests-table tbody tr:hover{background-color:#f8fafc;box-shadow:0 2px 8px #00000014;transform:scale(1.001)}.requests-table td{border-bottom:1px solid #f1f5f9;padding:20px 16px;position:relative;vertical-align:middle}.requests-table td:after{background:#f1f5f9;content:"";height:80%;position:absolute;right:0;top:10%;width:1px}.requests-table td:last-child:after{display:none}.request-row.pending{border-left:4px solid #f59e0b}.request-row.verified{border-left:4px solid #10b981}.request-row.declined{border-left:4px solid #ef4444}.customer-cell{min-width:220px}.customer-info{gap:12px}.customer-avatar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff;flex-shrink:0;font-size:16px;height:44px;width:44px}.customer-details{flex:1 1;min-width:0}.customer-name{color:#1f2937;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px}.customer-email{color:#6b7280;font-size:12px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-phone{align-items:center;color:#059669;display:flex;font-size:12px;font-weight:500;gap:4px}.event-cell{min-width:200px}.event-details{flex-direction:column;gap:6px}.event-details>div{align-items:center;display:flex;font-size:12px;gap:8px;line-height:1.4}.event-datetime{color:#1f2937;font-weight:600}.event-time{font-weight:500}.event-type{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;color:#059669}.event-guests,.event-type{font-size:11px;font-weight:500;padding:3px 8px}.event-guests{background:#fdf2f8;border:1px solid #fbcfe8;border-radius:12px;color:#be185d}.package-cell{min-width:160px}.package-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.package-name{color:#1f2937;font-size:13px;font-weight:600;line-height:1.3;margin-bottom:6px}.package-price{background:#ecfdf5;border-radius:4px;display:inline-block;font-size:12px;padding:2px 6px}.no-package{color:#9ca3af;font-size:12px;font-style:italic}.amount-cell{min-width:140px;text-align:center}.total-amount{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;padding:12px}.amount-calculation{color:#64748b;font-size:10px;line-height:1.2;margin-bottom:6px}.amount-total{color:#0ea5e9;font-size:14px;font-weight:700}.no-amount{color:#9ca3af;font-size:14px;font-style:italic}.assignment-cell{min-width:160px;text-align:left}.assignment-info{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;padding:10px}.assigned-worker{align-items:center;color:#0ea5e9;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:4px}.worker-capacity{color:#64748b;font-size:11px;margin-left:20px}.no-assignment{background:#fffbeb;border:1px solid #fde047;border-radius:6px;color:#f59e0b;display:inline-block;font-size:12px;font-style:italic;padding:8px 12px}.message-cell{max-width:200px;min-width:160px}.message-preview{background:#fefce8;border:1px solid #fde047;border-radius:8px;color:#713f12;cursor:pointer;font-size:12px;font-style:italic;line-height:1.4;max-height:60px;overflow:hidden;padding:10px;position:relative;transition:all .2s ease}.message-preview:hover{background:#fef3c7;border-color:#fbbf24;box-shadow:0 2px 4px #fbbf2433}.no-message{color:#9ca3af;font-size:12px;font-style:italic;text-align:center}.status-cell{min-width:110px;text-align:center}.status-badge{font-size:11px;margin:0 auto;padding:8px 12px}.status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde047);border:1px solid #fde047;box-shadow:0 2px 4px #f59e0b33;color:#92400e}.status-badge.verified{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #bbf7d0;box-shadow:0 2px 4px #10b98133;color:#166534}.status-badge.declined{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fecaca;box-shadow:0 2px 4px #ef444433;color:#991b1b}.status-icon{font-size:12px}.actions-cell{min-width:180px;padding-right:20px!important;text-align:center}.table-actions{flex-wrap:nowrap;gap:6px;min-width:160px;overflow:visible}.btn-table,.table-actions{align-items:center;display:flex;justify-content:center}.btn-table{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:14px;font-weight:500;height:32px;padding:8px;position:relative;transition:all .2s ease;white-space:nowrap;width:32px}.btn-table:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-table:active{transform:translateY(-1px)}.btn-table:disabled{box-shadow:0 1px 2px #0000000d;cursor:not-allowed;opacity:.6;transform:none}.btn-message{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 3px 6px #667eea4d;color:#fff}.btn-message:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 5px 15px #667eea66}.btn-view{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;box-shadow:0 2px 4px #4755691a;color:#475569}.btn-view:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8;box-shadow:0 4px 8px #47556926;color:#334155}.btn-accept{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 6px #10b9814d;color:#fff}.btn-accept:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 5px 15px #10b98166}.btn-decline{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 3px 6px #ef44444d;color:#fff}.btn-decline:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 5px 15px #ef444466}.btn-edit{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 3px 6px #f59e0b4d;color:#fff}.btn-edit:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 5px 15px #f59e0b66}.form-help{color:#6b7280;display:block;font-size:12px;margin-top:4px}.form-help.current-assignment{color:#059669;font-weight:500}@media (max-width:768px){.request-management{height:auto;min-height:calc(100vh - 200px);padding:16px}.header-content{flex-direction:column;gap:16px}.header-stats{flex-wrap:wrap;justify-content:flex-start}.search-filter{gap:12px}.filter-tabs{overflow-x:auto;padding-bottom:4px}.requests-grid{gap:16px;grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.modal-overlay{padding:10px}.request-details-modal{max-height:95vh}.modal-actions{flex-direction:column}.amount-breakdown,.package-details{align-items:flex-start}.card-actions{align-items:stretch;flex-direction:column}.btn-message{justify-content:center}}@media (max-width:1600px){.requests-table-container{border-radius:12px;overflow-x:auto}.requests-table{min-width:1400px}.actions-cell{min-width:160px}}@media (max-width:1400px){.requests-table-container{border-radius:12px;overflow-x:auto}.requests-table{min-width:1200px}}@media (max-width:768px){.requests-table-container{border-left:none;border-radius:0;border-right:none;margin:0 -16px}.requests-table td,.requests-table th{padding:12px 8px}.customer-cell{min-width:160px}.event-cell{min-width:140px}.message-cell{max-width:150px;min-width:120px}.table-actions{gap:2px;justify-content:center}.btn-table{font-size:12px;height:28px;width:28px}}.requests-table-container::-webkit-scrollbar{height:12px}.requests-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px;margin:0 10px}.requests-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:2px solid #f1f5f9;border-radius:6px}.requests-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}@media (max-width:1366px){.requests-table{min-width:1000px}.requests-table.verified-layout{min-width:950px}}@media (max-width:1200px){.requests-table{min-width:900px}.requests-table.verified-layout{min-width:850px}}.requests-table.verified-layout .status-badge{font-size:10px!important;padding:2px 6px!important}.requests-table.verified-layout .assignment-cell{font-size:11px!important;padding:4px 6px!important}.requests-table.verified-layout .customer-info p,.requests-table.verified-layout .event-details p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.requests-table thead th.sortable{cursor:pointer;position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.requests-table thead th.sortable:hover{background-color:#6366f11a}.requests-table thead th.sortable.active{background-color:#6366f126;color:#6366f1;font-weight:600}.sort-indicator{color:#6366f1;font-weight:700;margin-left:4px}.sorting-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:12px 16px}.sort-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.sort-label{color:#475569;font-size:14px;font-weight:500}.sort-buttons{display:flex;flex-wrap:wrap;gap:8px}.sort-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}.sort-btn:hover{background:#6366f10d;border-color:#6366f1}.sort-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:500}.sort-btn svg{font-size:12px}@media (max-width:768px){.sort-indicator{display:none}.requests-table thead th.sortable.active:after{color:#6366f1;content:"●";font-size:8px;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.sorting-controls{padding:8px 12px}.sort-section{align-items:flex-start;flex-direction:column;gap:8px}.sort-buttons{justify-content:flex-start;width:100%}.sort-btn{font-size:12px;padding:8px 10px}}.worker-management{margin:0 auto;max-width:1000px;padding:2rem}.worker-management-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.worker-management-header div{flex:1 1}.worker-management-header h2{color:#2c3e50;margin-bottom:.5rem}.worker-management-header p{color:#7f8c8d;font-size:1.1rem;margin:0}.worker-form-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:1.5rem}.worker-form-section h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1.5rem}.worker-form{grid-gap:1.5rem;display:grid;gap:1.5rem}.form-group input{border:2px solid #ecf0f1;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus{border-color:#3498db;outline:none}.form-help{font-size:.9rem}.form-actions{margin-top:1rem}.btn-danger:hover:not(:disabled){background:#c0392b;transform:translateY(-2px)}.btn-sm{font-size:.9rem;padding:.5rem 1rem}.workers-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.workers-section h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1.5rem}.no-workers{color:#7f8c8d;padding:2rem;text-align:center}.no-workers p{font-size:1.1rem}.workers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.worker-card{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:8px;padding:1.5rem;transition:all .3s ease}.worker-card:hover{border-color:#3498db;box-shadow:0 4px 15px #3498db33;transform:translateY(-2px)}.worker-info{margin-bottom:1rem}.worker-name{color:#2c3e50;font-size:1.2rem;margin:0 0 .5rem}.worker-capacity{align-items:center;display:flex;gap:.5rem}.capacity-label{color:#7f8c8d;font-size:.9rem}.capacity-value{background:#3498db;border-radius:15px;color:#fff;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.worker-actions{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width:768px){.worker-management{padding:1rem}.worker-management-header{align-items:flex-start;flex-direction:column;gap:1rem}.form-actions{flex-direction:column}.workers-grid{grid-template-columns:1fr}.worker-actions{justify-content:stretch}.worker-actions .btn{flex:1 1}}.package-management{margin:0 auto;max-width:1200px;padding:20px}.package-management-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px}.package-management-loading .spin{animation:spin 1s linear infinite}.package-notification{align-items:center;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;font-weight:500;gap:8px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:1000}.package-notification.success{background-color:#10b981}.package-notification.error{background-color:#ef4444}.package-management-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-left h2{align-items:center;color:#1f2937;display:flex;font-size:24px;font-weight:600;gap:12px;margin:0 0 8px}.header-left p{color:#6b7280;font-size:14px;margin:0}.create-package-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.create-package-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.package-search{margin-bottom:24px;max-width:400px;position:relative}.package-search svg{color:#9ca3af;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.package-search input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;transition:border-color .2s ease;width:100%}.package-search input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.package-error{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:8px;margin-bottom:24px;padding:12px 16px}.packages-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px}.no-packages{align-items:center;color:#6b7280;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.no-packages svg{color:#d1d5db;font-size:48px;margin-bottom:16px}.no-packages h3{color:#374151;font-size:18px;margin:0 0 8px}.no-packages p{color:#6b7280;font-size:14px;margin:0 0 24px}.no-packages button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.no-packages button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.package-card{border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s ease}.package-card:hover{border-color:#d1d5db;box-shadow:0 4px 20px #0000001a}.package-header h3{color:#1f2937;flex:1 1;font-size:18px;font-weight:600;margin:0}.delete-btn,.edit-btn{align-items:center;display:flex;font-size:12px;height:28px;justify-content:center;padding:6px;width:28px}.edit-btn{background-color:#f3f4f6;color:#374151}.edit-btn:hover{background-color:#e5e7eb;color:#1f2937}.delete-btn{background-color:#fef2f2;color:#dc2626}.delete-btn:hover:not(:disabled){background-color:#fee2e2;color:#b91c1c}.delete-btn:disabled{cursor:not-allowed;opacity:.5}.package-content{margin-top:16px}.package-description p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.package-price{align-items:center;background-color:#f9fafb;border-radius:6px;display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}.package-price svg{color:#10b981;font-size:14px}.price{color:#1f2937;font-size:16px;font-weight:600}.package-dates{display:flex;flex-direction:column;gap:4px}.date-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.date-item svg{color:#9ca3af;font-size:10px}.package-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.package-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{padding:20px 24px 16px}.modal-header h3{font-size:18px}.close-btn{transition:color .2s ease}.package-form{padding:24px}.form-group input,.form-group textarea{border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.form-group textarea{font-family:inherit}.form-actions{padding-top:16px}.form-actions button{border:1px solid #0000;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s ease}.form-actions button[type=button]{background-color:#f9fafb;border-color:#d1d5db;color:#374151}.form-actions button[type=button]:hover{background-color:#f3f4f6;border-color:#9ca3af}.form-actions button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.form-actions button[type=submit]:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:768px){.package-management{padding:16px}.package-management-header{align-items:stretch;flex-direction:column;gap:16px}.packages-grid{gap:16px;grid-template-columns:1fr}.package-modal{margin:16px;width:95%}.package-form{padding:16px}}.hall-management{background:#f8fafc;min-height:100vh;padding:24px}.notification{animation:slideIn .3s ease-out;background:#fff}.notification.success{border-left:4px solid #10b981;color:#065f46}.notification.error{border-left:4px solid #ef4444;color:#991b1b}.notification button{color:#6b7280;margin-left:auto}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.hall-management-header{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.header-content h2{font-size:28px;font-weight:700}.header-content h2 svg{color:#3b82f6}.header-content p{font-size:16px}.hall-form-container{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:24px}.hall-form h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 24px}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;box-sizing:border-box;font-size:14px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{min-height:80px}.form-actions{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.btn{box-sizing:border-box;min-height:44px}.btn-outline{border:2px solid #e5e7eb}.btn-outline:hover{border-color:#d1d5db}.btn-sm{min-height:36px}.loading-container{color:#6b7280;font-size:16px;padding:60px 20px}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6}.empty-state{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a}.empty-state svg{color:#d1d5db;font-size:48px}.empty-state h3{font-size:20px}.empty-state p{color:#6b7280;font-size:16px;margin:0 0 24px}.halls-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.hall-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.hall-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.hall-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.hall-header h3{color:#1f2937;flex:1 1;font-size:18px;font-weight:600;margin:0}.hall-actions{display:flex;gap:8px}.hall-info{margin-bottom:16px}.info-item{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.info-item svg{color:#3b82f6;font-size:12px}.status-badge{display:inline-block;margin-top:8px;padding:4px 12px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.status-badge.maintenance{background:#fef3c7;color:#92400e}.hall-description{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.hall-features{font-size:14px}.hall-features strong{color:#374151;display:block;margin-bottom:4px}.hall-features p{color:#6b7280;line-height:1.4;margin:0}@media (max-width:768px){.hall-management{padding:16px}.hall-management-header{align-items:stretch;flex-direction:column;gap:16px}.form-row,.halls-grid{gap:16px;grid-template-columns:1fr}.hall-header{align-items:stretch;flex-direction:column;gap:12px}.hall-actions{justify-content:flex-end}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}}@media (max-width:480px){.hall-form-container{padding:16px}.header-content h2{font-size:24px}.empty-state{padding:40px 16px}.hall-card{padding:16px}}.service-management{background:#f8fafc;min-height:100vh;padding:20px}.service-management-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{text-align:center}.loading-spinner .spinning{animation:spin 1s linear infinite;color:#3b82f6;font-size:2rem;margin-bottom:1rem}.notification{align-items:center;animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:1000}.notification.success{background:#10b981;color:#fff}.notification.error{background:#ef4444;color:#fff}.notification-content{align-items:center;display:flex;gap:8px}.notification button{background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;font-size:18px;opacity:.8;padding:4px}.notification button:hover{background:#ffffff1a;opacity:1}.service-management-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.header-content h2{align-items:center;color:#1f2937;display:flex;gap:12px}.header-content p{color:#6b7280;margin:0 0 16px}.info-box{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:.9rem;gap:8px;line-height:1.4;max-width:600px;padding:12px 16px}.info-box svg{flex-shrink:0;margin-top:2px}.btn{padding:12px 20px}.btn-sm{font-size:12px;padding:8px 12px}.services-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{box-shadow:0 2px 8px #0000001a}.stat-icon{background:#eff6ff;color:#3b82f6;font-size:1.5rem;height:50px;width:50px}.stat-details h3{color:#6b7280;font-size:.9rem;font-weight:500;margin:0 0 4px}.stat-number{color:#1f2937;font-size:2rem;margin:4px 0}.stat-subtext{color:#9ca3af;font-size:.8rem}.services-controls{margin-bottom:30px}.search-container{max-width:400px;position:relative}.search-icon{color:#9ca3af;left:12px}.search-input{background:#fff;font-size:14px}.search-input:focus{border-color:#3b82f6}.current-services-section{box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.current-services-section h3{color:#1f2937;font-size:1.3rem;margin:0 0 20px}.services-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.service-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.service-card:hover{box-shadow:0 4px 12px #0000001a}.service-card.active{background:#f0fdf4;border-color:#10b981}.service-card.available{background:#eff6ff;border-color:#3b82f6}.service-icon{background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:1.2rem;height:44px;width:44px}.service-card.active .service-icon{background:#dcfce7;color:#16a34a}.service-card.available .service-icon{background:#dbeafe;color:#2563eb}.service-info h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 4px}.service-status{font-size:.8rem;font-weight:500}.service-status.active{color:#16a34a}.service-description{font-size:.85rem;line-height:1.4;margin:4px 0 0}.service-actions{display:flex;gap:8px}.no-services{color:#6b7280;padding:60px 20px}.no-services-icon{color:#d1d5db;font-size:4rem;margin-bottom:20px}.no-services h4{color:#374151;font-size:1.3rem;margin:0 0 12px}.no-services p{line-height:1.6;margin:0 auto 24px;max-width:500px}.modal{animation:modalIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background:#f9fafb;padding:24px 30px}.modal-header h3{align-items:center;display:flex;gap:12px}.modal-close{border-radius:6px;font-size:24px;padding:8px;transition:all .2s ease}.modal-close:hover{color:#374151}.modal-body{max-height:calc(90vh - 120px);padding:30px}.modal-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:.9rem;line-height:1.5;padding:16px}.modal-info,.modal-search{margin-bottom:24px}.available-services h4{color:#374151;font-size:1.1rem;margin:0 0 16px}.no-available-services{color:#6b7280;padding:40px 20px;text-align:center}.no-available-services p{line-height:1.6;margin:16px auto 0;max-width:400px}.error-message{gap:12px;margin-top:20px;padding:16px 20px}@media (max-width:768px){.service-management{padding:16px}.service-management-header{align-items:stretch;flex-direction:column;gap:20px;padding:20px}.services-grid,.services-stats{grid-template-columns:1fr}.modal{margin:10px;max-height:calc(100vh - 20px)}.modal-body{max-height:calc(100vh - 140px);padding:20px}.notification{left:10px;min-width:auto;right:10px}}.add-service-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:1.5rem}.add-service-section h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.add-service-form{align-items:center;display:flex;gap:1rem}.add-service-form select{border:2px solid #ecf0f1;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.add-service-form select:focus{border-color:#3498db;outline:none}.add-service-form .btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.add-service-form .btn-primary{background:#3498db;color:#fff}.add-service-form .btn-primary:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.add-service-form .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.current-services-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.current-services-section h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1.5rem}.no-services{color:#7f8c8d;padding:2rem;text-align:center}.no-services p{font-size:1.1rem}.services-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.service-card{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:8px;padding:1rem;position:relative;transition:all .3s ease}.service-card:hover{border-color:#3498db;box-shadow:0 4px 15px #3498db33;transform:translateY(-2px)}.service-badge{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-align:center;width:100%}.service-badge.badge-primary{background:#3498db;color:#fff}.service-badge.badge-secondary{background:#95a5a6;color:#fff}.service-badge.badge-success{background:#2ecc71;color:#fff}.service-badge.badge-info{background:#17a2b8;color:#fff}.service-badge.badge-warning{background:#f39c12;color:#fff}.service-badge.badge-danger{background:#e74c3c;color:#fff}.service-badge.badge-dark{background:#34495e;color:#fff}.service-badge.badge-light{background:#ecf0f1;color:#2c3e50}.remove-service-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;line-height:1;position:absolute;right:-8px;top:-8px;transition:all .3s ease;width:24px}.remove-service-btn:hover:not(:disabled){background:#c0392b;transform:scale(1.1)}.remove-service-btn:disabled{cursor:not-allowed;opacity:.6}.loading{color:#7f8c8d;padding:2rem}@media (max-width:768px){.service-management{padding:1rem}.add-service-form{align-items:stretch;flex-direction:column}.services-grid{grid-template-columns:1fr}}.business-calendar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:auto;margin:0;min-height:calc(100vh - 140px);overflow:visible;padding:24px}.calendar-title-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px;text-align:center}.calendar-title-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background-clip:text;-webkit-background-clip:text;color:#1f2937;font-size:32px;font-weight:700;margin:0 0 8px}.calendar-title-header p{color:#6b7280;font-size:16px;margin:0}.calendar-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.calendar-navigation{gap:16px}.calendar-navigation,.nav-btn{align-items:center;display:flex}.nav-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;height:40px;justify-content:center;transition:all .2s ease;width:40px}.nav-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.calendar-title{color:#1f2937;font-size:24px;font-weight:700;margin:0;min-width:200px;text-align:center}.calendar-controls{align-items:center;display:flex;gap:16px}.view-toggle{background:#f1f5f9;border-radius:8px;display:flex;padding:4px}.view-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-btn.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#1f2937}.action-buttons{align-items:center;pointer-events:auto;position:relative;z-index:5}.walkin-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.walkin-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.calendar-legend{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.legend-color{border:1px solid #e5e7eb;border-radius:4px;height:16px;width:16px}.legend-color.booking.confirmed{background:#16a34a;border-color:#15803d}.legend-color.request.pending{background:#ea580c;border-color:#c2410c}.legend-color.request.declined{background:#dc2626;border-color:#b91c1c}.legend-color.available{background:#0284c7;border-color:#0369a1}.legend-color.walkin{background:#8b5cf6;border-color:#7c3aed}.legend-color.blocked{background:#64748b;border-color:#475569}.calendar-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;flex:1 1;height:auto;min-height:800px;overflow:visible}.calendar-month-view{display:flex;flex:1 1;flex-direction:column;height:auto;min-height:800px}.calendar-weekdays{grid-gap:1px;background:#f8fafc;border-bottom:2px solid #e5e7eb;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.calendar-weekday{background:#f8fafc;border-right:none;color:#374151;font-size:14px;font-weight:700;letter-spacing:.5px;padding:16px 12px;text-align:center;text-transform:uppercase}.calendar-weekday:last-child{border-right:none}.calendar-days-grid{grid-gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:8px;display:grid!important;flex:1 1;gap:1px;grid-template-columns:repeat(7,1fr)!important;grid-template-rows:repeat(6,minmax(140px,auto));height:auto;min-height:720px;overflow:visible}.calendar-day{background:#fff;border:none;box-sizing:border-box;height:auto;max-width:100%;min-height:140px;overflow:hidden;transition:all .2s ease;width:100%}.calendar-day:hover{background:#f8fafc;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.calendar-day.other-month{background:#f9fafb;color:#9ca3af;opacity:.8}.calendar-day.other-month:hover{background:#f3f4f6;opacity:.9}.calendar-day.today{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.calendar-day.today:hover{background:linear-gradient(135deg,#fde68a,#fbbf24);transform:translateY(-1px)}.calendar-day:nth-child(n+36){border-bottom:none;min-height:140px}.calendar-days-grid .calendar-day:nth-child(n+35):nth-child(-n+42){background:#fff;border-bottom:1px solid #0000;opacity:1}.calendar-day{align-self:stretch;justify-self:stretch}.calendar-days-grid{padding-bottom:1px}.calendar-days-grid>.calendar-day:nth-child(n+35){border-bottom:none;margin-bottom:0}.day-number{color:#1f2937;font-size:16px;margin:0;transition:all .2s ease}.day-header{background:inherit;border-bottom:1px solid #00000008;border-radius:8px 8px 0 0;justify-content:space-between;min-height:48px;padding:16px 16px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.day-header,.status-indicators{align-items:center;display:flex}.status-indicators{gap:3px;margin-left:8px}.status-dot{border:1px solid #fffc;border-radius:50%;box-shadow:0 1px 2px #0000001a;height:6px;transition:transform .2s ease;width:6px}.status-dot:hover{transform:scale(1.2)}.status-dot.confirmed{background:#10b981;border-color:#059669}.status-dot.pending{background:#f59e0b;border-color:#d97706}.status-dot.declined{background:#ef4444;border-color:#dc2626}.status-dot.available{background:#3b82f6;border-color:#2563eb}.status-dot.blocked{background:#6b7280;border-color:#4b5563}.status-dot.walkin{background:#8b5cf6;border-color:#7c3aed}.status-dot-more{align-items:center;color:#6b7280;display:flex;font-size:8px;font-weight:600;height:8px;justify-content:center;margin-left:2px;width:8px}.calendar-day.today .day-number{color:#92400e;font-weight:700}.calendar-day.today .day-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.calendar-day.other-month .day-number{color:#9ca3af}.day-events-scrollable{box-sizing:border-box;flex:1 1;max-height:85px;overflow-x:hidden;overflow-y:auto;padding:0 12px 12px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin;width:100%}.day-events-scrollable::-webkit-scrollbar{width:4px}.day-events-scrollable::-webkit-scrollbar-track{background:#0000}.day-events-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.day-events-scrollable::-webkit-scrollbar-thumb:hover{background:#94a3b8}.calendar-event-block{background:#fff;border-left:4px solid;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:6px;min-height:36px;padding:8px 10px;position:relative;transition:all .2s ease}.calendar-event-block:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px);z-index:3}.calendar-event-block:active{transform:translateY(0)}.calendar-event-block.booking.confirmed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-left-color:#16a34a;box-shadow:0 2px 4px #22c55e26;color:#14532d}.calendar-event-block.booking.confirmed:hover{background:linear-gradient(135deg,#bbf7d0,#86efac);box-shadow:0 4px 12px #22c55e40}.calendar-event-block.request.pending{background:linear-gradient(135deg,#fef3c7,#fed7aa);border-left-color:#ea580c;box-shadow:0 2px 4px #ea580c26;color:#9a3412}.calendar-event-block.request.pending:hover{background:linear-gradient(135deg,#fed7aa,#fdba74);box-shadow:0 4px 12px #ea580c40}.calendar-event-block.request.declined{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left-color:#dc2626;box-shadow:0 2px 4px #dc262626;color:#991b1b}.calendar-event-block.request.declined:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);box-shadow:0 4px 12px #dc262640}.calendar-event-block.available{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-left-color:#0284c7;box-shadow:0 2px 4px #0284c726;color:#0c4a6e}.calendar-event-block.available:hover{background:linear-gradient(135deg,#bae6fd,#7dd3fc);box-shadow:0 4px 12px #0284c740}.calendar-event-block.blocked{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-left-color:#64748b;box-shadow:0 2px 4px #64748b26;color:#334155}.calendar-event-block.blocked:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 4px 12px #64748b40}.calendar-event-block.walkin{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-left-color:#8b5cf6;box-shadow:0 2px 4px #8b5cf626;color:#6b21a8}.event-header{margin-bottom:2px}.event-time{font-size:11px;font-weight:600;letter-spacing:.3px;opacity:.8;text-transform:uppercase}.event-status-icon{font-size:10px;opacity:.7}.event-title{font-size:12px;line-height:1.2;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-customer{align-items:center;display:flex;font-size:10px;gap:4px;margin-top:2px;opacity:.8}.customer-icon{font-size:8px}.no-events{height:100%;justify-content:center;min-height:40px}.add-slot-prompt,.no-events{align-items:center;display:flex}.add-slot-prompt{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer!important;flex-direction:column;font-size:11px;font-weight:500;gap:6px;padding:12px;pointer-events:auto!important;position:relative;text-align:center;transition:all .2s ease;width:100%;z-index:3}.add-slot-prompt:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.add-slot-prompt svg{font-size:14px}.calendar-event,.day-events{display:none}.more-events{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:10px;font-weight:500;margin-top:2px;padding:2px 4px;text-align:center}.calendar-week-view{display:flex;flex-direction:column;height:100%}.week-view-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 20px}.week-view-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.week-header{background:#f8fafc;border-bottom:2px solid #e5e7eb;display:grid;grid-template-columns:80px repeat(7,1fr)}.time-column-header{color:#374151;font-weight:600;padding:16px 8px}.time-column-header,.week-day-header{border-right:1px solid #e5e7eb;text-align:center}.week-day-header{padding:12px}.week-day-header:last-child{border-right:none}.day-name{color:#374151;font-size:14px;font-weight:600}.day-date{color:#1f2937;font-size:18px;font-weight:700;margin-top:4px}.week-body{flex:1 1;overflow-y:auto}.week-time-row{border-bottom:1px solid #f3f4f6;display:grid;grid-template-columns:80px repeat(7,1fr);min-height:60px}.time-slot-label{background:#fafafa;border-right:1px solid #e5e7eb;color:#6b7280;font-size:12px;padding:8px;text-align:center}.week-time-slot{border-right:1px solid #e5e7eb;padding:4px;position:relative}.week-time-slot:last-child{border-right:none}.week-event{background:#3b82f6;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-bottom:2px;padding:4px 8px;transition:all .2s ease}.week-event:hover{box-shadow:0 2px 4px #0000001a;transform:translateX(2px)}.week-event.booking.confirmed{background:#10b981}.week-event.request.pending{background:#f59e0b}.week-event.walkin{background:#8b5cf6}.week-event.blocked{background:#ef4444}.calendar-day-view{display:flex;flex-direction:column;height:100%}.day-view-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px;position:relative;z-index:5}.day-view-header .btn{pointer-events:auto!important;z-index:10}.day-view-header h3{color:#1f2937;font-size:20px;margin:0}.day-timeline{flex:1 1;overflow-y:auto}.day-time-slot{border-bottom:1px solid #f3f4f6;display:flex;min-height:80px}.time-label{background:#fafafa;border-right:1px solid #e5e7eb;color:#6b7280;font-size:14px;padding:16px 8px;text-align:center;width:80px}.time-content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:8px}.day-event{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s ease}.day-event:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.day-event.booking.confirmed{background:#f0fdf4;border-left:4px solid #10b981}.day-event.request.pending{background:#fffbeb;border-left:4px solid #f59e0b}.day-event.available{background:#eff6ff;border-left:4px solid #3b82f6}.day-event.walkin{background:#faf5ff;border-left:4px solid #8b5cf6}.event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.event-title{color:#1f2937;font-size:16px;font-weight:600}.event-details,.event-time{color:#6b7280;font-size:14px}.event-details{align-items:center;display:flex;gap:16px;margin-bottom:8px}.event-details svg{height:14px;width:14px}.event-revenue{color:#059669;font-size:16px;font-weight:600}.empty-slot{border:2px dashed #d1d5db;border-radius:8px;color:#9ca3af;font-style:italic;padding:20px;text-align:center}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.add-slot-modal,.event-modal,.modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-height:85vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.modal-header{padding:24px}.close-btn{font-size:20px}.close-btn:hover{background:#f3f4f6}.event-detail-row{align-items:center;color:#374151;display:flex;gap:12px;margin-bottom:12px}.event-detail-row svg{color:#6b7280;height:16px;width:16px}.event-detail-row.revenue{color:#059669;font-size:18px;font-weight:600}.event-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-top:12px;padding:6px 12px;text-transform:uppercase}.event-status-badge.confirmed{background:#d1fae5;color:#065f46}.event-status-badge.pending{background:#fef3c7;color:#92400e}.event-status-badge.available{background:#dbeafe;color:#1e40af}.modal-actions{padding:24px}.form-group label{margin-bottom:6px}.form-input{padding:10px 12px}.form-input:focus{box-shadow:0 0 0 2px #3b82f61a}.radio-group input[type=radio]{margin:0}.btn-success:hover{background:#059669}.loading-spinner{color:#6b7280;font-size:16px;justify-content:center;padding:60px 20px}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-weight:500;justify-content:center;margin:20px 0;padding:20px}.error-message svg{color:#dc2626}@media (max-width:768px){.business-calendar{height:auto;min-height:calc(100vh - 120px);padding:16px}.calendar-header{align-items:stretch;flex-direction:column;gap:16px}.calendar-controls{justify-content:space-between}.calendar-legend{flex-direction:column;gap:8px}.calendar-content{min-height:600px;overflow:visible}.calendar-month-view{min-height:600px}.calendar-days-grid{grid-template-columns:repeat(7,1fr)!important;grid-template-rows:repeat(6,minmax(100px,auto));height:auto;min-height:520px}.calendar-day{height:auto;min-height:100px;padding:2px}.day-number{font-size:14px;min-height:36px;padding:8px 8px 4px}.calendar-event{font-size:10px;padding:1px 4px}.form-row{grid-template-columns:1fr}.modal-actions,.radio-group{flex-direction:column}.radio-group{gap:8px}}@media (max-width:480px){.business-calendar{height:auto;min-height:calc(100vh - 100px);padding:12px}.calendar-title{font-size:18px;min-width:150px}.view-btn{font-size:12px;padding:6px 12px}.calendar-content{min-height:480px;overflow:visible}.calendar-month-view{min-height:480px}.calendar-days-grid{gap:.5px;grid-template-columns:repeat(7,1fr)!important;grid-template-rows:repeat(6,minmax(80px,auto));height:auto;min-height:400px}.calendar-day{height:auto;min-height:80px}.day-number{min-height:30px;padding:6px 6px 3px}.day-number,.week-body{font-size:12px}.time-slot-label{font-size:10px;padding:4px}.day-events-scrollable{max-height:45px}}.bulk-modal{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:95vw}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bulk-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #f1f5f9;border-radius:16px 16px 0 0;padding:24px 32px 20px;position:relative}.bulk-modal .modal-header h3{color:#fff;font-size:24px;font-weight:700;margin:0;text-shadow:0 1px 2px #0000001a}.bulk-modal .modal-header .close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:24px;top:20px;transition:all .2s ease;width:36px}.bulk-modal .modal-header .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.bulk-modal .modal-content{background:#fff;padding:32px}.form-section{background:#fafbfc;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:32px;padding:24px;position:relative;transition:all .2s ease}.form-section:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d}.form-section:last-child{margin-bottom:0}.form-section h4{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px;position:relative}.form-section h4:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50px}.date-range{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.date-range-inline{align-items:end;display:flex;gap:20px}.date-range-inline .form-group{flex:1 1;margin-bottom:0}.day-selection-container{align-items:stretch;display:flex;gap:24px;margin:16px 0;min-height:300px}.available-days-panel,.selected-days-panel{background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1;flex-direction:column;min-height:280px;padding:16px}.available-days-panel h5,.selected-days-panel h5{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;text-align:center;text-transform:uppercase}.days-list{display:flex;flex:1 1;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.day-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:12px;position:relative;transition:all .3s ease}.day-item.available{background:#fff;border:2px solid #e5e7eb;color:#374151}.day-item.available:hover{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.day-item.selected{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #1d4ed8;color:#fff}.day-item.selected:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 4px 12px #ef444440;transform:translateY(-2px)}.day-item .day-name{font-size:13px;font-weight:600;margin-bottom:4px}.day-item .day-date{font-size:12px;opacity:.8}.day-item.selected .remove-indicator{background:#ffffff4d;border-radius:50%;font-size:12px;font-weight:700;height:16px;position:absolute;right:6px;top:4px;width:16px}.arrow-indicator,.day-item.selected .remove-indicator{align-items:center;display:flex;justify-content:center}.arrow-indicator{color:#6b7280;flex-direction:column;padding:16px}.arrow-indicator .arrow{color:#3b82f6;font-size:24px;font-weight:700;margin-bottom:8px}.arrow-indicator span{font-size:12px;font-weight:500;text-align:center}.no-days-message{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-style:italic;padding:24px;text-align:center}.bulk-summary .total-slots{background:#ecfdf5;border-left:4px solid #10b981;border-radius:6px;color:#059669;font-size:16px;margin-top:8px;padding:8px 12px}.time-slot-row.invalid{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:8px;padding:12px}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #ef444433}.error-message-inline{background:#fef2f2;border-left:3px solid #ef4444;border-radius:4px;color:#dc2626;font-size:12px;font-weight:500;grid-column:1/-1;margin-top:4px;padding:6px 10px}.form-group{margin-bottom:16px}.form-group label{font-size:14px;letter-spacing:.5px;text-transform:uppercase}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;padding:12px 16px;transition:all .3s ease}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-time-slot-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.add-time-slot-btn:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.time-slots-list{display:flex;flex-direction:column;gap:16px}.time-slot-row{grid-gap:16px;align-items:end;background:#fff;border:2px solid #f1f5f9;border-radius:12px;display:grid;gap:16px;grid-template-columns:1fr 1fr 2fr auto;padding:20px;position:relative;transition:all .3s ease}.time-slot-row:hover{border-color:#e2e8f0;box-shadow:0 4px 15px #00000014;transform:translateY(-1px)}.time-slot-row .form-group{margin-bottom:0}.time-slot-row .form-group label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:normal;text-transform:none}.remove-time-slot-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:14px;height:44px;justify-content:center;padding:12px;transition:all .3s ease;width:44px}.remove-time-slot-btn:hover{box-shadow:0 8px 25px #ef444466;transform:translateY(-2px) scale(1.05)}.bulk-summary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left:4px solid #667eea;border-radius:12px;padding:20px}.bulk-summary h4{color:#1e293b;font-size:16px;margin-bottom:12px}.bulk-summary p{color:#475569;line-height:1.6;margin:0}.bulk-summary strong{color:#667eea;font-weight:700}.bulk-modal .modal-actions{background:#fafbfc;border-radius:0 0 16px 16px;border-top:1px solid #f1f5f9;display:flex;gap:16px;justify-content:flex-end;padding:24px 32px}.bulk-modal .modal-actions .btn{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .3s ease}.bulk-modal .modal-actions .btn-outline{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.bulk-modal .modal-actions .btn-outline:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.bulk-modal .modal-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea66;color:#fff}.bulk-modal .modal-actions .btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea80;transform:translateY(-2px)}.bulk-modal .modal-actions .btn-primary:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.time-input-group{align-items:center;display:flex;gap:8px}.time-hour-select,.time-minute-select{min-width:70px!important;padding:8px 12px!important;text-align:center;width:70px!important}.time-separator{color:#374151;font-size:18px;font-weight:700;line-height:1}.date-hint{color:#6b7280;display:block;font-size:12px;font-style:italic;margin-top:4px}.slot-actions{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px}.slot-actions .action-buttons{justify-content:center}.add-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer!important;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 20px;pointer-events:auto!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.add-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:100%}.add-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.add-btn:hover:before{left:100%}.add-btn:active{box-shadow:0 4px 15px #3b82f64d;transform:translateY(0)}.bulk-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer!important;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 20px;pointer-events:auto!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.bulk-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:100%}.bulk-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.bulk-btn:hover:before{left:100%}.bulk-btn:active{box-shadow:0 4px 15px #8b5cf64d;transform:translateY(0)}@media (max-width:768px){.bulk-modal{border-radius:12px;max-height:95vh;width:95vw}.bulk-modal .modal-actions,.bulk-modal .modal-content,.bulk-modal .modal-header{padding-left:20px;padding-right:20px}.date-range,.date-range-inline{flex-direction:column;gap:16px;grid-template-columns:1fr}.day-selection-container{flex-direction:column;gap:16px;min-height:auto}.available-days-panel,.selected-days-panel{min-height:200px}.arrow-indicator{flex-direction:row;padding:8px}.arrow-indicator .arrow{margin-bottom:0;margin-right:8px;transform:rotate(90deg)}.days-list{flex-direction:row;flex-wrap:wrap;max-height:none;overflow-y:visible}.day-item{min-height:50px;min-width:80px}.time-slot-row{gap:12px;grid-template-columns:1fr;padding:16px}.section-header{align-items:stretch;gap:12px}.bulk-modal .modal-actions,.section-header{flex-direction:column}.bulk-modal .modal-actions .btn{width:100%}}.event-details-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;padding:0;width:90vw}.event-info{padding:20px}.info-row{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.info-icon{color:#6b7280;font-size:16px;min-width:16px}.status-badge.booking.confirmed{background:#d1fae5;color:#065f46}.status-badge.request.pending{background:#fef3c7;color:#92400e}.status-badge.available{background:#dbeafe;color:#1e40af}.booking-actions,.reject-form{border-top:1px solid #e5e7eb;padding:20px}.action-buttons{display:flex;gap:12px;margin-top:16px}.btn:disabled{opacity:.5}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{color:#6b7280}.btn-outline:hover:not(:disabled){background:#f9fafb;color:#374151}.confirmed-info{padding:20px;text-align:center}.success-message{background:#d1fae5;color:#065f46;font-weight:500;justify-content:center;padding:16px}.add-slot-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:90vw}.form-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s ease}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background:#f9fafb;color:#6b7280}.radio-group{display:flex;gap:16px}.radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.form-row{grid-gap:16px;gap:16px}.modal-actions{padding:20px}@media (max-width:768px){.add-slot-modal,.event-details-modal{max-height:95vh;width:95vw}.form-row{grid-template-columns:1fr}.action-buttons,.modal-actions{flex-direction:column}}.walk-in-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-top:4px;padding:2px 6px;text-transform:uppercase}.additional-info{color:#6b7280;font-size:11px;font-weight:500;margin:2px 0 0}.request-card.verified .status-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.request-card.verified .status-icon{color:#fff}.stat-card.upcoming{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-card.upcoming .stat-label,.stat-card.upcoming .stat-number{color:#fff}.stat-card.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-card.completed .stat-label,.stat-card.completed .stat-number{color:#fff}.stat-card.cancelled{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-card.cancelled .stat-label,.stat-card.cancelled .stat-number{color:#fff}.action-btn.info{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff}.action-btn.info:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.status-badge.large{align-items:center;border-radius:8px;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 20px}.status-badge.large.confirmed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.booking-meta{border-top:1px solid #e5e7eb;margin-top:12px}.booking-meta span{color:#6b7280;display:block;font-size:14px;margin-bottom:4px}.business-analytics{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:20px}.analytics-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;padding:32px}.header-content h2.analytics-title{align-items:center;color:#2d3748;display:flex;font-size:2.5rem;font-weight:700;gap:16px;margin:0 0 12px}.analytics-subtitle{color:#718096;font-size:1.1rem;margin:0}.analytics-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.period-selector{background:#f8fafc;border-radius:8px;display:flex;gap:4px;padding:4px}.period-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.period-btn.active{background:#667eea;box-shadow:0 2px 4px #667eea4d;color:#fff}.period-btn:hover:not(.active){background:#e2e8f0;color:#475569}.date-range-picker{align-items:center;display:flex;gap:8px}.date-input{border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:14px;padding:8px 12px}.date-separator{color:#64748b;font-weight:500}.export-btn{background:#10b981;border:none;color:#fff;transition:all .2s ease}.export-btn:hover{background:#059669;transform:translateY(-1px)}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.kpi-card{background:#fff;border-left:4px solid;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s ease}.kpi-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.revenue-card{border-left-color:#667eea}.bookings-card{border-left-color:#22c55e}.customers-card{border-left-color:#f59e0b}.avg-booking-card{border-left-color:#ef4444}.kpi-header{justify-content:space-between;margin-bottom:16px}.kpi-header,.kpi-icon{align-items:center;display:flex}.kpi-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:1.5rem;justify-content:center;padding:12px}.bookings-card .kpi-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.customers-card .kpi-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.avg-booking-card .kpi-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.kpi-growth{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px}.kpi-stats{display:flex;flex-direction:column;font-size:12px;gap:4px}.stat-item{color:#64748b;font-weight:500}.kpi-value{color:#2d3748;font-size:2.5rem;font-weight:700;line-height:1;margin:0 0 8px}.kpi-label{color:#64748b;font-size:14px;font-weight:500;margin:0}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:32px}@media (max-width:1024px){.charts-section{grid-template-columns:1fr}}.chart-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.chart-subtitle{color:#64748b;font-size:14px}.metric-selector{background:#f8fafc;border-radius:6px;display:flex;padding:2px}.metric-btn{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.metric-btn.active{background:#667eea;color:#fff}.chart-wrapper{min-height:300px;position:relative}.simple-chart{width:100%}.chart-title{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 20px;text-align:center}.chart-bars{align-items:end;display:flex;gap:8px;height:200px;justify-content:space-between;padding:0 20px}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.bar{border-radius:4px 4px 0 0;max-width:40px;min-height:4px;transition:all .3s ease;width:100%}.bar:hover{opacity:.8}.bar-label{color:#64748b;font-size:12px}.bar-label,.bar-value{font-weight:500;text-align:center}.bar-value{color:#475569;font-size:10px}.simple-pie-chart{width:100%}.pie-chart-legend{display:flex;flex-direction:column;gap:12px}.pie-item{align-items:center;display:flex;gap:12px}.pie-color{border-radius:4px;height:16px;width:16px}.pie-label{color:#475569;flex:1 1;font-size:14px;font-weight:500}.pie-value{color:#2d3748;font-size:14px;font-weight:600}.most-booked-section,.package-performance-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:24px}.section-header{margin-bottom:24px}.section-header h3{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0 0 8px}.section-header p{color:#64748b;font-size:16px;margin:0}.packages-table,.performance-table{width:100%}.table-header,.table-row{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr 1fr;padding:16px 0}.performance-table .table-header,.performance-table .table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.table-header{border-bottom:2px solid #e2e8f0;color:#475569;font-size:14px;font-weight:600}.table-row{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.table-row:hover{background:#f8fafc}.col-package{gap:12px}.col-package,.package-rank{align-items:center;display:flex}.package-rank{background:#667eea;border-radius:50%;color:#fff;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.package-info h4{font-size:16px;margin:0}.booking-count,.conversion-rate,.package-info h4,.revenue-amount{color:#2d3748;font-weight:600}.growth-indicator{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px}.growth-indicator.positive{color:#16a34a}.growth-indicator.negative{color:#dc2626}.metric-with-icon{align-items:center;display:flex;gap:8px}.metric-icon{color:#64748b;font-size:14px}.demographics-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:24px}.demographics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.demographic-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.demographic-card h4{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 16px}.age-groups{display:flex;flex-direction:column;gap:12px}.age-group-item{align-items:center;display:flex;gap:12px}.age-range{color:#475569;font-size:14px;font-weight:500;min-width:50px}.age-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.age-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .5s ease}.age-count{color:#2d3748;font-size:14px;font-weight:600;min-width:30px;text-align:right}.event-types{display:flex;flex-direction:column;gap:12px}.event-type-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.event-name{color:#475569;font-weight:500}.event-count{color:#2d3748;font-weight:600}.event-percentage{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:12px;padding:4px 8px}.insights-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:24px}.insights-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;gap:16px;padding:24px}.insight-icon{font-size:2rem;opacity:.8}.insight-content h4{font-size:1.2rem;font-weight:600;margin:0 0 12px}.insight-content p{font-size:14px;margin:8px 0 0;opacity:.9}.peak-days{display:flex;flex-wrap:wrap;gap:8px}.peak-day{background:#fff3;border-radius:16px;font-size:14px;font-weight:500;padding:4px 12px}.seasonal-chart{display:flex;flex-direction:column;gap:8px}.trend-item{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.trend-month{font-weight:600}.trend-bookings,.trend-revenue{font-size:12px;opacity:.9}.analytics-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;height:50vh;justify-content:center}.analytics-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.analytics-error{align-items:center;color:#dc2626;display:flex;flex-direction:column;gap:16px;height:50vh;justify-content:center}@media (max-width:768px){.business-analytics{padding:16px}.analytics-header{align-items:flex-start;flex-direction:column;gap:16px}.header-content h2.analytics-title{font-size:2rem}.analytics-controls{justify-content:space-between;width:100%}.charts-section,.kpi-grid{grid-template-columns:1fr}.table-header,.table-row{gap:12px}.performance-table .table-header,.performance-table .table-row,.table-header,.table-row{grid-template-columns:2fr 1fr 1fr}.col-conversion,.col-views{display:none}.demographics-grid,.insights-grid{grid-template-columns:1fr}.insight-card{flex-direction:column;text-align:center}}.notification-dashboard{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.notification-dashboard-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{margin-bottom:16px}.notification-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.header-title h1{align-items:center;color:#1e293b;display:flex;font-size:2rem;font-weight:700;gap:12px;margin:0 0 8px}.header-title p{color:#64748b;font-size:1rem}.unread-badge{font-weight:600;padding:4px 8px}.btn{padding:10px 16px}.btn-primary:hover{background:#2563eb}.btn-outline{border:1px solid #e2e8f0;color:#64748b}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626}.btn-sm{font-size:13px}.notification-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-icon{font-size:20px}.stat-card.total .stat-icon{background:#3b82f6}.stat-card.unread .stat-icon{background:#ef4444}.stat-card.today .stat-icon{background:#10b981}.stat-card.priority .stat-icon{background:#f59e0b}.stat-content h3{color:#64748b;font-size:14px}.stat-number{color:#1e293b;font-size:24px}.notification-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px}.search-bar{flex:1 1;max-width:400px}.search-bar svg{color:#64748b;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;width:100%}.search-bar input:focus{background:#fff;border-color:#3b82f6;outline:none}.filter-controls{position:relative}.filter-toggle{background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:14px;padding:10px 16px}.filter-toggle:hover{background:#f1f5f9}.filter-toggle .rotated{transform:rotate(180deg)}.filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:4px;min-width:200px;padding:8px;position:absolute;right:0;top:100%;z-index:10}.filter-dropdown button{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;text-align:left;transition:background .2s;width:100%}.filter-dropdown button:hover{background:#f1f5f9}.filter-dropdown button.active{background:#eff6ff;color:#3b82f6}.bulk-actions{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:14px;gap:12px;padding:8px 16px}.notifications-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.notification-item{border-bottom:1px solid #f1f5f9;padding:20px;transition:background .2s}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#fffbeb}.notification-item:last-child{border-bottom:none}.notification-select{align-items:flex-start;display:flex;margin-right:16px;padding-top:2px}.notification-select input[type=checkbox]{cursor:pointer;height:16px;width:16px}.notification-content{flex:1 1}.notification-header{align-items:flex-start;margin-bottom:8px}.notification-type-icon{height:16px;width:16px}.notification-type-icon.booking{color:#3b82f6}.notification-type-icon.message{color:#10b981}.notification-type-icon.review{color:#f59e0b}.notification-type-icon.payment{color:#8b5cf6}.notification-type-icon.system{color:#64748b}.notification-type-icon.default{color:#6b7280}.priority-icon{height:14px;width:14px}.priority-icon.urgent{color:#dc2626}.priority-icon.high{color:#f59e0b}.priority-icon.medium{color:#3b82f6}.priority-icon.low{color:#6b7280}.notification-time{color:#94a3b8;font-size:12px}.notification-actions{gap:8px}.action-btn{background:#0000;color:#64748b;font-size:14px;height:32px;transition:all .2s;width:32px}.action-btn:hover{background:#f1f5f9;color:#3b82f6}.action-btn.danger:hover{background:#fef2f2;color:#ef4444}.notification-body h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.notification-body p{color:#64748b;line-height:1.5;margin:0 0 8px}.notification-action{margin-top:8px}.action-link{color:#3b82f6;font-size:14px;font-weight:500;text-decoration:none}.action-link:hover{text-decoration:underline}.unread-indicator{background:#3b82f6;top:50%;transform:translateY(-50%)}.no-notifications{color:#64748b;padding:60px 40px}.empty-icon{color:#cbd5e1;font-size:48px}.no-notifications h3{color:#374151;font-size:18px;margin:0 0 8px}.no-notifications p{font-size:14px}.pagination{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:16px;margin-top:24px;padding:20px}.pagination button{border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:14px;padding:8px 16px;transition:all .2s}.pagination button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.pagination span{color:#64748b;font-size:14px}@media (max-width:768px){.notification-dashboard{padding:16px}.notification-header{align-items:stretch;gap:16px}.header-actions{flex-direction:column}.notification-stats{grid-template-columns:repeat(2,1fr)}.notification-controls{align-items:stretch;flex-direction:column}.search-bar{max-width:none}.notification-item{padding:16px}.notification-header{flex-direction:column;gap:8px}.notification-actions{align-self:flex-start}.pagination{flex-wrap:wrap;gap:8px}}@media (max-width:480px){.notification-stats{grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{font-size:18px;height:40px;width:40px}.stat-number{font-size:20px}}.notification-demo{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px}.demo-header{margin-bottom:40px;text-align:center}.demo-header h2{font-size:2.5rem;margin:0 0 16px;text-shadow:0 2px 4px #0000004d}.demo-header p{font-size:1.2rem;margin:0;opacity:.9}.demo-sections{display:flex;flex-direction:column;gap:40px}.demo-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:32px}.demo-section h3{font-size:1.8rem;margin:0 0 16px;text-shadow:0 1px 2px #0000004d}.demo-section p{font-size:1.1rem;margin:0 0 24px;opacity:.9}.demo-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.demo-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 24px;text-align:left;transition:all .3s ease}.demo-btn:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.demo-btn.booking{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.demo-btn.success{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.demo-btn.review{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.demo-btn.payment{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.demo-btn.verified{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.demo-btn.system{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.demo-btn.toast{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff;grid-column:1/-1;justify-content:center;text-align:center}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px}.info-card{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:24px}.info-card h4{color:#fbbf24;font-size:1.3rem;margin:0 0 16px}.info-card ul{list-style:none;margin:0;padding:0}.info-card li{border-bottom:1px solid #ffffff1a;padding:8px 0 8px 24px;position:relative}.info-card li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.info-card li:last-child{border-bottom:none}.integration-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.integration-item{background:#ffffff1a;border-left:4px solid #fbbf24;border-radius:8px;padding:16px 20px}.integration-item strong{color:#fbbf24;display:block;margin-bottom:4px}.demo-footer{margin-top:60px;text-align:center}.visit-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.visit-btn{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.visit-btn:hover{background:#ffffff4d;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}@media (max-width:768px){.notification-demo{padding:20px 16px}.demo-header h2{font-size:2rem}.demo-section{padding:24px 20px}.demo-buttons,.info-grid{grid-template-columns:1fr}.visit-links{align-items:center;flex-direction:column}.visit-btn{justify-content:center;max-width:300px;width:100%}}.demo-btn:active{animation:pulse .3s ease-in-out}.floating-message-button{bottom:24px;opacity:1;position:fixed;right:24px;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.floating-message-button.hidden{opacity:0;pointer-events:none;transform:translateY(100px)}.floating-message-button.expanded .floating-message-tooltip{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.floating-message-main-button{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:50px;box-shadow:0 8px 25px #007bff4d,0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;height:70px;justify-content:center;min-width:70px;overflow:hidden;padding:18px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.floating-message-main-button:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 12px 35px #007bff66,0 6px 18px #0003;transform:translateY(-2px) scale(1.05)}.floating-message-main-button:active{transform:translateY(0) scale(.98)}.floating-message-icon{flex-shrink:0;font-size:20px}.floating-message-text{font-size:15px;font-weight:600;max-width:0;opacity:0;overflow:hidden;transition:all .3s ease;white-space:nowrap}.floating-message-main-button:hover .floating-message-text{margin-left:6px;max-width:140px;opacity:1}.floating-message-tooltip{background:#fff;border:1px solid #00000014;border-radius:16px;bottom:80px;box-shadow:0 20px 40px #00000026,0 8px 20px #0000001a;max-width:320px;min-width:300px;opacity:0;padding:0;pointer-events:none;position:absolute;right:0;transform:translateY(20px) scale(.9);transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-message-content{padding:20px}.floating-message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.floating-message-title{color:#1a1a1a;font-size:16px;font-weight:600}.floating-message-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:4px;transition:all .2s ease}.floating-message-close:hover{background:#f5f5f5;color:#333}.floating-message-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 16px}.floating-message-action{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.floating-message-action:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px)}@media (max-width:768px){.floating-message-button{bottom:20px;right:20px}.floating-message-main-button{height:64px;padding:18px;width:64px}.floating-message-text{display:none}.floating-message-main-button:hover .floating-message-text{max-width:0;opacity:0}.floating-message-tooltip{max-width:calc(100vw - 48px);min-width:280px;right:0}.floating-message-content{padding:16px}}@media (max-width:480px){.floating-message-button{bottom:16px;right:16px}.floating-message-main-button{height:60px;padding:16px;width:60px}.floating-message-icon{font-size:18px}.floating-message-tooltip{bottom:70px;min-width:260px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.floating-message-button{animation:slideInUp .5s ease-out .5s both}@media (prefers-reduced-motion:reduce){.floating-message-action,.floating-message-button,.floating-message-close,.floating-message-main-button,.floating-message-text,.floating-message-tooltip{animation:none;transition:none}}@media (prefers-contrast:high){.floating-message-main-button{border:2px solid #fff}.floating-message-tooltip{border:2px solid #000}}.business-profile{background-color:#f8fafc;min-height:100vh}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.business-profile-error,.business-profile-loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.error-content,.loading-content{padding:2rem;text-align:center}.loading-spinner{color:#3b82f6;font-size:2rem}.error-icon{font-size:4rem;margin-bottom:1rem}.profile-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 0}.container{padding:0 1rem}.back-button{background:#fff3;border-radius:.5rem;color:#fff;display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;transition:background .2s}.back-button:hover{background:#ffffff4d}.business-header{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr auto}.business-name{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.business-meta{gap:.75rem;margin-bottom:1.5rem}.rating{gap:.5rem}.stars{gap:.1rem}.location,.rating-text{opacity:.9}.location{gap:.5rem}.contact-info{flex-wrap:wrap;gap:1.5rem}.contact-item{align-items:center;display:flex;gap:.5rem}.contact-item a{color:#fff;text-decoration:underline}.message-action{align-items:center;display:flex;margin-top:1.5rem}.business-stats{display:flex;gap:2rem}.stat{align-items:center;background:#ffffff1a;border-radius:.75rem;display:flex;gap:.75rem;min-width:120px;padding:1rem}.stat svg{font-size:1.5rem;opacity:.8}.stat-number{display:block;font-size:1.5rem;font-weight:700}.stat-label{display:block;font-size:.8rem;opacity:.8}.profile-nav{background:#fff;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav-tabs{display:flex;gap:0}.nav-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-weight:500;padding:1rem 1.5rem;transition:all .2s}.nav-tab:hover{background:#f9fafb;color:#374151}.nav-tab.active{background:#f8fafc;border-bottom-color:#3b82f6;color:#3b82f6}.profile-content{padding:2rem 0}.profile-content section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:2rem}.profile-content section h2{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem}.calendar-container{margin-top:1.5rem}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 1rem}.calendar-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.calendar-nav-btn{align-items:center;background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.calendar-nav-btn:hover{background:#5a67d8;transform:scale(1.05)}.calendar-grid{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.calendar-days-header{background:#f8fafc;display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day-header{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:1rem;text-align:center}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:1rem;position:relative;transition:all .2s}.calendar-day:nth-child(7n){border-right:none}.calendar-day.empty{background:#f9fafb;cursor:default}.calendar-day.past{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.calendar-day.has-slots{background:#dbeafe;border-color:#93c5fd}.calendar-day.has-slots:hover{background:#bfdbfe;transform:scale(1.02)}.calendar-day.selected{background:#667eea;color:#fff}.day-number{font-size:1rem;font-weight:600}.slot-indicator{background:#10b981;border-radius:50%;height:6px;margin-top:.25rem;width:6px}.calendar-day.selected .slot-indicator{background:#fff}.time-slots-section{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.time-slots-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.reviews-section{margin-top:1rem}.reviews-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.overall-rating{text-align:center}.rating-number,.rating-stars{margin-bottom:.5rem}.rating-stars{display:flex;gap:.25rem}.rating-text{color:#6b7280;font-size:.875rem}.review-card{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d}.review-header{align-items:center}.reviewer-info{gap:.5rem}.reviewer-icon{color:#667eea}.reviewer-name{color:#1f2937;font-weight:600}.review-rating{gap:.1rem}.review-content p{color:#374151;line-height:1.6;margin-bottom:1rem}.review-date{color:#9ca3af}.related-vendors-section{margin-top:1rem}.related-vendors-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.related-vendor-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem;transition:all .2s}.related-vendor-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.related-vendor-card h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.related-vendor-card .rating{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.related-vendor-card .location{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem}.overview-content{grid-gap:2rem;display:grid;gap:2rem}.hero-section{margin-bottom:1rem}.hero-image{border-radius:12px;box-shadow:0 8px 25px #00000026;height:400px;overflow:hidden;width:100%}.hero-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.hero-image:hover img{transform:scale(1.05)}.about-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem}.about-section h2{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1rem}.about-section p{color:#6b7280;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.business-highlights{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.highlight-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:1rem}.highlight-icon{color:#667eea;flex-shrink:0;font-size:1.5rem}.highlight-item h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.highlight-item p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.featured-packages h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.packages-content h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:2rem}.packages-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.package-card{border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem;transition:all .2s}.package-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.package-card h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.package-price{color:#059669;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.package-description{color:#6b7280;margin-bottom:1rem}.package-card.detailed{display:flex;flex-direction:column}.package-header{align-items:start;margin-bottom:1rem}.package-body{flex:1 1;margin-bottom:1rem}.package-features{margin-top:1rem}.package-features h5{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.package-features ul{list-style:none;margin:0;padding:0}.package-features li{color:#6b7280;font-size:.875rem;padding:.25rem 0 .25rem 1.25rem;position:relative}.package-features li:before{color:#059669;content:"✓";font-weight:700;left:0;position:absolute}.package-footer{margin-top:auto}.services-section{background:#fff;margin:2rem 0;padding:2rem 0}.services-section h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;text-align:center}.services-description{color:#6b7280;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.service-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.service-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px 0 #00000026;transform:translateY(-2px)}.service-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.service-emoji{font-size:1.5rem}.service-default-icon{color:#fff;font-size:1.25rem}.service-info{flex:1 1}.service-name{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.service-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.services-grid{gap:1rem;grid-template-columns:1fr}.service-item{padding:1rem}}.calendar-content h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.selected-package-info{background:#dbeafe;border:1px solid #93c5fd;border-radius:.5rem;margin-bottom:2rem;padding:1rem}.selected-package-info h4{color:#1e40af;margin-bottom:.5rem}.slots-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.slot-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.slot-card:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.slot-card:hover{border-color:#10b981;box-shadow:0 8px 25px #10b98126;transform:translateY(-2px)}.slot-card:hover:before{transform:scaleX(1)}.slot-date,.slot-time{align-items:center;color:#374151;display:flex;gap:.5rem;margin-bottom:.75rem}.slot-book-btn{margin-top:.5rem;width:100%}.no-slots{color:#6b7280;grid-column:1/-1;padding:3rem}.reviews-content h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:2rem}.reviews-summary{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:2rem}.rating-overview{text-align:center}.overall-rating{align-items:center;display:flex;flex-direction:column;gap:.5rem}.rating-number{color:#1f2937;font-size:3rem;font-weight:700}.review-count{color:#6b7280;font-size:.9rem}.reviews-list{grid-gap:1rem;gap:1rem}.review-card{border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.review-header{align-items:start;margin-bottom:1rem}.reviewer-info{align-items:center;display:flex;gap:.75rem}.reviewer-avatar{align-items:center;background:#f3f4f6;border-radius:50%;color:#9ca3af;display:flex;height:40px;justify-content:center;width:40px}.reviewer-info h4{color:#1f2937;margin-bottom:.25rem}.review-stars{display:flex;gap:.1rem}.review-date{color:#6b7280;font-size:.875rem}.review-body p{color:#374151;line-height:1.6}.related-section{background:#fff;border-top:1px solid #e5e7eb;padding:3rem 0}.related-section h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:2rem}.related-businesses{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.related-business-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;transition:all .2s}.related-business-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.related-business-card h4{color:#1f2937;margin-bottom:.5rem}.related-business-card .rating{margin-bottom:.75rem}.related-business-card .location{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.booking-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.booking-modal{background:#fff;border-radius:.75rem;box-shadow:0 10px 25px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{padding:1.5rem}.modal-close{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;font-size:1.25rem;padding:.25rem}.modal-close:hover{background:#f3f4f6}.modal-body{padding:1.5rem}.booking-summary{background:#f8fafc;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.booking-summary h4{color:#1f2937;font-weight:600;margin-bottom:.75rem}.summary-item{color:#374151;justify-content:space-between;margin-bottom:.5rem}.summary-item.total{border-top:1px solid #e5e7eb;color:#1f2937;font-weight:600;margin-top:.5rem;padding-top:.5rem}.booking-form{grid-gap:1rem;display:grid;gap:1rem}.form-group label{color:#374151}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:.375rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.btn-primary{align-items:center;background:#3b82f6;border:none;border-radius:.375rem;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:background .2s}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-outline{border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.business-header{gap:1.5rem;grid-template-columns:1fr}.business-stats{flex-direction:column;gap:1rem}.stat{min-width:auto}.business-name{font-size:2rem}.contact-info{flex-direction:column;gap:.75rem}.nav-tabs{flex-wrap:wrap}.nav-tab{flex:1 1;font-size:.875rem;min-width:0;padding:.75rem 1rem}.packages-grid,.related-businesses,.slots-grid{grid-template-columns:1fr}.booking-modal{margin:1rem;max-height:calc(100vh - 2rem)}.modal-footer{flex-direction:column}}.text-yellow-400{color:#fbbf24}.business-edit-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 1rem}.business-edit-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.page-header h1{font-weight:600;margin:0 0 .5rem}.page-header p{font-size:1.1rem;opacity:.9}.business-edit-form{padding:2rem}.form-section{margin-bottom:2.5rem}.form-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.3rem;padding-bottom:.5rem}.form-group,.form-section h3{margin-bottom:1.5rem}.form-group label{align-items:center;color:#333;display:flex}.form-group label svg{color:#667eea;margin-right:.5rem}.form-group input,.form-group textarea{border:2px solid #e1e5e9;transition:all .3s ease}.form-group small{color:#666;font-size:.85rem}.quick-actions-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-btn{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:12px;color:#333;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .3s ease}.quick-action-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.quick-action-btn svg{color:#667eea;font-size:2rem;margin-bottom:.5rem}.quick-action-btn span{font-size:.95rem;font-weight:500}.form-actions{border-top:2px solid #f0f0f0;padding-top:2rem}.btn-outline{border:2px solid #e1e5e9;color:#666}.btn-outline:hover:not(:disabled){border-color:#667eea;color:#667eea}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.alert{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#059669}.loading-container{color:#fff}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;height:40px;margin-bottom:1rem;width:40px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.business-edit-page{padding:1rem}.business-edit-form,.page-header{padding:1.5rem}.page-header h1{font-size:1.6rem}.form-actions{flex-direction:column}.btn{justify-content:center}.quick-actions-grid{grid-template-columns:1fr}}.business-manage{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 0}.manage-container{margin:0 auto;max-width:1200px;padding:0 1rem}.manage-header{color:#fff;margin-bottom:3rem;text-align:center}.back-btn{border:1px solid #ffffff4d;display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.back-btn:hover{transform:translateY(-2px)}.manage-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000001a}.manage-header p{font-size:1.1rem;margin:0;opacity:.9}.additional-management-section,.quick-management-section{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem}.additional-management-section h2,.quick-management-section h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.business-type-info{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1rem;text-align:center}.business-type-info small{color:#6b7280;font-size:.875rem}.business-type-info strong{color:#374151;font-weight:600}.loading-state{padding:4rem 2rem}.spinner{border:4px solid #f3f4f6;margin-bottom:1rem}.loading-state p{color:#fff;font-size:1.1rem;margin:0}.quick-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:900px}.additional-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.additional-action-btn,.quick-action-btn{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:16px;box-shadow:0 2px 8px #0000000d;color:#333;cursor:pointer;display:flex;flex-direction:column;padding:2rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.additional-action-btn:hover,.quick-action-btn:hover{background:#fafbff;border-color:#667eea;box-shadow:0 8px 24px #667eea33;transform:translateY(-4px)}.additional-action-btn svg,.quick-action-btn svg{color:#667eea;font-size:3rem;margin-bottom:1rem;transition:transform .3s ease}.additional-action-btn:hover svg,.quick-action-btn:hover svg{transform:scale(1.1)}.additional-action-btn span,.quick-action-btn span{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.additional-action-btn small,.quick-action-btn small{color:#666;font-size:.9rem;line-height:1.4;max-width:200px}@media (max-width:768px){.business-manage{padding:1rem 0}.manage-container{padding:0 .5rem}.manage-header h1{font-size:2rem}.additional-management-section,.quick-management-section{margin-bottom:1.5rem;padding:1.5rem}.additional-actions-grid,.quick-actions-grid{gap:1rem;grid-template-columns:1fr}.additional-action-btn,.quick-action-btn{padding:1.5rem 1rem}.additional-action-btn svg,.quick-action-btn svg{font-size:2.5rem}}@media (max-width:480px){.manage-header h1{font-size:1.75rem}.manage-header p{font-size:1rem}.additional-management-section h2,.quick-management-section h2{font-size:1.25rem}}.media-management{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px}.media-management-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.media-management-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.media-counter .count{background:#e2e8f0;border-radius:20px;color:#475569;font-size:.875rem;font-weight:500;padding:8px 16px}.media-counter .count.max{background:#fee2e2;color:#dc2626}.media-management-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px;text-align:center}.media-management-loading .fa-spin{color:#6366f1;font-size:2rem;margin-bottom:16px}.media-upload-section{margin-bottom:32px}.upload-button{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.upload-button:hover:not(.disabled){background:#5b21b6;box-shadow:0 8px 16px #6366f14d;transform:translateY(-2px)}.upload-button.disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.upload-limit-message{color:#dc2626;font-size:.875rem;font-style:italic;margin-top:12px}.media-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:32px}.no-media{align-items:center;color:#64748b;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:48px;text-align:center}.no-media svg{font-size:4rem;margin-bottom:16px;opacity:.5}.no-media h3{color:#475569;font-size:1.25rem;font-weight:600;margin-bottom:8px}.no-media p{font-size:.875rem;margin:0}.media-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;position:relative;transition:all .2s ease}.media-item:hover{border-color:#6366f1;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.media-image{display:block;height:150px;object-fit:cover;width:100%}.media-actions{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.media-item:hover .media-actions{opacity:1}.delete-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#dc2626e6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;padding:8px;transition:all .2s ease}.delete-button:hover{background:#dc2626;transform:scale(1.1)}.media-date{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;font-size:.75rem;left:0;padding:12px 8px 8px;position:absolute;right:0;text-align:center}.media-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.media-info h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:12px}.media-info ul{list-style:none;margin:0;padding:0}.media-info li{color:#475569;font-size:.875rem;padding:4px 0 4px 20px;position:relative}.media-info li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:768px){.media-management{padding:16px}.media-management-header{align-items:flex-start;flex-direction:column;gap:12px}.media-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.media-image{height:120px}}@media (max-width:480px){.media-grid{grid-template-columns:repeat(2,1fr)}.upload-button{justify-content:center;width:100%}}.media-item{animation:fadeIn .3s ease-out}.fa-spin{animation:spin 1s linear infinite}.media-management-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:24px}.page-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:24px;padding:24px}.back-button{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background:#e2e8f0;color:#334155;transform:translateX(-2px)}.page-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 8px}.page-header p{color:#64748b;font-size:1rem;margin:0}.page-content{margin:0 auto;max-width:1200px}@media (max-width:768px){.media-management-page,.page-header{padding:16px}.page-header h1{font-size:1.5rem}}.customer-profile{margin:0 auto;max-width:800px;padding:2rem}.profile-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.profile-title h2{color:#2c3e50;margin-bottom:.5rem}.profile-title p{color:#7f8c8d;font-size:1.1rem;margin:0}.profile-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.profile-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;padding:2rem}.profile-avatar-section{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;text-transform:uppercase;width:80px}.avatar-info h3{color:#2c3e50;font-size:1.5rem;margin:0 0 .5rem}.avatar-info p{color:#7f8c8d;font-size:1rem;margin:0}.profile-form{display:flex;flex-direction:column;gap:2rem}.form-section h4{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.2rem;margin-bottom:1.5rem;padding-bottom:.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group label{color:#2c3e50;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:2px solid #ecf0f1;padding:.75rem}.form-group input:focus,.form-group textarea:focus{border-color:#3498db}.form-group input:disabled,.form-group textarea:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.readonly-field{background-color:#f8f9fa!important;color:#6c757d!important;cursor:not-allowed!important}.form-help{color:#7f8c8d;font-size:.85rem;margin-top:.25rem}.form-actions{border-top:1px solid #ecf0f1;gap:1rem;margin-top:2rem;padding-top:1.5rem}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover:not(:disabled){background:#7f8c8d;transform:translateY(-2px)}.btn:disabled{transform:none}.success-message{background:#efe;border:1px solid #cfc;color:#27ae60;margin-bottom:1rem;padding:1rem}@media (max-width:768px){.customer-profile{padding:1rem}.profile-header{align-items:flex-start;flex-direction:column;gap:1rem}.profile-avatar-section{flex-direction:column;text-align:center}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.customer-bookings{margin:0 auto;max-width:1200px;padding:2rem}.bookings-header{align-items:flex-start;gap:2rem;margin-bottom:2rem}.header-title h2{color:#2c3e50;margin-bottom:.5rem}.header-title p{color:#7f8c8d;font-size:1.1rem;margin:0}.bookings-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:#fff;border:2px solid #ecf0f1;border-radius:20px;color:#7f8c8d;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{border-color:#3498db;color:#3498db}.filter-btn.active{background:#3498db;border-color:#3498db;color:#fff}.bookings-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-icon{color:#3498db;font-size:3rem;margin-bottom:1rem}.bookings-content{box-shadow:0 4px 6px #00000012;padding:1.5rem}.no-bookings{padding:3rem;text-align:center}.no-bookings-icon{color:#bdc3c7;font-size:4rem;margin-bottom:1rem}.no-bookings h3{color:#2c3e50;margin-bottom:.5rem}.no-bookings p{color:#7f8c8d;font-size:1.1rem}.bookings-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.booking-card{background:#f8f9fa;border:2px solid #ecf0f1;padding:1.5rem}.booking-card:hover{box-shadow:0 8px 25px #0000001a}.booking-card.pending{border-left:4px solid #f39c12}.booking-card.confirmed{border-left:4px solid #2ecc71}.booking-card.declined{border-left:4px solid #e74c3c}.booking-header{align-items:flex-start;margin-bottom:1.5rem}.business-info h3{color:#2c3e50;margin:0 0 .5rem}.business-location{color:#7f8c8d;gap:.5rem}.booking-status{align-items:center;display:flex;flex-direction:column;gap:.25rem}.status-icon{font-size:1.5rem}.status-icon.pending{color:#f39c12}.status-icon.confirmed{color:#2ecc71}.status-icon.declined{color:#e74c3c}.status-text{font-size:.8rem;font-weight:600;text-transform:uppercase}.status-text.pending{color:#f39c12}.status-text.confirmed{color:#2ecc71}.status-text.declined{color:#e74c3c}.booking-details{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:1.5rem}.detail-item{align-items:flex-start;gap:.75rem}.detail-icon{color:#7f8c8d;flex-shrink:0;font-size:1rem;margin-top:.25rem}.detail-item div strong{color:#2c3e50;display:block;font-size:.9rem}.detail-item div p{color:#7f8c8d;font-size:.9rem;margin:.25rem 0 0}.package-price{color:#27ae60}.booking-message{background:#ecf0f1;border-radius:8px;margin-top:1rem;padding:1rem}.booking-message strong{color:#2c3e50;display:block;margin-bottom:.5rem}.booking-message p{color:#7f8c8d;font-style:italic;margin:0}.booking-actions{border-top:1px solid #ecf0f1;flex-wrap:wrap;gap:.5rem;padding-top:1rem}.btn{gap:.5rem;padding:.5rem 1rem}.btn-sm{padding:.4rem .8rem}.btn-outline{border:1px solid #bdc3c7;color:#7f8c8d}.btn-outline:hover{background:#ecf0f1;color:#2c3e50}.btn-primary{background:#3498db}.btn-primary:hover{background:#2980b9}.btn-danger{background:#e74c3c}.btn-danger:hover{background:#c0392b}.booking-date{bottom:.5rem;color:#bdc3c7;font-size:.75rem;position:absolute;right:1rem}.error-message{border:1px solid #fcc;color:#c0392b;margin-bottom:1rem;padding:1rem}@media (max-width:768px){.customer-bookings{padding:1rem}.bookings-header{flex-direction:column;gap:1rem}.bookings-filters{justify-content:flex-start}.bookings-grid{grid-template-columns:1fr}.booking-header{flex-direction:column;gap:1rem}.booking-actions{justify-content:stretch}.booking-actions .btn{flex:1 1;justify-content:center}}.customer-favorites{margin:0 auto;max-width:1200px;padding:20px}.favorites-header{align-items:flex-end;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.browse-vendors-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.browse-vendors-btn:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.success-message{background:#f0fff4;border-left:4px solid #48bb78;color:#38a169;margin-bottom:20px}.primary-btn{text-decoration:none}.favorites-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.favorite-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:24px;position:relative;transition:all .3s ease}.favorite-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.business-location{color:#718096;font-size:.9rem;gap:6px;margin-bottom:8px}.business-rating{align-items:center;display:flex;gap:6px}.remove-btn{background:none;border:2px solid #e2e8f0;border-radius:6px;color:#a0aec0;cursor:pointer;font-size:1rem;padding:8px;transition:all .3s ease}.remove-btn:hover{background:#fed7e2;border-color:#e53e3e;color:#e53e3e}.business-description p,.business-services h5,.price-range{font-size:.95rem}.card-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-top:16px}.contact-link,.view-details-btn{font-size:.85rem}.added-date{border-top:1px solid #f0f0f0;color:#a0aec0;font-size:.8rem;margin-top:8px;padding-top:8px;text-align:center}@media (max-width:768px){.customer-favorites{padding:15px}.favorites-header{align-items:stretch;flex-direction:column;gap:16px}.browse-vendors-btn{align-self:center}.favorites-grid{grid-template-columns:1fr}.favorite-card{padding:16px}.card-header{flex-direction:column;gap:12px}.card-actions{align-self:flex-start}.card-footer{align-items:stretch;flex-direction:column;gap:12px}.contact-info,.view-details-btn{justify-content:center}.view-details-btn{width:100%}}@media (max-width:480px){.header-content h2{font-size:1.5rem}.empty-state{padding:40px 15px}.empty-icon{font-size:2.5rem}.services-list{gap:4px}.service-tag{font-size:.75rem;padding:3px 8px}}.customer-reviews{margin:0 auto;max-width:1200px;padding:20px}.reviews-header{align-items:flex-end;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.add-review-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.add-review-btn:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.loading{padding:40px}.review-form-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:1000}.review-form{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:100%}.form-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.form-header h3{font-size:1.4rem;font-weight:600;margin:0}.form-group{margin-bottom:20px;padding:0 24px}.form-group:first-of-type{padding-top:24px}.form-group label{color:#2d3748;display:block}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.stars{gap:4px;margin-bottom:4px}.star{font-size:1.2rem;transition:color .2s ease}.star:hover{color:#ffed4a}.form-actions{background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.cancel-btn{background:#e2e8f0;color:#4a5568}.cancel-btn:hover{background:#cbd5e0}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.reviews-list{grid-gap:20px;display:grid;gap:20px}.review-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:24px;transition:all .3s ease}.review-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.business-info h4{color:#2d3748;font-size:1.2rem;margin:0 0 4px}.booking-date{color:#718096;font-size:.9rem;margin:0}.review-actions{display:flex;gap:8px}.delete-btn,.edit-btn{background:none;border:none;border-radius:6px;color:#718096;cursor:pointer;padding:8px;transition:all .2s ease}.edit-btn:hover{background:#e2e8f0;color:#4a5568}.delete-btn:hover{background:#fed7e2;color:#e53e3e}.review-rating{align-items:center;display:flex;gap:8px;margin-bottom:12px}.rating-text{font-size:.9rem}.review-comment{margin-bottom:16px}.review-comment p{color:#4a5568;font-size:1rem;line-height:1.6;margin:0}.review-meta{border-top:1px solid #e2e8f0;padding-top:12px}.review-date{color:#a0aec0;font-size:.85rem}@media (max-width:768px){.customer-reviews{padding:15px}.reviews-header{align-items:stretch;flex-direction:column;gap:16px}.add-review-btn{align-self:center}.review-form-overlay{padding:10px}.review-card{padding:16px}.review-header{flex-direction:column;gap:12px}.review-actions{align-self:flex-start}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}@media (max-width:480px){.header-content h2{font-size:1.5rem}.empty-state{padding:40px 15px}.empty-icon{font-size:2.5rem}}.customer-search{margin:0 auto;max-width:1200px;padding:20px}.search-header{margin-bottom:30px}.header-content h2{font-size:2rem}.header-content p{font-size:1.1rem}.search-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:24px}.search-bar{gap:12px;margin-bottom:20px}.search-input-group{flex:1 1}.search-icon{font-size:1rem}.search-input-group input{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:14px 16px 14px 48px;transition:border-color .3s ease;width:100%}.search-input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-toggle,.search-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:14px 20px;transition:all .3s ease;white-space:nowrap}.filter-toggle{background:#f7fafc;color:#4a5568}.filter-toggle:hover{background:#edf2f7;border-color:#cbd5e0}.search-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.search-btn:hover:not(:disabled){box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.search-btn:disabled{cursor:not-allowed;opacity:.7}.filters-panel{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.filters-grid{grid-gap:16px;gap:16px}.filter-group label{color:#4a5568;font-size:.9rem;font-weight:500;margin-bottom:6px}.filter-group input,.filter-group select{border-radius:6px;font-size:.95rem;transition:border-color .3s ease}.filter-actions{gap:12px;justify-content:flex-end}.apply-filters,.clear-filters{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:6px;padding:10px 20px;transition:all .3s ease}.clear-filters{background:#e2e8f0;color:#4a5568}.clear-filters:hover{background:#cbd5e0}.apply-filters{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.apply-filters:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.search-results{border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:24px}.results-header{border-bottom:2px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.results-header h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.businesses-grid{grid-gap:20px;display:grid;gap:20px}.business-card{border:1px solid #e2e8f0;padding:24px}.business-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.business-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.business-info h4{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 8px}.business-meta{flex-direction:column;gap:6px}.location{color:#718096;font-size:.9rem}.rating{align-items:center;display:flex;gap:6px}.star{color:#ddd;font-size:.9rem}.star.active{color:gold}.rating-text{color:#718096;font-size:.85rem}.business-actions{gap:8px}.favorite-btn{background:none;border:2px solid #e2e8f0;border-radius:8px;color:#a0aec0;font-size:1.1rem;padding:10px}.favorite-btn:hover{border-color:#f56565;color:#f56565}.favorite-btn.favorited{background:#fed7d7;border-color:#f56565}.business-description{margin-bottom:16px}.business-description p{color:#4a5568;line-height:1.5;margin:0}.business-services{margin-bottom:16px}.business-services h5{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 8px}.services-list{display:flex;flex-wrap:wrap;gap:6px}.service-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 10px}.service-tag.more{background:#e2e8f0;color:#4a5568}.business-pricing{margin-bottom:16px}.price-range{color:#38a169}.business-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-top:16px}.contact-info{gap:12px}.contact-link{align-items:center;color:#667eea;display:flex;font-size:.9rem;gap:4px;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:#764ba2}.view-details-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.view-details-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:768px){.customer-search{padding:15px}.search-bar{align-items:stretch;flex-direction:column}.filter-toggle,.search-btn{justify-content:center;width:100%}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.apply-filters,.clear-filters{justify-content:center;width:100%}.business-header{flex-direction:column;gap:12px}.business-actions{align-self:flex-start}.business-footer{align-items:stretch;flex-direction:column;gap:12px}.contact-info,.view-details-btn{justify-content:center}.view-details-btn{width:100%}}@media (max-width:480px){.header-content h2{font-size:1.6rem}.business-card,.search-results,.search-section{padding:16px}.services-list{gap:4px}.service-tag{font-size:.75rem;padding:3px 8px}}.conversation-view,.conversation-view *{margin:0;padding:0}.conversation-view{background:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;overflow:hidden;position:relative;width:100%}.messages-container{background:#e5ddd5;background-image:radial-gradient(circle at 20px 20px,#fff3 1px,#0000 0),radial-gradient(circle at 60px 60px,#fff3 1px,#0000 0);background-size:80px 80px;flex:1 1;margin:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#0003 #0000;scrollbar-width:thin}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.conversation-header{background:#1976d2;box-shadow:0 1px 3px #0003;color:#fff;min-height:60px;padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.back-btn{background:#0000;border-radius:50%;font-size:16px;height:36px;justify-content:center;padding:6px;transition:background-color .15s ease;width:36px}.back-btn:hover{background:#ffffff1a}.conversation-name{color:#fff;font-size:16px;line-height:1.2;margin:0}.conversation-status{color:#fffc;font-size:12px;line-height:1.2;margin:0}.user-info{align-items:center;cursor:pointer;gap:8px;padding:2px 0}.user-avatar{background:#25d366;font-size:14px;font-weight:500;position:relative}.user-avatar img{border-radius:50%}.user-details{justify-content:center}.user-name{color:#fff;font-size:17px;line-height:1.3;margin:0;transition:color .15s ease}.business-name{color:#fff;font-size:17px;font-weight:500}.business-name,.personal-name{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personal-name{color:#fffc;font-size:14px;font-weight:400}.user-status{display:none!important}.header-actions{gap:8px}.header-action-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:8px;transition:background-color .15s ease;width:40px}.header-action-btn:hover{background:#ffffff1a}.message-avatar{display:none!important}.messages-list{background:#0000;display:flex;flex-direction:column;gap:0;margin:0;min-height:100%;padding:8px 12px}.date-divider{display:flex;justify-content:center;margin:12px 0 8px}.date-divider span,.date-separator span{background:#0000000d;border-radius:12px;color:#667781;font-size:11px;font-weight:500;padding:4px 8px}.date-separator{margin:12px 0 8px}.message{align-items:flex-end;background:#0000;display:flex;position:relative}.message,.message *{border:none;margin:0;outline:none;padding:0}.message.own{flex-direction:row;justify-content:flex-end;margin-left:15%}.message.other{flex-direction:row;justify-content:flex-start;margin-right:15%}.message-bubble{word-wrap:break-word;border-radius:12px;box-shadow:0 1px 1px #0000001a;display:inline-block;font-size:16px;line-height:1.4;margin:0;max-width:none;min-width:30px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.message.own .message-bubble{background:#dcf8c6;border-bottom-right-radius:4px;color:#000;margin:0}.message.other .message-bubble{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 1px #00000026;color:#000;margin:0}.message-content{display:flex;flex-direction:column;margin:0;max-width:none;padding:0;width:-webkit-fit-content;width:fit-content}.message-text{font-size:16px;font-weight:400;line-height:1.4;margin:0;padding:0;white-space:pre-wrap;word-break:break-word}.message-meta{align-items:center;color:#999;display:flex;font-size:11px;gap:3px;justify-content:flex-end;margin:2px 0 0;min-height:12px;padding:0}.message.other .message-meta{justify-content:flex-start}.message-time{color:#999;font-size:11px;font-weight:400}.message-status{color:#999;font-size:12px}.message-input-container{align-items:flex-end;background:#f0f2f5;border-top:1px solid #e4e6ea;display:flex;gap:8px;min-height:56px;padding:8px 12px}.message-input-wrapper{align-items:center;background:#fff;border:1px solid #e4e6ea;border-radius:20px;box-shadow:0 1px 2px #0000001a;display:flex;flex:1 1;gap:6px;padding:8px 12px}.message-input-wrapper:focus-within{border-color:#25d366}.attach-btn,.emoji-btn{color:#8696a0;cursor:pointer;font-size:18px;height:20px;width:20px}.attach-btn,.emoji-btn,.message-input{background:#0000;border:none;padding:0}.message-input{color:#111b21;flex:1 1;font-family:inherit;font-size:14px;line-height:1.3;max-height:80px;min-height:18px;outline:none;resize:none}.message-input::placeholder{color:#8696a0}.send-btn{align-items:center;background:#25d366;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.send-btn:hover{background:#128c7e}.send-btn:disabled{background:#bcc6cc;cursor:not-allowed}.date-separator{display:flex;justify-content:center;margin:12px 0}.date-label{background:#54656fe6;border-radius:7.5px;box-shadow:0 1px .5px #00000021;color:#fff;font-size:12.5px;font-weight:400;padding:5px 12px}.messages-loading{align-items:center;color:#667781;display:flex;justify-content:center;padding:32px}.typing-indicator{align-items:center;background:#fff;border-radius:7.5px;box-shadow:0 1px .5px #00000021;display:flex;gap:4px;margin:4px 0;max-width:65%;padding:8px 12px}.typing-dots{display:flex;gap:2px}.typing-dot{animation:typingPulse 1.4s ease-in-out infinite;background:#90a4ae;border-radius:50%;height:6px;width:6px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.empty-conversation{align-items:center;color:#667781;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px;text-align:center}.empty-conversation .icon{color:#d1d7db;font-size:64px;margin-bottom:16px}.empty-conversation h3{color:#111b21;font-weight:500;margin:0 0 8px}.empty-conversation p{font-size:14px;line-height:1.4;margin:0}.message.grouped-first{margin-bottom:1px}.message.grouped-middle{margin-bottom:1px;margin-top:0}.message.grouped-middle .message-bubble{border-radius:18px}.message.grouped-last{margin-bottom:4px;margin-top:0}.message.grouped-first.own .message-bubble{border-bottom-right-radius:18px}.message.grouped-last.own .message-bubble{border-bottom-right-radius:4px}.message.grouped-first.other .message-bubble{border-bottom-left-radius:18px}.message.grouped-last.other .message-bubble{border-bottom-left-radius:4px}.message.grouped-with-previous{margin-bottom:1px;margin-top:0}.message.grouped-with-previous .message-bubble{border-top-left-radius:8px;border-top-right-radius:8px}.message.grouped-with-next{margin-bottom:0}.message.grouped-with-next .message-bubble{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.message.group-first.own .message-bubble{border-bottom-right-radius:2px;border-top-right-radius:8px}.message.group-first.other .message-bubble{border-bottom-left-radius:2px;border-top-left-radius:8px}.message.group-middle.own .message-bubble{border-bottom-right-radius:8px;border-top-right-radius:8px}.message.group-middle.other .message-bubble{border-bottom-left-radius:8px;border-top-left-radius:8px}.message.group-last.own .message-bubble{border-bottom-right-radius:2px;border-top-right-radius:8px}.message.group-last.other .message-bubble{border-bottom-left-radius:2px;border-top-left-radius:8px}.message.grouped-with-previous .message-avatar{visibility:hidden}.message.grouped-with-next .message-meta{display:none}@media (max-width:768px){.conversation-header{min-height:56px;padding:8px 12px}.user-avatar{font-size:14px;height:36px;width:36px}.business-name,.user-name{font-size:15px}.personal-name{font-size:13px}.user-status{font-size:12px}.back-btn,.header-action-btn{font-size:16px;height:36px;width:36px}.messages-list{padding:8px 12px 16px}.message-bubble{font-size:15px;max-width:none;padding:8px 12px}.message-text{font-size:15px}.message-input-container{min-height:58px;padding:6px 12px}.send-btn{font-size:18px;height:44px;width:44px}.message-input-wrapper{padding:8px 10px}.message-input{font-size:14px}}@media (max-width:480px){.conversation-header{padding:6px 8px}.messages-list{padding:8px}.message-bubble{max-width:85%;padding:5px 6px 7px 8px}.message-input-container{padding:4px 8px}}@media (prefers-color-scheme:dark){.conversation-view{background:#0b141a}.conversation-header{background:#202c33;border-bottom-color:#313a42}.user-name{color:#e9edef}.user-status{color:#8696a0}.back-btn,.header-action-btn{color:#aebac1}.back-btn:hover,.header-action-btn:hover{background:#aebac11a}.messages-container{background-color:#0b141a;background-image:none}.message-bubble.received{background:#202c33;color:#e9edef}.message-bubble.sent{background:#005c4b;color:#e9edef}.message-meta{color:#8696a0}.message-input-container{background:#202c33;border-top-color:#313a42}.message-input-wrapper{background:#2a3942;border-color:#313a42}.message-input{color:#e9edef}.attach-btn,.emoji-btn,.message-input::placeholder{color:#8696a0}.date-label{background:#2a3942e6;color:#e9edef}.typing-indicator{background:#202c33}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.message-bubble{box-shadow:0 .5px .25px #00000021}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item{animation:messageSlideIn .2s ease-out}.message{animation:messageSlideIn .3s ease-out}.message-bubble:hover{box-shadow:0 2px 8px #00000026}.message.own .message-bubble:hover{background:linear-gradient(135deg,#d1f2bd,#c8e1b8)}.message.other .message-bubble:hover{background:#f8f9fa}.message-bubble:focus{outline:2px solid #00a884;outline-offset:2px}.message-content::selection{background:#00a88433}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.conversation-view,.conversation-view *,.message,.message-bubble,.message-content,.message-meta,.message-text,.messages-container,.messages-list{box-sizing:border-box}.messages-container{border:none;outline:none;padding:0}.messages-list{border:none!important;gap:0!important;outline:none!important;padding:8px 12px!important}.message{background:#0000!important}.message,.message-bubble{border:none!important;margin:0!important;outline:none!important}.message-bubble{font-size:16px!important;padding:8px 12px!important}.message-meta{border:none!important;margin-top:2px!important;outline:none!important;padding:0!important}.message+.message{margin-top:0!important}.message-bubble,.message-content{max-width:none!important;width:-webkit-fit-content!important;width:fit-content!important}.message-bubble{display:inline-block!important}.message-group{background:#0000;border:none;display:flex;flex-direction:column;gap:0;margin:0;outline:none;padding:0}.message-group .message{background:#0000!important;border:none!important;margin:0!important;outline:none!important}.message-group .message:not(:last-child){margin-bottom:0!important}.message,.message-bubble,.message-content,.message-text{background-clip:padding-box!important;border:none!important;box-shadow:0 1px 1px #0000001a!important;outline:none!important}.message-group>*,.messages-container>*,.messages-list>*{border:none!important;margin:0!important;outline:none!important}.message:hover .message-bubble{border:none!important;outline:none!important;transform:none}.message-bubble:after,.message-bubble:before,.message-content:after,.message-content:before,.message:after,.message:before{content:none!important;display:none!important}.message-group .message+.message{border-top:none!important;margin-top:0!important;padding-top:0!important}.messages-list{background:#0000!important}.messages-list>*{border:none!important;box-shadow:none!important;margin:0!important;padding:0!important}.messages-list .message{background:#0000!important;border:none!important}.messages-list .message-bubble{border:none!important;box-shadow:0 1px 1px #0000001a!important}.inbox-management{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;height:600px;overflow:hidden}.inbox-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;justify-content:space-between;padding:20px}.inbox-header,.inbox-title{align-items:center;display:flex}.inbox-title{gap:12px}.inbox-icon{font-size:1.25rem}.inbox-title h2{font-size:1.5rem;font-weight:600;margin:0}.inbox-title h2,.new-message-btn{align-items:center;display:flex;gap:8px}.new-message-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.new-message-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.search-bar{border-bottom:1px solid #e5e7eb;padding:16px;position:relative}.search-icon{color:#6b7280;font-size:.875rem;left:28px}.search-input{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:12px 12px 12px 40px;transition:all .2s ease}.new-message-modal{background:#fff;border-radius:12px;margin:20px;max-height:600px;max-width:500px;overflow:hidden;width:100%}.modal-header{padding:20px}.modal-header h3{font-size:1.25rem}.modal-body{max-height:400px;overflow-y:auto;padding:20px}.user-search{margin-bottom:16px;position:relative}.user-search-input{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:12px 12px 12px 40px;transition:all .2s ease;width:100%}.user-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.loading-users{color:#6b7280;padding:20px;text-align:center}.user-results{display:flex;flex-direction:column;gap:8px}.user-result{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.user-result:hover{background:#f3f4f6;border-color:#d1d5db}.user-avatar{overflow:hidden}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-name{color:#1f2937;font-weight:500;margin-bottom:2px}.user-email{color:#6b7280;font-size:.875rem}.no-users-found{color:#6b7280;padding:20px;text-align:center}.conversations-list{flex:1 1;overflow-y:auto;padding:8px 0}.error,.loading,.no-conversations{color:#6b7280;padding:40px 20px;text-align:center}.conversation-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:all .2s ease}.conversation-item:hover{background:#f9fafb}.conversation-item.unread{background:#fef3c7;border-left:4px solid #f59e0b}.conversation-item.unread:hover{background:#fef3c7}.conversation-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.conversation-avatar img{height:100%;object-fit:cover;width:100%}.unread-indicator{background:#fff;border:2px solid #fff;color:#ef4444;height:12px;right:-2px;top:-2px;width:12px}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conversation-name{color:#1f2937;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:4px;white-space:nowrap}.conversation-preview{color:#6b7280;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.unread .conversation-preview{color:#92400e;font-weight:500}.conversation-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.unread-count{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:500;height:20px;justify-content:center;width:20px}.reply-icon{color:#6b7280;font-size:.875rem;opacity:0;transition:opacity .2s ease}.conversation-item:hover .reply-icon{opacity:1}.inbox-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}.action-btn{background:#fff;border:1px solid #d1d5db;color:#374151;flex:1 1;font-size:.875rem;padding:10px 16px}.action-btn:hover{background:#f3f4f6}.action-btn.secondary{border-color:#6b7280;color:#6b7280}.action-btn.secondary:hover{background:#6b7280;color:#fff}.action-btn.danger{border-color:#ef4444;color:#ef4444}.action-btn.danger:hover{background:#ef4444;color:#fff}@media (max-width:768px){.inbox-management{border-radius:0;box-shadow:none;height:100vh}.inbox-header{padding:16px}.inbox-title h2{font-size:1.25rem}.new-message-btn{font-size:.875rem;padding:6px 12px}.search-bar{padding:12px}.conversation-item{padding:12px 16px}.conversation-avatar{height:40px;width:40px}.conversation-name{font-size:.875rem}.conversation-preview{font-size:.8rem}.inbox-actions{gap:8px;padding:12px 16px}.action-btn{font-size:.8rem;padding:8px 12px}}.notification-overlay{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.notification-center{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #00000026;max-height:600px;overflow:hidden;position:fixed;right:20px;top:80px;width:380px;z-index:1000}.notification-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.notification-title{align-items:center;display:flex;gap:12px}.bell-icon{font-size:1.25rem}.notification-title h3{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0}.unread-badge{background:#ef4444;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;min-width:20px;padding:2px 8px;text-align:center}.notification-actions{align-items:center;display:flex;gap:12px}.mark-all-read-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s ease}.mark-all-read-btn:hover{background:#ffffff4d}.close-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;padding:6px;transition:all .2s ease}.close-btn:hover{background:#ffffff4d}.notification-content{max-height:520px;overflow-y:auto}.error,.loading{color:#6b7280;padding:40px 20px;text-align:center}.error{color:#ef4444}.no-notifications{color:#6b7280;padding:60px 20px;text-align:center}.empty-icon{color:#d1d5db;margin-bottom:16px}.no-notifications h4{color:#1f2937;font-size:1.125rem;margin:0 0 8px}.no-notifications p{font-size:.875rem;margin:0}.notification-list{padding:8px 0}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:all .2s ease}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#fef3c7;border-left:4px solid #f59e0b}.notification-item.unread:hover{background:#fef3c7}.notification-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-top:2px;width:40px}.notification-body{flex:1 1;min-width:0}.notification-message{word-wrap:break-word;color:#1f2937;font-size:.875rem;line-height:1.5;margin-bottom:6px}.notification-item.unread .notification-message{color:#92400e;font-weight:500}.notification-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.notification-type{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:.75rem;font-weight:500;padding:2px 6px;text-transform:capitalize}.notification-item.unread .notification-type{background:#fbbf24;color:#92400e}.notification-time{color:#6b7280;font-size:.75rem;white-space:nowrap}.unread-indicator{background:#ef4444;border-radius:50%;height:8px;position:absolute;right:16px;top:16px;width:8px}@media (max-width:768px){.notification-center{left:10px;max-height:calc(100vh - 100px);right:10px;top:70px;width:auto}.notification-header{padding:16px}.notification-title h3{font-size:1.125rem}.notification-item{padding:12px 16px}.notification-icon{height:36px;width:36px}.notification-message{font-size:.8rem}.notification-meta{align-items:flex-start;flex-direction:column;gap:4px}.mark-all-read-btn{display:none}}.notification-content::-webkit-scrollbar{width:6px}.notification-content::-webkit-scrollbar-track{background:#0000}.notification-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notification-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-center{animation:slideInRight .3s ease-out}.booking-creation{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.booking-container{box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.booking-container,.error-state{background:#fff;border-radius:16px}.error-state{padding:60px 20px;text-align:center}.error-icon{color:#e53e3e;font-size:3rem;margin-bottom:20px}.error-state h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 8px}.error-state p{color:#718096;font-size:1rem;margin:0 0 20px}.booking-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;gap:16px;padding:24px}.back-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 12px;transition:background .3s ease}.back-btn:hover{background:#ffffff4d}.header-content h2{font-size:1.6rem;margin:0 0 4px}.header-content p{opacity:.9}.business-summary{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:24px}.business-details h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 12px}.business-meta{color:#718096;display:flex;flex-wrap:wrap;font-size:.9rem;gap:16px}.location{align-items:center;display:flex;gap:6px}.contact-info{display:flex;gap:16px}.email,.phone{align-items:center;display:flex;gap:6px}.booking-steps{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:center;padding:24px}.step{align-items:center;display:flex;flex-direction:column;min-width:120px;position:relative}.step:not(:last-child):after{background:#e2e8f0;content:"";height:2px;position:absolute;right:-60px;top:20px;width:120px;z-index:1}.step.completed:not(:last-child):after{background:#48bb78}.step-number{align-items:center;background:#e2e8f0;border-radius:50%;color:#a0aec0;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;margin-bottom:8px;position:relative;transition:all .3s ease;width:40px;z-index:2}.step.active .step-number{background:#667eea;color:#fff}.step.completed .step-number{background:#48bb78;color:#fff}.step-label{color:#718096;font-size:.85rem;font-weight:500;text-align:center}.step.active .step-label{color:#2d3748;font-weight:600}.error-message{margin:16px 24px}.step-content{padding:32px 24px}.step-content h3{color:#2d3748;font-size:1.4rem;font-weight:600;margin:0 0 24px;text-align:center}.date-selection{margin-bottom:32px}.date-selection label{color:#4a5568;display:block;font-size:1rem;font-weight:500;margin-bottom:8px}.date-selection input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;max-width:300px;padding:12px 16px;transition:border-color .3s ease;width:100%}.date-selection input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.time-slots h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 16px}.no-slots{color:#718096;padding:40px 20px;text-align:center}.no-slots-icon{color:#a0aec0;font-size:2.5rem;margin-bottom:16px}.slots-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.slot-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:16px;text-align:center;transition:all .3s ease}.slot-btn:hover:not(:disabled){border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.slot-btn.selected{background:#f0f4ff;border-color:#667eea;color:#667eea}.slot-btn.unavailable{background:#f7fafc;border-color:#e2e8f0;color:#a0aec0;cursor:not-allowed}.slot-time{font-size:1rem;font-weight:600;margin-bottom:4px}.slot-name{color:#718096;font-size:.85rem}.slot-status{color:#e53e3e;font-size:.75rem;font-weight:500;margin-top:4px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#4a5568;font-size:.95rem;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.packages-list{grid-gap:12px;display:grid;gap:12px}.package-option{border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.package-option:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.package-option.selected{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-color:#667eea}.package-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.package-header h4{font-size:1.1rem;font-weight:600;margin:0}.package-price{font-size:1rem}.package-description{font-size:.9rem;line-height:1.4;margin:0}.booking-summary{grid-gap:20px;display:grid;gap:20px;margin-bottom:24px}.summary-section{background:#f8fafc;border-left:4px solid #667eea;border-radius:12px;padding:20px}.summary-section h4{color:#667eea;font-size:1rem;font-weight:600;margin:0 0 8px}.summary-section p{color:#4a5568;font-size:.95rem;margin:0 0 4px}.summary-section p:last-child{margin-bottom:0}.booking-note{align-items:flex-start;background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.booking-note svg{color:#38a169;flex-shrink:0;font-size:1.1rem;margin-top:2px}.booking-note p{color:#276749;font-size:.9rem;line-height:1.4;margin:0}.step-actions{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:center;padding-top:24px}.btn{min-width:120px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-outline:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.booking-creation{padding:10px}.booking-header{flex-direction:column;gap:12px;padding:20px}.back-btn{align-self:flex-start}.business-meta,.contact-info{flex-direction:column;gap:8px}.booking-steps{padding:16px}.step{min-width:80px}.step:not(:last-child):after{right:-40px;width:80px}.step-number{font-size:.9rem;height:32px;width:32px}.step-label{font-size:.75rem}.step-content{padding:24px 16px}.form-grid,.slots-grid{grid-template-columns:1fr}.step-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.header-content h2{font-size:1.3rem}.step-content h3{font-size:1.2rem}.booking-steps{padding:12px}.step{min-width:60px}.step:not(:last-child):after{right:-30px;width:60px}.step-label{font-size:.7rem}}.booking-management{margin:0 auto;max-width:1200px;padding:20px}.bookings-header{align-items:flex-end;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-content h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0 0 8px}.header-content p{color:#666;font-size:1rem;margin:0}.create-booking-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.create-booking-btn:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.loading{color:#666;flex-direction:column;font-size:1.1rem;gap:12px;padding:60px 20px;text-align:center}.error-message,.loading{align-items:center;display:flex}.error-message{background:#fee;border-left:4px solid #e53e3e;border-radius:8px;color:#c53030;gap:8px;margin-bottom:20px;padding:12px 16px}.booking-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border:1px solid #e2e8f0;box-shadow:0 2px 10px #0000001a;padding:20px}.stat-card:hover{box-shadow:0 4px 15px #00000026}.stat-icon{border-radius:12px;font-size:1.2rem}.stat-icon.all{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.pending{background:linear-gradient(135deg,#ed8936,#dd6b20)}.stat-icon.confirmed{background:linear-gradient(135deg,#48bb78,#38a169)}.stat-icon.completed{background:linear-gradient(135deg,#4299e1,#3182ce)}.stat-content h3{color:#4a5568;margin:0 0 4px}.stat-value{color:#2d3748;font-size:1.8rem;margin:0}.booking-filters{margin-bottom:30px}.filter-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;gap:8px;overflow-x:auto;padding:8px}.filter-tab{align-items:center;background:none;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{background:#f7fafc;color:#4a5568}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.filter-icon{font-size:.8rem}.filter-count{background:#fff3;border-radius:12px;font-size:.75rem;font-weight:600;padding:2px 6px}.filter-tab:not(.active) .filter-count{background:#e2e8f0;color:#718096}.bookings-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:24px}.empty-state{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #cbd5e0;border-radius:12px;padding:60px 20px}.empty-icon{color:#a0aec0;font-size:3rem;margin-bottom:20px}.empty-state h3{color:#2d3748;font-size:1.3rem}.empty-state p{color:#718096;font-size:1rem;margin:0 0 20px}.primary-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.primary-btn:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.bookings-grid{grid-gap:20px;display:grid;gap:20px}.booking-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;position:relative}.booking-card:hover{box-shadow:0 8px 25px #00000026}.booking-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.status-badge{color:#fff;display:flex;font-size:.8rem;font-weight:600}.booking-id{color:#a0aec0;font-size:.9rem;font-weight:500}.booking-business h4{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 8px}.business-address{align-items:center;color:#718096;display:flex;font-size:.9rem;gap:6px;margin:0}.booking-details{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;margin:16px 0;padding:16px 0}.booking-date{align-items:center;display:flex;gap:12px;margin-bottom:12px}.booking-date svg{color:#667eea;font-size:1.1rem}.booking-date div strong{color:#2d3748;display:block;font-size:1rem;margin-bottom:2px}.booking-date div span{color:#718096;font-size:.9rem}.booking-event{margin-bottom:8px}.event-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px}.booking-guests{align-items:center;color:#718096;display:flex;font-size:.9rem;gap:6px}.booking-package{background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;margin:16px 0;padding:12px}.booking-package h5{color:#2d3748;font-size:.95rem;font-weight:600;margin:0 0 4px}.package-price{color:#38a169;font-size:.9rem;font-weight:600;margin:0}.booking-worker{background:#f0fff4;border-radius:6px;font-size:.9rem;margin:12px 0;padding:8px 12px}.booking-worker p{color:#276749;margin:0}.booking-actions{align-items:center;display:flex;gap:8px;margin-top:16px}.action-btn{border-radius:6px;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .3s ease}.action-btn.view{background:#e2e8f0;color:#4a5568}.action-btn.view:hover{background:#cbd5e0}.action-btn.cancel{background:#fed7e2;color:#e53e3e}.action-btn.cancel:hover{background:#feb2d2}.booking-contact{display:flex;gap:8px;margin-left:auto}.contact-btn{align-items:center;background:#667eea;border-radius:50%;display:flex;font-size:.9rem;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}.contact-btn:hover{background:#5a67d8;transform:scale(1.1)}.booking-meta{border-top:1px solid #f0f0f0;margin-top:16px;padding-top:12px}.booking-created{color:#a0aec0;font-size:.8rem}.booking-details-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:1000}.booking-details-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;color:#fff;padding:20px 24px}.modal-header h3{font-size:1.4rem;font-weight:600}.close-btn{background:none;border-radius:4px;color:#fff;font-size:1.5rem;padding:4px;transition:background .2s ease}.close-btn:hover{background:#fff3}.detail-section{margin-bottom:24px}.detail-section h4{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 12px;padding-bottom:8px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{flex-direction:column;gap:4px}.detail-item label{color:#718096;font-size:.85rem;font-weight:500}.detail-item span{color:#2d3748;font-size:.95rem}.status-text.pending{color:#ed8936}.status-text.confirmed{color:#48bb78}.status-text.declined{color:#e53e3e}.status-text.completed{color:#4299e1}.business-detail h5{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 8px}.business-detail p{align-items:center;color:#718096;display:flex;gap:6px;margin:0}.package-detail h5{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 4px}.package-detail .price{color:#38a169;font-size:1.1rem;font-weight:600;margin:0}.timeline{display:flex;flex-direction:column;gap:16px}.timeline-item{background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:16px;padding:12px}.timeline-date{color:#718096;font-size:.85rem;font-weight:500;min-width:80px}.timeline-content strong{color:#2d3748;display:block;font-size:.95rem;margin-bottom:4px}.timeline-content p{color:#718096;font-size:.85rem;margin:0}.modal-actions{background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;gap:12px;padding:20px 24px}.btn{border-radius:6px;font-size:.95rem}.btn-outline{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.btn-outline:hover{background:#f7fafc;border-color:#cbd5e0}.btn-danger{background:#e53e3e;color:#fff}.btn-danger:hover{background:#c53030;transform:translateY(-1px)}@media (max-width:768px){.booking-management{padding:15px}.bookings-header{align-items:stretch;flex-direction:column;gap:16px}.create-booking-btn{align-self:center}.booking-stats{grid-template-columns:repeat(2,1fr)}.filter-tabs{overflow-x:auto;padding:4px}.filter-tab{font-size:.8rem;padding:8px 12px}.booking-card{padding:16px}.booking-header{align-items:flex-start;flex-direction:column;gap:8px}.booking-actions{align-items:stretch;flex-direction:column}.action-btn,.booking-contact{justify-content:center}.booking-contact{margin-left:0;margin-top:8px}.detail-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn{justify-content:center;width:100%}.timeline-item{flex-direction:column;gap:8px}.timeline-date{min-width:auto}}@media (max-width:480px){.header-content h2{font-size:1.5rem}.booking-stats{grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:1.5rem}.empty-state{padding:40px 15px}.empty-icon{font-size:2.5rem}.booking-details-overlay{padding:10px}.modal-content{padding:16px}}.payment-integration{margin:0 auto;max-width:1200px;padding:24px}.payment-header{margin-bottom:24px}.payment-header h2{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:8px}.payment-header p{color:#6b7280;font-size:16px}.tab-navigation{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;margin-bottom:24px;padding:4px}.tab-btn{background:#0000;border-radius:8px;flex:1 1;font-size:14px;justify-content:center;padding:12px 24px;transition:all .2s}.tab-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f633;color:#fff}.tab-btn:hover:not(.active){background:#f3f4f6;color:#374151}.payment-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stat-card{box-shadow:0 1px 3px #0000001a}.stat-icon{border-radius:16px;height:56px;width:56px}.stat-icon.processing{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-info h3{color:#1f2937;font-size:24px;font-weight:700;margin:0}.stat-info p{color:#6b7280;font-size:14px;margin:4px 0 0}.payment-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.filter-group{align-items:center;flex-wrap:wrap;gap:16px}.filter-group svg{color:#6b7280}.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;min-width:140px;padding:10px 16px;transition:border-color .2s}.filter-group select:focus{border-color:#3b82f6;outline:none}.export-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.export-btn:hover{background:#e5e7eb;border-color:#9ca3af}.payments-list{display:flex;flex-direction:column;gap:16px}.payment-card{grid-gap:20px;align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:grid;gap:20px;grid-template-columns:300px 200px 200px 150px;padding:24px;transition:all .2s}.payment-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.payment-info{gap:16px}.payment-info,.payment-method{align-items:center;display:flex}.payment-method{background:#f9fafb;border-radius:8px;flex-direction:column;gap:4px;min-width:80px;padding:12px}.payment-method svg{color:#3b82f6}.payment-method span{color:#374151;font-size:11px;font-weight:600;text-transform:uppercase}.payment-details h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.payment-details p{color:#6b7280;font-size:14px;margin:2px 0}.transaction-id{color:#9ca3af!important;font-family:monospace;font-size:12px!important}.amount-details{display:flex;flex-direction:column;gap:4px}.gross-amount{color:#1f2937;font-size:18px;font-weight:700}.fee{color:#ef4444;font-size:12px}.net-amount{color:#059669;font-size:14px;font-weight:600}.payment-status{display:flex;flex-direction:column;gap:8px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-pending{background:#fef3c7}.status-processing{background:#dbeafe;color:#2563eb}.status-completed{background:#d1fae5;color:#059669}.status-failed{background:#fee2e2;color:#dc2626}.status-refunded{background:#f3e8ff;color:#7c3aed}.payment-date{color:#6b7280;font-size:12px}.spinning{animation:spin 1s linear infinite}.payment-actions{display:flex;flex-direction:column;gap:8px}.refund-btn,.view-btn{align-items:center;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s}.view-btn{background:#f3f4f6;color:#374151}.view-btn:hover{background:#e5e7eb;border-color:#9ca3af}.refund-btn{background:#fef2f2;border-color:#fecaca;color:#dc2626}.refund-btn:hover{background:#fee2e2;border-color:#f87171}.payment-settings{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.settings-section{margin-bottom:40px}.settings-section:last-child{margin-bottom:0}.settings-section h3{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 8px}.settings-section>p{color:#6b7280;margin:0 0 24px}.gateway-settings{display:flex;flex-direction:column;gap:16px}.gateway-item{align-items:center;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .2s}.gateway-item:hover{background:#f9fafb;border-color:#d1d5db}.gateway-info{align-items:center;display:flex;gap:16px}.gateway-info svg{color:#3b82f6;flex-shrink:0}.gateway-info h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.gateway-info p{color:#6b7280;font-size:14px;margin:0}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translateX(26px)}.fee-settings{gap:20px}.fee-item,.fee-settings{display:flex;flex-direction:column}.fee-item{gap:8px}.fee-item label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px}.fee-item input[type=number]{border:1px solid #d1d5db;border-radius:8px;font-size:14px;max-width:200px;padding:12px 16px}.fee-item input[type=number]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.fee-item input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}.fee-item p{color:#6b7280;font-size:13px;margin:4px 0 0 24px}.settings-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding-top:24px}.save-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.save-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.modal-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:1000}.payment-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 0}.modal-header h3{color:#1f2937;font-size:20px;font-weight:700;margin:0}.close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#e5e7eb;color:#374151}.modal-content{padding:24px}.payment-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item strong{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-item span{color:#1f2937;font-size:14px}.net-highlight{color:#059669!important;font-size:16px!important;font-weight:600!important}.modal-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:24px;padding-top:24px}.loading-state{color:#6b7280;padding:80px 20px}.spinner{border:3px solid #f3f4f6;border-top-color:#3b82f6;height:32px;margin-bottom:16px;width:32px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.empty-state svg{color:#9ca3af;margin-bottom:16px}.empty-state h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}@media (max-width:1024px){.payment-card{gap:16px;grid-template-columns:1fr}.payment-actions,.payment-info{justify-content:space-between}.payment-actions{flex-direction:row}}@media (max-width:768px){.payment-integration{padding:16px}.filter-group{align-items:stretch;flex-direction:column}.payment-stats,.payment-summary{grid-template-columns:1fr}.gateway-item{align-items:flex-start;gap:16px}.gateway-item,.tab-navigation{flex-direction:column}}.customer-dashboard{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.dashboard-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.dashboard-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:30px}.customer-info{align-items:center;display:flex;gap:20px}.customer-avatar{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.customer-details h1{font-size:2rem;font-weight:600;margin:0 0 8px}.customer-email,.customer-location{font-size:.9rem;margin:4px 0;opacity:.9}.header-actions{gap:12px}.btn{display:flex;gap:8px}.btn-outline{background:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-outline:hover{background:#ffffff4d}.btn-primary{background:#fff;border:1px solid #fff;color:#667eea}.btn-primary:hover{background:#f8fafc}.dashboard-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:16px 24px;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:#f3f4f6;color:#374151}.tab-btn.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.tab-content{min-height:600px;padding:30px}.stats-grid{grid-gap:20px;gap:20px;margin-bottom:40px}.stat-card{align-items:center;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:24px;transition:all .2s ease}.stat-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.stat-icon{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.stat-icon.bookings{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.favorites{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.stat-content h3{color:#374151;font-size:.9rem;font-weight:500;margin:0 0 8px}.stat-value{color:#1f2937;margin:0 0 4px}.stat-period{color:#6b7280;font-size:.8rem}.quick-actions h2{color:#1f2937;font-size:1.5rem;margin:0 0 24px}.actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.action-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;text-align:center;transition:all .2s ease}.action-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.action-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;height:60px;margin:0 auto 16px;width:60px}.action-card h3{color:#1f2937;font-size:1.125rem;margin:0 0 8px}.action-card p{color:#6b7280;line-height:1.5;margin:0 0 20px}.action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease;width:100%}.action-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.recent-activity h2{color:#1f2937;font-size:1.5rem;margin:0 0 24px}.no-activity{color:#6b7280;padding:40px;text-align:center}.activity-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.activity-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:16px;padding:20px;transition:background .2s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#f9fafb}.activity-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.activity-icon.pending{background:#f59e0b}.activity-icon.confirmed{background:#10b981}.activity-icon.declined{background:#ef4444}.activity-content{flex:1 1}.activity-content h4{color:#1f2937;font-size:1rem;margin:0 0 4px}.activity-content p{color:#6b7280;font-size:.875rem;margin:0 0 4px}.activity-time{color:#9ca3af;font-size:.75rem}.activity-status .status{border-radius:6px;font-size:.75rem;font-weight:500;padding:4px 12px;text-transform:uppercase}.status.pending{background:#fef3c7;color:#92400e}.status.confirmed{background:#d1fae5;color:#065f46}.status.declined{background:#fee2e2;color:#991b1b}.dashboard-error,.dashboard-loading{align-items:center;background:#f8fafc;display:flex;justify-content:center;min-height:100vh}.error-content,.loading-spinner{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;padding:40px;text-align:center}.error-icon,.loading-icon{font-size:3rem;margin-bottom:16px}.loading-icon{color:#667eea}.error-icon{color:#ef4444}.retry-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:16px;padding:12px 24px;transition:background .2s ease}.retry-btn:hover{background:#5a6fcf}@media (max-width:768px){.customer-dashboard{padding:10px}.dashboard-header{flex-direction:column;gap:20px;padding:20px;text-align:center}.customer-info{flex-direction:column;gap:12px}.customer-avatar{font-size:1.5rem;height:60px;width:60px}.customer-details h1{font-size:1.5rem}.header-actions{flex-direction:column;width:100%}.dashboard-tabs{overflow-x:auto}.tab-btn{font-size:.875rem;padding:12px 16px}.tab-content{padding:20px}.actions-grid,.stats-grid{gap:16px;grid-template-columns:1fr}.activity-item{gap:12px;padding:16px}.activity-icon{font-size:.875rem;height:36px;width:36px}}.customer-bookings{background-color:#f9fafb;min-height:100vh}.booking-card{border:1px solid #e5e7eb;transition:all .3s ease}.booking-card:hover{box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-2px)}.status-badge{transition:all .2s ease}.status-badge:hover{transform:scale(1.05)}.action-button{transition:all .2s ease}.action-button:hover{transform:scale(1.1)}.booking-detail-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.booking-stats-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;color:#fff;padding:1.5rem;transition:all .3s ease}.booking-stats-card:hover{box-shadow:0 20px 40px -10px #0003;transform:translateY(-4px)}.search-input{transition:all .3s ease}.search-input:focus{box-shadow:0 0 0 3px #3b82f61a}.filter-dropdown{transition:all .3s ease}.filter-dropdown:focus{box-shadow:0 0 0 3px #3b82f61a}.booking-table{border-collapse:initial;border-spacing:0}.booking-table thead tr th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.booking-table tbody tr{transition:all .2s ease}.booking-table tbody tr:hover{background-color:#f8fafc}.booking-table td{border-bottom:1px solid #e2e8f0}.empty-state{color:#6b7280;padding:4rem 2rem;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009}.modal-content{max-height:90vh;overflow-y:auto}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.booking-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.booking-info-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.booking-info-label{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.booking-info-value{color:#1f2937;font-weight:500}.status-pending{background-color:#fef3c7;color:#d97706}.status-accepted{background-color:#d1fae5;color:#059669}.status-rejected{background-color:#fee2e2;color:#dc2626}.status-past{background-color:#f3f4f6;color:#6b7280}.status-cancelled{background-color:#fed7aa;color:#ea580c}.message-bubble{background-color:#f0f9ff;border:1px solid #e0f2fe;border-radius:1rem;margin-top:1rem;padding:1rem;position:relative}.message-bubble:before{border-bottom:8px solid #e0f2fe;border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;left:20px;position:absolute;top:-8px;width:0}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.stat-icon{font-size:2.5rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#6b7280;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.booking-table{font-size:.875rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.booking-info-grid{grid-template-columns:1fr}.modal-content{margin:1rem;max-height:85vh}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}.booking-table{font-size:.75rem}.booking-table td,.booking-table th{padding:.5rem}}header{background-color:#fff;border-bottom:1px solid #0000000d;box-shadow:0 2px 10px #0000001a;left:0;padding:15px 0;position:fixed;right:0;top:0;z-index:999998}header .container{margin:0 auto;max-width:1400px;padding:0 20px}header .d-flex{align-items:center;display:flex;height:70px;justify-content:space-between}.user-menu-container{z-index:99999999}.active{border-bottom:3px solid #e94e77;color:#e94e77!important}.logo{height:80px;margin-left:-100px;margin-top:-25px;width:100px}.logo img{height:50%;margin-top:25px;width:150%}.main-menu{width:550px}.main-menu li a{color:#334155;font-family:ubuntu;font-size:12px;font-weight:600;padding-bottom:20px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.main-menu li a:hover{border-bottom:2px solid #e94e77;color:#e94e77}.main-menu-right{align-items:center;display:flex;flex:1 1;justify-content:flex-end;min-width:300px;padding-right:20px}.main-menu-right li{margin-right:25px}.main-menu-right li a{color:#334155;font-family:ubuntu;font-size:12px;font-weight:600;padding-bottom:20px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.main-menu-right li a:hover{border-bottom:2px solid #e94e77;color:#e94e77}.register a{color:red;font-size:12px;font-weight:800;padding:10px 20px;text-decoration:none;text-transform:uppercase}.register .cus-log-nav:hover,.register a span{background-color:red;border-radius:5px;color:#fff}.register a span{font-weight:800;padding:10px 20px}.register a span i{margin-right:3px}.main-nav li,.register li{list-style:none}.mobile-body,.mobile-header{display:none}.mobile-header{position:relative}.mobile-logo{height:50px;width:150px}.mobile-logo img{height:100%;width:100%}.mobile-header i{font-size:22px}.main-nav-mb li{list-style:none;padding:5px}.main-nav-mb li a{color:#000;text-decoration:none}.mobile-menu{background-color:#fff;box-shadow:0 4px 8px #0000001a;display:block;top:50px;width:100%;z-index:1}.mobile-menu-icon,.mobile-user{cursor:pointer;width:30px}.mobile-register{background-color:#fff;display:none;left:0;margin:0 auto;padding:30px;position:absolute;top:0;width:100%;z-index:1}.mobile-register a{background-color:red;border-radius:5px;color:#fff;font-weight:800;padding:10px 115px;text-decoration:none}.mobile-notifications{align-items:center;display:flex;gap:15px}.mobile-message-link,.mobile-notification-link{align-items:center!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:2px solid #94a3b84d!important;border-radius:50%!important;color:#475569!important;display:flex!important;font-size:26px!important;height:56px!important;justify-content:center!important;position:relative!important;text-decoration:none!important;transition:all .3s ease!important;width:56px!important}.mobile-message-link:hover,.mobile-notification-link:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#e94e77;color:#e94e77;text-decoration:none}.mobile-message-badge{align-items:center;background:linear-gradient(135deg,#e94e77,#d63d6a);border:2px solid #fff;border-radius:9px;box-shadow:0 2px 6px #e94e774d;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:-6px;top:-6px}.vendors_nav{position:relative}.vendors_sub_nav,.vendors_sub_nav_right{background-color:#fff;box-shadow:0 4px 8px #0000001a;display:none;left:0;min-width:200px;position:absolute;top:100%;z-index:10}.vendors_sub_nav_right{left:auto;right:0}.vendors_nav:hover .vendors_sub_nav,.vendors_nav:hover .vendors_sub_nav_right{display:block}.vendors_sub_nav li,.vendors_sub_nav_right li{list-style:none;padding:0}.vendors_sub_nav li a,.vendors_sub_nav_right li a{border-bottom:1px solid #eee;color:#000;display:block;font-size:11px;padding:10px 15px;text-decoration:none}.vendors_sub_nav li a:hover,.vendors_sub_nav_right li a:hover{background-color:#f5f5f5;color:red}.user-menu-container{z-index:10000}.user-menu-trigger{background-color:initial;border:1px solid #0000;border-radius:8px;gap:8px;padding:8px 12px}.user-menu-trigger.active,.user-menu-trigger:hover{background-color:#f8f9fa;border-color:#e9ecef}.avatar-icon{color:#6c757d;font-size:24px}.user-name{color:#333;font-size:13px;max-width:120px}.user-role{color:#6c757d;font-size:11px}.dropdown-arrow{align-items:center;display:flex;justify-content:center;margin-left:8px}.user-dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 8px 25px #00000026;margin-top:8px;overflow:hidden;pointer-events:auto;position:absolute;right:0;top:100%;-webkit-user-select:none;user-select:none;width:280px;z-index:99999999}.dropdown-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:15px;padding:20px}.user-avatar-large{color:#fff;font-size:40px;opacity:.9}.user-details{flex:1 1;min-width:0}.user-name-large{font-size:16px;font-weight:600;margin-bottom:4px}.user-email,.user-name-large{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:13px;margin-bottom:6px;opacity:.9}.user-type-badge{background:#fff3;border-radius:12px;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.dropdown-divider{background-color:#e9ecef;height:1px;margin:0}.dropdown-options{padding:8px 0}.dropdown-option{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;outline:none;padding:12px 20px;pointer-events:auto;position:relative;text-align:left;transition:background-color .2s ease;width:100%;z-index:1}.dropdown-option:hover{background-color:#f8f9fa}.dropdown-option.logout-option{color:#dc3545;cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:999999!important}.dropdown-option.logout-option:hover{background-color:#fff5f5;color:#dc3545}.logout-option .option-icon{color:#dc3545;pointer-events:none}.logout-option span{pointer-events:none}.option-icon{color:#6c757d;font-size:16px;width:16px}.dropdown-option:focus{background-color:#f8f9fa;outline:2px solid #007bff;outline-offset:-2px}.dropdown-option:active{background-color:#e9ecef;transform:translateY(1px)}.user-dropdown-menu *{pointer-events:auto}.dropdown-option{align-items:center!important;display:flex!important;justify-content:flex-start!important;min-height:44px}.header-actions{gap:20px;height:100%}.header-icons{align-items:center;display:flex;gap:25px}.header-icon-btn{align-items:center!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:2px solid #94a3b84d!important;border-radius:50%!important;box-shadow:0 4px 16px #0000001a!important;color:#475569!important;display:flex!important;flex-grow:0!important;flex-shrink:0!important;font-weight:500!important;justify-content:center!important;max-height:80px!important;max-width:80px!important;min-height:80px!important;min-width:80px!important;position:relative!important;text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.header-icon-btn:hover{background:linear-gradient(135deg,#fff,#f8fafc)!important;border-color:#e94e77!important;box-shadow:0 8px 32px #e94e7740!important;color:#e94e77!important;text-decoration:none!important;transform:translateY(-2px)!important}.header-icon-btn:focus{border-color:#e94e77;box-shadow:0 0 0 3px #e94e771a;color:#e94e77;outline:none}.header-icon-btn.has-unread{background:linear-gradient(135deg,#fef2f2,#fce7e6);border-color:#e94e77;color:#e94e77}.icon-badge{animation:subtle-pulse 2s infinite;background:linear-gradient(135deg,#e94e77,#d63d6a);border:3px solid #fff;border-radius:13px;box-shadow:0 3px 10px #e94e7766;font-size:12px;height:26px;min-width:26px;right:-8px;top:-8px}.connection-status{align-items:center;border:2px solid #fff;border-radius:50%;bottom:-2px;display:flex;font-size:8px;font-weight:700;height:14px;justify-content:center;position:absolute;right:-2px;width:14px}.connection-status.offline{background:#f59e0b;box-shadow:0 1px 4px #f59e0b66;color:#fff}.user-profile-section{border:1px solid #94a3b833;padding:8px 16px}.user-info{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.user-type{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.user-dropdown{border:1px solid #94a3b833;min-width:180px}.user-dropdown a{color:#475569;display:block;font-size:14px;font-weight:500;padding:12px 20px;text-decoration:none;transition:all .2s ease}.user-dropdown a:hover{background-color:#f8fafc;color:#e94e77;text-decoration:none}@keyframes subtle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.desktop-header{display:none}.mobile-header{background-color:#fff;box-shadow:0 2px 10px #0000001a;display:block;left:0;padding:15px 0;position:fixed;right:0;top:0;z-index:9}.header-actions{gap:15px}.header-icons{gap:10px}.header-icon-btn{font-size:20px;height:48px;width:48px}.user-profile-section{gap:8px;min-height:44px;padding:6px 12px}.user-avatar{font-size:16px;height:32px;width:32px}.user-name{font-size:13px}.user-type{font-size:10px}.auth-buttons{gap:8px}.btn{font-size:12px;padding:8px 16px}.mobile-icon{color:#6c757d;cursor:pointer;font-size:20px;transition:color .2s ease}.mobile-icon:hover{color:#dc3545}.mobile-user{cursor:pointer}}@media (min-width:769px){.mobile-header{display:none!important}.desktop-header{display:block}.header-icons{gap:14px}.header-icon-btn{font-size:22px;height:52px;width:52px}.icon-badge{font-size:12px;height:24px;min-width:24px}}.message_txt_and_img,.notification_txt_and_img{position:relative}.unread_messages_txt,.unread_notifications_txt_class{display:none}.d-flex{display:flex!important}.justify-content-between{justify-content:space-between!important}.justify-content-end{justify-content:flex-end!important}.align-items-center{align-items:center!important}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.header-icon-btn i,.header-icon-btn svg{font-size:36px!important;height:36px!important;min-height:36px!important;min-width:36px!important;width:36px!important}.header-icons .header-icon-btn,a[title=Messages],a[title=Notifications]{font-size:36px!important;height:70px!important;min-height:70px!important;min-width:70px!important;width:70px!important}a[title=Messages],a[title=Notifications]{border-radius:50%!important}a[title=Messages] svg,a[title=Notifications] svg{font-size:36px!important;height:36px!important;min-height:36px!important;min-width:36px!important;width:36px!important}.header-icon-btn[title=Messages] svg,.header-icon-btn[title=Notifications] svg{transform:scale(1.2)!important}.header-actions .header-icons a svg,.header-icon-btn[title=Messages] svg,.header-icon-btn[title=Notifications] svg{font-size:38px!important;height:38px!important;min-height:38px!important;min-width:38px!important;width:38px!important}.header-actions{align-items:center!important;display:flex!important;gap:25px!important;height:100%!important}.main-menu-right .header-actions .header-icon-btn{font-size:36px!important}.header-icons a.header-icon-btn,.main-menu-right .header-actions .header-icon-btn{height:70px!important;min-height:70px!important;min-width:70px!important;width:70px!important}.header-icons a.header-icon-btn svg{font-size:38px!important;height:38px!important;min-height:38px!important;min-width:38px!important;transform:scale(1.15)!important;width:38px!important}.header-actions .header-icons a.header-icon-btn[title=Messages],.header-actions .header-icons a.header-icon-btn[title=Notifications],.main-menu-right .header-actions .header-icons a[title=Messages],.main-menu-right .header-actions .header-icons a[title=Notifications],header .main-menu-right .header-actions .header-icons a[title=Messages],header .main-menu-right .header-actions .header-icons a[title=Notifications]{align-items:center!important;border-radius:50%!important;display:flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:40px!important;height:80px!important;justify-content:center!important;max-height:80px!important;max-width:80px!important;min-height:80px!important;min-width:80px!important;width:80px!important}.header-actions .header-icons a.header-icon-btn[title=Messages] svg,.header-actions .header-icons a.header-icon-btn[title=Notifications] svg,.main-menu-right .header-actions .header-icons a[title=Messages] svg,.main-menu-right .header-actions .header-icons a[title=Messages]>svg,.main-menu-right .header-actions .header-icons a[title=Notifications] svg,.main-menu-right .header-actions .header-icons a[title=Notifications]>svg,header .main-menu-right .header-actions .header-icons a[title=Messages] svg,header .main-menu-right .header-actions .header-icons a[title=Notifications] svg{stroke-width:1.5!important;display:block!important;flex-grow:0!important;flex-shrink:0!important;font-size:48px!important;height:48px!important;max-height:48px!important;max-width:48px!important;min-height:48px!important;min-width:48px!important;transform:scale(1)!important;width:48px!important}.header-actions .header-icons a.header-icon-btn[title=Messages]>svg,.header-actions .header-icons a.header-icon-btn[title=Notifications]>svg,.header-actions .header-icons a[title=Messages]>svg,.header-actions .header-icons a[title=Notifications]>svg,.main-menu-right .header-actions .header-icons a[title=Messages]>svg,.main-menu-right .header-actions .header-icons a[title=Notifications]>svg,header .header-actions .header-icons a[title=Messages]>svg,header .header-actions .header-icons a[title=Notifications]>svg{stroke-width:1.5!important;font-size:50px!important;height:50px!important;max-height:50px!important;max-width:50px!important;min-height:50px!important;min-width:50px!important;transform:scale(1)!important;width:50px!important}.header-actions .header-icons svg,.main-menu-right .header-actions .header-icons svg,header .header-actions .header-icons svg{font-size:48px!important;height:48px!important;max-height:48px!important;max-width:48px!important;min-height:48px!important;min-width:48px!important;width:48px!important}.header-actions .header-icons{gap:35px!important}.main-menu-right .header-actions{min-width:400px!important}.header-actions .header-icons a[title=Messages] *,.header-actions .header-icons a[title=Notifications] *{box-sizing:border-box!important}.header-actions .header-icons a{align-items:center!important;display:flex!important;justify-content:center!important}.header-icon-btn{font-size:48px!important;height:80px!important;width:80px!important}.header-icon-btn svg{height:48px!important;width:48px!important}.modern-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;height:80px;left:0;position:fixed;right:0;top:0;z-index:1000}.header-container{height:100%}.logo-section{flex-shrink:0}.logo-link{align-items:center;display:flex}.logo-img{height:48px;width:auto}.desktop-nav{align-items:center;gap:32px;margin:0 auto}.nav-link{border-bottom:2px solid #0000;font-weight:500;padding:8px 0;transition:all .3s ease}.nav-link.active,.nav-link:hover{border-bottom-color:#e94e77;color:#e94e77;text-decoration:none}.header-actions{gap:24px}.icon-section{gap:20px}.action-icon-btn,.icon-section{align-items:center;display:flex}.action-icon-btn{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 8px #00000014;color:#64748b;height:64px;justify-content:center;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.action-icon-btn:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#e94e77;box-shadow:0 8px 24px #e94e7726;color:#e94e77;text-decoration:none;transform:translateY(-2px)}.action-icon-btn:focus{outline:2px solid #e94e77;outline-offset:2px}.icon-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.action-icon{stroke-width:1.5;font-size:32px;height:32px;width:32px}.notification-badge{animation:pulse-notification 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.message-badge,.notification-badge{align-items:center;border:2px solid #fff;border-radius:12px;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;position:absolute;right:-8px;top:-8px}.message-badge{animation:pulse-message 2s infinite;background:linear-gradient(135deg,#e94e77,#d63d6a);box-shadow:0 2px 8px #e94e774d}.offline-indicator{align-items:center;background:#f59e0b;border:2px solid #fff;border-radius:50%;bottom:-4px;box-shadow:0 1px 4px #f59e0b66;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;width:18px}.notification-btn.has-unread{background:linear-gradient(135deg,#fef2f2,#fce7e6);border-color:#ef4444;color:#ef4444}.message-btn.has-unread{background:linear-gradient(135deg,#fef2f2,#fce7e6);border-color:#e94e77;color:#e94e77}.user-profile-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:24px;cursor:pointer;display:flex;gap:12px;min-height:48px;padding:12px 16px;position:relative;transition:all .3s ease}.user-profile-section:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#e94e77;box-shadow:0 4px 16px #e94e771a}.user-avatar{background:linear-gradient(135deg,#e94e77,#d63d6a);box-shadow:0 2px 8px #e94e7733;height:36px;width:36px}.avatar-icon{font-size:20px;height:20px;width:20px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{line-height:1.2}.user-role{font-size:10px;letter-spacing:.8px}.dropdown-arrow{color:#64748b;height:12px;transition:transform .3s ease;width:12px}.dropdown-arrow.rotated{transform:rotate(180deg)}.user-dropdown{border-radius:12px;box-shadow:0 8px 32px #0000001f;min-width:200px;padding:8px 0;z-index:1000}.dropdown-item{background:none;border:none;color:#475569;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:12px 20px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:hover{background-color:#f8fafc;color:#e94e77;text-decoration:none}.logout-btn{color:#dc2626}.logout-btn:hover{background-color:#fef2f2;color:#dc2626}.btn{border:2px solid;border-radius:24px;font-size:13px;justify-content:center;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase}.btn-outline{border-color:#e94e77;color:#e94e77}.btn-outline:hover{background:#e94e77;box-shadow:0 4px 16px #e94e7733;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#e94e77,#d63d6a);border-color:#e94e77}.btn-primary:hover{background:linear-gradient(135deg,#d63d6a,#c73660);box-shadow:0 4px 16px #e94e774d;color:#fff;text-decoration:none}.mobile-menu-toggle{background:none;border:none;color:#64748b;font-size:20px;padding:8px}.mobile-menu-toggle:hover{background:#f8fafc;color:#e94e77}.mobile-menu{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 16px #0000001a;display:none;left:0;position:absolute;right:0;top:100%;z-index:999}.mobile-nav{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.mobile-nav-link{border-bottom:1px solid #f1f5f9;padding:12px 0;transition:color .2s ease}.mobile-nav-link:hover{color:#e94e77;text-decoration:none}.mobile-actions{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:12px;padding:20px 24px}.mobile-action-btn{align-items:center;background:#f8fafc;border-radius:12px;color:#64748b;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.mobile-action-btn:hover{background:#e94e77;color:#fff;text-decoration:none}@keyframes pulse-notification{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-message{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-toggle,.mobile-menu.open{display:block}.icon-section{gap:16px}.action-icon-btn{height:48px;width:48px}.action-icon{font-size:24px;height:24px;width:24px}.header-actions{gap:16px}.user-profile-section{min-height:40px;padding:8px 12px}.user-avatar{height:32px;width:32px}.avatar-icon{font-size:16px;height:16px;width:16px}}@media (min-width:769px){.mobile-menu{display:none!important}}body{margin-top:80px}.professional-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 12px #00000014;overflow:visible;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;min-height:80px;padding:0 24px}.header-logo{flex-shrink:0}.logo-link{display:block;text-decoration:none}.logo-image{height:48px;transition:transform .2s ease;width:auto}.logo-image:hover{transform:scale(1.05)}.desktop-nav{display:flex;flex:1 1;justify-content:center;margin:0 32px}.nav-list{display:flex;gap:8px;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;line-height:inherit;padding:12px 20px;text-align:left;text-decoration:none;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}button.nav-link{align-items:center!important;border:0!important;border-radius:8px!important;box-shadow:none!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;letter-spacing:.5px!important;margin:0!important;outline:none!important;padding:12px 20px!important;text-transform:uppercase!important;transition:all .2s ease!important;white-space:nowrap!important}a.nav-link,button.nav-link{background:#0000!important;color:#475569!important}a.nav-link{text-decoration:none!important}.nav-link:hover,a.nav-link:hover,button.nav-link:hover{background-color:#f1f5f9!important;border:2px solid #3b82f6!important;color:#1e40af!important;transform:translateY(-1px)!important}.nav-list .nav-item .nav-link,.nav-list .nav-item a.nav-link,.nav-list .nav-item button.nav-link{background-color:#e0f2fe!important;border:2px solid #3b82f6!important}.nav-link,.nav-link.active,a.nav-link,a.nav-link.active,button.nav-link,button.nav-link.active{background-color:#e0f2fe!important;border:2px solid #3b82f6!important;border-radius:8px!important;box-shadow:none!important;color:#475569!important;font-weight:600!important;outline:none!important}.nav-icon{font-size:16px;opacity:.8}.nav-text{font-size:14px}.nav-dropdown{position:relative}.dropdown-trigger{align-items:center;cursor:pointer;display:flex;gap:8px;position:relative;z-index:1002}button.dropdown-trigger{background:#0000!important;border:none!important;border-radius:8px!important;color:#475569!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;outline:none!important;padding:12px 20px!important;text-transform:uppercase!important;transition:all .2s ease!important}button.dropdown-trigger:hover{background-color:#f1f5f9!important;color:#1e40af!important}button.dropdown-trigger:focus{outline:2px solid #3b82f6!important;outline-offset:2px!important}.dropdown-arrow{font-size:10px;margin-left:4px;opacity:.7;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px #0000001f;left:0;list-style:none;margin:8px 0 0;min-width:200px;padding:8px;position:absolute;top:100%;z-index:1001}.dropdown-icon{color:#64748b;height:16px;transition:color .2s ease;width:16px}.dropdown-link:hover .dropdown-icon{color:#1e40af}.dropdown-link.active{background-color:#dbeafe;color:#1e40af;font-weight:600}.dropdown-link.active .dropdown-icon{color:#1e40af}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header-actions{flex-shrink:0;gap:16px}.action-icons,.header-actions{align-items:center;display:flex}.action-icons{gap:12px}.action-icon{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:50%;color:#475569;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:relative;text-decoration:none;transition:all .3s ease;width:48px}.action-icon:hover{background:#dbeafe;border-color:#bfdbfe;box-shadow:0 4px 16px #1e40af33;color:#1e40af;transform:translateY(-2px)}.action-icon.has-unread{background:#fef2f2;border-color:#fecaca;color:#dc2626}.action-icon.has-unread:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.icon-badge{align-items:center;animation:badgePulse 2s infinite;background:#dc2626;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-4px;top:-4px}.notification-badge{background:#f59e0b}.message-badge{background:#10b981}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.connection-indicator{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:8px;font-weight:700;height:12px;justify-content:center;position:absolute;right:-2px;width:12px}.connection-indicator.offline{animation:blink 1s infinite;background:#ef4444}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:50px;cursor:pointer;display:flex;gap:12px;min-width:180px;padding:8px 16px 8px 8px;transition:all .2s ease}.user-menu-trigger:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.user-info{flex:1 1;min-width:0;text-align:left}.user-name{color:#1e293b;display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{display:block;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.user-menu-arrow,.user-role{color:#64748b;font-size:12px}.user-menu-arrow{flex-shrink:0;transition:transform .2s ease}.user-menu-arrow.open{transform:rotate(180deg)}.user-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 12px 48px #00000026;margin-top:8px;max-height:400px;min-width:280px;overflow:visible;position:absolute;right:0;top:100%;z-index:9999}.user-dropdown-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.user-dropdown-info{display:flex;flex-direction:column;gap:4px}.user-dropdown-name{font-size:16px;font-weight:600}.user-dropdown-email{font-size:14px;opacity:.9}.user-dropdown-menu{min-height:120px;overflow:visible;padding:8px}.dropdown-link{align-items:center;background:none;border:none;border-radius:8px;color:#475569;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%}.dropdown-link:hover{background-color:#f1f5f9;color:#1e40af}.dropdown-icon{font-size:16px;opacity:.7}.logout-link{border-top:1px solid #f1f5f9;color:#dc2626!important;margin-top:8px;padding-top:16px}.logout-link:hover{background-color:#fef2f2!important}.auth-buttons{align-items:center;display:flex;gap:12px}.btn{border:2px solid #0000;font-size:14px;min-width:90px;padding:10px 20px;transition:all .2s ease}.btn-outline{border-color:#e2e8f0;color:#475569}.btn-outline:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e40af;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#1e40af,#3b82f6);border-color:#1e40af}.btn-primary:hover{background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 4px 16px #1e40af4d;transform:translateY(-2px)}.mobile-menu-toggle{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:none;font-size:18px;height:44px;justify-content:center;transition:all .2s ease;width:44px}.mobile-menu-toggle:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e40af}.mobile-menu-container{animation:mobileMenuSlide .3s ease;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 8px 32px #0000001f;display:none;left:0;position:absolute;right:0;top:100%;z-index:999}@keyframes mobileMenuSlide{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{padding:16px 0}.mobile-nav-list{list-style:none;margin:0;padding:0}.mobile-nav-item{margin:0}.mobile-nav-link{align-items:center;background:none;border:none;color:#475569;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;padding:16px 24px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.mobile-nav-link:hover{background-color:#f8fafc;color:#1e40af}.mobile-nav-link.active{background-color:#dbeafe;color:#1e40af;font-weight:600}.mobile-nav-dropdown{position:relative}.mobile-dropdown-menu{background:#f8fafc;border-top:1px solid #e2e8f0;list-style:none;margin:0;padding:0}.mobile-dropdown-link{align-items:center;color:#64748b;display:flex;font-size:14px;gap:12px;padding:12px 24px 12px 48px;text-decoration:none;transition:all .2s ease}.mobile-dropdown-link .dropdown-icon{color:#64748b;height:16px;transition:color .2s ease;width:16px}.mobile-dropdown-link:hover{background-color:#f1f5f9;color:#1e40af}.mobile-dropdown-link:hover .dropdown-icon{color:#1e40af}.mobile-dropdown-link.active{background-color:#dbeafe;color:#1e40af;font-weight:600}.mobile-dropdown-link.active .dropdown-icon{color:#1e40af}.mobile-nav-divider{background:#e2e8f0;height:1px;margin:16px 24px}@media (max-width:1024px){.header-container{padding:0 16px}.nav-text{display:none}.nav-icon{font-size:18px}.nav-link{padding:12px}.user-info{display:none}.user-menu-trigger{min-width:auto;padding:8px}}@media (max-width:768px){.action-icons,.auth-buttons,.desktop-nav,.user-menu-container{display:none}.mobile-menu-toggle{display:flex}.mobile-menu-container{display:block}.header-container{min-height:64px}.logo-image{height:36px}}@media (max-width:480px){.header-container{padding:0 12px}.mobile-nav-link{font-size:15px;padding:14px 16px}.mobile-dropdown-link{font-size:13px;padding:10px 16px 10px 32px}}@media (prefers-color-scheme:dark){.professional-header{background:#1e293b;border-bottom-color:#334155}.nav-link{color:#cbd5e1}.nav-link:hover{background-color:#334155;color:#60a5fa}.nav-link.active{background-color:#1e3a8a;color:#60a5fa}.action-icon{background:#334155;border-color:#475569;color:#cbd5e1}.action-icon:hover{background:#1e3a8a;border-color:#3b82f6;color:#60a5fa}.user-menu-trigger{background:#334155;border-color:#475569}.user-menu-trigger:hover{background:#475569;border-color:#64748b}.user-name{color:#f1f5f9}.user-dropdown{background:#1e293b;border-color:#334155}.dropdown-link{color:#cbd5e1}.dropdown-link:hover{background-color:#334155;color:#60a5fa}.mobile-menu-container{background:#1e293b;border-top-color:#334155}.mobile-nav-link{color:#cbd5e1}.mobile-nav-link:hover{background-color:#334155;color:#60a5fa}}.action-icon:focus,.mobile-menu-toggle:focus,.nav-link:focus,.user-menu-trigger:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.professional-header{border-bottom:2px solid #000}.nav-link{border:1px solid #0000}.nav-link.active,.nav-link:hover{border-color:#000}.action-icon{border-width:2px}.icon-badge{border:2px solid #fff}}.footer-social-hover{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.footer-social-hover:hover{box-shadow:0 12px 30px #0006;transform:translateY(-3px) scale(1.05)}@keyframes gradient-shift{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 50%}}.footer-gradient-animated{animation:gradient-shift 20s ease infinite;background:linear-gradient(-45deg,#4c1d95,#6b46c1,#7c3aed,#a855f7,#ec4899,#be185d);background-size:400% 400%;position:relative}.footer-gradient-animated:before{background:linear-gradient(135deg,#8b45131a,#ffffff0d 50%,#8b45131a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-content::-webkit-scrollbar{width:4px}.footer-content::-webkit-scrollbar-track{background:#ffffff1a}.footer-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.footer-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.footer-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px}.footer-link{position:relative;transition:all .3s ease}.footer-link:after{background:linear-gradient(90deg,#ec4899,#a855f7);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-link:hover:after{width:100%}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animate-pulse{animation:heartbeat 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in-left{animation:fadeInLeft .6s ease-out}.fade-in-right{animation:fadeInRight .6s ease-out}.float-animation{animation:float 3s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4f46e5,#7c3aed)}*{transition:all .3s ease}.focus\:ring-2:focus{box-shadow:0 0 0 2px #8b5cf680;outline:none}.hover\:shadow-xl:hover{box-shadow:0 25px 50px -12px #00000040}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.btn-primary{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#9333ea var(--tw-gradient-to-position);--tw-text-opacity:1;background-image:linear-gradient(to right,var(--tw-gradient-stops));border-radius:.75rem;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:1.125rem;font-weight:600;line-height:1.75rem;padding:1rem 2rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-primary:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-secondary{--tw-border-opacity:1;--tw-text-opacity:1;border-color:#4f46e5;border-color:rgb(79 70 229/var(--tw-border-opacity,1));border-radius:.75rem;border-width:2px;color:#4f46e5;color:rgb(79 70 229/var(--tw-text-opacity,1));font-size:1.125rem;font-weight:600;line-height:1.75rem;padding:1rem 2rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{--tw-bg-opacity:1;background-color:#eef2ff;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.card-hover{transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-5px)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#6366f1;height:24px;width:24px}@media (max-width:768px){.mobile-text-center{text-align:center}.mobile-full-width{width:100%}}.pattern-dots{background-image:radial-gradient(circle,#e5e7eb 1px,#0000 0);background-size:20px 20px}.pattern-grid{background-image:linear-gradient(#6366f11a 1px,#0000 0),linear-gradient(90deg,#6366f11a 1px,#0000 0);background-size:50px 50px}.section-padding{padding-bottom:5rem;padding-top:5rem}.section-padding-sm{padding-bottom:3rem;padding-top:3rem}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.interactive-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-card:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-8px) scale(1.02)}.form-input{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:.75rem;border-width:1px;padding:1rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1));border-color:#0000;box-shadow:0 0 0 2px #8b5cf680;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.status-success{background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1));border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1));border-radius:.75rem;border-width:1px;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.status-error,.status-success{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;padding:1rem}.status-error{background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1));border-radius:.75rem;border-width:1px;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.status-warning{background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1));border-color:#fef08a;border-color:rgb(254 240 138/var(--tw-border-opacity,1));border-radius:.75rem;border-width:1px;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.status-info,.status-warning{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;padding:1rem}.status-info{background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1));border-radius:.75rem;border-width:1px;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}*{box-sizing:border-box;margin:0;padding:0}body{color:#2d3748;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;min-height:calc(100vh - 80px);padding-top:0}.container{margin:0 auto;max-width:1200px;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-bottom:1rem}a{color:#667eea;text-decoration:none;transition:color .3s ease}a:hover{color:#5a67d8}.btn{display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-secondary{background:#f8f9fa;border:1px solid #e1e5e9;color:#2d3748}.btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.form-control{border:1px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.loading-container{justify-content:center;min-height:50vh}.loading-container,.loading-spinner{align-items:center;display:flex;flex-direction:column}.loading-spinner{color:#667eea;gap:16px}.loading-spinner i{font-size:2rem}.loading-spinner p{font-size:16px;font-weight:500;margin:0}.fas{font-weight:900}.far,.fas{font-family:Font Awesome\ 5 Free}.far{font-weight:400}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.p-1{padding:.25rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534}.success-message,.warning-message{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:10px;padding:12px 16px}.warning-message{background:#fffbeb;border:1px solid #fed7aa;border-radius:8px;color:#92400e}.conversation-view,.inbox-dashboard{margin:0!important;max-width:none!important;padding:0!important;width:100vw!important}.container:has(.conversation-view),.container:has(.inbox-dashboard){margin:0!important;max-width:none!important;padding:0!important;width:100vw!important}.messaging-page{margin:0!important;max-width:none!important;padding:0!important;width:100vw!important}@media (max-width:768px){.container{padding:0 15px}.main-content{margin-top:70px;min-height:calc(100vh - 70px);padding-top:70px}}@media (max-width:480px){.main-content{margin-top:60px;min-height:calc(100vh - 60px)}}.package-comparison-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.comparison-header{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:24px;padding:32px;text-align:center}.header-content{margin:0 auto;max-width:800px}.page-title{align-items:center;color:#2d3748;display:flex;font-size:2.5rem;font-weight:700;gap:16px;justify-content:center;margin-bottom:12px}.title-icon{color:#667eea;font-size:2.2rem}.page-subtitle{color:#718096;font-size:1.1rem;line-height:1.6;margin-bottom:24px}.comparison-summary{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;justify-content:center;padding:16px 24px}.comparison-count{color:#2d3748;font-weight:600}.compare-btn{background:#667eea;border:none;border-radius:8px;color:#fff;font-weight:600;padding:10px 20px;transition:all .2s}.compare-btn:hover{background:#5a67d8;transform:translateY(-1px)}.search-filters-section{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:24px;padding:24px}.search-bar{align-items:center;display:flex;gap:16px;margin-bottom:16px}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:#a0aec0;font-size:1.1rem;left:16px}.search-input{border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:14px 16px 14px 48px;transition:all .2s;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-toggle{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:14px 20px;transition:all .2s}.filter-toggle.active,.filter-toggle:hover{border-color:#667eea;color:#667eea}.sort-select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-weight:600;min-width:200px;padding:14px 16px}.sort-select:focus{border-color:#667eea;outline:none}.filters-panel{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:24px}.filters-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.filter-group label{color:#2d3748;display:block;font-weight:600;margin-bottom:8px}.filter-group input,.filter-group select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:10px 12px;transition:all .2s;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;outline:none}.price-inputs{gap:12px}.price-inputs span{color:#718096;font-weight:600}.filters-actions{border-top:1px solid #e2e8f0;padding-top:16px;text-align:center}.error-state,.loading-state{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:60px 20px;text-align:center}.spinner{border:4px solid #e2e8f0;height:50px;margin:0 auto 16px;width:50px}.results-info{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:24px;padding:16px 24px}.results-count{color:#2d3748;font-size:1.1rem;font-weight:700}.search-info{color:#667eea;font-weight:600;margin-left:8px}.comparison-table-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:24px;overflow:hidden}.comparison-header-actions{align-items:center;background:#f7fafc;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.comparison-header-actions h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.comparison-table-wrapper{overflow-x:auto}.comparison-table{border-collapse:initial;border-spacing:0;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #e2e8f0;padding:16px;text-align:left}.comparison-table th{background:#f7fafc;color:#2d3748;font-weight:700;position:-webkit-sticky;position:sticky;top:0}.feature-column{background:#667eea!important;color:#fff!important;font-weight:700;min-width:150px}.package-column{min-width:250px;text-align:center}.package-header{position:relative}.package-header h4{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0 0 4px}.business-name{color:#718096;font-size:.9rem}.package-price{margin:12px 0}.original-price{color:#a0aec0;font-size:.9rem;margin-right:8px;text-decoration:line-through}.discounted-price,.price{color:#667eea;font-size:1.3rem;font-weight:700}.discount-badge{border-radius:6px;font-size:.8rem;margin-left:8px;padding:4px 8px}.remove-from-comparison{align-items:center;background:#f56565;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.feature-name{color:#2d3748;font-weight:700}.rating-display{align-items:center;display:flex;gap:8px;justify-content:center}.stars{display:flex;gap:2px}.availability-status{font-weight:600}.features-list{list-style:none;margin:0;padding:0}.features-list li{align-items:center;display:flex;font-size:.9rem;gap:8px;margin-bottom:4px}.comparison-actions{display:flex;flex-direction:column;gap:8px}.packages-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.package-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.package-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.package-image{height:200px;overflow:hidden;position:relative}.package-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.package-card:hover .package-image img{transform:scale(1.05)}.popular-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:.8rem;gap:4px;left:12px}.discount-badge,.popular-badge{border-radius:20px;color:#fff;font-weight:700;padding:6px 12px;position:absolute;top:12px}.discount-badge{background:#48bb78;font-size:.9rem;right:12px}.card-actions{bottom:12px;display:flex;gap:8px;opacity:0;position:absolute;right:12px;transition:opacity .3s ease}.package-card:hover .card-actions{opacity:1}.compare-btn,.favorite-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.compare-btn:hover,.favorite-btn:hover{background:#fff;transform:scale(1.1)}.favorite-btn.favorited{color:#f56565}.compare-btn:disabled{cursor:not-allowed;opacity:.5}.package-content{padding:24px}.package-header{margin-bottom:16px}.package-title{color:#2d3748;font-size:1.3rem;font-weight:700;margin:0 0 8px}.business-info{align-items:center;color:#718096;display:flex;font-size:.9rem;gap:16px}.business-location{align-items:center;display:flex;gap:4px}.package-rating{align-items:center;display:flex;gap:8px;margin-bottom:12px}.rating-text{color:#2d3748;font-weight:600}.package-description{color:#718096;font-size:.95rem;line-height:1.5;margin-bottom:16px}.package-details{border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding-bottom:16px}.detail-item{align-items:center;color:#718096;display:flex;font-size:.9rem;gap:6px}.detail-item.availability{font-weight:600}.package-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.feature-tag{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;color:#2d3748;display:flex;font-size:.8rem;gap:4px;padding:4px 8px}.feature-tag svg{color:#48bb78;font-size:.7rem}.more-features{color:#667eea;font-size:.8rem;font-weight:600}.package-footer{align-items:center;display:flex;justify-content:space-between}.discounted-pricing{align-items:flex-start;display:flex;flex-direction:column}.current-price{color:#667eea;font-size:1.4rem;font-weight:700}.package-actions{display:flex;gap:8px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a67d8;transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #667eea;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff}.btn-sm{font-size:.8rem;padding:6px 12px}.comparison-indicator{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:.8rem;font-weight:700;gap:4px;justify-content:center;left:-2px;padding:8px;position:absolute;right:-2px;text-align:center;top:-2px}.no-results{grid-column:1/-1;padding:60px 20px;text-align:center}.no-results-icon{font-size:4rem;margin-bottom:16px}.no-results h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:8px}.no-results p{color:#718096;margin-bottom:24px}@media (max-width:768px){.package-comparison-container{padding:16px}.comparison-header{padding:24px}.page-title{font-size:2rem}.search-bar{align-items:stretch;flex-direction:column}.filters-grid,.packages-grid{grid-template-columns:1fr}.packages-grid{gap:16px}.comparison-table-wrapper{font-size:.9rem}.package-footer{align-items:flex-start;flex-direction:column;gap:16px}.package-actions{justify-content:space-between;width:100%}}@media (max-width:480px){.comparison-header{padding:20px}.page-title{flex-direction:column;font-size:1.7rem;gap:8px}.comparison-summary{flex-direction:column;gap:12px}}.advanced-search-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:20px 0}.search-header{margin:0 auto 40px;max-width:1200px;padding:0 20px;text-align:center}.search-title h1{color:#fff;font-size:3rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.search-title p{color:#ffffffe6;font-size:1.2rem}.main-search-bar,.search-title p{margin-bottom:30px}.search-input-group{background:#fff;border-radius:50px;box-shadow:0 10px 30px #0003;display:flex;margin:0 auto;max-width:600px;overflow:hidden;position:relative}.search-icon{color:#666;font-size:1.2rem;left:20px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.main-search-input{background:#0000;border:none;flex:1 1;font-size:1.1rem;outline:none;padding:18px 20px 18px 55px}.filter-toggle{align-items:center;background:#667eea;border:none;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:18px 25px;transition:background .3s ease}.filter-toggle:hover{background:#5a6fd8}.filter-toggle.active{background:#4c63d2}.quick-filters{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.quick-filter{background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.quick-filter:hover{background:#ffffff4d;transform:translateY(-2px)}.quick-filter.active{background:#fff;border-color:#fff;color:#667eea}.search-content{margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.filters-panel{animation:slideDown .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;margin-bottom:30px;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filters-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 30px}.filters-header h3{color:#333;font-size:1.5rem;margin:0}.filter-actions{display:flex;gap:10px}.clear-filters-btn,.save-search-btn{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.save-search-btn:hover{background:#f8f9fa;border-color:#667eea;color:#667eea}.clear-filters-btn:hover{background:#f8f9fa;border-color:#dc3545;color:#dc3545}.close-filters-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .3s ease}.close-filters-btn:hover{background:#f8f9fa;color:#333}.filters-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:30px}.filter-group{display:flex;flex-direction:column;gap:15px}.filter-label{align-items:center;color:#333;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:5px}.date-input,.filter-input,.price-input,.select-input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:12px 15px;transition:border-color .3s ease}.date-input:focus,.filter-input:focus,.price-input:focus,.select-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.radius-slider{display:flex;flex-direction:column;gap:10px}.radius-slider label{color:#666;font-size:.9rem}.slider{-webkit-appearance:none;background:#ddd;border-radius:3px;height:6px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.price-inputs{align-items:center;display:flex;gap:15px}.price-input{flex:1 1}.rating-options{display:flex;flex-wrap:wrap;gap:10px}.rating-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:10px 15px;transition:all .3s ease}.rating-btn:hover{border-color:#667eea;color:#667eea}.rating-btn.active{background:#667eea;border-color:#667eea;color:#fff}.date-inputs{display:flex;gap:15px}.date-input{flex:1 1}.time-slots{display:flex;flex-direction:column;gap:8px}.time-slot-btn{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.9rem;padding:10px 15px;text-align:left;transition:all .3s ease}.time-slot-btn:hover{background:#f8f9fa;border-color:#667eea}.time-slot-btn.active{background:#667eea;border-color:#667eea;color:#fff}.checkbox-grid{grid-gap:10px;border:1px solid #eee;border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:10px}.checkbox-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:5px;transition:background .3s ease}.checkbox-item:hover{background:#f8f9fa}.checkbox-item input[type=checkbox]{accent-color:#667eea;height:16px;width:16px}.feature-tags{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{background:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.feature-tag:hover{background:#f8f9fa;border-color:#667eea}.feature-tag.active{background:#667eea;border-color:#667eea;color:#fff}.toggle-filters{display:flex;flex-direction:column;gap:10px}.toggle-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:12px 15px;text-align:left;transition:all .3s ease}.toggle-btn:hover{background:#f8f9fa;border-color:#667eea}.toggle-btn.active{background:#667eea;border-color:#667eea;color:#fff}.search-results{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.results-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px 30px}.results-info{color:#666;font-size:1rem}.sort-controls{align-items:center;display:flex;gap:10px}.sort-select{border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 12px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:20px;width:40px}.business-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:30px}.business-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.business-card:hover{border-color:#667eea;box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.business-header,.business-image{position:relative}.business-image{height:200px;overflow:hidden}.business-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.business-card:hover .business-image img{transform:scale(1.05)}.favorite-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px}.favorite-btn:hover{background:#fff;transform:scale(1.1)}.favorite-btn.active{color:#e74c3c}.business-info{padding:20px}.business-info h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 8px}.business-type{color:#667eea;font-size:.9rem;font-weight:500;margin-bottom:10px}.business-location,.business-rating{align-items:center;color:#666;display:flex;font-size:.9rem;gap:8px;margin-bottom:8px}.business-rating{color:orange;font-weight:600}.business-features{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 15px}.feature-badge{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#667eea;font-size:.8rem;font-weight:500;padding:4px 8px}.business-pricing{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:0 20px 15px}.price-range{color:#333;font-size:1rem;font-weight:600}.business-badges{display:flex;gap:8px}.booking-badge,.verified-badge{border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 8px}.verified-badge{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.booking-badge{background:#cce5ff;border:1px solid #b3d9ff;color:#0056b3}.business-actions{border-top:1px solid #eee;display:flex;gap:10px;padding:20px}.contact-btn,.view-profile-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.view-profile-btn{background:#fff;border:1px solid #667eea;color:#667eea}.view-profile-btn:hover{background:#667eea;color:#fff}.contact-btn{background:#28a745;border:none;color:#fff}.contact-btn:hover{background:#218838}.pagination{align-items:center;border-top:1px solid #eee;display:flex;gap:15px;justify-content:center;padding:30px}.pagination button{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.pagination button:hover:not(:disabled){border-color:#667eea;color:#667eea}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#666;font-weight:500}@media (max-width:768px){.search-title h1{font-size:2rem}.search-input-group{border-radius:12px;flex-direction:column}.filter-toggle{border-radius:0 0 12px 12px}.quick-filters{align-items:center;flex-direction:column}.filters-grid{grid-template-columns:1fr;padding:20px}.results-header{align-items:flex-start;flex-direction:column}.business-grid{grid-template-columns:1fr;padding:20px}.business-actions{flex-direction:column}}@media (max-width:480px){.advanced-search-container{padding:10px 0}.search-header{padding:0 10px}.search-title h1{font-size:1.8rem}.business-card{margin:0 10px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.filters-panel,.search-results{background:#2d3748;color:#fff}.business-card{background:#2d3748;border-color:#4a5568}.date-input,.filter-input,.price-input,.select-input{background:#4a5568;border-color:#718096;color:#fff}}@media print{.business-actions,.filters-panel{display:none!important}.business-grid{display:block}.business-card{break-inside:avoid;margin-bottom:20px;page-break-inside:avoid}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-bottom-2{bottom:-.5rem}.-bottom-8{bottom:-2rem}.-left-2{left:-.5rem}.-left-4{left:-1rem}.-right-2{right:-.5rem}.-right-4{right:-1rem}.-right-8{right:-2rem}.-top-2{top:-.5rem}.-top-4{top:-1rem}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-20{bottom:5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-10{left:2.5rem}.left-2{left:.5rem}.left-20{left:5rem}.left-3{left:.75rem}.left-32{left:8rem}.left-4{left:1rem}.left-6{left:1.5rem}.left-full{left:100%}.right-0{right:0}.right-10{right:2.5rem}.right-2{right:.5rem}.right-20{right:5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-2{top:.5rem}.top-20{top:5rem}.top-3{top:.75rem}.top-32{top:8rem}.top-4{top:1rem}.top-40{top:10rem}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-auto{height:auto}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-full{width:100%}.min-w-64{min-width:16rem}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-xl{max-width:36rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-4{--tw-translate-x:-1rem}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x:1rem}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-105,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(3rem*var(--tw-space-y-reverse));margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-300{--tw-border-opacity:1;border-color:#86efac;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.border-indigo-600{--tw-border-opacity:1;border-color:#4f46e5;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:#fed7aa;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-orange-300{--tw-border-opacity:1;border-color:#fdba74;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:rgb(233 78 119/var(--tw-border-opacity,1))}.border-purple-300{--tw-border-opacity:1;border-color:#d8b4fe;border-color:rgb(216 180 254/var(--tw-border-opacity,1))}.border-purple-600{--tw-border-opacity:1;border-color:#9333ea;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:#fca5a5;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-t-transparent{border-top-color:#0000}.bg-amber-50{--tw-bg-opacity:1;background-color:#fffbeb;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/10{background-color:#0000001a}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-400{--tw-bg-opacity:1;background-color:#60a5fa;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-cyan-50{--tw-bg-opacity:1;background-color:#ecfeff;background-color:rgb(236 254 255/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-200{--tw-bg-opacity:1;background-color:#bbf7d0;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:#eef2ff;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:#6366f1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:#ffedd5;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:#fff7ed;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:#f97316;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-pink-300{--tw-bg-opacity:1;background-color:#f9a8d4;background-color:rgb(249 168 212/var(--tw-bg-opacity,1))}.bg-pink-400{--tw-bg-opacity:1;background-color:#f472b6;background-color:rgb(244 114 182/var(--tw-bg-opacity,1))}.bg-pink-500{--tw-bg-opacity:1;background-color:#ec4899;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.bg-pink-600{--tw-bg-opacity:1;background-color:#db2777;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(233 78 119/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-300{--tw-bg-opacity:1;background-color:#d8b4fe;background-color:rgb(216 180 254/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:#a855f7;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-200{--tw-bg-opacity:1;background-color:#fecaca;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-teal-50{--tw-bg-opacity:1;background-color:#f0fdfa;background-color:rgb(240 253 250/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:#fff3}.bg-white\/50{background-color:#ffffff80}.bg-white\/70{background-color:#ffffffb3}.bg-white\/90{background-color:#ffffffe6}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-200{--tw-bg-opacity:1;background-color:#fef08a;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:#facc15;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-opacity-0{--tw-bg-opacity:0}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-opacity-70{--tw-bg-opacity:0.7}.bg-opacity-90{--tw-bg-opacity:0.9}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-amber-400{--tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);--tw-gradient-to:#fbbf2400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from:#0009 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from:#22d3ee var(--tw-gradient-from-position);--tw-gradient-to:#22d3ee00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-400{--tw-gradient-from:#9ca3af var(--tw-gradient-from-position);--tw-gradient-to:#9ca3af00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:#f9fafb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:#4ade8000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-400{--tw-gradient-from:#818cf8 var(--tw-gradient-from-position);--tw-gradient-to:#818cf800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from:#eef2ff var(--tw-gradient-from-position);--tw-gradient-to:#eef2ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-300{--tw-gradient-from:#f9a8d4 var(--tw-gradient-from-position);--tw-gradient-to:#f9a8d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:#f472b600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-50{--tw-gradient-from:#fdf2f8 var(--tw-gradient-from-position);--tw-gradient-to:#fdf2f800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:#ec489900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-600{--tw-gradient-from:#db2777 var(--tw-gradient-from-position);--tw-gradient-to:#db277700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:#c084fc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:#faf5ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-400{--tw-gradient-from:#f87171 var(--tw-gradient-from-position);--tw-gradient-to:#f8717100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-400{--tw-gradient-from:#2dd4bf var(--tw-gradient-from-position);--tw-gradient-to:#2dd4bf00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-to:#facc1500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-black\/50{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#00000080 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-50{--tw-gradient-to:#faf5ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#faf5ff var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-600{--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#9333ea var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0000 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-blue-800{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.to-gray-600{--tw-gradient-to:#4b5563 var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to:#eef2ff var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-indigo-700{--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}.to-orange-400{--tw-gradient-to:#fb923c var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-pink-50{--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-purple-300{--tw-gradient-to:#d8b4fe var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to:#faf5ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-purple-700{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-16{padding-left:4rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-blue-100{--tw-text-opacity:1;color:#dbeafe;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-gray-100{--tw-text-opacity:1;color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:#14532d;color:rgb(20 83 45/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:#4f46e5;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:#c2410c;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:#9a3412;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-pink-100{--tw-text-opacity:1;color:#fce7f3;color:rgb(252 231 243/var(--tw-text-opacity,1))}.text-pink-300{--tw-text-opacity:1;color:#f9a8d4;color:rgb(249 168 212/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:#f472b6;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:#ec4899;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:#db2777;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(233 78 119/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:#7e22ce;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-red-900{--tw-text-opacity:1;color:#7f1d1d;color:rgb(127 29 29/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/90{color:#ffffffe6}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.blur-lg{--tw-blur:blur(16px)}.blur-lg,.blur-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-md{--tw-blur:blur(12px)}.blur-xl{--tw-blur:blur(24px)}.blur-xl,.drop-shadow-lg{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-300{transition-delay:.3s}.delay-700{transition-delay:.7s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{-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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.primary{color:#e94e77}.bg-primary{background-color:#e94e77}.bg-primary-dark{background-color:#d63d6a}.text-primary{color:#e94e77}.border-primary{border-color:#e94e77}.ring-primary{--tw-ring-color:#e94e77}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.placeholder\:text-gray-400::placeholder{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.placeholder\:text-green-300::placeholder{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.placeholder\:text-red-300::placeholder{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-2:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-\[1\.01\]:hover{--tw-scale-x:1.01;--tw-scale-y:1.01}.hover\:scale-\[1\.01\]:hover,.hover\:scale-\[1\.02\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:#9ca3af;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:bg-black\/70:hover{background-color:#000000b3}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:#bbf7d0;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:#eef2ff;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.hover\:bg-pink-700:hover{--tw-bg-opacity:1;background-color:#be185d;background-color:rgb(190 24 93/var(--tw-bg-opacity,1))}.hover\:bg-primary-dark:hover{--tw-bg-opacity:1;background-color:#d63d6a;background-color:rgb(214 61 106/var(--tw-bg-opacity,1))}.hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.hover\:bg-opacity-30:hover{--tw-bg-opacity:0.3}.hover\:bg-gradient-to-br:hover{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-indigo-700:hover{--tw-gradient-from:#4338ca var(--tw-gradient-from-position);--tw-gradient-to:#4338ca00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-pink-50:hover{--tw-gradient-from:#fdf2f8 var(--tw-gradient-from-position);--tw-gradient-to:#fdf2f800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-purple-50:hover{--tw-gradient-to:#faf5ff var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.hover\:text-blue-200:hover{--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-blue-900:hover{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-green-900:hover{--tw-text-opacity:1;color:#14532d;color:rgb(20 83 45/var(--tw-text-opacity,1))}.hover\:text-indigo-500:hover{--tw-text-opacity:1;color:#6366f1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.hover\:text-pink-300:hover{--tw-text-opacity:1;color:#f9a8d4;color:rgb(249 168 212/var(--tw-text-opacity,1))}.hover\:text-pink-800:hover{--tw-text-opacity:1;color:#9d174d;color:rgb(157 23 77/var(--tw-text-opacity,1))}.hover\:text-primary:hover{--tw-text-opacity:1;color:#e94e77;color:rgb(233 78 119/var(--tw-text-opacity,1))}.hover\:text-purple-500:hover{--tw-text-opacity:1;color:#a855f7;color:rgb(168 85 247/var(--tw-text-opacity,1))}.hover\:text-purple-600:hover{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.hover\:text-red-900:hover{--tw-text-opacity:1;color:#7f1d1d;color:rgb(127 29 29/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-lg:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.focus\:border-pink-500:focus{--tw-border-opacity:1;border-color:#ec4899;border-color:rgb(236 72 153/var(--tw-border-opacity,1))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:#0000}.focus\:text-gray-600:focus{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring-4:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-gray-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.focus\:ring-pink-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(252 231 243/var(--tw-ring-opacity,1))}.focus\:ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(233 78 119/var(--tw-ring-opacity,1))}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-50:disabled{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.disabled\:text-gray-500:disabled{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:translate-x-1,.group:hover .group-hover\:translate-x-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-2{--tw-translate-x:0.5rem}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:scale-150{--tw-scale-x:1.5;--tw-scale-y:1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-opacity-60{--tw-bg-opacity:0.6}.group:hover .group-hover\:text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md\:p-8{padding:2rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-left{text-align:left}.lg\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}