.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(229,231,235,.8);transition:all .3s ease}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:2rem}.logo{text-decoration:none;font-weight:800;font-size:1.5rem;background:linear-gradient(135deg,#2563eb,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center}.nav-link{text-decoration:none;color:#374151;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;position:relative}.nav-link:hover{color:#2563eb;background:#2563eb1a}.nav-link:after{content:"";position:absolute;bottom:-.5rem;left:50%;width:0;height:2px;background:#2563eb;transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after{width:80%}.header-actions{display:flex;align-items:center;gap:1rem}.search-container{position:relative;display:flex;align-items:center}.search-input{padding:.5rem 1rem .5rem 2.5rem;border:2px solid #e5e7eb;border-radius:2rem;width:250px;font-size:.875rem;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;width:300px}.search-icon{position:absolute;left:.75rem;color:#9ca3af;z-index:1}.auth-buttons{display:flex;gap:.5rem;align-items:center}.user-menu{display:flex;align-items:center;gap:1rem}.notification-icon{color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.notification-icon:hover{background:#2563eb1a;color:#2563eb}.user-dropdown{position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#059669);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;cursor:pointer}.user-avatar:hover{transform:scale(1.1)}.dropdown-content{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:.75rem;box-shadow:0 10px 25px #00000026;border:1px solid #e5e7eb;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.user-dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.user-info{padding:1rem;border-bottom:1px solid #e5e7eb}.user-name{display:block;font-weight:600;color:#1f2937;margin-bottom:.25rem}.user-email{display:block;font-size:.875rem;color:#6b7280}.dropdown-links{padding:.5rem 0}.dropdown-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#374151;text-decoration:none;transition:all .3s ease;border:none;background:none;width:100%;text-align:right;cursor:pointer;font-size:.875rem}.dropdown-link:hover{background:#f9fafb;color:#2563eb}.logout-link{color:#dc2626;border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:.75rem}.logout-link:hover{background:#fef2f2;color:#dc2626}.menu-toggle{display:none;background:none;border:none;cursor:pointer;color:#374151;padding:.5rem}@media (max-width: 1024px){.search-input{width:200px}.search-input:focus{width:220px}}@media (max-width: 768px){.menu-toggle{display:block}.nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;padding:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.search-container{display:none}.auth-buttons{flex-direction:column;gap:.25rem}.header-content{gap:1rem}.dropdown-content{right:auto;left:0}}@media (max-width: 480px){.header-content{padding:.75rem 0}.logo{font-size:1.25rem}.auth-buttons .btn-primary,.auth-buttons .btn-secondary{padding:.5rem 1rem;font-size:.875rem}}.footer{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;padding:4rem 0 2rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.footer-description{color:#d1d5db;line-height:1.6;margin-bottom:1rem}.social-links{display:flex;gap:1rem}.social-link{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d1d5db;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#2563eb;color:#fff;transform:translateY(-2px)}.section-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.5rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:#d1d5db;text-decoration:none;transition:all .3s ease;padding:.25rem 0}.footer-links a:hover{color:#60a5fa;padding-left:.5rem}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:.75rem;color:#d1d5db}.contact-item svg{color:#60a5fa;flex-shrink:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:2rem 0;text-align:center;display:flex;justify-content:space-between;align-items:center;color:#9ca3af;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem;padding:3rem 0 1.5rem}.footer-bottom{flex-direction:column;gap:.5rem}.social-links{justify-content:center}}@media (max-width: 480px){.footer-content{gap:1.5rem;padding:2rem 0 1rem}.footer-section{text-align:center}.footer-links a{padding:.5rem 0}.contact-item{justify-content:center}}.hero{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:6rem 0 4rem;position:relative;overflow:hidden;min-height:80vh;display:flex;align-items:center}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.hero-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#2563eb1a,#0596691a);animation:float 6s ease-in-out infinite}.hero-shape:first-child{width:400px;height:400px;top:-200px;right:-200px;animation-delay:0s}.hero-shape:last-child{width:300px;height:300px;bottom:-150px;left:-150px;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-content{position:relative;z-index:2;max-width:800px;text-align:center}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem;color:#1f2937}.highlight{background:linear-gradient(135deg,#2563eb,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:#6b7280;margin-bottom:3rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.hero-search{margin-bottom:3rem}.search-box{display:flex;align-items:center;background:#fff;border-radius:3rem;padding:.5rem;box-shadow:0 10px 25px #0000001a;max-width:600px;margin:0 auto;border:2px solid rgba(37,99,235,.1);transition:all .3s ease}.search-box:focus-within{border-color:#2563eb;box-shadow:0 10px 25px #2563eb33}.search-icon{color:#9ca3af;margin:0 1rem}.search-input-hero{flex:1;border:none;outline:none;padding:1rem 0;font-size:1rem;background:transparent}.search-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:1rem 2rem;border-radius:2rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.search-btn:hover{transform:translate(-2px);box-shadow:0 5px 15px #2563eb66}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem}.stat-item{display:flex;align-items:center;gap:1rem;background:#fffc;padding:1rem 1.5rem;border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.stat-icon{width:50px;height:50px;background:linear-gradient(135deg,#2563eb,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:800;color:#1f2937}.stat-label{font-size:.875rem;color:#6b7280}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-btn{padding:1rem 2rem;font-size:1.125rem;border-radius:3rem;min-width:200px}@media (max-width: 1024px){.hero-title{font-size:3rem}.hero-stats{gap:2rem}}@media (max-width: 768px){.hero{padding:4rem 0 3rem;min-height:70vh}.hero-title{font-size:2.5rem}.hero-description{font-size:1.125rem;margin-bottom:2rem}.hero-stats{flex-direction:column;gap:1rem;align-items:center}.stat-item{width:100%;max-width:300px;justify-content:center}.search-box{flex-direction:column;gap:1rem;padding:1rem;border-radius:1rem}.search-input-hero{text-align:center;padding:.5rem}.search-btn{border-radius:1rem;align-self:stretch;justify-content:center}.hero-actions{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:300px}}@media (max-width: 480px){.hero{padding:3rem 0 2rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-shape:first-child{width:200px;height:200px;top:-100px;right:-100px}.hero-shape:last-child{width:150px;height:150px;bottom:-75px;left:-75px}}.service-categories{background:#fff}.categories-header{text-align:center;margin-bottom:4rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.category-card{background:#fff;border-radius:1.5rem;padding:2rem;text-decoration:none;color:inherit;box-shadow:0 4px 6px -1px #0000001a;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:1.5rem}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--category-color);transform:scaleX(0);transition:transform .3s ease}.category-card:hover:before{transform:scaleX(1)}.category-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a;border-color:var(--category-color)}.category-icon{width:80px;height:80px;border-radius:1rem;background:linear-gradient(135deg,var(--category-color),var(--category-color));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;opacity:.9}.category-card:hover .category-icon{transform:scale(1.1);opacity:1}.category-content{flex:1}.category-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.category-description{color:#6b7280;margin-bottom:1rem;line-height:1.5}.category-count{font-size:.875rem;font-weight:600;color:var(--category-color);background:#2563eb1a;padding:.25rem .75rem;border-radius:1rem;display:inline-block}.category-arrow{color:var(--category-color);transition:all .3s ease;flex-shrink:0}.category-card:hover .category-arrow{transform:translate(5px)}.categories-cta{text-align:center}@media (max-width: 768px){.categories-grid{grid-template-columns:1fr;gap:1.5rem}.category-card{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.category-icon{width:60px;height:60px}.category-title{font-size:1.25rem}.category-arrow{align-self:center}}@media (max-width: 480px){.categories-grid{gap:1rem}.category-card{padding:1rem}.category-icon{width:50px;height:50px}.category-title{font-size:1.125rem}.category-description{font-size:.875rem}}.featured-services{background:#f9fafb}.featured-header{text-align:center;margin-bottom:4rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.service-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.service-location svg,.service-provider svg{color:#9ca3af}.service-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.featured-cta{text-align:center}@media (max-width: 768px){.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-header{flex-direction:column;align-items:flex-start;gap:.5rem}.service-footer{flex-direction:column;align-items:stretch;gap:1rem}.service-btn{justify-content:center}}@media (max-width: 480px){.service-content{padding:1rem}.service-title{font-size:1.125rem}.service-image{height:180px}}.stats{background:linear-gradient(135deg,#1f2937,#111827);color:#fff}.stats-header{text-align:center;margin-bottom:4rem}.stats .section-title{color:#fff}.stats .section-subtitle{color:#d1d5db}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.stat-item{background:#ffffff1a;border-radius:1rem;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.stat-item:hover{transform:translateY(-8px);background:#ffffff26;border-color:var(--stat-color)}.stat-icon{width:80px;height:80px;background:var(--stat-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;transition:all .3s ease}.stat-item:hover .stat-icon{transform:scale(1.1)}.stat-number{font-size:3rem;font-weight:900;color:#fff;margin-bottom:.5rem;line-height:1}.stat-label{font-size:1.125rem;color:#d1d5db;font-weight:500}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-item{padding:1.5rem}.stat-icon{width:60px;height:60px;margin-bottom:1rem}.stat-number{font-size:2.5rem}.stat-label{font-size:1rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-item{padding:1rem}.stat-number{font-size:2rem}}.testimonials{background:#fff}.testimonials-header{text-align:center;margin-bottom:4rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.testimonial-card{background:#f9fafb;border-radius:1rem;padding:2rem;border:1px solid #e5e7eb;transition:all .3s ease;position:relative}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a;background:#fff}.testimonial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.quote-icon{color:#2563eb;opacity:.7}.testimonial-rating{display:flex;gap:.25rem}.testimonial-comment{color:#374151;line-height:1.6;margin-bottom:2rem;font-size:1.125rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e5e7eb}.author-info{flex:1}.author-name{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.author-role{font-size:.875rem;color:#6b7280}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.testimonial-card{padding:1.5rem}.testimonial-comment{font-size:1rem;margin-bottom:1.5rem}}@media (max-width: 480px){.testimonial-card{padding:1rem}.testimonial-header,.testimonial-comment{margin-bottom:1rem}.author-avatar{width:40px;height:40px}}.home{min-height:100vh}.home>*{margin-bottom:4rem}.home>*:last-child{margin-bottom:0}.section{padding:4rem 0}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,#2563eb,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.125rem;color:#6b7280;text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.home>*{margin-bottom:3rem}.section{padding:3rem 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem;margin-bottom:2rem}}@media (max-width: 480px){.home>*{margin-bottom:2rem}.section{padding:2rem 0}.section-title{font-size:1.75rem}}.services-page{padding:2rem 0;min-height:100vh;background:#f9fafb}.services-header{text-align:center;margin-bottom:3rem}.services-filters{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.search-section{margin-bottom:1.5rem}.search-box{position:relative;max-width:500px;margin:0 auto}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e5e7eb;border-radius:3rem;font-size:1rem;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filter-section{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-label{font-weight:600;color:#374151;white-space:nowrap}.filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;cursor:pointer;transition:border-color .3s ease}.filter-select:focus{outline:none;border-color:#2563eb}.services-results{margin-bottom:2rem}.results-info{margin-bottom:1.5rem;color:#6b7280;font-weight:500}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.service-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;border:1px solid #e5e7eb}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.service-image{position:relative;height:200px;overflow:hidden}.service-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.service-card:hover .service-image img{transform:scale(1.05)}.verified-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.service-content{padding:1.5rem}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.service-title{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1.3;flex:1}.service-rating{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.rating-value{font-weight:600;color:#1f2937;font-size:.875rem}.rating-count{color:#6b7280;font-size:.75rem}.service-description{color:#6b7280;margin-bottom:1rem;line-height:1.5}.service-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.service-location,.service-provider{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.service-location svg{color:#9ca3af}.service-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.service-price{font-size:1.125rem;font-weight:700;color:#2563eb}.service-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.75rem 1rem;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.service-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}@media (max-width: 1024px){.services-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}}@media (max-width: 768px){.services-page{padding:1rem 0}.page-title{font-size:2rem}.services-filters{padding:1.5rem}.filter-section{flex-direction:column;gap:1rem}.filter-group{justify-content:space-between}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-header{flex-direction:column;align-items:flex-start;gap:.5rem}.service-footer{flex-direction:column;align-items:stretch;gap:1rem}.service-btn{justify-content:center}}@media (max-width: 480px){.services-filters,.service-content{padding:1rem}.service-title{font-size:1.125rem}.service-image{height:180px}}.mapbox-container{position:relative;width:100%;height:100%;min-height:500px;background:#f8fafc;border-radius:12px;overflow:hidden}.mapbox-map{width:100%;height:100%;min-height:500px}.custom-marker{cursor:pointer;transition:transform .2s ease}.custom-marker:hover{transform:scale(1.1)}.marker-content{position:relative;background:#3b82f6;color:#fff;padding:8px 12px;border-radius:20px;font-weight:600;font-size:14px;box-shadow:0 2px 8px #0003;border:2px solid white}.marker-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #3b82f6}.marker-price{white-space:nowrap}.map-popup{max-width:280px;font-family:Inter,sans-serif}.popup-image{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:8px 8px 0 0}.popup-content{padding:16px}.popup-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:8px;line-height:1.3}.popup-rating{display:flex;align-items:center;gap:4px;margin-bottom:8px;font-size:14px}.popup-rating .star{color:#fbbf24}.popup-rating .review-count{color:#64748b;font-size:12px}.popup-location{color:#64748b;font-size:13px;margin-bottom:12px}.popup-price{font-size:16px;font-weight:700;color:#3b82f6;margin-bottom:12px}.popup-btn{width:100%;background:#3b82f6;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.fallback-map{width:100%;height:100%;display:flex;flex-direction:column}.map-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.map-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1e293b}.map-location{display:flex;align-items:center;gap:6px;font-size:14px;color:#64748b;background:#f1f5f9;padding:6px 12px;border-radius:20px}.map-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:20px;overflow-y:auto;max-height:calc(100vh - 200px)}.map-accommodation-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.map-accommodation-card:hover,.map-accommodation-card.selected{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 25px #2563eb26}.card-image{position:relative;height:120px;overflow:hidden}.card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.map-accommodation-card:hover .card-image img{transform:scale(1.05)}.card-verified{position:absolute;top:.5rem;right:.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.card-price{position:absolute;bottom:.5rem;left:.5rem;background:#2563ebe6;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-content{padding:1rem}.card-title{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-rating{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem;color:#f59e0b;font-weight:600;font-size:.875rem}.star-filled{color:#f59e0b}.review-count{color:#6b7280;font-weight:400}.card-location{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.875rem;margin-bottom:.75rem}.card-details{display:flex;gap:.75rem;margin-bottom:1rem;font-size:.75rem;color:#6b7280}.card-details span{background:#f1f5f9;padding:4px 8px;border-radius:6px}.card-btn{width:100%;padding:.75rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.card-btn:hover{background:#1d4ed8}.selected-accommodation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.overlay-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 50px #0000004d}.overlay-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.overlay-header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.close-btn{background:#f8fafc;border:2px solid #e2e8f0;font-size:24px;color:#64748b;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1;font-family:Arial,sans-serif}.close-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:scale(1.05);box-shadow:0 4px 8px #ef44444d}.overlay-body{padding:20px;max-height:calc(90vh - 80px);overflow-y:auto}.overlay-image{width:100%;height:250px;border-radius:12px;overflow:hidden;margin-bottom:20px}.overlay-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.overlay-rating{display:flex;align-items:center;gap:6px;margin-bottom:12px;font-size:16px}.overlay-location{display:flex;align-items:center;gap:8px;color:#64748b;margin-bottom:16px;font-size:15px}.overlay-description{color:#475569;line-height:1.6;margin-bottom:20px}.overlay-amenities h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:12px}.amenities-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.amenity-tag{background:#e0f2fe;color:#0369a1;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.overlay-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e2e8f0}.overlay-price{font-size:20px;font-weight:700;color:#1e293b}.overlay-btn{background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s ease}.overlay-btn:hover{background:#059669}.mapbox-setup-notice{position:absolute;top:20px;right:20px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;max-width:300px;box-shadow:0 4px 12px #0000001a;z-index:10}.notice-content h4{margin:0 0 8px;color:#92400e;font-size:14px;font-weight:600}.notice-content p{margin:0 0 8px;color:#92400e;font-size:13px;line-height:1.4}.notice-content ol{margin:8px 0;padding-right:16px;color:#92400e;font-size:12px}.notice-content ol li{margin-bottom:4px}.notice-content a{color:#1d4ed8;text-decoration:underline}.notice-fallback{font-style:italic;color:#78716c!important;border-top:1px solid #f59e0b;padding-top:8px;margin-top:8px}@media (max-width: 768px){.map-grid{grid-template-columns:1fr;padding:16px}.mapbox-setup-notice{position:relative;top:auto;right:auto;margin:16px;max-width:none}.overlay-content{margin:10px;max-height:calc(100vh - 20px)}.overlay-footer{flex-direction:column;gap:12px;align-items:stretch}.overlay-btn{justify-content:center}}.accommodation-page{padding:2rem 0;min-height:100vh;background:#f9fafb}.accommodation-hero{text-align:center;margin-bottom:2rem;padding:2rem 0}.accommodation-hero h1{font-size:2.5rem;font-weight:800;color:#1f2937;margin-bottom:1rem;background:linear-gradient(135deg,#2563eb,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accommodation-hero p{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto}.accommodation-header{text-align:center;margin-bottom:3rem}.accommodation-search{max-width:600px;margin:0 auto 2rem}.search-input{position:relative;width:100%}.search-input svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;z-index:1}.search-input input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;background:#fff;transition:all .3s ease}.search-input input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.accommodation-filters{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;max-width:1400px;margin-left:auto;margin-right:auto;margin-bottom:2rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#374151;font-size:.875rem}.filter-group select{padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:.875rem;cursor:pointer;transition:all .3s ease}.filter-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filter-group select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.view-controls{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;max-width:1400px;margin-left:auto;margin-right:auto;margin-bottom:2rem}.view-toggle{display:flex;background:#fff;border-radius:.5rem;border:2px solid #e5e7eb;overflow:hidden}.view-toggle button{padding:.75rem 1.5rem;border:none;background:transparent;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;color:#6b7280}.view-toggle button.active{background:#2563eb;color:#fff}.view-toggle button:hover:not(.active){background:#f3f4f6}.results-count{font-weight:600;color:#374151}.accommodation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}.accommodation-loading p{color:#6b7280;font-size:1rem}.accommodation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;text-align:center}.error-icon{color:#dc2626}.accommodation-error h3{color:#374151;font-size:1.5rem;font-weight:700;margin:0}.accommodation-error p{color:#6b7280;margin:0}.accommodation-error button{padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .3s ease}.accommodation-error button:hover{background:#1d4ed8}.accommodation-content{max-width:1400px;margin:0 auto;padding:0 1rem}.accommodation-map{width:100%;height:600px;border-radius:1rem;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000001a}.accommodation-list{width:100%}.accommodations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding:1rem 0}.accommodation-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease;height:-moz-fit-content;height:fit-content}.accommodation-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#2563eb}.accommodation-image{position:relative;height:200px;overflow:hidden}.accommodation-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.accommodation-card:hover .accommodation-image img{transform:scale(1.05)}.accommodation-type{position:absolute;bottom:1rem;left:1rem;background:#fffffff2;color:#374151;padding:.5rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.verified-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.accommodation-content{padding:1.5rem}.accommodation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.accommodation-title{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1.3;flex:1;margin:0}.accommodation-rating{display:flex;align-items:center;gap:.25rem;flex-shrink:0;color:#f59e0b;font-weight:600}.reviews-count{color:#6b7280;font-weight:400}.accommodation-description{color:#6b7280;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.accommodation-details{margin-bottom:1.5rem}.accommodation-location{display:flex;align-items:center;gap:.5rem;color:#6b7280;margin-bottom:1rem}.accommodation-specs{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.spec-item{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.875rem}.accommodation-provider{color:#6b7280;font-size:.875rem}.accommodation-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.accommodation-price{font-size:1.25rem;font-weight:700;color:#2563eb}.accommodation-btn{padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.accommodation-btn:hover{background:#1d4ed8;transform:translate(-2px)}.no-results{text-align:center;padding:4rem 2rem;color:#6b7280}.no-results-icon{margin-bottom:1rem;color:#d1d5db}.no-results h3{font-size:1.5rem;font-weight:700;color:#374151;margin-bottom:.5rem}.no-results p{font-size:1rem}@media (max-width: 1024px){.accommodations-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.view-controls{flex-direction:column;gap:1rem;align-items:stretch}.view-toggle{justify-content:center}}@media (max-width: 768px){.accommodation-page{padding:1rem 0}.accommodation-hero h1{font-size:2rem}.accommodation-filters{padding:1.5rem;margin:0 1rem 2rem}.filter-row{grid-template-columns:1fr;gap:1rem}.accommodations-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.accommodation-content{padding:0}}@media (max-width: 480px){.accommodation-filters,.accommodation-card .accommodation-content{padding:1rem}.accommodation-title{font-size:1.125rem}.accommodation-image{height:180px}.accommodation-specs{flex-direction:column;gap:.5rem}.accommodation-footer{flex-direction:column;align-items:stretch;gap:1rem}.accommodation-btn{justify-content:center}}.auth-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-container{width:100%;max-width:500px}.auth-card{background:#fff;border-radius:1.5rem;padding:3rem;box-shadow:0 20px 25px -5px #0000001a;border:1px solid rgba(229,231,235,.8)}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:.5rem;background:linear-gradient(135deg,#2563eb,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:#6b7280;font-size:1rem}.demo-buttons{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:1rem;border:1px solid #e2e8f0}.demo-title{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem;text-align:center}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.demo-btn{padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.error-message,.success-message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.75rem;font-size:.875rem;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-icon{position:absolute;left:1rem;color:#9ca3af;z-index:1}.form-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input.verification-code{font-size:1.5rem;letter-spacing:.5rem;text-align:center;padding:1rem}.form-select{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .3s ease}.form-select:focus{outline:none;border-color:#2563eb}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;transition:color .3s ease}.form-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:1rem;height:1rem;accent-color:#2563eb}.checkbox-text{font-size:.875rem;color:#374151}.terms-link{color:#2563eb;text-decoration:none;font-weight:600}.terms-link:hover{text-decoration:underline}.forgot-link{color:#2563eb;text-decoration:none;font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer}.forgot-link:hover{text-decoration:underline}.forgot-link:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.auth-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:1rem 2rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.auth-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.auth-footer p{color:#6b7280;font-size:.875rem}.auth-link{color:#2563eb;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f9fafb;color:#6b7280;font-size:1.25rem;font-weight:600}@media (max-width: 768px){.auth-card{padding:2rem;margin:1rem}.auth-title{font-size:1.75rem}.form-row{grid-template-columns:1fr}.form-options{flex-direction:column;align-items:flex-start}.demo-grid{grid-template-columns:1fr}}@media (max-width: 480px){.auth-page{padding:1rem .5rem}.auth-card{padding:1.5rem}.auth-title{font-size:1.5rem}.form-input{padding:.875rem .875rem .875rem 2.5rem}.input-icon{left:.75rem}.password-toggle{right:.75rem}.demo-buttons{padding:1rem}}.form-hint{font-size:.875rem;color:#6b7280;margin-top:.25rem;margin-bottom:1rem;line-height:1.4}.smart-chat-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.chat-info{display:flex;align-items:center;gap:12px}.provider-avatar{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.provider-details h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.provider-details p{font-size:14px;color:#64748b;margin:0}.chat-controls{display:flex;align-items:center;gap:12px}.security-indicator{display:flex;align-items:center;gap:6px;background:#10b981;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.close-chat{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-chat:hover{background:#f1f5f9;color:#475569}.security-warning{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fef3c7;border-bottom:1px solid #f59e0b;color:#92400e;font-size:14px;font-weight:500}.blocked-status{display:flex;align-items:center;gap:4px;background:#fee2e2;color:#991b1b;padding:4px 8px;border-radius:12px;font-size:12px;margin-left:auto}.common-questions{padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.common-questions h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.questions-grid{display:flex;flex-wrap:wrap;gap:8px}.question-btn{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:6px 12px;font-size:12px;color:#475569;cursor:pointer;transition:all .2s ease}.question-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;max-height:400px}.message{display:flex;gap:12px;align-items:flex-start}.message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.message.user .message-avatar{background:#3b82f6}.message.bot .message-avatar{background:#10b981}.message.user .message-content{text-align:right}.message.user .message-header{justify-content:flex-end}.auto-reply-badge{display:flex;align-items:center;gap:4px;background:#10b981;color:#fff;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:500}.message-time{color:#64748b;font-size:11px;margin-left:auto}.message.user .message-time{margin-left:0;margin-right:auto}.message-text{background:#f1f5f9;padding:12px 16px;border-radius:16px;color:#1e293b;line-height:1.4;font-size:14px;position:relative}.message.user .message-text{background:#3b82f6;color:#fff}.message.bot .message-text{background:#f0fdf4;border:1px solid #bbf7d0}.violation-notice{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:12px;color:#991b1b}.original-text{margin-top:8px}.original-text summary{cursor:pointer;font-weight:500;color:#dc2626;font-size:11px}.original-text p{margin:4px 0 0;padding:8px;background:#fee2e2;border-radius:6px;font-size:12px;color:#7f1d1d}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background:#f0fdf4;border-radius:16px;align-items:center}.typing-indicator span{width:8px;height:8px;background:#10b981;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.chat-input{padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.blocked-input{display:flex;align-items:center;gap:12px;padding:16px;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-weight:500;text-align:center}.input-wrapper{display:flex;gap:12px;align-items:flex-end}.message-input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;resize:none;font-size:14px;line-height:1.4;max-height:100px;transition:border-color .3s ease}.message-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.send-btn{background:#3b82f6;color:#fff;border:none;border-radius:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.security-notice{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.char-count{font-size:12px;color:#64748b}@media (max-width: 768px){.smart-chat-modal{max-width:95vw;max-height:90vh;margin:20px}.chat-header{padding:16px 20px}.provider-details h3{font-size:14px}.provider-details p{font-size:12px}.security-indicator{display:none}.common-questions{padding:12px 20px}.questions-grid{flex-direction:column}.question-btn{text-align:center;padding:8px 12px}.chat-messages{padding:16px;max-height:300px}.message-content{max-width:85%}.chat-input{padding:16px 20px}.input-wrapper{flex-direction:column;gap:8px}.send-btn{width:100%;justify-content:center}.input-footer{flex-direction:column;gap:4px;align-items:flex-start}}@media (max-width: 480px){.smart-chat-modal{margin:10px;max-height:95vh}.chat-header{padding:12px 16px}.provider-avatar{width:32px;height:32px}.common-questions{padding:8px 16px}.chat-messages{padding:12px;max-height:250px}.message-text{padding:10px 12px;font-size:13px}.chat-input{padding:12px 16px}.message-input{padding:10px 12px;font-size:13px}}.token-rewards{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:2rem}.token-rewards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.token-rewards-title{font-size:1.25rem;font-weight:700;color:#1f2937}.token-balance{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff;padding:.5rem 1rem;border-radius:.75rem;font-weight:600}.token-balance svg{color:#fff}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.reward-card{background:#f9fafb;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.reward-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.reward-header{display:flex;justify-content:space-between;align-items:center}.reward-title{font-size:1.125rem;font-weight:600;color:#1f2937}.reward-cost{background:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.reward-description{color:#6b7280;font-size:.875rem;line-height:1.5}.reward-btn{background:#f59e0b;color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.reward-btn:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.reward-btn:disabled{background:#fde68a;cursor:not-allowed}.invite-friends{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:.75rem;padding:1.5rem;color:#fff;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.invite-header{display:flex;justify-content:space-between;align-items:center}.invite-title{font-size:1.125rem;font-weight:600}.invite-description{font-size:.875rem;opacity:.9;line-height:1.5}.invite-btn{background:#fff;color:#2563eb;border:none;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;width:-moz-fit-content;width:fit-content}.invite-btn:hover{background:#f8fafc;transform:translateY(-1px)}.token-history{margin-top:2rem}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.history-title{font-size:1.125rem;font-weight:600;color:#1f2937}.history-filter{background:#f3f4f6;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;color:#374151}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.history-info{display:flex;flex-direction:column;gap:.25rem}.history-action{font-weight:600;color:#1f2937;font-size:.875rem}.history-date{color:#6b7280;font-size:.75rem}.history-amount{font-weight:700;font-size:1rem}.history-amount.earned{color:#10b981}.history-amount.spent{color:#ef4444}.invite-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-top:2rem}.invite-section h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.invite-section p{color:#6b7280;margin-bottom:1rem}.referral-code-box{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;font-family:monospace;font-size:1.25rem;font-weight:600;color:#1f2937;text-align:center;margin-bottom:1rem}.copy-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:block;width:100%;margin-bottom:1rem}.copy-btn:hover{background:#2563eb}.close-invite-btn{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:block;width:100%}@media (max-width: 768px){.token-rewards{padding:1rem}.token-rewards-header{flex-direction:column;align-items:flex-start;gap:1rem}.rewards-grid{grid-template-columns:1fr}.invite-header{flex-direction:column;align-items:flex-start;gap:.5rem}.invite-btn{width:100%}}.wallet-container{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-top:2rem}.wallet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.wallet-title{font-size:1.25rem;font-weight:700;color:#1f2937}.wallet-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.wallet-card{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:1rem;padding:1.5rem;color:#fff;position:relative;overflow:hidden}.wallet-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a,#fff0 70%);z-index:0}.wallet-card-content{position:relative;z-index:1}.wallet-card-title{font-size:.875rem;opacity:.9;margin-bottom:.5rem}.wallet-card-balance{font-size:2rem;font-weight:700;margin-bottom:1rem}.wallet-card-currency{font-size:1rem;opacity:.9}.wallet-card.tokens{background:linear-gradient(135deg,#f59e0b,#d97706)}.wallet-actions{display:flex;gap:1rem;margin-bottom:2rem}.wallet-action-btn{flex:1;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.wallet-action-btn:hover{background:#e5e7eb}.wallet-action-btn.primary{background:#3b82f6;color:#fff;border:none}.wallet-action-btn.primary:hover{background:#2563eb}.wallet-action-btn.buy-tokens{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none}.wallet-action-btn.buy-tokens:hover{background:linear-gradient(135deg,#047857,#059669);transform:translateY(-2px)}.wallet-history{margin-top:2rem}.wallet-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.wallet-history-title{font-size:1.125rem;font-weight:600;color:#1f2937}.wallet-history-filter{background:#f3f4f6;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;color:#374151}.wallet-history-list{display:flex;flex-direction:column;gap:.75rem}.wallet-history-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.wallet-history-info{display:flex;flex-direction:column;gap:.25rem}.wallet-history-action{font-weight:600;color:#1f2937;font-size:.875rem}.wallet-history-date{color:#6b7280;font-size:.75rem}.wallet-history-amount{font-weight:700;font-size:1rem}.wallet-history-amount.deposit{color:#10b981}.wallet-history-amount.withdrawal{color:#ef4444}.wallet-history-amount.conversion{color:#3b82f6}.wallet-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.wallet-modal{background:#fff;border-radius:1rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.wallet-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.wallet-modal-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.wallet-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;line-height:1}.wallet-modal-content{padding:1.5rem}.wallet-form-group{margin-bottom:1.5rem}.wallet-form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.wallet-form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem}.wallet-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.wallet-form-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;background:#fff}.wallet-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.wallet-modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.wallet-modal-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.wallet-modal-btn.cancel{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.wallet-modal-btn.cancel:hover{background:#e5e7eb}.wallet-modal-btn.confirm{background:linear-gradient(135deg,#059669,#10b981)}.wallet-modal-btn.confirm:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669)}.wallet-modal-btn.confirm:disabled{background:#d1d5db;cursor:not-allowed}.wallet-modal-btn:disabled{opacity:.5;cursor:not-allowed}.conversion-info{background:#f3f4f6;border-radius:.5rem;padding:1rem;margin-top:1rem}.conversion-info p{margin:0;color:#6b7280;font-size:.875rem}.conversion-info .rate{font-weight:600;color:#1f2937}.no-history{text-align:center;padding:2rem;color:#6b7280}.buy-tokens-info{background:#f8fafc;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.price-info,.payment-method{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.price-info:last-child,.payment-method:last-child{margin-bottom:0}.price-label,.method-label{font-weight:600;color:#475569}.price-value,.method-value{font-weight:700;color:#059669}.conversion-display{margin-top:.5rem;padding:.75rem;background:#ecfdf5;border-radius:.5rem;border:1px solid #10b981}.conversion-text{color:#059669;font-weight:600;font-size:.9rem}.purchase-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.purchase-notice p{margin:0 0 .5rem;font-weight:600;color:#92400e}.purchase-notice ul{margin:0;padding-right:1.5rem;color:#92400e}.purchase-notice li{margin-bottom:.25rem;font-size:.9rem}.purchase-notice li:last-child{margin-bottom:0}.referral-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;margin-top:1.5rem}.referral-header{text-align:center;margin-bottom:1.5rem}.referral-header h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.referral-header p{color:#64748b;font-size:.875rem}.referral-actions{display:flex;justify-content:center;margin-bottom:1.5rem}.referral-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.referral-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.referral-link-section{margin-top:1rem}.referral-code-display,.referral-link-display{margin-bottom:1rem}.referral-code-display label,.referral-link-display label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.referral-code-box,.referral-link-box{display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;gap:.5rem}.referral-code,.referral-link{flex:1;font-family:Courier New,monospace;font-size:.875rem;color:#1f2937;word-break:break-all}.copy-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.25rem;padding:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:2rem}.copy-btn:hover{background:#e5e7eb}.referral-stats{text-align:center;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0}.referral-stats p{margin:0;color:#64748b;font-size:.875rem}.referral-stats strong{color:#10b981;font-weight:700}@media (max-width: 768px){.wallet-container{padding:1rem}.wallet-cards{grid-template-columns:1fr}.wallet-actions{flex-direction:column}.wallet-modal{width:95%}.referral-code-box,.referral-link-box{flex-direction:column;gap:.75rem}.copy-btn{width:100%}.referral-link{text-align:center}}.dashboard-page{padding:2rem 0;min-height:100vh;background:#f9fafb;direction:rtl;font-family:Tajawal,Cairo,Arial,sans-serif}.container{max-width:1200px;margin:auto;padding:0 1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 1px 3px #00000014}.welcome-section{flex:1}.dashboard-title{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:.5rem;background:linear-gradient(135deg,#2563eb,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{color:#6b7280;font-size:1rem;margin-bottom:.75rem}.user-role-badge{display:inline-block;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.header-actions{display:flex;gap:1rem;align-items:center}.notification-btn,.settings-btn{position:relative;background:#f3f4f6;border:none;padding:.75rem;border-radius:.5rem;cursor:pointer;color:#6b7280;transition:all .3s}.notification-btn:hover,.settings-btn:hover{background:#e5e7eb;color:#374151}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;background:#dc2626;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:9999px;min-width:1.25rem;text-align:center}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;display:flex;align-items:center;gap:1rem;transition:all .3s}.stat-card.enhanced{position:relative;overflow:hidden}.stat-card.enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--stat-color)}.stat-icon{width:60px;height:60px;background:var(--stat-color);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:800;color:#1f2937;margin-bottom:.25rem}.stat-title{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.stat-change.positive{color:#059669}.dashboard-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:1rem;box-shadow:0 1px 3px #00000014;overflow-x:auto}.tab-btn{flex:1;padding:1rem 1.5rem;border:none;background:transparent;color:#6b7280;font-weight:600;border-radius:.75rem;cursor:pointer;transition:all .3s;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;display:flex;align-items:center;gap:.5rem}.tab-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.tab-btn:hover:not(.active){background:#f3f4f6;color:#374151}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.section-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.section-title{font-size:1.25rem;font-weight:700;color:#1f2937}.section-subtitle{color:#6b7280;font-size:.875rem;margin-top:.5rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.quick-action-btn{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .3s;text-align:left}.quick-action-btn:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.action-icon{width:50px;height:50px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-content h3{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.action-content p{font-size:.875rem;color:#6b7280;margin:0}.bookings-management.enhanced{grid-column:1 / -1}.bookings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.bookings-filters{display:flex;gap:1rem}.filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;cursor:pointer;font-size:.875rem}.bookings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.booking-card.enhanced{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;transition:all .3s}.booking-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.booking-info h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.booking-provider,.booking-customer{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.booking-status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff}.booking-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.booking-actions{display:flex;gap:.5rem}.action-btn{padding:.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.action-btn.primary{background:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;gap:.5rem}.action-btn.primary:hover{background:#1d4ed8}.action-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;gap:.5rem}.action-btn.secondary:hover{background:#e5e7eb}.action-btn.rating{background:#fef3c7;color:#92400e;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;gap:.5rem}.action-btn.rating:hover{background:#fde68a}.favorites-section{grid-column:1 / -1}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.favorite-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;transition:all .3s}.favorite-image{position:relative;height:200px;overflow:hidden}.favorite-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.favorite-card:hover .favorite-image img{transform:scale(1.05)}.favorite-btn{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.favorite-btn.active{background:#ef4444;color:#fff}.favorite-btn:hover{transform:scale(1.1)}.favorite-content{padding:1.5rem}.favorite-content h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.favorite-rating{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem}.favorite-location{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;margin-bottom:1rem}.favorite-price{font-size:1.125rem;font-weight:700;color:#2563eb;margin-bottom:1rem}.book-favorite-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s;width:100%}.book-favorite-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb2e}.invite-section{background:#f9fafb;border-radius:1rem;padding:1.5rem;margin:1.5rem auto;max-width:350px;text-align:center;border:1px solid #e5e7eb}.referral-code-box{background:#f3f4f6;color:#2563eb;font-weight:700;font-size:1.1rem;border-radius:.5rem;padding:.5rem 1rem;margin:1rem 0;letter-spacing:1px;display:inline-block}.copy-btn{background:#2563eb;color:#fff;border:none;border-radius:.5rem;padding:.5rem 1.2rem;font-size:1rem;margin-bottom:1rem;cursor:pointer;transition:background .2s}.copy-btn:hover{background:#1d4ed8}.close-invite-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem 1.2rem;font-size:1rem;margin-top:1rem;cursor:pointer;transition:background .2s}.close-invite-btn:hover{background:#e5e7eb}.notifications-section{grid-column:1 / -1}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.mark-all-read-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s;font-size:.875rem}.mark-all-read-btn:hover{background:#e5e7eb}.notifications-full-list{display:flex;flex-direction:column;gap:1rem}.notification-item-full{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;display:flex;align-items:flex-start;gap:1rem;transition:all .3s;cursor:pointer}.notification-item-full:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.notification-item-full.unread{background:#f0f9ff;border-color:#93c5fd}.notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.success{background:#d1fae5;color:#065f46}.notification-icon.info{background:#dbeafe;color:#1e40af}.notification-icon.warning{background:#fef3c7;color:#92400e}.notification-content h4{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.notification-content p{font-size:.75rem;color:#6b7280;margin-bottom:.5rem;line-height:1.4}.notification-time{font-size:.625rem;color:#9ca3af}.mark-read-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s}.mark-read-btn:hover{background:#f3f4f6;color:#059669}.profile-summary.enhanced{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#2563eb,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.profile-info{flex:1}.profile-name{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.profile-email,.profile-phone{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.profile-badges{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.verified-badge{display:inline-flex;align-items:center;gap:.25rem;background:#d1fae5;color:#065f46;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.membership-badge{display:inline-flex;align-items:center;gap:.25rem;background:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.edit-profile-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.edit-profile-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb2e}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.booking-modal,.message-modal{background:#fff;border-radius:1rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000002e}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.close-modal{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;line-height:1}.modal-content{padding:1.5rem}.booking-summary-card{margin-bottom:1.5rem}.summary-header{display:flex;gap:1rem;align-items:center}.accommodation-image-small img{width:80px;height:80px;border-radius:.75rem;-o-object-fit:cover;object-fit:cover}.summary-details h4{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.summary-meta{display:flex;flex-direction:column;gap:.25rem;color:#6b7280;font-size:.9rem}.booking-details-summary{display:flex;flex-direction:column;gap:.5rem;font-size:1rem}.booking-details-summary .detail-item{display:flex;justify-content:space-between;color:#374151}.rating-form{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.rating-form h4{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0;text-align:center}.rating-stars{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.star-btn{background:none;border:none;cursor:pointer;padding:.25rem;transition:transform .2s;color:#d1d5db}.star-btn.active{color:#fbbf24}.star-btn:hover{transform:scale(1.1)}.rating-text{text-align:center;font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.message-textarea{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:.75rem;resize:vertical;min-height:120px;font-size:.875rem;transition:border-color .3s}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.btn-cancel{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancel:hover{background:#e2e8f0}.btn-send{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.btn-send:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dashboard-page{padding:1rem 0}.dashboard-header{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem}.dashboard-title{font-size:1.75rem}.dashboard-stats{grid-template-columns:1fr 1fr;gap:1rem}.stat-card{padding:1rem}.stat-icon{width:50px;height:50px}.stat-value{font-size:1.5rem}.dashboard-tabs{flex-direction:column;gap:.25rem}.tab-btn{padding:.75rem 1rem}.section-card,.booking-card.enhanced{padding:1rem}.favorites-grid{grid-template-columns:1fr}.profile-summary{gap:.75rem}.profile-avatar{width:60px;height:60px}}@media (max-width: 480px){.dashboard-header{padding:1rem}.dashboard-title{font-size:1.5rem}.stat-card{flex-direction:column;text-align:center}.modal-content{margin:.5rem}.modal-header,.modal-content{padding:1rem}.favorites-grid,.dashboard-stats,.quick-actions-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-item-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.modal-header h3{font-size:24px;font-weight:700;color:#1f2937;margin:0}.close-modal{width:40px;height:40px;background:#f3f4f6;border:none;border-radius:12px;color:#6b7280;cursor:pointer;font-size:20px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-modal:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.progress-bar{padding:24px 32px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.progress-steps{display:flex;justify-content:space-between;margin-bottom:16px;position:relative}.progress-step{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#9ca3af;font-weight:600;font-size:14px;transition:all .3s ease;position:relative;z-index:2}.progress-step.active{background:#3b82f6;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #3b82f64d}.progress-line{position:relative;height:4px;background:#e5e7eb;border-radius:2px;margin-top:-22px;z-index:1}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px;transition:width .3s ease}.modal-form{flex:1;overflow-y:auto;padding:32px}.form-step{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .2s ease;background:#fafafa}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;background:#fef2f2}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.error-message{display:block;color:#ef4444;font-size:12px;margin-top:4px;font-weight:500}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.location-input{position:relative;display:flex;gap:8px}.location-input .form-input{flex:1}.gps-button{min-width:48px;height:48px;background:#2563eb;color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-left:8px}.gps-button:hover{background:#1d4ed8;transform:scale(1.05)}.gps-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.gps-button:active{transform:scale(.95)}.popular-locations{margin-top:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.popular-locations .form-label{font-size:14px;color:#64748b;margin-bottom:8px}.popular-locations .form-select{background:#fff;border:1px solid #d1d5db;font-size:14px}.popular-locations .form-select:hover{border-color:#2563eb}.amenities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px}.amenity-option{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.amenity-option:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.amenity-option.selected{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.amenity-icon{width:20px;height:20px;flex-shrink:0}.upload-section{margin-bottom:24px}.upload-area{border:3px dashed #d1d5db;border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa;margin-bottom:24px}.upload-area:hover{border-color:#3b82f6;background:#f0f9ff;transform:translateY(-2px)}.upload-area.error{border-color:#ef4444;background:#fef2f2}.upload-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;color:#6b7280}.upload-icon{width:48px;height:48px;color:#9ca3af}.upload-label span{font-size:16px;font-weight:600;color:#374151}.upload-label small{font-size:14px;color:#9ca3af}.images-preview{margin-top:24px}.images-preview h4{font-size:16px;font-weight:600;color:#374151;margin-bottom:16px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.image-preview{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb;transition:all .2s ease}.image-preview:hover{border-color:#3b82f6;transform:scale(1.02)}.preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.remove-image{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-image:hover{background:#dc2626;transform:scale(1.1)}.form-actions{display:flex;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:32px}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}@media (max-width: 768px){.add-item-modal{margin:16px;max-width:none;max-height:calc(100vh - 32px)}.modal-header{padding:20px 24px}.modal-header h3{font-size:20px}.progress-bar{padding:20px 24px}.modal-form{padding:24px}.form-row,.amenities-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.lang-ar .modal-header,.lang-ar .location-input{flex-direction:row-reverse}.lang-ar .amenity-option{flex-direction:row-reverse;text-align:right}.lang-ar .upload-label{text-align:center}.lang-ar .form-actions,.lang-ar .btn-primary,.lang-ar .btn-secondary{flex-direction:row-reverse}.lang-ar .remove-image{right:auto;left:8px}@media (max-width: 768px){.lang-ar .form-actions{flex-direction:column}}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{transform:none;box-shadow:none}.form-input.success{border-color:#10b981;background:#f0fdf4}.amenity-option.selected{animation:selectBounce .3s ease}@keyframes selectBounce{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.image-preview{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.location-security-notice{background:linear-gradient(135deg,#fef3c7,#fbbf24);border:2px solid #f59e0b;border-radius:12px;padding:16px;margin-bottom:16px;display:flex;align-items:center;gap:12px;animation:securityPulse 2s infinite}.location-security-notice .security-icon{font-size:24px;color:#d97706}.location-security-notice .security-text{flex:1;color:#92400e;font-weight:600;font-size:14px;line-height:1.4}@keyframes securityPulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b1a}}.location-input-protected{position:relative;display:flex;gap:12px;align-items:center}.location-input-protected .form-input{flex:1;background:#f8fafc;border:2px solid #e2e8f0;color:#64748b;cursor:not-allowed;position:relative}.location-input-protected .form-input::-moz-placeholder{color:#94a3b8;font-style:italic}.location-input-protected .form-input::placeholder{color:#94a3b8;font-style:italic}.location-input-protected .form-input:focus{border-color:#e2e8f0;box-shadow:none;background:#f8fafc}.gps-button.required-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:12px;padding:12px 16px;min-width:120px;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:14px;position:relative;overflow:hidden}.gps-button.required-btn:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-2px);box-shadow:0 8px 20px #0596694d}.gps-button.required-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.gps-button.required-btn svg{width:20px;height:20px}.gps-button.loading{background:linear-gradient(135deg,#3b82f6,#2563eb);cursor:wait}.gps-button.success{background:linear-gradient(135deg,#10b981,#059669);animation:successPulse .6s ease}.gps-button.error{background:linear-gradient(135deg,#ef4444,#dc2626);animation:errorShake .6s ease}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.location-help{display:block;margin-top:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:12px;font-weight:500;line-height:1.4}.location-help:before{content:"⚠️ ";margin-right:4px}.coordinates-group{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.coordinates-group .form-input{background:#f1f5f9;border:2px solid #cbd5e1;color:#475569;font-family:Courier New,monospace;font-size:14px;text-align:center;cursor:not-allowed}.coordinates-group .form-input:focus{border-color:#cbd5e1;background:#f1f5f9;box-shadow:none}.gps-unavailable-alert{background:linear-gradient(135deg,#fecaca,#ef4444);border:2px solid #dc2626;border-radius:12px;padding:20px;margin:16px 0;text-align:center;color:#7f1d1d;font-weight:600;animation:alertBounce 1s ease-in-out}.gps-unavailable-alert .alert-icon{font-size:48px;margin-bottom:12px;display:block}.gps-unavailable-alert .alert-title{font-size:18px;font-weight:700;margin-bottom:8px;color:#991b1b}.gps-unavailable-alert .alert-message{font-size:14px;line-height:1.5;white-space:pre-line}@keyframes alertBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-10px,0)}70%{transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}.location-loading{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#dbeafe;border:2px solid #3b82f6;border-radius:8px;color:#1e40af;font-weight:600;font-size:14px;margin-top:8px}.location-loading .loading-spinner{width:20px;height:20px;border:2px solid #93c5fd;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.location-success{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#dcfce7;border:2px solid #16a34a;border-radius:8px;color:#14532d;font-weight:600;font-size:14px;margin-top:8px;animation:successSlide .5s ease}@keyframes successSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.location-success .success-icon{color:#16a34a;font-size:20px}.location-error{padding:16px;background:#fef2f2;border:2px solid #ef4444;border-radius:12px;color:#7f1d1d;font-weight:600;font-size:14px;margin-top:8px;line-height:1.5;white-space:pre-line}.location-error .error-icon{color:#ef4444;font-size:24px;margin-bottom:8px;display:block;text-align:center}@media (max-width: 768px){.location-security-notice{padding:12px;font-size:13px}.gps-button.required-btn{min-width:100px;height:44px;font-size:13px}.coordinates-group{grid-template-columns:1fr;gap:12px}.location-help{font-size:11px;padding:6px 10px}.gps-unavailable-alert{padding:16px}.gps-unavailable-alert .alert-icon{font-size:36px}.gps-unavailable-alert .alert-title{font-size:16px}}.form-input[readonly]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;color:#64748b;cursor:not-allowed;position:relative}.form-input[readonly]:after{content:"🔒";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.location-input-protected{position:relative}.location-input-protected:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#f59e0b,#10b981,#3b82f6,#ef4444);border-radius:14px;z-index:-1;opacity:0;transition:opacity .3s ease}.location-input-protected:hover:before{opacity:.1}.security-verified{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#dcfce7;border:1px solid #16a34a;border-radius:6px;color:#14532d;font-size:12px;font-weight:600;margin-top:8px}.security-verified:before{content:"✅";font-size:14px}.security-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-size:12px;font-weight:600;margin-top:8px}.security-warning:before{content:"🛡️";font-size:14px}.location-notice{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #f39c12;border-radius:8px;padding:12px;margin-bottom:12px;font-size:14px;color:#856404;box-shadow:0 2px 4px #f39c1233;animation:pulseGlow 2s ease-in-out infinite}.location-notice strong{font-weight:600;color:#d68910}.gps-button.required-btn{position:relative;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:12px;padding:12px 16px;min-width:140px;height:50px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0596694d;overflow:hidden}.gps-button.required-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.gps-button.required-btn:hover:before{left:100%}.gps-button.required-btn:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-2px);box-shadow:0 8px 20px #05966966}.gps-button.required-btn:active{transform:translateY(0);box-shadow:0 4px 12px #0596694d}.gps-button.required-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.gps-button.required-btn svg{width:20px;height:20px;flex-shrink:0}.location-security-notice{background:linear-gradient(135deg,#fef3c7,#fbbf24);border:2px solid #f59e0b;border-radius:16px;padding:20px;margin:16px 0;display:flex;align-items:center;gap:16px;animation:securityAlert 3s infinite;position:relative;overflow:hidden}.location-security-notice:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(245,158,11,.1),transparent);animation:securitySweep 2s infinite}@keyframes securityAlert{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b1a}}@keyframes securitySweep{0%{left:-100%}to{left:100%}}.location-security-notice .security-icon{font-size:28px;color:#d97706;flex-shrink:0;animation:iconBounce 2s infinite}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.location-security-notice .security-text{flex:1;color:#92400e;font-weight:600;font-size:15px;line-height:1.5}.location-input-protected{position:relative;display:flex;gap:12px;align-items:stretch;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:4px;border-radius:16px;border:2px solid #e2e8f0}.location-input-protected .form-input{flex:1;background:#fff;border:2px dashed #cbd5e1;color:#64748b;cursor:not-allowed;position:relative;font-style:italic;border-radius:12px;margin:0}.location-input-protected .form-input::-moz-placeholder{color:#94a3b8;font-style:italic;font-weight:500}.location-input-protected .form-input::placeholder{color:#94a3b8;font-style:italic;font-weight:500}.location-input-protected .form-input:focus{border-color:#cbd5e1;box-shadow:none;background:#fff}.location-input-protected:after{content:"🔒";position:absolute;right:170px;top:50%;transform:translateY(-50%);color:#f59e0b;font-size:20px;z-index:10;animation:lockGlow 2s infinite}@keyframes lockGlow{0%,to{text-shadow:0 0 5px rgba(245,158,11,.5)}50%{text-shadow:0 0 20px rgba(245,158,11,.8),0 0 30px rgba(245,158,11,.6)}}.coordinates-group{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;position:relative}.coordinates-group:before{content:"🗺️ الإحداثيات المحققة";position:absolute;top:-12px;left:16px;background:#f8fafc;padding:4px 12px;font-size:12px;font-weight:600;color:#64748b;border-radius:6px;border:1px solid #e2e8f0}.coordinates-group .form-input{background:#fff;border:2px solid #cbd5e1;color:#475569;font-family:Courier New,monospace;font-size:14px;text-align:center;cursor:not-allowed;font-weight:600;letter-spacing:1px}.coordinates-group .form-input:focus{border-color:#cbd5e1;background:#fff;box-shadow:none}.security-verified{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #16a34a;border-radius:10px;color:#14532d;font-size:13px;font-weight:600;margin-top:12px;animation:verifiedPulse 1s ease-in-out}@keyframes verifiedPulse{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.security-verified:before{content:"🛡️";font-size:16px}.location-help{display:block;margin-top:12px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:10px;color:#dc2626;font-size:13px;font-weight:600;line-height:1.5;position:relative;padding:12px 16px 12px 40px}.location-help:before{content:"⚠️";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;animation:warningBlink 2s infinite}@keyframes warningBlink{0%,50%{opacity:1}51%,to{opacity:.5}}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes pulseGlow{0%,to{box-shadow:0 2px 4px #f39c1233}50%{box-shadow:0 4px 8px #f39c1266}}@keyframes requiredPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #e74c3c4d}50%{transform:scale(1.02);box-shadow:0 4px 15px #e74c3c80}}@media (max-width: 768px){.location-notice{padding:10px;font-size:13px}.location-help{font-size:12px;padding:10px 14px 10px 36px}.gps-button.required-btn{min-width:120px;height:46px;font-size:13px}.coordinates-group{grid-template-columns:1fr;gap:12px;padding:12px}.coordinates-group:before{font-size:11px;padding:2px 8px}.location-input-protected{flex-direction:column;gap:8px}.location-input-protected:after{right:16px;top:20px;transform:none}}.delete-confirm-modal{background:#fff;border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a}.delete-confirm-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0}.warning-icon{width:48px;height:48px;background:#fef3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f59e0b}.delete-confirm-modal .modal-content{padding:20px;text-align:center}.delete-confirm-modal .modal-content h3{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:#111827}.delete-confirm-modal .modal-content p{margin:0 0 8px;color:#6b7280;line-height:1.5}.warning-text{font-size:.875rem;color:#ef4444!important;background:#fef2f2;padding:12px;border-radius:8px;margin-top:16px!important}.delete-confirm-modal .modal-actions{display:flex;gap:12px;padding:0 20px 20px}.delete-confirm-modal .cancel-btn{flex:1;padding:12px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.delete-confirm-modal .cancel-btn:hover{background:#e5e7eb}.delete-confirm-modal .delete-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.delete-confirm-modal .delete-btn:hover{background:#dc2626}.edit-request-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a}.edit-request-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.edit-request-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.edit-request-modal .modal-form{padding:20px}.edit-request-modal .form-group{margin-bottom:20px}.edit-request-modal .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.edit-request-modal .form-group input,.edit-request-modal .form-group textarea,.edit-request-modal .form-group select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.edit-request-modal .form-group input:focus,.edit-request-modal .form-group textarea:focus,.edit-request-modal .form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.edit-request-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e5e7eb}.edit-request-modal .cancel-btn{padding:12px 24px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.edit-request-modal .cancel-btn:hover{background:#e5e7eb}.edit-request-modal .save-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.edit-request-modal .save-btn:hover{background:#059669}.calendar-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.calendar-modal{background:#fff;border-radius:12px;width:95%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;direction:rtl;text-align:right}.calendar-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.calendar-modal-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:600}.calendar-modal-header .icon{width:24px;height:24px}.close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.close-btn:hover{background-color:#fff3}.calendar-modal-content{padding:24px;overflow-y:auto;flex:1}.accommodation-selector{margin-bottom:20px}.accommodation-selector label{display:block;margin-bottom:8px;font-weight:600;color:#374151}.accommodation-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s}.accommodation-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.accommodation-info{background:#f9fafb;border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #e5e7eb}.accommodation-details h3{margin:0 0 12px;color:#1f2937;font-size:1.25rem;font-weight:600}.accommodation-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.accommodation-meta span{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:.9rem}.accommodation-meta .icon{width:16px;height:16px}.accommodation-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:16px}.stat-item{background:#fff;padding:12px;border-radius:8px;text-align:center;border:1px solid #e5e7eb;transition:transform .2s}.stat-item:hover{transform:translateY(-2px)}.stat-number{display:block;font-size:1.5rem;font-weight:700;margin-bottom:4px}.stat-label{display:block;font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.stat-item.confirmed .stat-number{color:#10b981}.stat-item.pending .stat-number{color:#f59e0b}.stat-item.checked-in .stat-number{color:#3b82f6}.stat-item.blocked .stat-number{color:#ef4444}.stat-item.revenue .stat-number{color:#8b5cf6}.calendar-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.month-navigation{display:flex;align-items:center;gap:16px}.month-navigation h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;min-width:200px;text-align:center}.nav-btn{background:#667eea;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:background-color .2s}.nav-btn:hover{background:#5a67d8}.view-modes{display:flex;gap:8px;background:#f3f4f6;padding:4px;border-radius:8px}.view-modes button{padding:8px 16px;border:none;background:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.view-modes button.active{background:#667eea;color:#fff}.view-modes button:not(.active):hover{background:#e5e7eb}.calendar-grid{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-bottom:24px}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f9fafb}.day-header{padding:12px 8px;text-align:center;font-weight:600;color:#374151;border-right:1px solid #e5e7eb;font-size:.9rem}.day-header:last-child{border-right:none}.calendar-body{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:80px;padding:8px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px}.calendar-day:hover{background-color:#f3f4f6}.calendar-day.other-month{background-color:#f9fafb;color:#9ca3af}.calendar-day.today{background-color:#dbeafe;border:2px solid #3b82f6}.calendar-day.available{background-color:#f0f9ff}.calendar-day.booked{background-color:#fef3c7}.calendar-day.blocked{background-color:#fee2e2;color:#991b1b}.day-number{font-weight:600;font-size:1rem}.status-indicator{font-size:.8rem;margin-top:auto}.day-view{background:#f9fafb;border-radius:12px;padding:20px;margin-bottom:24px}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.day-header h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.toggle-availability{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.toggle-availability.available{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.toggle-availability.blocked{background:#f0f9ff;color:#2563eb;border:1px solid #bfdbfe}.toggle-availability:hover{transform:translateY(-1px)}.toggle-availability .icon{width:16px;height:16px}.day-bookings h4{margin:0 0 16px;color:#1f2937;font-weight:600}.bookings-list{display:flex;flex-direction:column;gap:16px}.booking-item{background:#fff;border-radius:10px;padding:20px;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.booking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.booking-guest{display:flex;align-items:center;gap:8px;font-weight:600;color:#1f2937}.booking-guest .icon{width:18px;height:18px}.booking-status{display:flex;align-items:center;gap:6px;font-weight:500;font-size:.9rem}.booking-status .icon{width:16px;height:16px}.booking-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;color:#6b7280;font-size:.9rem}.booking-dates{display:flex;flex-direction:column;gap:4px}.booking-guests{font-weight:500}.booking-amount{font-weight:600;color:#059669}.booking-requests{grid-column:1 / -1;background:#f9fafb;padding:12px;border-radius:6px;font-style:italic}.booking-contact{grid-column:1 / -1;display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem}.no-bookings{text-align:center;padding:40px 20px;color:#6b7280}.no-bookings p{margin:0 0 16px;font-size:1.1rem}.blocked-message{display:flex;align-items:center;justify-content:center;gap:8px;color:#dc2626;font-weight:500}.blocked-message .icon{width:20px;height:20px}.legend{background:#fff;border-radius:10px;padding:20px;border:1px solid #e5e7eb}.legend h4{margin:0 0 16px;color:#1f2937;font-weight:600}.legend-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#6b7280}.legend-color{width:16px;height:16px;border-radius:4px;border:1px solid #d1d5db}.legend-color.available{background-color:#f0f9ff}.legend-symbol{font-size:1rem;font-weight:700;width:16px;text-align:center}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:#6b7280;font-size:1.1rem;margin:0}.error-state{color:#dc2626}.error-icon,.empty-icon{width:64px;height:64px;margin-bottom:20px;opacity:.6}.error-state p{color:#dc2626;font-size:1.1rem;margin:0 0 20px}.retry-btn,.add-accommodation-btn{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.retry-btn:hover,.add-accommodation-btn:hover{background:#5a67d8}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state .empty-icon{width:80px;height:80px;color:#d1d5db;margin:0 auto 24px}.empty-state h3{color:#374151;margin:0 0 12px;font-size:1.5rem}.empty-state p{margin:8px 0;font-size:1rem;line-height:1.6}.info-message{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-radius:8px;padding:16px;margin-bottom:20px}.info-content{display:flex;align-items:center;gap:12px;color:#1565c0;font-size:.9rem;line-height:1.5}.info-icon{font-size:1.2rem;flex-shrink:0}@media (max-width: 768px){.calendar-modal{width:100%;max-width:none;height:100vh;border-radius:0;margin:0}.calendar-modal-content{padding:16px}.accommodation-stats{grid-template-columns:repeat(2,1fr)}.calendar-controls{flex-direction:column;align-items:stretch}.month-navigation h3{min-width:auto}.calendar-day{min-height:60px;padding:4px}.day-header{flex-direction:column;align-items:stretch}.booking-details{grid-template-columns:1fr}.legend-items{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.accommodation-stats{grid-template-columns:1fr}.calendar-header{font-size:.8rem}.day-header{padding:8px 4px}.calendar-day{min-height:50px;font-size:.9rem}.booking-contact{flex-direction:column;gap:8px}}.messaging-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.messaging-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.messaging-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.messaging-content{display:flex;flex:1;overflow:hidden}.conversations-list{width:300px;border-right:1px solid #e5e7eb;background:#f9fafb;overflow-y:auto}.conversations-list h4{margin:0;padding:16px;color:#374151;font-weight:600;border-bottom:1px solid #e5e7eb}.conversation-item{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;transition:background .2s;border-bottom:1px solid #e5e7eb}.conversation-item:hover{background:#f3f4f6}.conversation-item.active{background:#eff6ff;border-right:3px solid #3b82f6}.conversation-avatar{width:40px;height:40px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280}.conversation-details{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-header h5{margin:0;font-weight:600;color:#111827;font-size:.875rem}.conversation-time{font-size:.75rem;color:#6b7280}.conversation-details p{margin:0;font-size:.875rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.chat-area{flex:1;display:flex;flex-direction:column}.chat-header{padding:16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.chat-user{display:flex;align-items:center;gap:8px;color:#374151;font-weight:500}.messages-container{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.message{display:flex;flex-direction:column;max-width:70%}.message.customer{align-self:flex-start}.message.provider{align-self:flex-end}.message-content{padding:12px 16px;border-radius:18px;word-wrap:break-word}.message.customer .message-content{background:#f3f4f6;color:#111827}.message.provider .message-content{background:#3b82f6;color:#fff}.message-time{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#6b7280;margin-top:4px;padding:0 8px}.message.provider .message-time{align-self:flex-end}.message-input{display:flex;gap:8px;padding:16px;border-top:1px solid #e5e7eb}.message-input input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:24px;outline:none;font-size:14px}.message-input input:focus{border-color:#3b82f6}.message-input button{width:44px;height:44px;background:#3b82f6;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.message-input button:hover:not(:disabled){background:#2563eb}.message-input button:disabled{background:#d1d5db;cursor:not-allowed}.no-conversation{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;text-align:center}.no-conversation svg{color:#d1d5db;margin-bottom:16px}.no-conversation h4{margin:0 0 8px;color:#374151}.no-conversation p{margin:0;font-size:.875rem}.loading{display:flex;justify-content:center;align-items:center;padding:20px;color:#6b7280;font-style:italic}.no-conversations{display:flex;justify-content:center;align-items:center;padding:40px 20px;color:#9ca3af;font-style:italic;text-align:center}.reports-modal{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.reports-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.reports-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.reports-content{padding:20px}.reports-controls{display:flex;gap:20px;align-items:center;margin-bottom:30px;flex-wrap:wrap}.period-selector,.report-selector{display:flex;align-items:center;gap:8px}.period-selector label,.report-selector label{font-weight:500;color:#374151;white-space:nowrap}.period-selector select,.report-selector select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.export-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s;margin-left:auto}.export-btn:hover{background:#059669}.reports-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.revenue{background:#10b981}.stat-icon.orders{background:#3b82f6}.stat-icon.rating{background:#f59e0b}.stat-icon.customers{background:#8b5cf6}.stat-details h4{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:#111827}.stat-details p{margin:0 0 8px;color:#6b7280;font-size:.875rem}.stat-change{font-size:.875rem;font-weight:500}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.chart-section{margin-bottom:30px}.chart-section h4{margin:0 0 16px;color:#374151;font-weight:600}.chart-placeholder{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:40px;text-align:center;color:#6b7280}.chart-placeholder svg{color:#d1d5db;margin-bottom:16px}.chart-data{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:20px}.chart-item{background:#fff;padding:16px;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.chart-item .month{display:block;font-weight:600;color:#374151;margin-bottom:8px}.chart-item .revenue{display:block;color:#10b981;font-weight:500;margin-bottom:4px}.chart-item .orders{display:block;color:#6b7280;font-size:.875rem}.insights-section h4{margin:0 0 16px;color:#374151;font-weight:600}.insights-list{display:flex;flex-direction:column;gap:16px}.insight-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #e5e7eb}.insight-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.insight-icon.positive{background:#10b981}.insight-icon.neutral{background:#6b7280}.insight-content h5{margin:0 0 4px;color:#111827;font-weight:600}.insight-content p{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.settings-modal{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column}.settings-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.settings-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.settings-content{display:flex;flex:1;overflow:hidden}.settings-tabs{width:200px;background:#f9fafb;border-right:1px solid #e5e7eb;padding:16px 0;overflow-y:auto}.tab-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;text-align:right;cursor:pointer;transition:all .2s;color:#6b7280;font-size:14px}.tab-btn:hover{background:#f3f4f6;color:#374151}.tab-btn.active{background:#eff6ff;color:#3b82f6;border-right:3px solid #3b82f6}.settings-panel{flex:1;padding:20px;overflow-y:auto}.settings-section h4{margin:0 0 20px;color:#111827;font-weight:600;font-size:1.1rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.toggle-group{display:flex;flex-direction:column;gap:16px}.toggle-item{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#374151}.toggle-item input[type=checkbox]{display:none}.toggle-slider{position:relative;width:44px;height:24px;background:#d1d5db;border-radius:12px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-item input[type=checkbox]:checked+.toggle-slider{background:#3b82f6}.toggle-item input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)}.settings-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px;border-top:1px solid #e5e7eb}.settings-modal .cancel-btn{padding:12px 24px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.settings-modal .cancel-btn:hover{background:#e5e7eb}.settings-modal .save-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.settings-modal .save-btn:hover{background:#2563eb}.dashboard-page{min-height:100vh;background:#f8fafc;padding:32px 16px}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-content h1{font-size:32px;font-weight:700;color:#1e293b;margin-bottom:8px}.header-content p{font-size:16px;color:#64748b;margin:0}.header-actions{display:flex;gap:12px;align-items:center}.service-select-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.service-select-btn:hover{background:#2563eb;transform:translateY(-1px)}.period-select{padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.period-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.service-modal,.add-item-modal,.feature-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:20px;font-weight:600;color:#1f2937;margin:0}.close-modal{width:32px;height:32px;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:18px;transition:all .2s ease}.close-modal:hover{background:#e5e7eb;color:#374151}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:24px}.service-option{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.service-option:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.service-option .service-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.service-option .service-icon svg{width:24px;height:24px}.service-option h4{font-size:16px;font-weight:600;color:#1e293b;margin:0}.service-option p{font-size:14px;color:#64748b;margin:0;line-height:1.4}.modal-content{padding:24px;text-align:center}.submit-btn{padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:16px}.submit-btn:hover{background:#059669}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:24px;height:24px}.stat-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px}.stat-change.up{color:#10b981;background:#dcfce7}.stat-change.down{color:#ef4444;background:#fee2e2}.stat-content h3{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.stat-content p{font-size:14px;color:#64748b;margin:0}.service-content{margin-bottom:32px}.add-item-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-item-btn:hover{background:#059669}.service-items{padding:0 24px 24px;display:grid;gap:16px}.service-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.service-item:hover{background:#f1f5f9;border-color:#cbd5e1}.item-image{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.item-status{position:absolute;top:4px;right:4px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#fff}.item-content{flex:1}.item-content h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.item-content p{font-size:14px;color:#64748b;margin:0 0 8px}.item-stats{display:flex;gap:16px;align-items:center}.item-price{font-size:14px;font-weight:600;color:#10b981}.item-bookings{font-size:12px;color:#64748b}.item-rating{display:flex;align-items:center;gap:4px;font-size:12px;color:#f59e0b}.item-actions{display:flex;gap:8px}.edit-btn,.delete-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-btn{background:#dbeafe;color:#3b82f6}.edit-btn:hover{background:#bfdbfe}.delete-btn{background:#fee2e2;color:#ef4444}.delete-btn:hover{background:#fecaca}.no-items{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#64748b}.no-items svg{margin-bottom:16px;color:#cbd5e1}.no-items h3{font-size:18px;font-weight:600;margin-bottom:8px;color:#475569}.no-items p{font-size:14px;margin:0}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.dashboard-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:20px}.card-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.view-all-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:none;color:#3b82f6;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease}.view-all-btn:hover{background:#f0f9ff}.orders-list{padding:0 24px 24px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f1f5f9}.order-item:last-child{border-bottom:none}.order-info{flex:1}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.order-id{font-size:12px;color:#64748b;font-weight:500}.order-status{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;background:currentColor;color:#fff!important;opacity:.9}.order-info h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.order-info p{font-size:14px;color:#64748b;margin:0 0 4px}.order-date{font-size:12px;color:#9ca3af}.order-amount{font-size:16px;font-weight:700;color:#10b981}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 24px 24px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.action-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.action-icon{width:24px;height:24px;color:#3b82f6}.action-btn span{font-size:12px;font-weight:500;color:#374151}.chart-card{grid-column:1 / -1}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:#9ca3af}.chart-placeholder svg{margin-bottom:16px}.chart-placeholder p{font-size:16px;margin:0}.wallet-section{margin-bottom:32px}.toggle-wallet-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-wallet-btn:hover{background:#2563eb;transform:translateY(-1px)}.wallet-container-provider{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.provider-wallet-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.wallet-info-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.wallet-info-card h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:16px}.earnings-breakdown{display:flex;flex-direction:column;gap:12px}.earnings-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.earnings-item:last-child{border-bottom:none}.earnings-item span{color:#64748b;font-size:14px}.earnings-item strong{color:#16a34a;font-weight:600}.wallet-tips{list-style:none;padding:0;margin:0}.wallet-tips li{padding:8px 0;font-size:14px;color:#64748b;border-bottom:1px solid #f1f5f9}.wallet-tips li:last-child{border-bottom:none}@media (max-width: 768px){.provider-wallet-info{grid-template-columns:1fr;gap:16px}.wallet-container-provider,.wallet-info-card{padding:16px}}.stats-grid .stat-card.wallet-stat{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.stats-grid .stat-card.wallet-stat .stat-icon{background:#fff3!important}.stats-grid .stat-card.wallet-stat .stat-icon svg{color:#fff!important}.stats-grid .stat-card.wallet-stat .stat-change{color:#ffffffe6}@media (max-width: 768px){.dashboard-page{padding:24px 16px}.dashboard-header{flex-direction:column;gap:16px;text-align:center}.header-actions{flex-direction:column;width:100%}.service-select-btn{width:100%;justify-content:center}.header-content h1{font-size:24px}.stats-grid,.dashboard-content{grid-template-columns:1fr;gap:16px}.quick-actions{grid-template-columns:1fr}.order-item{flex-direction:column;align-items:flex-start;gap:12px}.order-header{width:100%}.service-item{flex-direction:column;text-align:center}.item-stats{justify-content:center}.services-grid{grid-template-columns:1fr}}.lang-ar .dashboard-header,.lang-ar .header-actions,.lang-ar .stat-header,.lang-ar .card-header,.lang-ar .order-header,.lang-ar .order-item,.lang-ar .service-item,.lang-ar .item-actions,.lang-ar .view-all-btn,.lang-ar .service-select-btn,.lang-ar .add-item-btn{flex-direction:row-reverse}@media (max-width: 768px){.lang-ar .dashboard-header,.lang-ar .header-actions{flex-direction:column}.lang-ar .order-item{flex-direction:column;align-items:flex-end}.lang-ar .service-item{flex-direction:column}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.auth-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.auth-modal-header h2{font-size:24px;font-weight:700;color:#1e293b;margin:0;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-modal{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.auth-modal-content{padding:24px}.demo-buttons{margin-bottom:24px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.demo-title{font-size:16px;font-weight:600;color:#374151;margin-bottom:16px;text-align:center}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.demo-btn{padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.demo-btn.customer{background:#dbeafe;color:#1e40af}.demo-btn.customer:hover{background:#bfdbfe;transform:translateY(-1px)}.demo-btn.provider{background:#d1fae5;color:#065f46}.demo-btn.provider:hover{background:#a7f3d0;transform:translateY(-1px)}.demo-btn.admin{background:#fef3c7;color:#92400e}.demo-btn.admin:hover{background:#fde68a;transform:translateY(-1px)}.auth-form{display:flex;flex-direction:column;gap:20px}.error-message,.success-message{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;font-size:14px;font-weight:500}.error-message{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.success-message{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:600;color:#374151;font-size:14px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#9ca3af;z-index:1}.form-input{width:100%;padding:16px 16px 16px 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select{width:100%;padding:16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;background:#fff;cursor:pointer;transition:border-color .3s ease}.form-select:focus{outline:none;border-color:#3b82f6}.password-toggle{position:absolute;right:16px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;transition:color .3s ease}.password-toggle:hover{color:#6b7280}.auth-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-btn.loading{position:relative}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.auth-footer p{color:#6b7280;font-size:14px;margin:0}.auth-link{background:none;border:none;color:#3b82f6;font-weight:600;cursor:pointer;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:#2563eb;text-decoration:underline}@media (max-width: 768px){.auth-modal{margin:10px;max-height:calc(100vh - 20px)}.auth-modal-header,.auth-modal-content{padding:20px}.auth-modal-header h2{font-size:20px}.form-row,.demo-grid{grid-template-columns:1fr}}@media (max-width: 480px){.auth-modal-header,.auth-modal-content{padding:16px}.auth-modal-header h2{font-size:18px}.form-input,.form-select,.auth-btn{padding:14px 16px;font-size:14px}.form-input{padding-left:44px}.demo-buttons{padding:16px}}.calendar-container{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.nav-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.nav-button:hover{background:#e2e8f0;border-color:#cbd5e1}.month-year{font-size:18px;font-weight:600;color:#1e293b;margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:20px}.day-name{text-align:center;padding:12px 4px;font-size:14px;font-weight:600;color:#64748b;background:#f8fafc;border-radius:6px}.calendar-day{aspect-ratio:1;border:none;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#1e293b;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid transparent}.calendar-day:hover:not(.disabled):not(.booked):not(.empty){background:#e0f2fe;border-color:#0ea5e9;color:#0c4a6e}.calendar-day.empty{cursor:default;background:transparent}.calendar-day.disabled{color:#cbd5e1;cursor:not-allowed;background:#f8fafc}.calendar-day.booked{background:#fee2e2;color:#991b1b;cursor:not-allowed;position:relative}.calendar-day.booked:after{content:"";position:absolute;top:50%;left:10%;right:10%;height:1px;background:#dc2626;transform:translateY(-50%)}.calendar-day.selected{background:#3b82f6;color:#fff;font-weight:600;border-color:#2563eb}.calendar-day.in-range{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.calendar-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-top:16px;border-top:1px solid #e2e8f0}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.legend-color{width:16px;height:16px;border-radius:4px;border:1px solid #e2e8f0}.legend-color.selected{background:#3b82f6}.legend-color.in-range{background:#dbeafe}.legend-color.booked{background:#fee2e2;position:relative}.legend-color.booked:after{content:"";position:absolute;top:50%;left:2px;right:2px;height:1px;background:#dc2626;transform:translateY(-50%)}.legend-color.disabled{background:#f8fafc}.selected-dates-summary{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.date-summary,.nights-count{display:flex;justify-content:space-between;align-items:center}.date-summary .label,.nights-count .label{font-size:14px;color:#0c4a6e;font-weight:500}.date-summary .date,.nights-count .count{font-size:14px;color:#0c4a6e;font-weight:600}.nights-count{padding-top:8px;border-top:1px solid #7dd3fc;margin-top:4px}@media (max-width: 768px){.calendar-container{padding:16px}.calendar-header{margin-bottom:16px}.month-year{font-size:16px}.nav-button{padding:6px}.day-name{padding:8px 2px;font-size:12px}.calendar-day{font-size:12px}.calendar-legend{gap:12px}.legend-item{font-size:11px}.selected-dates-summary{padding:12px}.date-summary .label,.date-summary .date,.nights-count .label,.nights-count .count{font-size:13px}}@media (max-width: 480px){.calendar-container{padding:12px}.calendar-grid{gap:1px}.day-name{padding:6px 1px;font-size:11px}.calendar-day{font-size:11px}.calendar-legend{flex-direction:column;gap:8px}.legend-color{width:14px;height:14px}}.interactive-map-container{position:relative;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:1px solid #e2e8f0;background:#f8fafc}.interactive-map-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;border-radius:0;height:100vh!important}.mapbox-interactive-map{width:100%;height:100%;min-height:300px}.map-controls{position:absolute;top:16px;left:16px;z-index:10;display:flex;gap:8px}.fullscreen-btn{background:#fffffff2;border:1px solid #e2e8f0;border-radius:8px;padding:8px;cursor:pointer;color:#64748b;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.fullscreen-btn:hover{background:#fff;color:#3b82f6;border-color:#3b82f6}.map-info-overlay{position:absolute;bottom:16px;left:16px;right:16px;background:#fffffff2;border-radius:12px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000001a}.location-details h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.location-details p{font-size:14px;color:#64748b;margin:0 0 8px}.coordinates{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.custom-location-marker{cursor:pointer;transition:transform .2s ease}.custom-location-marker:hover{transform:scale(1.1)}.marker-pin{position:relative;display:flex;align-items:center;justify-content:center}.marker-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.location-popup{max-width:280px;font-family:Inter,sans-serif;text-align:center}.popup-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px;line-height:1.3}.popup-address{color:#64748b;font-size:14px;margin:0 0 8px}.popup-coordinates{margin-bottom:12px}.popup-coordinates .coordinates{background:#f1f5f9;color:#475569;padding:4px 8px;border-radius:6px;font-size:12px;font-family:monospace}.popup-actions{display:flex;gap:8px;justify-content:center}.popup-btn{background:#3b82f6;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.popup-btn:hover{background:#2563eb}.fallback-location-map{width:100%;height:100%;display:flex;flex-direction:column;min-height:400px;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.fallback-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.location-info{display:flex;align-items:center;gap:16px}.location-pin{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.location-text h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.location-text p{font-size:14px;color:#64748b;margin:0;line-height:1.4}.map-actions{display:flex;gap:8px}.static-map-content{flex:1;display:grid;grid-template-columns:1fr 350px;gap:0;min-height:0}.map-visual{position:relative;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.map-grid{position:absolute;top:0;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);opacity:.1}.grid-cell{border:1px solid #cbd5e1;background:linear-gradient(45deg,transparent 49%,#e2e8f0 49%,#e2e8f0 51%,transparent 51%)}.location-marker{position:relative;z-index:2;color:#3b82f6;filter:drop-shadow(0 4px 8px rgba(59,130,246,.3));animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.location-details-card{background:#fff;padding:24px;display:flex;flex-direction:column;gap:24px;border-left:1px solid #e2e8f0;overflow-y:auto}.coordinates-section h4,.map-services h4,.nearby-info h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 12px}.coordinates-display{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:12px 16px;border-radius:8px;border:1px solid #e2e8f0}.coordinates-display svg{color:#3b82f6;flex-shrink:0}.coords-text{flex:1;font-family:monospace;font-size:14px;color:#475569;font-weight:500}.copy-coords-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.copy-coords-btn:hover{background:#e2e8f0;color:#3b82f6}.services-grid{display:flex;flex-direction:column;gap:8px}.service-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.service-btn.google{background:#4285f4;color:#fff}.service-btn.google:hover{background:#3367d6;transform:translateY(-1px)}.service-btn.apple{background:#000;color:#fff}.service-btn.apple:hover{background:#333;transform:translateY(-1px)}.info-list{display:flex;flex-direction:column;gap:8px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.info-item:last-child{border-bottom:none}.info-label{font-size:13px;color:#64748b;font-weight:500}.info-value{font-size:13px;color:#1e293b;font-weight:600}.mapbox-setup-notice{background:linear-gradient(135deg,#fef3c7,#fde68a);border-top:1px solid #f59e0b;padding:20px 24px;margin-top:auto}.notice-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.notice-icon{font-size:20px}.notice-header h4{margin:0;color:#92400e;font-size:16px;font-weight:600}.mapbox-setup-notice p{margin:0 0 12px;color:#92400e;font-size:14px;line-height:1.4}.mapbox-setup-notice ol{margin:12px 0;padding-right:20px;color:#92400e;font-size:13px}.mapbox-setup-notice ol li{margin-bottom:6px;line-height:1.4}.mapbox-setup-notice a{color:#1d4ed8;text-decoration:underline;font-weight:500}.current-features{margin-top:12px;padding-top:12px;border-top:1px solid #f59e0b}.current-features p{margin:0;font-size:13px;color:#78716c;font-style:italic}@media (max-width: 1024px){.static-map-content{grid-template-columns:1fr;grid-template-rows:1fr auto}.location-details-card{border-left:none;border-top:1px solid #e2e8f0;max-height:300px}}@media (max-width: 768px){.fallback-header{flex-direction:column;gap:16px;text-align:center;padding:16px 20px}.location-info{flex-direction:column;gap:12px}.location-details-card{padding:20px;gap:20px}.services-grid{flex-direction:row;gap:12px}.service-btn{flex:1;justify-content:center}.map-info-overlay{bottom:8px;left:8px;right:8px;padding:12px}.map-controls{top:8px;left:8px}.mapbox-setup-notice{padding:16px 20px}}@media (max-width: 480px){.fallback-header{padding:12px 16px}.location-pin{width:40px;height:40px}.location-text h3{font-size:16px}.location-text p{font-size:13px}.location-details-card{padding:16px;gap:16px}.services-grid{flex-direction:column}.coordinates-display{padding:10px 12px}.coords-text{font-size:12px}.info-item{flex-direction:column;align-items:flex-start;gap:4px}.mapbox-setup-notice{padding:12px 16px}.notice-header h4{font-size:14px}.mapbox-setup-notice p,.mapbox-setup-notice ol{font-size:12px}}.accommodation-detail{min-height:100vh;background:#f8fafc;padding:20px 0}.detail-container{max-width:1200px;margin:0 auto;padding:0 20px}.back-button{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 20px;color:#64748b;text-decoration:none;font-weight:500;margin-bottom:24px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}.back-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translate(-2px)}.image-gallery-section{margin-bottom:32px}.main-image{width:100%;height:400px;border-radius:16px;overflow:hidden;margin-bottom:16px;box-shadow:0 4px 20px #0000001a}.main-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-thumbnails{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.thumbnail{flex-shrink:0;width:100px;height:80px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.thumbnail.active{border-color:#3b82f6;transform:scale(1.05)}.thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.property-info{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.property-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:24px}.property-title h1{font-size:32px;font-weight:800;color:#1e293b;margin:0 0 12px;line-height:1.2}.property-location{display:flex;align-items:center;gap:8px;color:#64748b;font-size:16px}.property-rating{display:flex;align-items:center;gap:8px;flex-shrink:0}.star-icon{color:#fbbf24;fill:currentColor}.review-count{color:#64748b;font-size:14px}.price-info{margin-bottom:20px}.price{font-size:28px;font-weight:800;color:#3b82f6}.period{color:#64748b;font-size:16px;margin-left:8px}.property-description{color:#475569;line-height:1.6;font-size:16px}.tab-navigation{display:flex;background:#fff;border-radius:16px;padding:8px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;gap:8px}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;border:none;border-radius:12px;background:transparent;color:#64748b;font-weight:500;cursor:pointer;transition:all .3s ease}.tab-button:hover{background:#f8fafc;color:#475569}.tab-button.active{background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.tab-content-container{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:16px}.detail-section p{color:#475569;line-height:1.6;font-size:16px}.amenities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.amenity-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.amenity-item:hover{background:#f1f5f9;border-color:#cbd5e1}.amenity-item svg{color:#3b82f6;flex-shrink:0}.capacity-info{display:flex;gap:24px;flex-wrap:wrap}.capacity-item{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f0f9ff;border-radius:12px;color:#0c4a6e;font-weight:500}.capacity-item svg{color:#0ea5e9}.owner-profile{text-align:center}.owner-header{display:flex;flex-direction:column;align-items:center;gap:16px}.owner-avatar{position:relative;width:80px;height:80px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;overflow:hidden}.owner-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.verification-badge{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:2px solid white}.owner-info h3{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:12px}.owner-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.stat{display:flex;align-items:center;justify-content:center;gap:6px;color:#64748b;font-size:14px}.owner-description{color:#475569;line-height:1.6;margin-bottom:12px}.joined-date{color:#64748b;font-size:14px}.location-section h3{margin-bottom:20px}.address-info{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.address-info svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.address-info p{margin:0;color:#475569;line-height:1.5}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;background:#f1f5f9;border-radius:12px;border:2px dashed #cbd5e1;color:#64748b;margin-bottom:24px}.map-placeholder svg{margin-bottom:12px}.location-highlights h4{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:12px}.location-highlights ul{list-style:none;padding:0;margin:0}.location-highlights li{padding:8px 0;color:#475569;border-bottom:1px solid #e2e8f0}.location-highlights li:last-child{border-bottom:none}.booking-section{margin-bottom:32px}.booking-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.booking-card h3{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:24px;text-align:center}.booking-form{display:flex;flex-direction:column;gap:24px}.calendar-section{margin-bottom:20px}.guests-group{display:flex;flex-direction:column;gap:8px}.guests-group label{font-weight:600;color:#374151;font-size:16px}.guests-select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;background:#fff;cursor:pointer;transition:border-color .3s ease}.guests-select:focus{outline:none;border-color:#3b82f6}.price-summary{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.price-breakdown{display:flex;flex-direction:column;gap:12px}.price-row{display:flex;justify-content:space-between;align-items:center;color:#475569;font-size:16px}.price-row.total{padding-top:12px;border-top:1px solid #e2e8f0;font-weight:700;color:#1e293b;font-size:18px}.book-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.book-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.book-button:disabled{opacity:.6;cursor:not-allowed}.contact-section{margin-bottom:32px}.contact-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;text-align:center}.contact-card h3{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:16px}.contact-description{color:#64748b;line-height:1.6;margin-bottom:24px}.contact-info{display:flex;justify-content:center}.message-btn{display:flex;align-items:center;gap:12px;background:#10b981;color:#fff;border:none;padding:16px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.message-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.message-modal,.booking-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h3{font-size:20px;font-weight:700;color:#1e293b;margin:0}.close-modal{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.modal-content{padding:24px}.ai-monitoring-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;padding:16px;margin-bottom:20px;display:flex;gap:12px}.notice-icon{font-size:20px;flex-shrink:0}.notice-text h4{font-size:16px;font-weight:600;color:#92400e;margin:0 0 8px}.notice-text p{font-size:14px;color:#92400e;margin:0;line-height:1.4}.common-questions{margin-bottom:20px}.common-questions h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:12px}.questions-list{display:flex;flex-direction:column;gap:8px}.question-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;text-align:right;cursor:pointer;transition:all .2s ease;font-size:14px;color:#475569}.question-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.message-form{margin-bottom:20px}.form-label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.message-textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;resize:vertical;min-height:120px;transition:border-color .3s ease}.message-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.character-count{text-align:left;color:#64748b;font-size:12px;margin-top:4px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-send{padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:14px;display:flex;align-items:center;gap:8px}.btn-cancel{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-cancel:hover{background:#e5e7eb}.btn-send{background:#10b981;color:#fff}.btn-send:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-send:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.chat-history-section{margin-bottom:32px}.chat-history-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.chat-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.close-chat{background:none;border:none;font-size:20px;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-chat:hover{background:#e2e8f0;color:#475569}.chat-messages{max-height:400px;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;gap:12px;align-items:flex-start}.chat-message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.owner-avatar-small{width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.ai-avatar{background:#10b981;color:#fff;font-size:16px}.message-content{flex:1;max-width:70%}.chat-message.user .message-content{text-align:right}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chat-message.user .message-header{justify-content:flex-end}.sender-name{font-weight:600;color:#1e293b;font-size:12px}.auto-reply-badge{background:#10b981;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.message-time{color:#64748b;font-size:11px}.message-text{background:#f1f5f9;padding:12px 16px;border-radius:12px;color:#1e293b;line-height:1.4;margin:0;font-size:14px}.chat-message.user .message-text{background:#3b82f6;color:#fff}.chat-input{display:flex;gap:12px;padding:20px;border-top:1px solid #e2e8f0;background:#f8fafc}.chat-textarea{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;resize:none;font-size:14px;min-height:40px;max-height:100px}.chat-textarea:focus{outline:none;border-color:#3b82f6}.chat-send-btn{background:#3b82f6;color:#fff;border:none;border-radius:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-send-btn:hover:not(:disabled){background:#2563eb}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.reviews-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reviews-header h3{font-size:24px;font-weight:700;color:#1e293b;margin:0}.overall-rating{display:flex;align-items:center;gap:8px}.reviews-placeholder{text-align:center;padding:40px 20px;color:#64748b;background:#f8fafc;border-radius:12px;border:2px dashed #e2e8f0}.booking-progress{margin-bottom:24px}.progress-steps{display:flex;justify-content:center;gap:16px;margin-bottom:12px}.progress-step{width:40px;height:40px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.progress-step.active{background:#3b82f6;color:#fff}.progress-labels{display:flex;justify-content:space-around;font-size:14px;color:#64748b}.progress-labels span.active{color:#3b82f6;font-weight:600}.booking-summary-card{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #e2e8f0}.summary-header{display:flex;gap:16px;margin-bottom:16px}.accommodation-image-small{width:80px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.accommodation-image-small img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.summary-details h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px}.summary-meta{display:flex;flex-direction:column;gap:4px}.summary-location,.summary-dates,.summary-guests{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.booking-form-step{margin-bottom:24px}.booking-form-step h4{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:#374151;font-size:14px}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.form-group input.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:12px;margin-top:4px}.payment-methods{display:flex;gap:12px;margin-bottom:20px}.payment-option{flex:1;display:flex;align-items:center;gap:8px;padding:16px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease}.payment-option:hover{border-color:#cbd5e1}.payment-option.active{border-color:#3b82f6;background:#f0f9ff}.payment-option input[type=radio]{margin:0}.payment-details{margin-top:20px}.terms-section{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.checkmark{width:20px;height:20px;border:2px solid #e2e8f0;border-radius:4px;flex-shrink:0;margin-top:2px;transition:all .3s ease}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;height:100%}.checkbox-label input[type=checkbox]{display:none}.booking-actions{display:flex;gap:12px;justify-content:flex-end}.primary-button,.secondary-button{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:14px;display:flex;align-items:center;gap:8px}.primary-button{background:#3b82f6;color:#fff}.primary-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.secondary-button:hover{background:#e5e7eb}.booking-success{text-align:center;padding:40px 20px}.success-icon{color:#10b981;margin-bottom:20px}.booking-success h2{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:12px}.booking-success p{color:#64748b;margin-bottom:20px}.booking-reference{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.booking-reference span{color:#166534;font-weight:500}.booking-reference strong{color:#166534;font-weight:700;font-size:18px}.booking-details-summary{background:#f8fafc;border-radius:8px;padding:20px;margin-bottom:24px;text-align:right}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.detail-item:last-child{border-bottom:none;font-weight:600;color:#1e293b}.success-actions{display:flex;gap:12px;justify-content:center}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;margin:40px 0}.loading-state{color:#3b82f6;font-weight:600;font-size:18px}.error-state{color:#ef4444}.error-state p{margin-bottom:20px;font-size:16px}@media (max-width: 1024px){.property-header{flex-direction:column;gap:16px}.tab-navigation{flex-direction:column;gap:4px}.amenities-grid{grid-template-columns:1fr}.capacity-info{flex-direction:column;gap:12px}}@media (max-width: 768px){.detail-container{padding:0 16px}.property-info,.tab-content-container,.booking-card,.contact-card,.reviews-section{padding:24px}.property-title h1{font-size:24px}.main-image{height:300px}.tab-button{padding:12px 16px;font-size:14px}.tab-button span{display:none}.form-grid{grid-template-columns:1fr}.booking-actions,.modal-actions,.success-actions,.payment-methods{flex-direction:column}}@media (max-width: 480px){.detail-container{padding:0 12px}.property-info,.tab-content-container,.booking-card,.contact-card,.reviews-section{padding:20px}.property-title h1{font-size:20px}.main-image{height:250px}.thumbnail{width:80px;height:64px}.modal-content{padding:20px}.chat-messages{padding:16px}.message-content{max-width:85%}}.profile-page{padding:2rem 0;min-height:100vh;background:#f9fafb}.profile-header{text-align:center;margin-bottom:3rem}.page-title{font-size:2.5rem;font-weight:800;color:#1f2937;margin-bottom:1rem;background:linear-gradient(135deg,#2563eb,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto}.profile-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.profile-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.profile-avatar{width:120px;height:120px;background:linear-gradient(135deg,#2563eb,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1rem}.change-avatar-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.change-avatar-btn:hover{background:#e5e7eb}.user-role-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.role-badge{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:600}.verified-badge{background:#d1fae5;color:#065f46;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.form-title{font-size:1.5rem;font-weight:700;color:#1f2937}.edit-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.edit-actions{display:flex;gap:.5rem}.save-btn{background:#059669;color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.save-btn:hover{background:#047857}.cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.cancel-btn:hover{background:#e5e7eb}.form-label{font-weight:600;color:#374151;font-size:.875rem}.form-input,.form-textarea{padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .3s ease;background:#fff}.form-input:focus,.form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;min-height:80px}.form-display{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:.5rem;color:#374151;min-height:48px}.form-display svg{color:#9ca3af;flex-shrink:0}.profile-stats{display:flex;flex-direction:column;gap:1.5rem}.stats-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.stats-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-item{text-align:center;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.stat-value{font-size:1.5rem;font-weight:800;color:#2563eb;margin-bottom:.25rem}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500}@media (max-width: 1024px){.profile-content{grid-template-columns:1fr}.profile-stats{order:-1}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.profile-page{padding:1rem 0}.page-title{font-size:2rem}.profile-card{padding:1.5rem}.form-grid{grid-template-columns:1fr}.form-header{flex-direction:column;gap:1rem;align-items:stretch}.edit-actions{justify-content:center}.stats-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.profile-card{padding:1rem}.profile-avatar{width:100px;height:100px}.stats-grid{grid-template-columns:1fr}.edit-actions{flex-direction:column}}.verification-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:2rem 0}.verification-header{text-align:center;margin-bottom:3rem}.verification-header h1{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:1rem;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.verification-header p{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto}.progress-section{margin-bottom:3rem;background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.progress-bar-container{width:100%;height:8px;background:#e2e8f0;border-radius:4px;margin-bottom:2rem;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:4px;transition:width .5s ease}.progress-steps{display:flex;justify-content:space-between;align-items:center}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative}.step-number{width:40px;height:40px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.progress-step.active .step-number{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff}.progress-step.current .step-number{background:#3b82f6;color:#fff;transform:scale(1.1);box-shadow:0 0 0 4px #3b82f633}.step-title{font-size:.875rem;font-weight:500;color:#64748b;text-align:center}.progress-step.active .step-title{color:#1e293b;font-weight:600}.verification-content{background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;margin-bottom:2rem;min-height:600px}.step-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:3rem}.step-header h2{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.step-header p{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto}.verification-types{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.verification-type{border:2px solid #e2e8f0;border-radius:1rem;padding:2rem;cursor:pointer;transition:all .3s ease;background:#fff}.verification-type:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.verification-type.selected{border-color:#3b82f6;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f633}.type-icon{width:60px;height:60px;background:#f1f5f9;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#3b82f6;margin-bottom:1.5rem}.type-icon.vip{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.type-content h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.type-content p{color:#64748b;margin-bottom:1rem}.type-content ul{list-style:none;padding:0;margin:0}.type-content li{color:#475569;font-size:.875rem;margin-bottom:.5rem;padding-right:1rem;position:relative}.type-content li:before{content:"•";position:absolute;right:0;color:#0ea5e9;font-weight:700}.id-type-selection{margin-top:2rem}.id-type-selection h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem;text-align:center}.id-types{display:flex;gap:1rem;justify-content:center}.id-type{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;border:2px solid #e2e8f0;border-radius:.75rem;cursor:pointer;transition:all .3s ease;background:#fff;min-width:150px}.id-type:hover{border-color:#3b82f6}.id-type.selected{border-color:#3b82f6;background:#f0f9ff;color:#3b82f6}.id-type input{display:none}.id-type span{font-weight:600;font-size:.875rem}.upload-section{display:flex;flex-direction:column;gap:2rem}.upload-item h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem;text-align:center}.upload-area{border:2px dashed #cbd5e1;border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease;background:#f8fafc}.upload-area:hover{border-color:#3b82f6;background:#f0f9ff}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-placeholder svg{color:#94a3b8}.upload-placeholder p{color:#64748b;font-size:1.125rem;margin:0}.upload-buttons{display:flex;gap:1rem;justify-content:center}.upload-btn,.camera-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none;font-size:.875rem}.upload-btn{background:#3b82f6;color:#fff}.upload-btn:hover{background:#2563eb;transform:translateY(-1px)}.camera-btn{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.camera-btn:hover{background:#e2e8f0}.camera-btn.primary{background:#10b981;color:#fff;border:none}.camera-btn.primary:hover{background:#059669}.uploaded-image{position:relative;max-width:300px;margin:0 auto}.uploaded-image img{width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 12px #0000001a}.image-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem}.image-actions button{background:#000000b3;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.image-actions button:hover{background:#000000e6}.upload-progress{margin-top:1rem;display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:4px;transition:width .3s ease}.upload-progress span{font-weight:600;color:#3b82f6;font-size:.875rem}.upload-tips{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.75rem;padding:1.5rem;margin-top:2rem}.upload-tips h4{color:#0c4a6e;font-size:1rem;font-weight:600;margin-bottom:1rem}.upload-tips ul{list-style:none;padding:0;margin:0}.upload-tips li{color:#0369a1;font-size:.875rem;margin-bottom:.5rem;padding-right:1rem;position:relative}.upload-tips li:before{content:"•";position:absolute;right:0;color:#0ea5e9;font-weight:700}.selfie-section{display:flex;flex-direction:column;gap:2rem}.selfie-instructions{background:#f0f9ff;border:1px solid #bae6fd;border-radius:1rem;padding:2rem}.selfie-instructions h3{color:#0c4a6e;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.instructions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.instruction-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.instruction-icon{width:50px;height:50px;background:#0ea5e9;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.instruction-item p{color:#0369a1;font-size:.875rem;font-weight:500;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:#374151;font-size:.875rem}.form-group input,.form-group textarea{padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:.75rem;margin-top:.25rem}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem;text-align:center}.document-type-selection h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem;text-align:center}.document-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.document-type{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid #e2e8f0;border-radius:.75rem;cursor:pointer;transition:all .3s ease;background:#fff}.document-type:hover{border-color:#3b82f6}.document-type.selected{border-color:#3b82f6;background:#f0f9ff;color:#3b82f6}.document-type input{display:none}.document-type span{font-weight:500;font-size:.875rem;text-align:center}.uploaded-document{display:flex;justify-content:center}.document-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.75rem}.document-preview svg{color:#16a34a}.document-preview p{color:#15803d;font-weight:600;margin:0}.document-preview button{background:#fee2e2;color:#991b1b;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .3s ease}.document-preview button:hover{background:#fecaca}.vip-benefits{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:1rem;padding:2rem;margin-top:2rem}.vip-benefits h3{color:#92400e;font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.vip-benefits ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.vip-benefits li{color:#92400e;font-size:.875rem;font-weight:500}.review-section{display:flex;flex-direction:column;gap:1.5rem}.review-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.review-item h3{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.5rem}.review-item p{color:#475569;margin:0}.review-images h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.review-image{text-align:center}.review-image img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;margin-bottom:.5rem}.review-image p{color:#64748b;font-size:.875rem;font-weight:500;margin:0}.success-page{text-align:center;padding:2rem}.success-icon{color:#10b981;margin-bottom:2rem}.success-page h2{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.success-page p{font-size:1.125rem;color:#64748b;line-height:1.6;max-width:600px;margin:0 auto 2rem}.next-steps{background:#f0f9ff;border:1px solid #bae6fd;border-radius:1rem;padding:2rem;margin-bottom:2rem}.next-steps h3{color:#0c4a6e;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.steps-list{display:flex;flex-direction:column;gap:1rem}.step-item{display:flex;align-items:flex-start;gap:1rem;text-align:right}.step-number{width:32px;height:32px;background:#0ea5e9;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.step-text h4{color:#0c4a6e;font-size:1rem;font-weight:600;margin-bottom:.25rem}.step-text p{color:#0369a1;font-size:.875rem;margin:0}.current-status{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:1rem;padding:2rem;margin-bottom:2rem}.current-status h3{color:#166534;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.status-card{display:flex;align-items:flex-start;gap:1rem;background:#fff;border-radius:.75rem;padding:1.5rem;text-align:right}.status-card svg{flex-shrink:0;margin-top:.25rem}.status-card h4{color:#166534;font-size:1rem;font-weight:600;margin-bottom:.5rem}.status-card p{color:#166534;font-size:.875rem;line-height:1.5;margin:0}.action-buttons{display:flex;justify-content:center;gap:1rem}.navigation-buttons{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.btn-primary,.btn-secondary,.btn-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.875rem;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.btn-secondary:hover{background:#e2e8f0}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-primary:disabled,.btn-success:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 1024px){.verification-types,.form-grid{grid-template-columns:1fr}.instructions-grid,.document-types{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.verification-page{padding:1rem 0}.verification-header h1{font-size:2rem}.verification-content{padding:2rem}.step-header h2{font-size:1.75rem}.progress-steps{flex-direction:column;gap:1rem}.progress-step{flex-direction:row;gap:1rem}.step-number{width:32px;height:32px}.step-title{text-align:right}.upload-buttons,.id-types{flex-direction:column}.instructions-grid,.document-types{grid-template-columns:1fr}.images-grid{grid-template-columns:repeat(2,1fr)}.navigation-buttons{flex-direction:column;gap:1rem}.btn-primary,.btn-secondary,.btn-success{width:100%;justify-content:center}}@media (max-width: 480px){.verification-content,.progress-section{padding:1.5rem}.verification-header h1{font-size:1.75rem}.step-header h2{font-size:1.5rem}.type-content h3{font-size:1.25rem}.upload-area{padding:1.5rem}.images-grid,.vip-benefits ul{grid-template-columns:1fr}}.verification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.verification-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.verification-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.verification-header h3{font-size:20px;font-weight:700;color:#1e293b;margin:0}.close-modal{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-modal:hover{background:#f1f5f9;color:#475569}.verification-content{padding:24px}.verification-message{text-align:center;margin-bottom:24px}.verification-message svg{color:#3b82f6;margin-bottom:16px}.verification-message h4{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:12px}.verification-message p{color:#64748b;font-size:16px;line-height:1.5;margin-bottom:16px}.verification-email{background:#f0f9ff;color:#0c4a6e;padding:12px 16px;border-radius:8px;font-weight:500;margin-bottom:24px;text-align:center}.verification-form{margin-bottom:24px}.verification-form label{display:block;font-weight:600;color:#1e293b;margin-bottom:8px}.code-input-container{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.code-input{width:50px;height:60px;border:2px solid #e2e8f0;border-radius:8px;font-size:24px;font-weight:600;text-align:center;transition:all .2s ease}.code-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.code-input.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:14px;margin-top:8px;text-align:center}.success-message{color:#10b981;font-size:14px;margin-top:8px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.verification-actions{display:flex;flex-direction:column;gap:12px}.verify-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.verify-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.verify-btn:disabled{opacity:.6;cursor:not-allowed}.resend-btn{background:none;border:none;color:#3b82f6;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease;text-align:center}.resend-btn:hover:not(:disabled){background:#f0f9ff}.resend-btn:disabled{opacity:.6;cursor:not-allowed;color:#94a3b8}.resend-timer{color:#64748b;font-size:14px;text-align:center}.verification-success{text-align:center;padding:24px 0}.success-icon{color:#10b981;margin-bottom:16px}.verification-success h4{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:12px}.verification-success p{color:#64748b;margin-bottom:24px}.continue-btn{background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.continue-btn:hover{background:#059669;transform:translateY(-1px)}@media (max-width: 480px){.verification-modal{width:95%}.verification-header,.verification-content{padding:20px}.code-input{width:40px;height:50px;font-size:20px}}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1f2937;background-color:#f9fafb}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.btn-secondary{background:transparent;color:#2563eb;padding:.75rem 1.5rem;border:2px solid #2563eb;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-secondary:hover{background:#2563eb;color:#fff;transform:translateY(-2px)}.card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}@media (max-width: 768px){.container{padding:0 .5rem}.main-content{padding-top:70px}}*,:before,:after{--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: rgb(59 130 246 / .5);--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: rgb(59 130 246 / .5);--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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.static{position:static}.fixed{position:fixed}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-8{margin-top:2rem}.flex{display:flex}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-3{padding:.75rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.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}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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)}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}