body{width:100%;min-height:100vh;margin:0;padding:0;display:block}#root{text-align:left;width:100%;max-width:100%;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;scroll-behavior:smooth;background:#f8fafc;width:100%;font-family:Inter,sans-serif;overflow-x:hidden}:root{--navy:#0a1c3a;--navy-light:#1e3a5f;--red:#e11d2c;--red-hover:#c41523;--gold:#d4a373;--bg-light:#f8fafc}.app{flex-direction:column;width:100%;min-height:100vh;display:flex}.site-header{background:var(--navy);z-index:50;border-bottom:1px solid var(--navy-light);width:100%;position:sticky;top:0;box-shadow:0 4px 20px #0a1c3a33}.header-container{justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;padding:16px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{color:#fff;letter-spacing:1px;font-family:Playfair Display,serif;font-size:1.5rem}.brand p{letter-spacing:3px;color:var(--gold);font-size:.65rem;font-weight:600}.header-nav{align-items:center;gap:20px;display:flex}.nav-link{color:#cbd5e1;border-bottom:1px solid #0000;padding-bottom:4px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{color:#fff;border-bottom-color:var(--gold)}.header-actions{align-items:center;gap:16px;display:flex}.sign-in-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:4px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.sign-in-btn:hover{background:var(--navy-light);border-color:#fff9}.phone-btn{background:var(--red);color:#fff;white-space:nowrap;border-radius:4px;padding:12px 24px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.phone-btn:hover{background:var(--red-hover)}.hero-section{align-items:center;width:100%;min-height:85vh;padding:100px 24px 60px;display:flex;position:relative;overflow:hidden}.hero-slideshow{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-slide{opacity:0;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;inset:0}.hero-slide.active{opacity:1}.hero-overlay{z-index:1;background:linear-gradient(90deg,#0a1c3af2 0%,#0a1c3a66 100%);position:absolute;inset:0}.hero-content{z-index:10;justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1600px;margin:0 auto;display:flex;position:relative}.hero-text{max-width:550px}.hero-badge{color:#fca5a5;letter-spacing:1px;background:#e11d2c33;border:1px solid #e11d2c80;border-radius:4px;margin-bottom:24px;padding:6px 16px;font-size:.75rem;display:inline-block}.hero-text h2{color:#fff;margin-bottom:24px;font-family:Playfair Display,serif;font-size:4.5rem;font-weight:600;line-height:1.1}.italic-gold{color:var(--gold);font-style:italic;font-weight:400}.hero-text p{color:#cbd5e1;font-size:1.05rem;line-height:1.6}.booking-widget{border:1px solid var(--navy-light);background:#0d1726;border-radius:12px;flex-shrink:0;width:480px;overflow:hidden;box-shadow:0 20px 50px #00000080}.widget-tabs{border-bottom:1px solid var(--navy-light);display:flex}.widget-tabs button{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:flex-start;padding:16px;transition:all .2s;display:flex}.widget-tabs button:hover{background:#ffffff0d}.widget-tabs button.active{border-bottom-color:var(--red);background:#ffffff0d}.tab-title{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:600}.tab-sub{color:#94a3b8;font-size:.75rem}.widget-form{flex-direction:column;gap:16px;padding:24px;display:flex}.widget-row{gap:16px;display:flex}.widget-type-btn{border:1px solid var(--navy-light);color:#fff;cursor:pointer;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.85rem;font-weight:500;display:flex}.widget-type-btn.active{background:var(--red);border-color:var(--red)}.widget-type-btn:hover:not(.active){background:#ffffff0d}.widget-input-group{flex-direction:column;flex:1;gap:8px;display:flex}.widget-input-group label{color:#94a3b8;letter-spacing:1px;font-size:.7rem;font-weight:600}.widget-input-group input,.widget-input-group select{border:1px solid var(--navy-light);color:#fff;background:0 0;border-radius:6px;outline:none;padding:12px 16px;font-size:.9rem}.widget-input-group input:focus,.widget-input-group select:focus{border-color:var(--gold)}.widget-input-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.widget-input-group select option{background:var(--navy);color:#fff}.widget-checkbox{border:1px solid var(--navy-light);color:#94a3b8;cursor:pointer;background:0 0;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.8rem;display:flex}.widget-search-btn{background:var(--red);color:#fff;cursor:pointer;letter-spacing:.5px;border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:16px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.widget-search-btn:hover{background:var(--red-hover)}.trust-bar{background:var(--navy);color:#fff;white-space:nowrap;border-top:1px solid var(--navy-light);border-bottom:1px solid var(--navy-light);padding:16px 0;overflow:hidden}.house-trust{background:var(--navy);border-top:1px solid var(--navy-light);border-bottom:1px solid var(--navy-light)}.trust-track{animation:30s linear infinite scroll-left;display:inline-block}.trust-track:hover{animation-play-state:paused}.trust-item{letter-spacing:1px;color:#cbd5e1;align-items:center;gap:8px;margin:0 30px;font-size:.8rem;font-weight:600;display:inline-flex}.trust-item i{color:var(--gold);font-style:normal}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.main-content{background:#f8fafc;flex:1;width:100%}.store-container{width:100%;max-width:1400px;margin:0 auto;padding:80px 24px}.section-heading{margin-bottom:40px}.section-heading .subtitle{color:var(--navy);letter-spacing:2px;font-size:.8rem;font-weight:700}.section-heading h2{color:var(--navy);margin:8px 0;font-family:Playfair Display,serif;font-size:3rem}.section-heading p{color:#64748b;max-width:500px;font-size:1rem;line-height:1.5}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));justify-content:center;gap:24px;display:grid}.houses-grid{grid-template-columns:repeat(auto-fit,minmax(320px,400px))}.premium-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px #00000005}.premium-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 24px #0a1c3a14}.card-image-wrapper{height:200px;position:relative;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:all .5s}.premium-card:hover .card-img{transform:scale(1.05)}.badge{letter-spacing:1px;color:#fff;border-radius:4px;padding:4px 10px;font-size:.65rem;font-weight:700;position:absolute;top:12px;left:12px}.badge.car{background:var(--red)}.badge.house{background:var(--gold);color:var(--navy)}.rating{color:var(--navy);background:#fff;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0000001a}.card-content{flex-direction:column;flex:1;padding:20px;display:flex}.card-content h3{color:var(--navy);margin-bottom:12px;font-family:Playfair Display,serif;font-size:1.4rem}.specs-row{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;justify-content:space-between;margin-bottom:16px;padding:12px 0;display:flex}.specs-row span{color:#64748b;align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:flex}.card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.price-box{flex-direction:column;display:flex}.price-label{color:#94a3b8;letter-spacing:1px;font-size:.6rem;font-weight:600}.price-value{color:var(--navy);font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700}.price-period{color:#64748b;font-size:.7rem;font-weight:500}.btn-book{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:10px 16px;font-size:.75rem;font-weight:600;transition:all .2s}.btn-book:hover{background:var(--red-hover)}.site-footer{background:var(--navy);border-top:4px solid var(--red);width:100%;margin-top:auto}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1400px;margin:0 auto;padding:60px 24px;display:flex}.footer-brand h3{color:#fff;letter-spacing:1px;cursor:pointer;margin-bottom:8px;font-family:Playfair Display,serif;font-size:1.5rem}.footer-brand p{color:var(--gold);letter-spacing:2px;font-size:.8rem}.footer-contact h4{color:#fff;margin-bottom:16px;font-weight:500}.footer-contact a{color:#cbd5e1;align-items:center;gap:8px;font-size:1.1rem;text-decoration:none;transition:all .2s;display:flex}.footer-contact a:hover{color:var(--gold)}.footer-bottom{color:#94a3b8;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1400px;margin:0 auto;padding:24px;font-size:.85rem;display:flex}.whatsapp-float{color:#fff;text-align:center;z-index:1000;background-color:#25d366;border-radius:50px;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;transition:all .3s ease-in-out;animation:2s infinite pulse-whatsapp;display:flex;position:fixed;bottom:40px;right:40px;box-shadow:0 4px 15px #25d36666}.whatsapp-float:hover{background-color:#128c7e;transform:scale(1.1);box-shadow:0 6px 20px #25d36699}@keyframes pulse-whatsapp{0%{box-shadow:0 0 #25d36680}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1c3ab3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border-top:6px solid var(--red);background:#fff;border-radius:8px;width:100%;max-width:500px;padding:32px;box-shadow:0 20px 40px #0003}.modal h3{color:var(--navy);margin-bottom:4px;font-family:Playfair Display,serif;font-size:1.8rem}.modal-company{color:var(--red);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;font-size:.8rem;font-weight:700}.modal-price{color:var(--navy);margin-bottom:24px;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700}.modal form{flex-direction:column;gap:16px;display:flex}.modal input{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;padding:14px 16px;font-size:.95rem}.modal input:focus{border-color:var(--navy);background:#fff;outline:none}.modal label{color:#64748b;margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}.date-row{gap:16px;display:flex}.date-row>div{flex:1}.modal-actions{gap:12px;margin-top:16px;display:flex}.modal-actions .btn-book{flex:1;padding:14px}.btn-secondary{color:var(--navy);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;flex:1;padding:12px 24px;font-weight:600}.admin-layout{background:#f1f5f9;min-height:100vh;font-family:Inter,sans-serif}.admin-header-bar{background:var(--navy);border-bottom:4px solid var(--red);z-index:50;width:100%;position:sticky;top:0;box-shadow:0 4px 20px #0a1c3a26}.admin-header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:16px 24px;display:flex}.admin-brand{align-items:center;gap:16px;display:flex}.admin-brand h1{color:#fff;letter-spacing:2px;margin:0;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700}.admin-brand p{letter-spacing:4px;color:var(--gold);margin:0;font-size:.75rem;font-weight:700}.header-right-actions{align-items:center;gap:12px;display:flex}.admin-badge{color:var(--gold);border:1px solid var(--gold);letter-spacing:1.5px;text-transform:uppercase;background:#d4a3731a;border-radius:40px;padding:8px 20px;font-size:.8rem;font-weight:700}.header-action-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s}.header-action-btn.reset{color:#fff;background:0 0;border-color:#ffffff4d}.header-action-btn.reset:hover{background:#ffffff1a}.header-action-btn.logout{background:var(--red);color:#fff}.header-action-btn.logout:hover{background:var(--red-hover)}.admin-content{max-width:1400px;margin:0 auto;padding:32px 24px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:24px;display:flex;box-shadow:0 4px 6px #00000005}.metric-card.green{border-top:4px solid #16a34a}.metric-card.orange{border-top:4px solid #d97706}.metric-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.metric-value{color:var(--navy);font-family:Playfair Display,serif;font-size:2rem;font-weight:700}.admin-main-grid{grid-template-columns:360px 1fr;align-items:start;gap:24px;display:grid}.admin-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 6px #00000005}.admin-box h3{color:var(--navy);border-bottom:2px solid var(--gold);margin-bottom:20px;padding-bottom:10px;font-family:Playfair Display,serif;font-size:1.3rem;display:inline-block}.add-form-vertical{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#475569;font-size:.85rem;font-weight:600}.add-form-vertical input,.add-form-vertical select{border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:12px;font-size:.95rem;transition:all .2s}.add-form-vertical input:focus,.add-form-vertical select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #0a1c3a1a}.table-header-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.table-header-row h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.admin-tabs{background:#f1f5f9;border-radius:8px;gap:8px;padding:4px;display:flex}.admin-tabs button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.admin-tabs button.active{color:var(--navy);background:#fff;box-shadow:0 2px 4px #0000000d}.table-responsive{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:16px;font-size:.9rem}.admin-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;font-size:.8rem;font-weight:600}.status.available{color:#16a34a;font-weight:700}.status.booked{color:#d97706;font-weight:700}.status.maintenance,.status.sold{color:#dc2626;font-weight:700}.action-buttons{flex-wrap:wrap;gap:8px;display:flex}.btn-small{cursor:pointer;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.btn-small.green{background:#16a34a}.btn-small.green:hover{background:#15803d}.btn-small.orange{background:#d97706}.btn-small.orange:hover{background:#b45309}.btn-small.grey{background:#64748b}.btn-small.grey:hover{background:#475569}.manage-buttons{gap:8px;display:flex}.btn-icon{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.btn-icon.edit{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.btn-icon.edit:hover{background:#dcfce7}.btn-icon.delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-icon.delete:hover{background:#fee2e2}.file-input{cursor:pointer;color:#475569;border-radius:6px;width:100%;font-size:.9rem;background:#f8fafc!important;border:1px dashed #cbd5e1!important;padding:12px!important}.file-input:hover{border-color:var(--navy)!important;background:#f1f5f9!important}.settings-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:24px;box-shadow:0 4px 6px #00000005}.settings-panel h4{color:var(--navy);border-bottom:2px solid var(--gold);margin-bottom:20px;padding-bottom:10px;font-family:Playfair Display,serif;font-size:1.25rem;display:inline-block}.settings-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-row span{color:#64748b;font-size:.9rem;font-weight:600}.settings-row p{color:var(--navy);margin:0;font-size:.95rem;font-weight:700}.settings-row.clickable{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f1f5f9;outline:none;width:100%;font-family:Inter,sans-serif;transition:background .2s}.settings-row.clickable:hover{background:#f8fafc;border-radius:6px;padding-left:8px;padding-right:8px}.settings-row.clickable span{color:#64748b;margin-right:16px;font-size:.9rem;font-weight:600}.settings-row.clickable p{color:var(--navy);text-align:right;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:700;display:flex}.settings-row.clickable:hover p{color:var(--red)}.premium-login-wrapper{background:#f8fafc;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:flex}.login-left{color:#fff;background-image:url(https://images.unsplash.com/photo-1603584173870-7f23fdae1b7a?q=80&w=2000&auto=format&fit=crop);background-position:50%;background-size:cover;flex-direction:column;flex:1;justify-content:center;padding:60px;display:none;position:relative}@media (width>=900px){.login-left{display:flex}}.login-left-overlay{background:linear-gradient(135deg,#0a1c3af2 0%,#0a1c3ab3 100%);position:absolute;inset:0}.login-left-content{z-index:10;max-width:500px;position:relative}.login-brand{align-items:center;gap:16px;margin-bottom:60px;display:flex}.login-brand h1{letter-spacing:1px;margin:0;font-family:Playfair Display,serif;font-size:2rem;font-weight:700}.login-brand p{color:var(--gold);letter-spacing:4px;margin:0;font-size:.8rem;font-weight:600}.login-left-content h2{color:#fff;margin-bottom:20px;font-family:Playfair Display,serif;font-size:3rem;line-height:1.2}.login-left-content p{color:#cbd5e1;font-size:1.1rem;line-height:1.6}.login-right{background:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-form-container{width:100%;max-width:420px}.login-header{margin-bottom:40px}.login-header h2{color:var(--navy);margin-bottom:10px;font-family:Playfair Display,serif;font-size:2.5rem}.login-header p{color:#64748b;font-size:1rem}.premium-form{flex-direction:column;gap:24px;display:flex}.premium-input-group{flex-direction:column;gap:8px;display:flex}.premium-input-group label{color:var(--navy);letter-spacing:.5px;font-size:.85rem;font-weight:600}.premium-input-group input{color:var(--navy);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:16px;font-size:1rem;transition:all .2s}.premium-input-group input:focus{border-color:var(--navy);background:#fff;box-shadow:0 0 0 4px #0a1c3a1a}.premium-error{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;font-size:.9rem}.premium-btn{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-top:10px;padding:16px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.premium-btn:hover{background:var(--navy-light);transform:translateY(-2px);box-shadow:0 10px 20px #0a1c3a26}.login-footer{text-align:center;color:#94a3b8;margin-top:60px;font-size:.85rem}.animated-logo{object-fit:cover;border:2px solid var(--gold);background-color:#fff;border-radius:50%;flex-shrink:0;padding:2px;transition:transform .3s;animation:3s infinite alternate pulse-glow;width:55px!important;height:55px!important}.animated-logo:hover{transform:scale(1.1)rotate(5deg)}@keyframes pulse-glow{0%{transform:scale(1);box-shadow:0 0 #d4a37366}50%{transform:scale(1.05);box-shadow:0 0 15px 5px #d4a37399}to{transform:scale(1);box-shadow:0 0 #d4a37300}}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px;display:none}@media (width<=1024px){.mobile-menu-btn{display:block}.hide-on-mobile{display:none}.header-container{flex-direction:column;gap:16px;padding:16px;display:flex}.header-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}.brand h1{font-size:1.4rem}.brand p{letter-spacing:2px;font-size:.6rem}.animated-logo{width:50px!important;height:50px!important}.header-nav{background:var(--navy-light);border-top:none;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;margin-top:0;display:none}.header-nav.mobile-open{display:flex}.header-nav .nav-link{border-bottom:1px solid #ffffff1a;width:100%;padding:14px 16px;font-size:1rem}.header-actions{justify-content:flex-end;align-items:center;gap:12px;width:100%;display:flex}.sign-in-btn,.phone-btn{flex:0 auto;justify-content:center;width:auto;height:36px;padding:8px 16px;font-size:.85rem}.hero-section{min-height:auto;padding:60px 16px 40px}.hero-text h2{font-size:2.8rem}.booking-widget{max-width:100%;margin-top:20px;width:100%!important}.widget-row{flex-direction:column;gap:12px}.grid{grid-template-columns:1fr;gap:20px}.store-container{padding:40px 16px}div[style*="display: grid"][style*="minmax(320px, 1fr)"]{grid-template-columns:1fr!important}}@media (width<=768px){.hero-section{height:auto!important;padding:100px 16px 40px!important}.hero-content{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:30px!important}.hero-text{text-align:center!important;max-width:100%!important}.hero-text h2{font-size:3rem!important}.booking-widget{width:100%!important;max-width:100%!important;margin:0 auto!important;position:relative!important;right:0!important}.widget-row{flex-direction:column!important;gap:12px!important}}.customer-dashboard-layout{color:#fff;background-color:#0f172a;min-height:calc(100vh - 70px);font-family:Inter,sans-serif;display:flex}.dashboard-sidebar{background-color:#0a1c3a;border-right:1px solid #1e293b;flex-direction:column;width:260px;padding:24px 0;display:flex}.sidebar-profile{text-align:center;flex-direction:column;align-items:center;margin-bottom:30px;padding:0 24px;display:flex}.sidebar-avatar{color:#0a1c3a;border:3px solid var(--red);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:12px;font-size:2rem;font-weight:700;display:flex}.sidebar-profile h3{color:#fff;margin:0;font-size:1rem}.sidebar-profile p{color:#cbd5e1;word-break:break-all;margin:4px 0 12px;font-size:.75rem}.member-badge{color:var(--gold);border:1px solid var(--gold);letter-spacing:1px;background-color:#d4a37326;border-radius:20px;padding:4px 12px;font-size:.65rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:0 16px;display:flex}.sidebar-nav-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;padding:14px 16px;font-size:.9rem;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:#fff;background-color:#1e3a5f}.sidebar-nav-item.active{background-color:var(--red);color:#fff;font-weight:600}.sidebar-nav-item.sign-out{color:#fca5a5;border-top:1px solid #1e293b;border-radius:0;margin-top:20px;padding-top:20px}.sidebar-nav-item.sign-out:hover{color:#fff;background-color:#0000}.dashboard-main{background-color:#0f172a;flex-direction:column;flex:1;display:flex}.dashboard-topbar{background-color:#0f172a;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.dashboard-topbar h1{color:#fff;margin:0;font-family:Playfair Display,serif;font-size:1.4rem}.profile-dropdown-container{position:relative}.profile-dropdown-btn{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;align-items:center;gap:10px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.profile-dropdown-btn:hover{background:#334155}.dropdown-menu-dark{z-index:100;background:#1e293b;border:1px solid #334155;border-radius:8px;width:240px;padding:8px 0;position:absolute;top:120%;right:0;box-shadow:0 10px 25px #00000080}.dropdown-header{border-bottom:1px solid #334155;margin-bottom:8px;padding:12px 16px}.dropdown-header h4{color:#fff;margin:0;font-size:.9rem}.dropdown-header p{color:#94a3b8;margin:4px 0 0;font-size:.75rem}.dropdown-item-dark{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.9rem;display:flex}.dropdown-item-dark:hover{color:#fff;background:#334155}.dropdown-item-dark.sign-out{color:#fca5a5}.dashboard-content{flex:1;padding:32px}.page-title{color:#fff;margin-bottom:24px;font-family:Playfair Display,serif;font-size:2.2rem}.greeting{color:#cbd5e1;margin-bottom:4px;font-size:.9rem;display:block}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{background:#111827;border:1px solid #1e293b;border-radius:12px;flex-direction:column;gap:12px;padding:24px;display:flex}.stat-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.stat-icon.orange{color:var(--gold);background:#d4a37326}.stat-icon.green{color:#4ade80;background:#16a34a26}.stat-icon.red{color:#f87171;background:#e11d2c26}.stat-icon.blue{color:#60a5fa;background:#3b82f626}.stat-label{text-transform:uppercase;color:#94a3b8;letter-spacing:1px;font-size:.75rem;font-weight:600}.stat-value{color:#fff;font-family:Playfair Display,serif;font-size:2rem;font-weight:700}.recent-box{background:#111827;border:1px solid #1e293b;border-radius:12px;padding:24px}.recent-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.recent-header h3{color:#fff;margin:0;font-family:Playfair Display,serif;font-size:1.2rem}.view-all{color:var(--gold);font-size:.85rem;font-weight:600;text-decoration:none}.empty-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.empty-state button{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;margin-top:20px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.empty-state button:hover{background:var(--red-hover)}