body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.property-card{cursor:pointer;display:flex;flex-direction:column;height:100%;transition:all .3s ease}.property-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.property-image-container{height:200px;overflow:hidden;position:relative}.property-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.property-card:hover .property-image{transform:scale(1.05)}.property-price{align-items:center;background:#000c;border-radius:20px;color:#fff;display:flex;font-weight:700;gap:4px;padding:8px 12px;position:absolute;right:12px;top:12px}.price-amount{font-size:1.1rem}.price-currency{font-size:.9rem;opacity:.9}.property-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.property-name{color:#2d3748;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0 0 8px}.property-location{align-items:center;color:#718096;display:flex;font-size:.9rem;margin:0 0 12px}.property-location:before{content:"📍";margin-right:6px}.property-description{color:#4a5568;flex:1 1;font-size:.9rem;line-height:1.5;margin:0 0 16px}.property-amenities{margin-top:auto}.amenities-label{color:#718096;font-size:.8rem;font-weight:500;margin-bottom:8px}.amenities-list{display:flex;flex-wrap:wrap;gap:6px}.amenity-tag.more{background:#4299e1;color:#fff}@media (max-width:768px){.property-card{margin-bottom:16px}.property-image-container{height:180px}.property-content{padding:16px}.property-name{font-size:1.1rem}}.property-list-container{margin:0 auto;max-width:1200px;padding:20px}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.filters-header,.filters-section{margin-bottom:24px}.filters-header h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 8px}.filters-header p{color:#718096;font-size:.9rem;margin:0}.filters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#4a5568;font-size:.9rem;font-weight:500;margin-bottom:6px}.filter-input,.filter-select{border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease}.filter-input:focus,.filter-select:focus{border-color:#4299e1;outline:none}.price-range{align-items:center;display:flex;gap:8px}.price-range input{flex:1 1}.price-range span{color:#718096;font-weight:500}.clear-filters-btn{background:#e53e3e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:20px;padding:10px 16px;transition:background-color .2s ease}.clear-filters-btn:hover{background:#c53030}.amenities-filter{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.amenities-filter label{color:#4a5568;font-size:.9rem;font-weight:500;margin-bottom:12px}.amenities-checkboxes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.amenity-checkbox{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;gap:8px}.amenity-checkbox input[type=checkbox]{accent-color:#4299e1;height:16px;width:16px}.properties-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.no-results{color:#718096;grid-column:1/-1;padding:60px 20px;text-align:center}.no-results h3{color:#4a5568;font-size:1.2rem;margin:0 0 8px}.no-results p{font-size:.9rem;margin:0}@media (max-width:768px){.property-list-container{padding:16px}.filters-section{padding:20px}.filters-grid{gap:12px;grid-template-columns:1fr}.properties-grid{gap:16px}.amenities-checkboxes,.properties-grid{grid-template-columns:1fr}}@media (max-width:480px){.filters-header h2{font-size:1.3rem}.price-range{align-items:stretch;flex-direction:column}.price-range span{text-align:center}}.login-form-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:40px;width:100%}.login-form h2{color:#2d3748;font-size:1.8rem;font-weight:600;margin-bottom:30px;text-align:center}.form-group input{width:100%}.checkbox-group{margin-bottom:30px}.checkbox-label{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem}.checkbox-label input[type=checkbox]{accent-color:#4299e1;height:18px;margin-right:10px;width:18px}.submit-button{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 20px;transition:background-color .2s ease;width:100%}.submit-button:hover{background:#3182ce}.metamask-login{text-align:center}.metamask-button{align-items:center;background:#f6851b;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;margin:0 auto;padding:16px 32px;transition:all .3s ease}.metamask-button:hover:not(:disabled){background:#e2761b;box-shadow:0 8px 20px #e6761b4d;transform:translateY(-2px)}.metamask-button:disabled{cursor:not-allowed;opacity:.7}.metamask-icon{font-size:1.2rem}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#fed7d7;border-radius:8px;color:#e53e3e;font-size:.9rem;margin-top:16px;padding:12px 16px}.user-info{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;gap:12px;padding:12px 20px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#4299e1;border-radius:50%;color:#fff;font-size:.9rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-details h3{color:#2d3748;font-size:1rem;margin:0}.user-details p{color:#718096;font-size:.8rem;margin:0}.logout-button{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:8px 16px;transition:background-color .2s ease}.logout-button:hover{background:#c53030}.github-button{align-items:center;background:#24292e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin:0 auto;padding:14px 24px;transition:background-color .2s;width:100%}.github-button:hover:not(:disabled){background:#1a1e22}.github-button:disabled{cursor:not-allowed;opacity:.6}.github-icon{height:20px;width:20px}.github-login{width:100%}.auth-divider{align-items:center;color:#718096;display:flex;font-size:.9rem;margin:24px 0}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}@media (max-width:480px){.login-form-container{padding:30px 20px}.login-form h2{font-size:1.5rem}.github-button,.metamask-button{font-size:.9rem;padding:14px 24px}}.property-listing-form-container{align-items:flex-start;background:#f7fafc;display:flex;justify-content:center;min-height:100vh;padding:20px}.property-listing-form{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;max-width:800px;padding:40px;width:100%}.form-header{margin-bottom:40px;text-align:center}.form-header h2{color:#2d3748;font-size:2rem;font-weight:600;margin:0 0 8px}.form-header p{color:#718096;font-size:1rem;margin:0}.form-section{border-bottom:1px solid #e2e8f0;margin-bottom:40px;padding-bottom:30px}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{display:block}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4299e1;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:20px;gap:20px}.amenities-input{margin-bottom:20px}.amenity-input-group{display:flex;gap:12px}.amenity-input-group input{flex:1 1}.add-amenity-btn{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:background-color .2s ease}.add-amenity-btn:hover{background:#3182ce}.common-amenities{margin-bottom:20px}.common-amenities h4{color:#4a5568;font-size:1rem;font-weight:500;margin:0 0 12px}.amenity-chips{display:flex;flex-wrap:wrap;gap:8px}.amenity-chip{background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;color:#4a5568;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s ease}.amenity-chip:hover{background:#e2e8f0}.amenity-chip.selected{background:#4299e1;border-color:#4299e1;color:#fff}.selected-amenities h4{color:#4a5568;font-size:1rem;font-weight:500;margin:0 0 12px}.selected-amenity-list{display:flex;flex-wrap:wrap;gap:8px}.selected-amenity{background:#e6fffa;border:2px solid #81e6d9;border-radius:20px;font-size:.85rem;gap:6px;padding:8px 12px}.remove-amenity,.selected-amenity{align-items:center;color:#234e52;display:flex}.remove-amenity{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.remove-amenity:hover{background:#234e521a}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:flex-end;margin-top:40px;padding-top:30px}.cancel-btn{background:#e2e8f0;border-radius:8px;color:#4a5568;padding:12px 24px}.cancel-btn:hover{background:#cbd5e0}.submit-btn{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#3182ce;transform:translateY(-1px)}.submit-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none}@media (max-width:768px){.property-listing-form-container{padding:16px}.property-listing-form{padding:30px 20px}.form-header h2{font-size:1.6rem}.form-row{gap:16px;grid-template-columns:1fr}.amenity-input-group,.form-actions{flex-direction:column}}@media (max-width:480px){.property-listing-form{padding:20px 16px}.form-header h2{font-size:1.4rem}.form-group input,.form-group textarea{font-size:.9rem;padding:10px 14px}}.host-dashboard{background:#f7fafc;color:#2d3748;min-height:100vh}.dashboard-content .stat-content h3,.host-dashboard .stat-content h3,.stat-card .stat-content h3{color:#000!important;opacity:1!important;text-shadow:none!important;visibility:visible!important}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;text-align:center}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin:0 0 8px}.dashboard-header p{font-size:1.1rem;margin:0;opacity:.9}.dashboard-tabs{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:0;padding:0 20px}.tab-button{padding:20px 24px}.dashboard-content{margin:0 auto;max-width:1200px;padding:40px 20px}.dashboard-overview{display:flex;flex-direction:column;gap:40px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px}.stat-card .stat-content h3{color:#000!important;opacity:1!important;visibility:visible!important}.stat-icon{background:#f8fafc}.stat-content h3{color:#000!important;font-size:2rem;opacity:1;text-shadow:none}.stat-content p{color:#718096}.recent-bookings{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px}.recent-bookings h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 20px}.booking-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 0}.booking-item:last-child{border-bottom:none}.booking-info h4{color:#2d3748;font-size:1rem;margin:0 0 4px}.booking-info p{color:#718096;font-size:.9rem;margin:0}.booking-status{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.status-badge{border-radius:12px;font-weight:500;padding:4px 12px}.status-badge.confirmed{background:#c6f6d5;color:#22543d}.status-badge.pending{background:#fef5e7;color:#744210}.status-badge.cancelled{background:#fed7d7;color:#c53030}.booking-price{color:#4299e1;font-weight:600}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.add-property-btn{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.add-property-btn:hover{background:#3182ce}.properties-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.property-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .2s ease}.property-card:hover{transform:translateY(-2px)}.property-card img{height:200px;object-fit:cover;width:100%}.property-info{padding:20px}.property-info h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 8px}.property-info p{color:#718096;font-size:.9rem;margin:0 0 12px}.property-price{color:#4299e1;font-weight:600;margin-bottom:12px}.property-amenities{display:flex;flex-wrap:wrap;gap:6px}.amenity-tag{background:#e2e8f0;border-radius:12px;color:#4a5568;font-size:.75rem;font-weight:500;padding:4px 8px}.no-properties{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:60px 20px;text-align:center}.no-properties h3{color:#2d3748;font-size:1.3rem;margin:0 0 8px}.no-properties p{color:#718096;margin:0 0 24px}.cta-button{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:14px 28px;transition:background-color .2s ease}.cta-button:hover{background:#3182ce}.bookings-section h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 24px}.bookings-list{display:flex;flex-direction:column;gap:16px}.booking-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px}.booking-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.booking-header h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0}.booking-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.booking-dates p,.guest-info p{color:#4a5568;font-size:.9rem;margin:0 0 8px}.booking-actions{display:flex;gap:12px}.confirm-btn{background:#38a169;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.confirm-btn:hover{background:#2f855a}.cancel-btn{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.cancel-btn:hover{background:#c53030}.no-data{color:#718096;font-style:italic;padding:40px 20px;text-align:center}.list-property-section,.no-data{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}@media (max-width:768px){.dashboard-header h1{font-size:2rem}.dashboard-tabs{flex-wrap:wrap;padding:0 16px}.tab-button{font-size:.9rem;padding:16px 20px}.dashboard-content{padding:20px 16px}.stats-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:20px}.booking-item{flex-direction:column;gap:12px}.booking-item,.booking-status,.section-header{align-items:flex-start}.section-header{flex-direction:column;gap:16px}.booking-details,.properties-grid{grid-template-columns:1fr}.booking-details{gap:16px}.booking-actions{flex-direction:column}}@media (max-width:480px){.dashboard-header{padding:30px 16px}.dashboard-header h1{font-size:1.8rem}.tab-button{font-size:.8rem;padding:12px 16px}.stat-card{padding:16px}.stat-icon{font-size:2rem;height:50px;width:50px}.stat-content h3{color:#000!important;font-size:1.5rem;opacity:1!important}}.booking-system{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:20px;padding:24px}.booking-system h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 20px}.booking-form{display:flex;flex-direction:column;gap:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#4a5568;font-size:.9rem;font-weight:500;margin-bottom:6px}.form-group input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .2s ease}.form-group input:focus{border-color:#4299e1;outline:none}.form-group input.booked-date{background-color:#e2e8f0!important;border-color:#718096!important;color:#2d3748!important;cursor:not-allowed!important;font-weight:600!important;opacity:.7;text-decoration:line-through}.form-group input.booked-date:focus{background-color:#e2e8f0!important;border-color:#718096!important;box-shadow:0 0 0 3px #71809633}.date-warning{align-items:center;color:#c53030;display:flex;font-size:12px;gap:4px;margin-top:4px}.price-summary{background:#f8fafc;border-radius:8px;margin:16px 0;padding:16px}.price-breakdown{display:flex;flex-direction:column;gap:8px}.price-item{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.price-item.total{border-top:1px solid #e2e8f0;color:#2d3748;font-size:1.1rem;font-weight:600;margin-top:8px;padding-top:8px}.book-button{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .2s ease}.book-button:hover:not(:disabled){background:#3182ce;transform:translateY(-1px)}.book-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.booked-dates-info{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;margin-top:24px;padding:16px}.booked-dates-info h4{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin:0 0 16px}.booked-dates-info h4:before{content:"🚫";font-size:1.2rem}.booked-dates-list{display:flex;flex-wrap:wrap;gap:8px}.booked-date-tag{background:#e2e8f0;border:2px solid #cbd5e0;border-radius:8px;color:#2d3748;font-size:.85rem;font-weight:700;opacity:.8;padding:6px 12px;text-decoration:line-through}.more-dates{background:#e2e8f0;border-radius:12px;color:#718096;font-size:.8rem;font-weight:500;padding:4px 8px}@media (max-width:768px){.booking-system{padding:20px}.form-row{gap:12px;grid-template-columns:1fr}.booking-form{gap:12px}}@media (max-width:480px){.booking-system{padding:16px}.booking-system h3{font-size:1.2rem}.form-group input{font-size:.9rem;padding:10px 14px}.book-button{font-size:.9rem;padding:12px 20px}}.project-investment{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1000px;padding:20px}.project-header{grid-gap:24px;display:grid;gap:24px;grid-template-columns:300px 1fr;margin-bottom:32px}.project-image{border-radius:12px}.project-image img{height:200px}.project-info h2{color:#2d3748;font-size:1.8rem;font-weight:600;margin:0 0 8px}.project-location{color:#718096;font-size:1rem;margin:0 0 16px}.project-description{color:#4a5568;font-size:1rem;line-height:1.6;margin:0 0 24px}.project-stats{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr)}.stat-item{background:#f8fafc;border-radius:8px;padding:12px}.stat-label{color:#718096;font-size:.8rem;margin-bottom:4px}.stat-value{color:#2d3748;font-size:1.1rem}.progress-bar{border-radius:4px;height:8px}.investment-section{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:24px}.investment-section h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 20px}.investment-form{grid-gap:20px;display:grid;gap:20px}.amount-input{display:flex;flex-direction:column;gap:8px}.amount-input label{color:#2d3748;font-size:.9rem;font-weight:500}.amount-input input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .2s ease}.amount-input input:focus{border-color:#4299e1;outline:none}.amount-info{color:#718096;display:flex;font-size:.8rem;justify-content:space-between}.invest-button{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 24px;transition:background-color .2s ease}.invest-button:hover:not(:disabled){background:#3182ce}.invest-button:disabled{background:#a0aec0;cursor:not-allowed}.payment-info{background:#fff;border-left:4px solid #4299e1;border-radius:8px;padding:16px}.payment-info p{color:#4a5568;font-size:.9rem;margin:0 0 8px}.payment-info p:last-child{margin-bottom:0}.project-details{border-top:1px solid #e2e8f0;padding-top:24px}.details-toggle{background:none;border:2px solid #4299e1;border-radius:8px;color:#4299e1;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:20px;padding:12px 24px;transition:all .2s ease}.details-toggle:hover{background:#4299e1;color:#fff}.details-content{grid-gap:24px;display:grid;gap:24px}.milestones-section h4,.proof-section h4,.suppliers-section h4{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 16px}.milestone-item,.proof-item,.supplier-item{background:#f8fafc;border-radius:8px;margin-bottom:12px;padding:16px}.milestone-header,.proof-header,.supplier-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.milestone-header h5,.proof-header h5,.supplier-header h5{color:#2d3748;font-size:1rem;font-weight:600;margin:0}.milestone-status,.verification-badge{border-radius:4px;font-size:.7rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.verification-badge.verified{background:#c6f6d5;color:#22543d}.verification-badge.pending{background:#fef5e7;color:#744210}.verification-badge.rejected{background:#fed7d7;color:#742a2a}.milestone-progress{align-items:center;display:flex;gap:12px;margin-top:8px}.milestone-progress .progress-bar{flex:1 1;height:6px}.milestone-progress span{color:#4a5568;font-size:.8rem;font-weight:600}.certifications{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cert-badge{background:#e2e8f0;border-radius:4px;color:#4a5568;font-size:.7rem;font-weight:500;padding:4px 8px}.proof-meta{color:#718096;display:flex;font-size:.8rem;gap:16px;margin-top:8px}.proof-meta a{color:#4299e1;text-decoration:none}.proof-meta a:hover{text-decoration:underline}@media (max-width:768px){.project-investment{padding:16px}.project-header{gap:16px;grid-template-columns:1fr}.project-image{height:200px}.project-image img{height:100%}.project-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.investment-section{padding:16px}.milestone-header,.proof-header,.supplier-header{align-items:flex-start;flex-direction:column;gap:8px}.proof-meta{flex-direction:column;gap:4px}}@media (max-width:480px){.project-info h2{font-size:1.4rem}.project-stats{grid-template-columns:1fr}.stat-item{padding:8px}.invest-button{font-size:1rem;padding:12px 20px}.details-toggle{font-size:.9rem;padding:10px 20px}}.nft-viewer{margin:0 auto;max-width:1200px;padding:20px}.nft-header{margin-bottom:30px;text-align:center}.nft-header h2{color:#2d3748;font-size:2rem;font-weight:600;margin:0 0 8px}.nft-header p{color:#718096;font-size:1rem;margin:0}.nft-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:0;margin-bottom:30px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#718096;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:16px 24px;text-align:center;transition:all .2s ease}.tab-button.active,.tab-button:hover{background:#f8fafc;color:#4299e1}.tab-button.active{border-bottom-color:#4299e1}.nft-content{min-height:400px}.loading{color:#718096;font-size:1.1rem;padding:60px 20px;text-align:center}.nft-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.nft-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .2s ease}.nft-card:hover{transform:translateY(-4px)}.nft-image{height:200px;overflow:hidden;position:relative}.nft-image img{height:100%;object-fit:cover;width:100%}.rarity-badge{background:#000c;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px}.rarity-badge,.status-badge{position:absolute;right:12px;text-transform:capitalize;top:12px}.nft-details{padding:20px}.nft-details h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 16px}.nft-info{margin-bottom:20px}.info-item{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.info-item .label{color:#718096;font-weight:500}.info-item .value{color:#2d3748;font-weight:600}.benefits{border-top:1px solid #e2e8f0;padding-top:16px}.benefits h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 12px}.benefits ul{margin:0;padding-left:20px}.benefits li{color:#4a5568;font-size:.9rem;margin-bottom:6px}.no-nfts{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:60px 20px;text-align:center}.no-nfts h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 12px}.no-nfts p{color:#718096;font-size:1rem;margin:0}.booking-card{border-left:4px solid #4299e1}.booking-card .status-badge.confirmed{background:#38a169}.booking-card .status-badge.pending{background:#d69e2e}.booking-card .status-badge.cancelled{background:#e53e3e}@media (max-width:768px){.nft-viewer{padding:16px}.nft-header h2{font-size:1.6rem}.nft-tabs{flex-wrap:wrap}.tab-button{flex:1 1;font-size:.9rem;min-width:120px;padding:12px 16px}.nft-grid{gap:16px;grid-template-columns:1fr}.nft-card{margin-bottom:16px}.nft-image{height:180px}.nft-details{padding:16px}.nft-details h3{font-size:1.1rem}}@media (max-width:480px){.nft-header h2{font-size:1.4rem}.tab-button{font-size:.8rem;padding:10px 12px}.nft-image{height:160px}.nft-details{padding:12px}.benefits li,.info-item{font-size:.8rem}}.analytics-container{color:#fff;margin:0 auto;max-width:1400px;padding:20px}.analytics-header{background:linear-gradient(135deg,#8b5cf640,#3b82f633);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:40px;padding:24px;text-align:center}.analytics-header h2{color:#fff;font-size:2.5rem;font-weight:600;margin:0 0 8px}.analytics-header p{color:#cbbdda;font-size:1.1rem;margin:0}.analytics-grid{grid-gap:24px;display:grid;gap:24px}.overview-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#ffffff14;border-radius:16px;box-shadow:0 4px 6px #0000001a;display:flex;gap:16px;padding:24px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;background:#ffffff1f;border-radius:12px;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-content h3{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 4px}.stat-content p{color:#cbbdda;font-size:.9rem;font-weight:500;margin:0}.charts-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.chart-card{background:#ffffff14;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:24px}.chart-card h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 20px}.status-chart{gap:16px}.status-chart,.status-item{display:flex;flex-direction:column}.status-item{gap:8px}.status-bar{background:#ffffff26;border-radius:4px;height:8px;overflow:hidden;width:100%}.status-fill{height:100%;transition:width .3s ease}.status-label{align-items:center;display:flex;justify-content:space-between}.status-name{color:#cbbdda;font-weight:500;text-transform:capitalize}.status-count{color:#fff;font-weight:600}.category-chart{gap:12px}.category-chart,.category-item{display:flex;flex-direction:column}.category-item{gap:6px}.category-info{align-items:center;display:flex;justify-content:space-between}.category-name{color:#cbbdda;font-weight:500;text-transform:capitalize}.category-count{color:#fff;font-weight:600}.category-bar{background:#ffffff26;border-radius:3px;height:6px;overflow:hidden;width:100%}.category-fill{background:linear-gradient(90deg,#4299e1,#3182ce);height:100%;transition:width .3s ease}.top-investors{background:#ffffff14;border-radius:16px;box-shadow:0 4px 6px #0000001a;margin-bottom:24px;padding:24px}.top-investors h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 20px}.investors-list{display:flex;flex-direction:column;gap:12px}.investor-item{background:#ffffff0f;border-radius:8px;gap:16px;padding:12px}.investor-item,.investor-rank{align-items:center;display:flex}.investor-rank{background:#4299e1;border-radius:50%;color:#fff;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.investor-details{flex:1 1}.investor-wallet{color:#fff;font-family:monospace;font-weight:600;margin-bottom:4px}.investor-stats{color:#cbbdda;display:flex;font-size:.9rem;gap:16px}.recent-investments{background:#ffffff14;border-radius:16px;box-shadow:0 4px 6px #0000001a;margin-bottom:24px;padding:24px}.recent-investments h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 20px}.investments-list{display:flex;flex-direction:column;gap:12px}.investment-item{align-items:center;background:#ffffff0f;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.investment-project{color:#fff;flex:1 1;font-weight:600}.investment-details{align-items:center;font-size:.9rem;gap:16px}.investment-wallet{color:#cbbdda;font-family:monospace}.investment-amount{color:#38a169;font-weight:600}.investment-date{color:#cbbdda}.milestone-progress{background:#ffffff14;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:24px}.milestone-progress h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 20px}.milestones-list{display:flex;flex-direction:column;gap:24px}.project-milestones h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 16px}.milestones{display:flex;flex-direction:column;gap:12px}.milestone-item{background:#ffffff0f;border-radius:8px;padding:16px}.milestone-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.milestone-name{color:#fff;font-weight:500}.milestone-status{font-size:.8rem;font-weight:600;text-transform:uppercase}.milestone-progress-bar{background:#ffffff26;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden;width:100%}.milestone-progress-fill{background:linear-gradient(90deg,#4299e1,#3182ce);height:100%;transition:width .3s ease}.milestone-percentage{color:#cbbdda;font-size:.8rem;font-weight:500}.error,.loading{color:#718096;font-size:1.1rem;padding:60px 20px;text-align:center}.error{color:#e53e3e}@media (max-width:768px){.analytics-container{padding:16px}.analytics-header h2{font-size:2rem}.overview-cards{gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:16px}.stat-icon{font-size:2rem;height:50px;width:50px}.stat-content h3{font-size:1.5rem}.charts-section{gap:16px;grid-template-columns:1fr}.chart-card{padding:16px}.investment-item,.investor-item{align-items:flex-start;flex-direction:column;gap:8px}.investment-details{align-items:flex-start;flex-direction:column;gap:4px}}@media (max-width:480px){.analytics-header h2{font-size:1.6rem}.overview-cards{grid-template-columns:1fr}.stat-card{padding:12px}.stat-content h3{font-size:1.3rem}.chart-card{padding:12px}.milestone-progress,.recent-investments,.top-investors{padding:16px}}.supplier-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 10px 30px #00000040;overflow:hidden;position:relative}.supplier-header{align-items:center;display:flex;gap:14px;margin-bottom:12px}.supplier-logo{border:2px solid #8b5cf6b3;border-radius:50%;box-shadow:0 0 0 4px #8b5cf640,0 0 18px #8b5cf659;height:56px;overflow:hidden;width:56px}.supplier-title{display:flex;flex-direction:column}.supplier-title h3{color:#fff;font-weight:700;letter-spacing:.2px;margin:0}.supplier-sub{color:#cbbdda;font-size:12px}.verified-chip{align-items:center;background:linear-gradient(90deg,#22c55e4d,#10b98138);border:1px solid #22c55e8c;border-radius:999px;box-shadow:0 0 22px #22c55e59;color:#d9f99d;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.holo-overlay{background:linear-gradient(135deg,#a855f740,#0ea5e933);border:1px solid #a855f773;border-radius:10px;box-shadow:0 0 22px #a855f759;color:#e9d5ff;font-size:12px;letter-spacing:.6px;padding:8px 12px;position:absolute;right:10px;text-transform:uppercase;top:10px}.mini-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.metric-chip{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#e9e4ff;font-size:12px;padding:6px 10px}.metric-chip.accent{background:linear-gradient(90deg,#8b5cf62e,#0ea5e926);border-color:#8b5cf699}.supplier-projects-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}.supplier-project-thumb{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;overflow:hidden;position:relative}.supplier-project-thumb img{display:block;height:120px;object-fit:cover;width:100%}.thumb-overlay{background:#00000073;border-radius:6px;bottom:8px;color:#fff;font-size:11px;left:8px;padding:4px 8px;position:absolute}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh}body,body:before{background-attachment:fixed;background-image:url(https://images.unsplash.com/photo-1538970272646-f61fabb3a8a2?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OHx8dGltZSUyMHNxdWFyZXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&q=80&w=1920);background-image:var(--app-bg-image,url("https://images.unsplash.com/photo-1538970272646-f61fabb3a8a2?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OHx8dGltZSUyMHNxdWFyZXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&q=80&w=1920"));background-position:50%;background-repeat:no-repeat;background-size:cover}body:before{filter:saturate(110%) contrast(105%);transform:translateZ(0);will-change:transform;z-index:-2}body:after,body:before{content:"";inset:0;position:fixed}body:after{background:radial-gradient(80% 80% at 50% 20%,#31124ad9 0,#1a0f2dbf 40%,#0e0a1fe6 100%);z-index:-1}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#0000;box-shadow:0 4px 6px #0000001a;color:#fff;padding:20px 0;text-align:center}.header-content{margin:0 auto;max-width:1200px;padding:0 20px}.app-title{align-items:center;display:flex;font-size:2.6rem;font-weight:700;gap:12px;justify-content:center;margin-bottom:8px}.afg-brand{animation:brandGlow 4s ease-in-out infinite;background:linear-gradient(90deg,#fff,#fef3c7,#a78bfa,#22d3ee,#fff);-webkit-background-clip:text;background-clip:text;color:#0000}@keyframes brandGlow{0%,to{text-shadow:0 0 8px #ffffff73}50%{text-shadow:0 0 16px #ffffffd9}}.title-icon{font-size:2.8rem}.app-subtitle{font-size:1.05rem;font-weight:400;line-height:1.5;margin:0 auto;max-width:980px;opacity:.95}.afg-logo{display:inline-flex;position:relative}.afg-rotor{animation:afgSpin 9s linear infinite;transform-origin:60px 60px}.afg-core{animation:afgPulse 2.4s ease-in-out infinite}.afg-orbit,.afg-orbit-dot{animation:afgOrbit 6s linear infinite;transform-origin:60px 60px}.afg-color-cycle{animation:afgHue 10s linear infinite}@keyframes afgSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes afgPulse{0%,to{opacity:.9}50%{opacity:.65}}@keyframes afgOrbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes afgHue{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg) brightness(1.1)}to{filter:hue-rotate(1turn)}}.header-meta{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:10px}.header-tagline{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000047;border:1px solid #ffffff1f;border-radius:12px;padding:10px 14px}.ticker{height:32px;margin:12px auto 0;max-width:1100px;overflow:hidden;position:relative}.ticker-mask{background:linear-gradient(90deg,#0e0a1fb3,#0e0a1f00 8%,#0e0a1f00 92%,#0e0a1fb3);inset:0;pointer-events:none;position:absolute}.ticker-track{align-items:center;animation:tickerScroll 36s linear infinite;display:inline-flex;gap:80px;white-space:nowrap;will-change:transform}.ticker-item{color:#e9e4ff;font-size:.98rem;opacity:.95}@keyframes tickerScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.search-section{align-items:center;background:#0000;display:flex;justify-content:center;padding:40px 0}.search-container{max-width:1000px;padding:0 20px;text-align:center;width:100%}.search-title{color:#fff;font-size:1.8rem;font-weight:600;margin:0 0 20px;opacity:.9}.main-navigation{background:#ffffff0f;border-bottom:1px solid #ffffff1f;box-shadow:0 2px 4px #0000001a;padding:0}.nav-container{display:flex;gap:0;margin:0 auto;max-width:1200px}.nav-button{background:none;border:none;border-bottom:3px solid #0000;color:#cbbdda;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:20px 24px;text-align:center;transition:all .2s ease}.nav-button:hover{background:#ffffff0f;color:#fff}.nav-button.active{background:#ffffff14;border-bottom-color:#8b5cf6;color:#fff}.app-main{background:#0000;flex:1 1;padding:40px 0}.infrastructure-section{margin:0 auto;max-width:1200px;padding:0 20px}.infrastructure-section h2{color:#2d3748;font-size:2rem;font-weight:600;margin:0 0 30px;text-align:center}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{background:#ffffff14;border-radius:16px;box-shadow:0 4px 6px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s ease}.project-card:hover{transform:translateY(-4px)}.project-image{height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;width:100%}.project-status{position:absolute;right:12px;top:12px}.status-badge{background:#000c;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-badge.planning{background:#718096}.status-badge.funding{background:#d69e2e}.status-badge.construction{background:#4299e1}.status-badge.completed{background:#38a169}.project-content{padding:20px}.project-content h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 8px}.project-location{color:#cbbdda;font-size:.9rem;margin:0 0 12px}.project-description{color:#e2dff1;font-size:.9rem;line-height:1.5;margin:0 0 16px}.project-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.stat-item{background:#ffffff0f;border-radius:6px;padding:8px;text-align:center}.stat-label{color:#cbbdda;display:block;font-size:.7rem;font-weight:500;margin-bottom:2px}.stat-value{color:#fff;display:block;font-size:.9rem;font-weight:600}.progress-bar{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:16px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4299e1,#3182ce);height:100%;transition:width .3s ease}.view-all-projects{margin-top:32px;text-align:center}.view-all-btn{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.view-all-btn:hover{background:#3182ce}.invest-section{margin:0 auto;max-width:1200px;padding:0 20px}.invest-section h2{color:#2d3748;font-size:2rem;font-weight:600;margin:0 0 30px;text-align:center}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.chip{background:#ffffff14;border:1px solid #fff3;border-radius:999px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 10px}.chip.active{background:#8b5cf640;border-color:#8b5cf699}.investment-options{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.investment-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px;text-align:center;transition:transform .2s ease}.investment-card:hover{transform:translateY(-2px)}.investment-card h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 12px}.investment-card p{color:#718096;line-height:1.5;margin:0 0 20px}.investment-details{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.investment-details span{background:#f0fff4;border-radius:8px;color:#22543d;font-size:.9rem;font-weight:500;padding:8px 12px}.invest-btn{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background-color .2s ease;width:100%}.invest-btn:hover{background:#3182ce}.property-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.property-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:background-color .2s ease;width:40px;z-index:10}.modal-close:hover{background:#000000b3}.modal-content{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.modal-image{position:relative}.modal-image img{border-radius:16px 0 0 16px;height:100%;object-fit:cover;width:100%}.modal-details{display:flex;flex-direction:column;gap:20px;padding:32px}.modal-details h2{color:#2d3748;font-size:1.8rem;font-weight:600;margin:0}.modal-price{align-items:baseline;background:#f7fafc;border-radius:8px;display:flex;gap:8px;padding:12px 16px;width:-webkit-fit-content;width:fit-content}.modal-price .price-amount{color:#4299e1;font-size:2rem;font-weight:700}.modal-price .price-currency{color:#718096;font-size:1.2rem;font-weight:500}.modal-location{align-items:center;color:#718096;display:flex;font-size:1rem;gap:8px}.location-icon{font-size:1.2rem}.modal-amenities h3,.modal-description h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 12px}.modal-description p{color:#4a5568;line-height:1.6;margin:0}.amenities-grid{display:flex;flex-wrap:wrap;gap:8px}.amenity-badge{background:#e2e8f0;border-radius:16px;color:#4a5568;font-size:.85rem;font-weight:500;padding:6px 12px}.modal-actions{display:flex;gap:12px;margin-top:auto}.book-btn,.contact-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.book-btn{background:#4299e1;color:#fff;flex:1 1}.book-btn:hover{background:#3182ce;transform:translateY(-1px)}.contact-btn{background:#0000;border:2px solid #4299e1;color:#4299e1}.contact-btn:hover{background:#4299e1;color:#fff}.app-footer{background:#2d3748;color:#a0aec0;margin-top:auto;padding:24px 0;text-align:center}.footer-content p{font-size:.9rem;margin:4px 0}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 8px}.auth-header p{color:#718096;font-size:1rem;margin:0}.auth-options{display:flex;flex-direction:column;gap:20px}.auth-option{text-align:center}.auth-option h3{color:#4a5568;font-size:1.1rem;font-weight:500;margin:0 0 16px}.auth-divider{margin:10px 0;position:relative;text-align:center}.auth-divider:before{background:#e2e8f0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;color:#718096;font-size:.9rem;padding:0 16px}.header-actions{align-items:center;display:flex;gap:12px;margin-top:16px}.unread-badge{align-items:center;background:#ef4444;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.logout-btn,.view-switch-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.logout-btn:hover,.view-switch-btn:hover{background:#ffffff4d;border-color:#ffffff80}.booking-modal{max-width:900px}.booking-modal .modal-content{grid-template-columns:1fr 1fr}.project-modal{max-width:1000px}.project-modal .modal-content{grid-template-columns:1fr}@media (max-width:768px){.app-title{font-size:2rem}.title-icon{font-size:2.2rem}.app-subtitle{font-size:1rem}.search-section{padding:20px 0}.search-title{font-size:1.5rem}.nav-container{flex-wrap:wrap}.nav-button{flex:1 1;font-size:.9rem;min-width:120px;padding:16px 20px}.modal-content{grid-template-columns:1fr}.modal-image img{border-radius:16px 16px 0 0;height:250px}.modal-details{padding:24px}.modal-details h2{font-size:1.5rem}.modal-price .price-amount{font-size:1.8rem}.modal-actions{flex-direction:column}.booking-modal .modal-content{grid-template-columns:1fr}.header-actions{flex-direction:column;gap:8px}.auth-content{padding:30px 20px}.auth-header h1{font-size:1.6rem}}@media (max-width:480px){.app-header{padding:30px 0}.app-title{flex-direction:column;font-size:1.8rem;gap:8px}.title-icon{font-size:2rem}.modal-details{padding:20px}.modal-details h2{font-size:1.3rem}.modal-price .price-amount{font-size:1.6rem}.auth-content{padding:20px 16px}.auth-header h1{font-size:1.4rem}.search-section{padding:16px 0}.search-title{font-size:1.3rem}}
/*# sourceMappingURL=main.b9e7a156.css.map*/