*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#e8f0f5,#f5f8fa 50%,#dce8f0);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #ffffff4d;box-shadow:0 4px 20px #0531511a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:6px 12px}.brand,.header-container{align-items:center;display:flex}.brand{color:#053151;font-size:24px;font-weight:700;letter-spacing:-.5px;text-decoration:none}.brand-logo{height:56px;object-fit:contain;width:auto}.header-nav{align-items:center;display:flex;gap:12px}.nav-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s}.nav-btn:hover{background:#f9fafb;border-color:#d1d5db}.nav-btn.primary{background:linear-gradient(135deg,#053151,#0a5a8a);border:none;box-shadow:0 4px 12px #05315140;color:#fff}.nav-btn.primary:hover{background:linear-gradient(135deg,#0a5a8a,#053151);box-shadow:0 6px 16px #05315159;transform:translateY(-2px)}.viewport{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.site-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px 24px;text-align:center}.copyright{color:#6b7280;font-size:14px}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:24px;width:100%}.home-page{overflow:hidden;position:relative;width:100%}.animated-background{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.gradient-orb{animation:floatOrb 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,#053151,#0a5a8a);height:500px;left:-10%;top:-10%;width:500px}.orb-2{animation-delay:7s;background:linear-gradient(135deg,#0a5a8a,#53a8b6);bottom:-10%;height:400px;right:-10%;width:400px}.orb-3{animation-delay:14s;background:linear-gradient(135deg,#53a8b6,#053151);height:350px;left:50%;top:50%;transform:translate(-50%,-50%);width:350px}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.floating-shapes{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.shape{animation:floatShape 15s ease-in-out infinite;opacity:.1;position:absolute}.shape-circle{animation-delay:0s;background:linear-gradient(135deg,#053151,#0a5a8a);border-radius:50%;height:60px;left:10%;top:20%;width:60px}.shape-square{animation-delay:5s;background:linear-gradient(135deg,#0a5a8a,#53a8b6);border-radius:10px;height:50px;right:15%;top:60%;transform:rotate(45deg);width:50px}.shape-triangle{animation-delay:10s;border-bottom:50px solid #0531514d;border-left:30px solid #0000;border-right:30px solid #0000;bottom:30%;height:0;left:20%;width:0}.shape-circle-2{animation-delay:7s;border:3px solid #0531514d;border-radius:50%;height:80px;right:30%;top:40%;width:80px}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}}.animated-title{-webkit-text-fill-color:#0000;animation:titleSlideIn 1s ease-out;animation:titleSlideIn 1s ease-out,gradientShift 8s ease infinite;background:linear-gradient(135deg,#053151,#0a5a8a 50%,#53a8b6);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.fade-in-up{animation:fadeInUp 1s ease-out}.fade-in-up.delay-1{animation-delay:.2s;animation-fill-mode:forwards;opacity:0}.card-animate{opacity:0;transform:translateY(30px) scale(.95);transition:all .6s cubic-bezier(.4,0,.2,1)}.card-animate.card-visible{opacity:1;transform:translateY(0) scale(1)}.floating-icon{animation:floatIcon 3s ease-in-out infinite}.floating-icon.delay-1{animation-delay:.5s}.floating-icon.delay-2{animation-delay:1s}.floating-icon.delay-3{animation-delay:1.5s}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse-button{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #00000026}50%{box-shadow:0 6px 30px #05315166,0 0 20px #05315133}}.animated-cta{animation:slideInUp 1s ease-out;position:relative;z-index:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.intro-section{margin:0 auto;max-width:900px;padding:100px 24px 80px;position:relative;text-align:center;z-index:1}.journey-animation{height:180px;justify-content:center;margin:40px auto 50px;overflow:hidden}.journey-animation,.journey-scene{align-items:center;display:flex;position:relative}.journey-scene{height:100%;justify-content:space-between;max-width:600px;padding:0 20px;width:100%}.traveler{align-items:center;animation:travelerWalk 4s ease-in-out infinite;display:flex;flex-direction:column;gap:8px;position:relative;z-index:3}.traveler-1{animation-delay:0s}.travel-icon{animation:bounceLuggage 1s ease-in-out infinite;font-size:32px}.person-icon{filter:drop-shadow(0 4px 8px rgba(5,49,81,.2));font-size:40px}@keyframes travelerWalk{0%,to{transform:translateX(0)}50%{transform:translateX(20px)}}@keyframes bounceLuggage{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.journey-path{align-items:center;display:flex;justify-content:space-around;left:25%;position:absolute;right:25%;top:50%;transform:translateY(-50%);z-index:1}.path-dot{animation:pathPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#053151,#0a5a8a);border-radius:50%;box-shadow:0 0 15px #05315166;height:12px;width:12px}.path-dot:nth-child(2){animation-delay:.3s}.path-dot:nth-child(3){animation-delay:.6s}@keyframes pathPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.houses-container{display:flex;flex-direction:column;gap:16px;z-index:3}.house-item{align-items:center;animation:houseFloat 3s ease-in-out infinite;display:flex;gap:8px;position:relative}.house-1{animation-delay:0s}.house-2{animation-delay:1.5s}.house-icon{filter:drop-shadow(0 4px 12px rgba(5,49,81,.2));font-size:48px}.key-icon{animation:keyRotate 3s ease-in-out infinite;font-size:20px;position:absolute;right:-8px;top:-8px}@keyframes houseFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes keyRotate{0%,to{transform:rotate(0deg)}50%{transform:rotate(20deg)}}.travel-element{animation:floatTravel 6s ease-in-out infinite;filter:drop-shadow(0 2px 6px rgba(5,49,81,.15));font-size:24px;opacity:.6;position:absolute}.element-1{animation-delay:0s;left:15%;top:10%}.element-2{animation-delay:1.5s;right:20%;top:20%}.element-3{animation-delay:3s;bottom:15%;left:10%}.element-4{animation-delay:4.5s;bottom:25%;right:15%}@keyframes floatTravel{0%,to{opacity:.4;transform:translate(0) rotate(0deg)}25%{opacity:.7;transform:translate(10px,-15px) rotate(5deg)}50%{opacity:.6;transform:translate(-5px,-10px) rotate(-3deg)}75%{opacity:.8;transform:translate(8px,-20px) rotate(4deg)}}.connection-line{animation:connectionPulse 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#0531514d 20%,#05315180 50%,#0531514d 80%,#0000);height:2px;left:20%;position:absolute;right:20%;top:50%;transform:translateY(-50%);z-index:0}@keyframes connectionPulse{0%,to{box-shadow:0 0 10px #05315133;opacity:.5}50%{box-shadow:0 0 20px #05315166;opacity:1}}.intro-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#053151,#0a5a8a);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:36px;font-weight:700;margin-bottom:20px}.intro-text{color:#6b7280;font-size:18px;line-height:1.7;margin:0 auto 16px;max-width:700px}.intro-subtext{color:#9ca3af;font-size:16px;font-weight:500}.actions-section{margin:0 auto;max-width:1200px;padding:40px 24px 80px;position:relative;z-index:1}.section-heading{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#053151,#0a5a8a);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:22px;font-weight:700;margin-bottom:48px;position:relative;text-align:center;width:100%}.section-heading:after{animation:expandWidth 1s ease-out .3s forwards;background:linear-gradient(90deg,#0000,#053151,#0a5a8a,#0000);border-radius:2px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px;width:0}@keyframes expandWidth{to{width:80px}}.action-cards{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.action-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #ffffff80;border-radius:20px;box-shadow:0 4px 15px #05315114;display:flex;flex-direction:column;padding:36px;perspective:1000px;position:relative;text-decoration:none;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.action-card:before{background:linear-gradient(135deg,#0531510d,#0a5a8a0d);border-radius:20px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:-1}.action-card:hover:before{opacity:1}.action-card:hover{border-color:#0531514d;box-shadow:0 25px 50px #05315140,inset 0 0 0 1px #0531511a;transform:translateY(-12px) rotateX(2deg)}.action-icon{display:inline-block;filter:drop-shadow(0 4px 12px rgba(5,49,81,.15));font-size:56px;margin-bottom:24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.action-card:hover .action-icon{filter:drop-shadow(0 8px 20px rgba(5,49,81,.3));transform:scale(1.15) translateY(-5px)}.action-title{color:#111827;font-size:22px;font-weight:700;margin-bottom:12px}.action-description{color:#6b7280;flex:1 1;font-size:16px;line-height:1.6;margin-bottom:20px}.action-link{align-items:center;color:#053151;display:inline-flex;font-size:16px;font-weight:700;overflow:hidden;position:relative;transition:all .3s ease}.action-link:after{background:linear-gradient(90deg,#053151,#0a5a8a);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .4s ease;width:0}.action-card:hover .action-link{color:#0a5a8a;transform:translateX(8px)}.action-card:hover .action-link:after{width:calc(100% - 20px)}.cta-section{background:linear-gradient(135deg,#053151,#0a5a8a);border-radius:24px;box-shadow:0 15px 50px #05315166,inset 0 0 0 1px #ffffff1a;margin:0 24px 60px;overflow:hidden;padding:70px 32px;position:relative;text-align:center}.cta-section:before{animation:rotateCTA 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotateCTA{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cta-title{color:#fff;font-size:36px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 10px #0003}.cta-text,.cta-title{position:relative;z-index:1}.cta-text{color:#fffffff2;font-size:18px;margin-bottom:36px;text-shadow:0 1px 5px #0000001a}.cta-button{background:#fff;border-radius:14px;box-shadow:0 6px 25px #0003;color:#053151;display:inline-block;font-size:19px;font-weight:700;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.cta-button:before{background:#0531511a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.cta-button:hover:before{height:300px;width:300px}.cta-button:hover{background:#fff;box-shadow:0 12px 40px #0000004d;transform:translateY(-5px) scale(1.05)}@media (max-width:900px) and (min-width:769px){.action-cards{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cta-button{font-size:16px;font-weight:600;padding:6px 12px}.action-link{font-weight:600}.action-description,.action-link{font-size:14px}.brand{font-size:20px}.brand-logo{height:40px}.header-nav{gap:8px}.nav-btn{font-size:13px;padding:6px 12px}.main-content,.site-main{padding:8px}.intro-section{padding:60px 20px 50px}.intro-title{font-size:26px;font-weight:700;margin-bottom:16px}.journey-animation{height:140px;margin:30px auto 40px}.journey-scene{padding:0 10px}.travel-icon{font-size:24px}.person-icon{font-size:32px}.house-icon{font-size:36px}.key-icon{font-size:16px}.travel-element{font-size:20px}.path-dot{height:8px;width:8px}@keyframes travelerWalk{0%,to{transform:translateX(0)}50%{transform:translateX(10px)}}.intro-text{font-size:16px;margin-bottom:12px}.intro-subtext{font-size:14px}.section-heading{font-size:18px;margin-bottom:24px}.action-cards{gap:24px;grid-template-columns:1fr}.action-card{padding:28px}.action-card:hover{transform:translateY(-8px) rotateX(0deg)}.action-icon{font-size:40px}.action-title{font-size:18px;font-weight:600}.cta-section{border-radius:20px;margin:0 16px 32px;padding:50px 24px}.cta-title{font-size:26px;font-weight:600}.cta-text{font-size:16px}.gradient-orb{filter:blur(60px);opacity:.2}.orb-1{height:350px;width:350px}.orb-2{height:300px;width:300px}.orb-3{height:250px;width:250px}.shape{opacity:.05}.floating-icon{animation:floatIconMobile 3s ease-in-out infinite}@keyframes floatIconMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}}.btn-share{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.btn-share:hover{background:#f9fafb;border-color:#053151;color:#053151}.filters-title{font-weight:600;margin-bottom:16px}.filters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:8px 0}.filter-field{gap:6px}.filter-label{font-weight:500}.filter-select{color:#111827;padding:10px 12px}.filter-select:hover:not(:disabled){border-color:#053151}.filter-select:focus{box-shadow:0 0 0 3px #0531511a}.filter-select:disabled{background:#f3f4f6;color:#9ca3af}.btn-clear-filters{font-weight:500;padding:10px 20px}.btn-clear-filters:hover{border-color:#9ca3af}@media (max-width:768px){.filters-grid{grid-template-columns:1fr}}.result-contact-info{background:#d1fae5;border-radius:6px;color:#065f46;font-size:13px;margin-top:8px;padding:8px 12px}.result-contact-info a{color:#065f46;margin-left:4px;text-decoration:none}.result-contact-info a:hover{text-decoration:underline}.result-actions{align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.screen-description{font-size:15px;line-height:1.6;margin-bottom:24px}.btn-back{align-items:center;display:inline-flex;font-weight:500;margin-top:24px;padding:10px 16px}.btn-back:hover{border-color:#9ca3af;color:#111827}.empty-message,.loading-message{color:#6b7280;font-size:15px;padding:40px 20px;text-align:center}.form-hint{color:#6b7280;font-size:14px;margin-top:6px}.image-upload-section{display:flex;flex-direction:column;gap:16px}.image-preview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:8px}.image-preview-item{background:#f3f4f6;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.preview-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.image-delete-btn{align-items:center;background:#dc2626e6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:28px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;transition:all .2s;width:28px}.image-delete-btn:hover{background:#b91c1cf2;transform:scale(1.1)}.image-upload-control{display:flex;flex-direction:column}.image-file-input{display:none}.image-upload-label{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;padding:8px 12px;text-align:center;transition:all .2s}.image-upload-label:hover{background:#f0fdf4;border-color:#090a59;color:#090a59}.image-file-input:disabled+.image-upload-label{cursor:not-allowed;opacity:.6}.image-file-input:disabled+.image-upload-label:hover{background:#fff;border-color:#d1d5db;color:#374151}@media (max-width:768px){.image-preview-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-upload-label{border-radius:6px;font-size:13px;font-weight:600;padding:6px 12px}.image-delete-btn{font-size:18px;height:24px;right:6px;top:6px;width:24px}}.room-images-container{background:#f3f4f6;border-radius:8px;height:200px;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.room-thumbnail{height:100%;object-fit:cover;width:100%}.image-count-badge{background:#000000b3;border-radius:12px;bottom:8px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;position:absolute;right:8px}@media (max-width:768px){.room-images-container{height:160px}}.profile-room-images{display:flex;gap:12px;margin-bottom:16px;overflow-x:auto;padding-bottom:8px}.profile-room-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:120px;object-fit:cover;width:120px}@media (max-width:768px){.profile-room-image{height:100px;width:100px}}.room-image-card{background:#f3f4f6;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding-bottom:100%;transition:transform .2s,box-shadow .2s;width:100%}.room-image-card:hover{box-shadow:0 4px 16px #00000026;transform:scale(1.02)}.grid-image-overlay,.room-grid-image{left:0;position:absolute;top:0}.grid-image-overlay{align-items:center;background:#0009;color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.grid-image-overlay span{animation:pulseScale 2s ease-in-out infinite;color:#fff;font-size:24px;font-weight:600;text-shadow:0 4px 12px #0000004d}@media (max-width:768px){.room-image-grid{gap:8px}.grid-image-overlay{font-size:20px}}.image-preview-modal{align-items:center;background:#000000f2;box-sizing:border-box;display:flex;height:100vh;inset:0;justify-content:center;padding:0;pointer-events:auto;position:fixed;width:100vw;z-index:1600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-modal-content{align-items:center;display:flex;flex-direction:column;gap:16px;max-height:90vh;max-width:900px;position:relative;width:100%}.preview-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;font-weight:300;height:40px;justify-content:center;pointer-events:auto;position:fixed;right:16px;top:16px;width:40px}.preview-close-btn:hover{background:#fff3;transform:scale(1.05)}.preview-image-container{align-items:center;display:flex;justify-content:center;max-height:80vh;overflow:hidden;pointer-events:none;position:relative;width:100%}.preview-modal-image{border-radius:0;box-shadow:none;height:auto;max-height:80vh;max-width:100%;object-fit:contain;pointer-events:none;width:auto}.preview-nav-btn{align-items:center;background:#fff;border:2px solid #090a59;border-radius:50%;color:#08345a80;cursor:pointer;display:flex;font-size:36px;font-weight:700;height:50px;justify-content:center;pointer-events:auto;position:fixed;top:50%;transform:translateY(-50%);transition:background .2s,transform .2s;width:50px;z-index:1700}.preview-nav-btn.prev{left:16px}.preview-nav-btn.next{right:16px}.preview-nav-btn:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.1)}.preview-nav-btn:disabled{background:#ffffffb9;cursor:not-allowed;opacity:.4}.preview-counter{color:#fff;font-size:14px;font-weight:500;left:50%;padding:8px 16px;pointer-events:none;position:absolute;z-index:1700}@media (max-width:768px){.image-preview-modal{padding:10px}.form-hint{font-size:12px!important}.preview-close-btn{font-size:28px;height:36px;top:16px;width:36px}.preview-nav-btn{font-size:28px;height:40px;width:40px}.preview-nav-btn.prev{left:10px}.preview-nav-btn.next{right:10px}.preview-modal-image{max-height:70vh}.preview-counter{font-size:12px;padding:6px 12px}}.toast-overlay{animation:fadeIn .2s ease-in-out;background:#0006;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.toast-content,.toast-overlay{align-items:center;display:flex}.toast-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;gap:16px;margin:20px;max-width:500px;padding:24px 32px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:28px;font-weight:700;height:48px;justify-content:center;width:48px}.toast-content.success .toast-icon{background:#fff;color:#0006}.toast-content.error .toast-icon{background:#fff;color:#950e0e}.toast-content.info .toast-icon{background:#fff;color:#0006}.toast-message{color:#fff;flex:1 1;font-size:16px;line-height:1.5}.toast-content.error .toast-message{color:#dc2626}@media (max-width:768px){.toast-content{max-width:90%;padding:20px 24px}.toast-icon{font-size:24px;height:40px;width:40px}.toast-message{font-size:14px}}.screen-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:800px;padding:32px}.auth-container{animation:authFadeIn .6s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px #05315126,inset 0 0 0 1px #ffffff80;margin:0 auto;max-width:420px;padding:24px 40px}@keyframes authFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.screen-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#053151,#0a5a8a);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px;text-align:center}.form-stacked{gap:0}.form-field,.form-stacked{display:flex;flex-direction:column}.form-field{gap:6px;margin-top:16px}.auth-container>.form-field:first-of-type,.form-stacked>.form-field:first-of-type,.screen-container>.form-field:first-of-type{margin-top:0}.form-label{color:#053151;display:block;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:4px}.form-input{background:#ffffffe6;border:1px solid #05315133;border-radius:8px;box-shadow:0 2px 8px #0531510d;font-size:14px;outline:none;padding:10px 16px;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;border-color:#053151;box-shadow:0 4px 16px #05315126,0 0 0 3px #0531511a;transform:translateY(-1px)}textarea.form-input{font-family:inherit;min-height:100px;resize:vertical}select.form-input{cursor:pointer}input[type=date].form-input{min-height:40px;position:relative}input[type=date].form-input::-webkit-date-and-time-value{min-width:0;text-align:left}input[type=date].form-input::-webkit-calendar-picker-indicator{cursor:pointer;position:absolute;right:12px}.input-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}.phone-input-group{display:flex;flex:1 1;gap:12px;min-width:0}.country-code-input{background:#ffffffe6;border:1px solid #05315133;border-radius:8px;box-shadow:0 2px 8px #0531510d;font-size:14px;font-weight:600;outline:none;padding:10px 16px;text-align:center;transition:all .3s ease;width:60px}.country-code-input:focus{background:#fff;border-color:#053151;box-shadow:0 4px 16px #05315126,0 0 0 3px #0531511a;transform:translateY(-1px)}.country-code-input:disabled{background:#f3f4f6b3;color:#6b7280;cursor:not-allowed}.zip-control{align-items:center;display:flex;gap:12px}.flex-1,.zip-input{flex:1 1}.truncate{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;white-space:normal}.furniture-field-list{display:flex;flex-direction:column;gap:12px}.furniture-input-row{align-items:center;display:flex;gap:12px}.furniture-input{flex:1 1}.form-checkbox{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:12px}.form-checkbox input{width:auto}.btn{background:#ffffffe6;border:1px solid #05315126;border-radius:8px;box-shadow:0 4px 12px #05315126;color:#053151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;position:relative;transition:all .3s ease;white-space:nowrap}.btn.compact{padding:12px 20px}.btn:hover:not(:disabled){background:0 6px 20px #05315140;border-color:#053151;box-shadow:#fff;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn.primary{background:linear-gradient(135deg,#053151,#0a5a8a);border:none;box-shadow:0 6px 20px #0531514d;color:#fff}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#0a5a8a,#053151);box-shadow:0 8px 28px #05315166;transform:translateY(-3px)}.btn.destructive{background:#fff;border:1.5px solid red}.btn.destructive:hover:not(:disabled){border-color:#b91c1c}.hint{color:#6b7280;font-size:13px;margin-top:4px}.success{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#053151,#0a5a8a);border-radius:8px;box-shadow:0 4px 12px #05315133;color:#fff;font-size:14px;font-weight:600;margin-top:16px;padding:10px 16px}.error{border:1px solid #6d050533;border-radius:8px;color:#b91111;margin-top:16px}.error,.error-text{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fee2e2e6;box-shadow:0 4px 12px #dc262626;font-size:14px;font-weight:600;padding:5px 10px}.error-text{border:1px solid #dc262633;border-radius:8px;color:#920909;margin:16px 0}.status-text{background:#d1fae5;border-radius:6px;color:#4a9d5f;font-size:14px;font-weight:500;margin-top:8px;padding:8px 12px}.result-list{grid-gap:16px;display:grid;gap:16px;list-style:none;margin:20px 0;padding:8px}.result-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px;position:relative;transition:all .2s}.result-item:hover{border-color:#053151;box-shadow:0 10px 16px #0000001f;transform:translateY(-2px)}.result-primary{color:#111827;font-size:18px;font-weight:700;margin-bottom:8px}.result-secondary{color:#6b7280;font-size:14px;margin-bottom:4px}.result-tertiary{color:#9ca3af;font-size:13px}.map-container{border-radius:12px;box-shadow:0 1px 3px #0000001a;height:400px;overflow:hidden;width:100%}.modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#232222d9;box-sizing:border-box;display:flex;height:100vh;inset:0;justify-content:center;padding:16px;position:fixed;width:100vw;z-index:10000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0531514d;max-height:calc(100vh - 32px);max-width:500px;overflow-y:auto;padding:24px;position:relative;width:95%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-title{color:#111827;font-size:20px;font-weight:700;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:28px;font-weight:300;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-form{display:flex;flex-direction:column;gap:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.confirm-dialog{max-width:450px}.confirm-dialog-body{padding:16px 0}.confirm-dialog-body p{color:#374151;font-size:15px;line-height:1.6;margin:0}.form-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;resize:vertical;transition:all .2s;width:100%}.form-textarea:focus{border-color:#053151;box-shadow:0 0 0 3px #6db5791a}.btn-primary{background:#053151;border:1px solid #053151;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s;white-space:nowrap}.btn-primary:hover:not(:disabled){background:#4a9d5f;border-color:#4a9d5f}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#fee2e2;border-radius:6px;color:#981111;font-size:14px;font-weight:500;padding:5px 10px}.file-name{color:#6b7280;font-size:13px;margin-top:4px}.modal-content h4{color:#111827;font-size:20px;font-weight:700;margin-bottom:20px}.modal-content .form-field{margin-bottom:16px}.modal-content .input-row{margin-top:16px}.spacing-top{margin-top:12px}.empty-state{color:#6b7280;padding:48px 24px;text-align:center}.empty-state p{font-size:16px}.search-page{margin:0 auto;max-width:1000px}.search-header{margin-bottom:40px;text-align:center}.search-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#053151,#0a5a8a);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:36px;font-weight:800;margin-bottom:8px}.search-subtitle{color:#6b7280;font-size:16px}.search-container{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:40px}.search-form{background:#fff;border:1px solid #000;border-radius:12px;display:flex;flex-direction:column;gap:0;margin-bottom:24px;padding:24px}.result-section{width:100%}.view-visible{display:block}.view-hidden{display:none}.form-group{display:flex;flex-direction:column;gap:8px}.search-actions{align-items:center;display:flex;gap:16px;padding-top:8px}.btn-search{background:linear-gradient(135deg,#053151,#0a5a8a);border:none;border-radius:12px;box-shadow:0 4px 12px #6db5b566;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:10px 16px;transition:all .3s}.btn-search:hover{background-color:#374151!;box-shadow:0 6px 20px #6d7eb566 !;transform:translateY(-2px)!}.view-toggle{background:#f3f4f6;border-radius:10px;display:flex;gap:8px;padding:4px}.btn-toggle{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.btn-toggle.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#053151}.btn-toggle:hover:not(.active){color:#374151}.lookout-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.lookout-section{border-top:2px solid #f3f4f6;display:flex;flex-direction:column;margin-top:48px;padding-top:32px}.lookout-section-title{align-items:center;color:#111827;display:flex;font-size:24px;font-weight:700;gap:12px;margin-bottom:20px}.lookout-empty-message{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;font-size:15px;padding:24px;text-align:center}.lookout-list{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}.lookout-list-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:24px;transition:all .3s ease}.lookout-list-item:hover{border-color:#053151;box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.lookout-list-primary{color:#111827;font-size:18px;font-weight:700;margin-bottom:8px}.lookout-list-secondary{color:#053151;font-size:16px;font-weight:600;margin-top:6px}.lookout-list-meta{border-top:1px solid #f3f4f6;color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-top:12px;padding-top:12px}.lookout-list-meta span{align-items:center;background:#f9fafb;border-radius:6px;display:inline-flex;padding:4px 10px}.lookout-list-note{background:#f9fafb;border-left:3px solid #053151;border-radius:4px;color:#4b5563;font-size:14px;line-height:1.6;margin-top:16px;padding:12px 16px}.profile-edit-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-top:16px;padding:20px}.profile-edit-grid{display:flex;flex-wrap:wrap;gap:16px}.profile-edit-field{display:flex;flex:1 1 220px;flex-direction:column;gap:8px}.notification-container{position:relative}.notification-btn{background:#05315114;border:none;border-radius:12px;box-shadow:0 2px 8px #0531511a;cursor:pointer;font-size:24px;padding:10px;position:relative;transition:all .3s ease}.notification-btn:hover{background:linear-gradient(135deg,#0531511f,#0a5a8a26);box-shadow:0 4px 12px #05315126;transform:scale(1.05)}.notification-badge{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;box-shadow:0 2px 8px #dc262666;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:3px 7px;position:absolute;right:2px;text-align:center;top:2px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{animation:dropdownSlideIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 12px 40px #05315140,inset 0 0 0 1px #ffffff80;left:50%;max-height:min(500px,calc(100vh - 100px));max-width:90vw;overflow-y:auto;position:fixed;top:64px;transform:translateX(-50%);width:380px;z-index:2000}@media (min-width:769px){.notification-dropdown{animation:dropdownSlideInRight .3s ease-out;left:auto;right:16px;transform:none}}.notification-header{align-items:center;background:linear-gradient(135deg,#05315114,#0a5a8a14);border-bottom:1px solid #0531511a;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.notification-header h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#053151,#0a5a8a);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;margin:0}.mark-all-read{background:#0000;border:none;border-radius:8px;color:#053151;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:all .2s ease}.mark-all-read:hover{background:#0531511a;color:#0a5a8a}.notification-list{max-height:420px;overflow-y:auto}.notification-item{border-bottom:1px solid #0531510d;cursor:pointer;padding:16px 20px;transition:all .2s ease}.notification-item:hover{background:linear-gradient(90deg,#05315108,#0a5a8a0d);padding-left:24px}.notification-item.unread{background:linear-gradient(90deg,#0531510d,#0a5a8a14);border-left:3px solid #053151}.notification-item.unread:hover{background:linear-gradient(90deg,#05315114,#0a5a8a1f)}.notification-content{display:flex;flex-direction:column;gap:4px}.notification-title{color:#111827;font-size:14px;font-weight:600}.notification-message{color:#6b7280;font-size:13px;line-height:1.4}.notification-time{color:#9ca3af;font-size:12px;margin-top:4px}.notification-empty{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}.result-owner-info{background:#f9fafb;border-radius:8px;color:#4b5563;font-size:13px;margin-top:12px;padding:12px}.result-owner-info div{margin-bottom:4px}.result-owner-info div:last-child{margin-bottom:0}.result-owner-info strong{color:#111827;margin-right:6px}.result-owner-info a{color:#053151;text-decoration:none}.result-owner-info a:hover{text-decoration:underline}.result-actions{display:flex;gap:12px;margin-top:16px}.btn-map-icon{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#374151;cursor:pointer;display:inline-flex;font-size:20px;justify-content:center;line-height:1;padding:8px 12px;position:absolute;right:16px;top:16px;transition:all .2s;z-index:10}.btn-map-icon:hover{background:#f9fafb;border-color:#053151;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.location-badge{align-items:center;display:flex;flex-direction:column;gap:4px;position:absolute;right:16px;top:16px;z-index:10}.distance-text{background:#053151;border-radius:6px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.btn-location-icon{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#374151;cursor:pointer;display:inline-flex;font-size:20px;justify-content:center;line-height:1;padding:8px 12px;transition:all .2s}.btn-location-icon:hover{background:#f9fafb;border-color:#053151;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.requirement-actions{display:flex;gap:12px;margin-top:16px}.filters-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.filters-title{color:#111827;font-size:18px;font-weight:700;margin-bottom:12px}.filter-field{display:flex;flex-direction:column;gap:8px}.filter-label{color:#374151;font-size:14px;font-weight:600}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.filter-select:focus{border-color:#053151;box-shadow:0 0 0 3px #6db5791a;outline:none}.filter-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.btn-clear-filters{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:10px 16px;transition:all .2s}.btn-clear-filters:hover{background:#e5e7eb}.requirements-list{list-style:none;margin:0;padding:0}.requirement-item,.requirements-list{display:flex;flex-direction:column;gap:16px}.requirement-item{background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border:2px solid #0531511a;border-radius:16px;box-shadow:0 2px 8px #05315114;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.requirement-item:hover{border-color:#0531514d;box-shadow:0 8px 24px #05315126;transform:translateY(-2px)}.requirement-top{align-items:flex-start;border-bottom:2px solid #05315114;display:flex;gap:12px;justify-content:space-between;padding-bottom:12px}.requirement-location-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#374151);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:17px;font-weight:700;line-height:1.3;min-width:0}.requirement-budget-badge{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#053151,#0a5a8a);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:16px;font-weight:700;white-space:nowrap}.requirement-details-grid{display:flex;flex-wrap:wrap;gap:8px}.requirement-detail-chip{align-items:center;background:linear-gradient(135deg,#0531510f,#0a5a8a14);border:1px solid #0531511a;border-radius:8px;display:inline-flex;font-size:13px;gap:4px;padding:6px 12px;transition:all .2s ease}.requirement-detail-chip:hover{background:linear-gradient(135deg,#0531511a,#0a5a8a1f);transform:translateY(-1px)}.requirement-detail-chip.pet-friendly{background:linear-gradient(135deg,#10b9811a,#05966926);border-color:#10b98133;color:#059669;font-weight:600}.detail-label{color:#6b7280;font-weight:600}.detail-value{color:#111827;font-weight:500}.requirement-description{background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border-left:3px solid #053151;border-radius:6px;color:#4b5563;font-size:14px;line-height:1.6;padding:12px}.requirement-contact-info{background:#f9fafb99;border:1px solid #05315114;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.contact-info-item{align-items:center;display:flex;font-size:14px;gap:8px}.contact-label{color:#6b7280;flex-shrink:0;font-weight:600;min-width:50px}.contact-value{color:#111827;flex:1 1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-link{color:#053151;text-decoration:none;transition:color .2s ease}.contact-link:hover{color:#0a5a8a;text-decoration:underline}.requirement-action-footer{border-top:1px solid #05315114;display:flex;justify-content:flex-end;padding-top:12px}.empty-message{color:#6b7280;font-size:14px;padding:40px 20px;text-align:center}.screen-description{color:#6b7280;font-size:16px;margin-bottom:16px}.btn-back{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;display:inline-block;font-size:14px;font-weight:600;margin-top:20px;padding:10px 20px;text-decoration:none;transition:all .2s}.btn-back:hover{background:#e5e7eb}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.loading-circle{align-items:center;display:flex;justify-content:center;padding:40px}.loading-circle-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#053151;height:40px;width:40px}@media (max-width:768px){.screen-container{padding:10px 16px}.result-primary{font-size:16px;font-weight:600}.result-secondary{font-size:13px}.result-owner-info,.result-tertiary{font-size:12px}.form-label{font-size:13px;font-weight:600}.form-field{gap:6px;margin-top:8px}.success .error .error-text{border-radius:6px;font-size:13px;font-weight:600;padding:5px 10px}.screen-title{font-size:18px;font-weight:600;margin-bottom:12x}.screen-description{font-size:14px}.filters-title{font-size:15px}.btn-clear-filters{padding:8px 12px}.input-row{align-items:stretch;flex-direction:column;gap:12px}.phone-input-group{display:flex;flex-direction:row;gap:8px;width:100%}.phone-input-group .country-code-input{flex-shrink:0}.country-code-input{border-radius:6px;font-size:13px;padding:8px 12px}.phone-input-group .flex-1{flex:1 1;min-width:0}.input-row .btn,.input-row .flex-1{width:100%}.form-input{border-radius:6px;font-size:13px;padding:8px 12px}.input-row .form-input{box-sizing:border-box;max-width:100%;width:100%}.auth-container{border-radius:20px;max-width:300px;padding:12px 24px}input[type=date].form-input{box-sizing:border-box;max-width:100%;width:100%}.form-field .input-row{flex-direction:column}.form-field .input-row>div{width:100%}.search-header{margin-bottom:24px}.search-title{font-size:26px;font-weight:700}.search-subtitle{font-size:14px}.search-container{border-radius:16px;padding:24px}.search-actions{flex-direction:column}.btn-search{width:100%}.view-toggle{justify-content:center;width:100%}.notification-dropdown{right:-16px;width:calc(100vw - 32px)}.lookout-form-grid{gap:0;grid-template-columns:1fr}.lookout-form-grid .form-field{margin-top:20px}.lookout-form-grid .form-field:first-child{margin-top:0}.btn,.chat-btn{border-radius:6px;font-size:13px;padding:8px 12px}.requirement-item{gap:12px;padding:16px}.requirement-top{align-items:stretch;flex-direction:column;gap:8px}.requirement-location-title{font-size:15px}.requirement-budget-badge{align-self:flex-start;font-size:14px}.requirement-details-grid{gap:6px}.requirement-detail-chip{font-size:12px;padding:5px 8px}.requirement-description{font-size:13px;padding:10px}.requirement-contact-info{padding:10px}.contact-info-item{align-items:flex-start;font-size:13px;gap:4px}.contact-label{font-size:12px;min-width:auto}.contact-value{font-size:13px;width:100%}.requirement-action-footer{padding-top:10px}}.page-loading{align-items:center;color:#4b5563;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:calc(100vh - 80px);padding:24px}.page-loading.full-overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffffa;bottom:0;height:100vh;left:0;min-height:100vh;position:fixed;right:0;top:0;width:100vw;z-index:9999}.page-loading-spinner{animation:page-spinner-rotate .8s linear infinite;border:4px solid #e5e7eb;border-radius:999px;border-top-color:#10b981;height:40px;width:40px}.page-loading-text{color:#6b7280;font-size:14px}@keyframes page-spinner-rotate{to{transform:rotate(1turn)}}.profile-menu-container,.profile-menu-trigger{align-items:center;display:flex;position:relative}.profile-menu-trigger{background:linear-gradient(135deg,#053151,#0a5a8a);border:none;border-radius:999px;box-shadow:0 4px 12px #0531514d;cursor:pointer;height:44px;justify-content:center;margin-left:12px;outline:none;overflow:hidden;padding:0;transition:all .3s ease;width:44px}.profile-menu-trigger:before{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.profile-menu-trigger:hover:before{animation:shimmer 1.5s ease-in-out infinite;opacity:1}.profile-menu-trigger:hover{box-shadow:0 6px 20px #05315166;transform:scale(1.08)}@keyframes shimmer{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.profile-menu-initial{color:#fff;font-size:18px;font-weight:700;position:relative;text-shadow:0 2px 4px #0003;z-index:1}.profile-menu-dropdown{animation:profileDropdownSlideIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 12px 40px #05315140,inset 0 0 0 1px #ffffff80;min-width:280px;padding:0;position:absolute;right:0;top:calc(100% + 12px);z-index:1200}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes dropdownSlideInRight{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes profileDropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{align-items:center;background:linear-gradient(135deg,#05315114,#0a5a8a14);border-radius:16px 16px 0 0;display:flex;gap:12px;padding:16px}.profile-menu-avatar{align-items:center;background:linear-gradient(135deg,#053151,#0a5a8a);border-radius:50%;box-shadow:0 4px 12px #05315140;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.profile-menu-info{flex:1 1;min-width:0}.profile-menu-name{color:#053151;font-size:18px;font-weight:700;margin-bottom:2px}.profile-menu-email,.profile-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-email{color:#6b7280;font-size:14px}.profile-menu-divider{background:linear-gradient(90deg,#0000,#05315126 50%,#0000);height:1px;margin:8px 0}.profile-menu-item{align-items:baseline;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.profile-menu-item:first-of-type{border-radius:0}.profile-menu-item:last-of-type{border-radius:0 0 16px 16px}.profile-menu-item:hover{background:linear-gradient(90deg,#0531510d,#0a5a8a14);color:#053151;padding-left:20px}.menu-item-icon{align-items:center;display:inline-flex;font-size:18px;height:24px;justify-content:center;transition:transform .2s ease;width:24px}.profile-menu-item:hover .menu-item-icon{transform:scale(1.15)}.profile-menu-item.destructive{color:#dc2626}.profile-menu-item.destructive:hover{background:linear-gradient(90deg,#dc26260d,#dc262614);color:#b91c1c}.room-image-grid{grid-gap:12px;animation:fadeInUp .5s ease-out;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.room-image-card{aspect-ratio:4/3;border-radius:12px;box-shadow:0 4px 12px #05315126;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.room-image-card:hover{box-shadow:0 12px 24px #05315140;transform:translateY(-4px) scale(1.02)}.room-grid-image{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.room-image-card:hover .room-grid-image{transform:scale(1.1)}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-tabs-container{margin-bottom:32px;margin-top:24px;padding:0}.profile-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:12px;justify-content:space-around;overflow-x:auto;overflow-y:hidden;padding:4px;scroll-behavior:smooth;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{align-items:center;background:#0000;border:none;border-radius:24px;color:#6b7280;cursor:pointer;display:inline-flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 20px;position:relative;transition:all .3s ease;white-space:nowrap}.profile-tab:hover{background:#0531510a;color:#053151}.profile-tab-active{background:#0531510f;color:#053151;font-weight:700;outline:2px solid #053151;outline-offset:-2px}.profile-tab-count{background:#0531511a;border-radius:12px;color:#053151;font-size:11px;font-weight:700;min-width:22px;padding:4px 8px;text-align:center;transition:all .3s ease}.profile-tab-active .profile-tab-count{background:linear-gradient(135deg,#053151,#0a5a8a);color:#fff}.profile-section{animation:fadeInUp .6s ease-out;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#0000,#05315126 50%,#0000) border-box;border-top:2px solid #0000;display:flex;flex-direction:column;margin-top:0;padding-top:0}.profile-section:first-of-type{border-top:none;margin-top:32px;padding-top:0}.profile-section-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#053151,#0a5a8a);-webkit-background-clip:text;background-clip:text;display:flex;font-size:28px;font-weight:800;gap:16px;letter-spacing:-.5px;margin-bottom:28px}.profile-section-title:before{animation:slideInLeft .5s ease-out;background:linear-gradient(135deg,#053151,#0a5a8a);border-radius:3px;box-shadow:0 4px 12px #0531514d;content:"";height:36px;width:6px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.profile-list{display:flex;flex-direction:column;gap:24px;list-style:none;margin:0;padding:0}.profile-list-item{background:linear-gradient(135deg,#fffffff2,#f9fafbf2);border:2px solid #0531511f;border-radius:20px;box-shadow:0 4px 16px #05315114;overflow:hidden;padding:16px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.profile-list-item:before{background:linear-gradient(135deg,#053151,#0a5a8a);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:4px}.profile-list-item:hover:before{opacity:1}.profile-list-item:hover{background:linear-gradient(135deg,#fff,#f9fafb);border-color:#05315140;box-shadow:0 12px 32px #0531512e;transform:translateY(-4px)}.profile-list-arrow{-webkit-text-fill-color:initial!important;cursor:pointer}.profile-list-primary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#374151);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800;line-height:1.3}.profile-list-secondary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#053151,#0a5a8a);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;margin-top:0}.callback-actions,.profile-list-secondary{align-items:center;display:flex;justify-content:space-between}.callback-actions .btn{-webkit-text-fill-color:initial!important;border-radius:6px;box-shadow:0 4px 12px #05315133;font-size:inherit;font-weight:700;padding:4px 8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-list-secondary span{font-size:13px}.profile-list-meta{border-top:2px solid #05315114;color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:10px;margin-top:8px;padding-top:16px}.profile-list-meta span{align-items:center;background:linear-gradient(135deg,#0531510f,#0a5a8a14);border:1px solid #0531511a;border-radius:8px;display:inline-flex;font-weight:600;padding:5px 8px;transition:all .3s ease}.profile-list-meta span:hover{background:linear-gradient(135deg,#0531511f,#0a5a8a26);box-shadow:0 4px 8px #05315126;transform:translateY(-2px)}.profile-list-note{background:linear-gradient(135deg,#f9fafbe6,#f3f4f6e6);border-left:4px solid #053151;border-radius:8px;box-shadow:inset 0 2px 8px #0531510d;color:#374151;font-size:15px;line-height:1.7;margin-top:10px;padding:4px 8px}.profile-room-actions{-webkit-text-fill-color:initial!important;display:flex;flex-wrap:wrap}.chat-btn,.profile-room-actions .btn{border-radius:6px;box-shadow:0 4px 12px #05315133;font-size:inherit;font-weight:700;padding:4px 8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-btn{-webkit-text-fill-color:initial;background:#fff;border:1px solid #05315126;position:relative;white-space:nowrap}.unread-indicator{animation:pulse-unread 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #ef444466;height:10px;position:absolute;right:-2px;top:-2px;width:10px}@keyframes pulse-unread{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.profile-room-actions .btn:hover:not(:disabled){box-shadow:0 8px 20px #0531514d;transform:translateY(-3px)}.profile-contact-requests{background:linear-gradient(135deg,#f9fafbf2,#f3f4f6f2);border:2px solid #0531511a;border-radius:16px;box-shadow:inset 0 2px 8px #0531510d;margin-top:16px;padding:6px}.profile-contact-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#053151,#0a5a8a);-webkit-background-clip:text;background-clip:text;display:flex;font-size:18px;font-weight:800;gap:10px;margin-bottom:20px}.profile-contact-title:before{filter:drop-shadow(0 2px 4px rgba(5,49,81,.15));font-size:24px}.profile-contact-list{display:flex;flex-direction:column;gap:16px}.profile-contact-item{background:#fffffff2;border:2px solid #0531511f;border-radius:12px;box-shadow:0 2px 8px #05315114;padding:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-contact-item:hover{background:#fff;border-color:#05315140;box-shadow:0 6px 16px #05315126;transform:translateX(4px)}.profile-contact-meta{color:#374151;display:flex;flex-wrap:wrap;font-size:12px;font-weight:500;gap:12px}.profile-contact-meta span{align-items:center;background:linear-gradient(135deg,#0531510f,#0a5a8a14);border:1px solid #0531511a;border-radius:8px;display:inline-flex;padding:5px 8px;transition:all .2s ease}.profile-contact-meta span:hover{background:linear-gradient(135deg,#0531511a,#0a5a8a1f);transform:scale(1.02)}.profile-meta-link{color:#0645ad;cursor:pointer;overflow:hidden}.profile-contact-message{background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border-left:4px solid #053151;border-radius:8px;box-shadow:inset 0 2px 6px #0531510d;color:#374151;font-size:14px;line-height:1.6;margin-top:16px;padding:4px 8px}.profile-contact-empty{background:#f9fafb80;border-radius:8px;color:#9ca3af;font-size:14px;font-style:italic;padding:24px;text-align:center}.profile-empty-message{background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border:2px dashed #05315133;border-radius:16px;box-shadow:inset 0 2px 8px #0531510d;color:#6b7280;font-size:16px;font-style:italic;padding:40px 32px;text-align:center}@media (min-width:641px) and (max-width:1024px){.profile-tabs{gap:8px}.profile-tab{flex:0 0 auto;font-size:14px;padding:10px 16px}.profile-tab-count{font-size:10px;padding:5px 7px}}@media (max-width:640px){.profile-tabs-container{margin-bottom:24px;margin-top:16px;padding:0}.profile-contact-message,.profile-list-note{font-size:13px}.profile-list-meta{font-size:12px}.profile-menu-item{font-size:13px;padding:8px 12px}.profile-menu-name{font-size:15px}.profile-menu-email{font-size:12px}.btn-toggle{font-size:13px;padding:8px 12px}.profile-tabs{gap:8px}.profile-tab{flex:0 0 auto;font-size:13px;padding:8px 16px}.profile-tab-count{font-size:10px;padding:3px 7px}.profile-section-title{font-size:22px;gap:12px}.profile-section-title:before{height:28px;width:5px}.profile-list{gap:20px}.profile-list-item{border-radius:16px;padding:10px}.profile-list-primary{font-size:16px}.profile-list-secondary{font-size:14px}.profile-list-secondary span{font-size:12px}.profile-contact-requests{margin-top:24px;padding:8px}.profile-contact-title{font-size:16px}.profile-contact-item{padding:4px}}.profile-header{align-items:flex-start;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width:640px){.profile-header{align-items:center;flex-direction:row}}.profile-avatar-wrapper{flex-shrink:0;height:120px;margin-bottom:1rem;position:relative;width:120px}.profile-avatar{align-items:center;background:#e5e7eb;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#374151;cursor:pointer;display:flex;font-size:40px;font-weight:600;height:100%;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.profile-avatar:hover{box-shadow:0 4px 12px #00000026}.profile-avatar-image{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;height:100%;text-transform:uppercase;width:100%}.profile-avatar-overlay,.profile-avatar-placeholder{align-items:center;display:flex;justify-content:center}.profile-avatar-overlay{background:#00000080;border-radius:50%;gap:8px;inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.profile-avatar:hover .profile-avatar-overlay{opacity:1}.profile-avatar-action{align-items:center;background:#ffffffe6;border:2px solid #fff;border-radius:50%;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.profile-avatar-action:hover{background:#fff;box-shadow:0 2px 8px #0003;transform:scale(1.1)}.profile-avatar-action:disabled{cursor:not-allowed;opacity:.5;transform:none}.profile-avatar-action-delete{background:#ef4444e6;border-color:#fff;color:#fff}.profile-avatar-action-delete:hover{background:#dc2626}.profile-photo-status{align-items:center;background:#000c;border-radius:20px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;left:50%;padding:10px 16px;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:10}.profile-photo-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.profile-loyalty{flex:1 1;margin-top:.5rem;min-width:0}.profile-loyalty-header{font-size:12px;margin-bottom:6px}.profile-loyalty-title{color:#111827;font-weight:600}.profile-loyalty-value{color:#2563eb;font-weight:600}.profile-loyalty-meter{background:#e5e7eb;border-radius:9999px;height:10px;overflow:hidden;position:relative;width:100%}.profile-loyalty-meter-fill{background:linear-gradient(90deg,#ef4444,#f97316,#22c55e);border-radius:9999px;height:100%;transition:width .3s ease}.profile-loyalty-meta{color:#4b5563;font-size:.875rem;margin-top:4px}.profile-status-disabled{color:#b91c1c;font-weight:600;margin-left:4px}.profile-top-row{align-items:center;display:flex;flex-direction:column}.chat-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;display:flex;height:100vh;inset:0;justify-content:center;padding:0;position:fixed;width:100vw;z-index:10000}.chat-modal-container{animation:chatSlideUp .3s ease-out;background:#fff;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;height:100%;max-height:100vh;max-width:800px;width:100%}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:linear-gradient(135deg,#053151,#0a5a8a);box-shadow:0 2px 8px #0000001a;gap:16px;padding:8px 20px}.chat-back-btn,.chat-header{align-items:center;color:#fff;display:flex;flex-shrink:0}.chat-back-btn{background:#fff3;border:none;border-radius:50%;cursor:pointer;font-size:24px;font-weight:300;height:40px;justify-content:center;transition:all .2s ease;width:40px}.chat-back-btn:hover{background:#ffffff4d;transform:scale(1.05)}.chat-header-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.chat-avatar{border-radius:50%;box-shadow:0 2px 8px #0003;flex-shrink:0;height:48px;overflow:hidden;width:48px}.chat-avatar-img{height:100%;object-fit:cover;width:100%}.chat-avatar-placeholder{align-items:center;background:#ffffff4d;color:#fff;display:flex;font-size:20px;font-weight:700;height:100%;justify-content:center;width:100%}.chat-header-text{flex:1 1;min-width:0}.chat-other-user-name{color:#fff;font-size:18px;font-weight:700;margin:0}.chat-header-subtitle,.chat-other-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-subtitle{color:#fffc;font-size:13px;margin:2px 0 0}.chat-messages-area{background:linear-gradient(135deg,#e8f0f5,#f5f8fa 50%,#dce8f0);flex:1 1;overflow-y:auto;padding:20px}.chat-empty-state{align-items:center;color:#6b7280;display:flex;font-size:15px;height:100%;justify-content:center;padding:40px 20px;text-align:center}.chat-message{align-items:flex-end;animation:messageSlideIn .2s ease-out;display:flex;gap:8px;margin-bottom:12px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-left{justify-content:flex-start}.chat-message-right{justify-content:flex-end}.chat-message-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.chat-message-avatar-img{height:100%;object-fit:cover;width:100%}.chat-message-avatar-placeholder{align-items:center;background:#9ca3af;color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.chat-current-user-avatar{background:linear-gradient(135deg,#053151,#0a5a8a)}.chat-bubble{word-wrap:break-word;border-radius:12px;box-shadow:0 1px 2px #0000001a;-webkit-hyphens:auto;hyphens:auto;max-width:65%;overflow-wrap:break-word;padding:10px 14px;position:relative;word-break:break-word}.chat-bubble-other{background:#fff;border-bottom-left-radius:4px}.chat-bubble-current{background:linear-gradient(135deg,#053151,#0a5a8a);border-bottom-right-radius:4px;color:#fff}.chat-bubble-text{word-wrap:break-word;color:inherit;font-size:16px;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin:0 0 4px;overflow-wrap:break-word;word-break:break-word}.chat-bubble-time{float:right;font-size:11px;margin-left:8px;margin-top:2px;opacity:.7}.chat-input-area{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;padding:16px 20px}.chat-input-wrapper{align-items:center;background:#f3f4f6;border-radius:24px;display:flex;gap:12px;padding:4px 12px 4px 20px;transition:all .2s ease}.chat-input-wrapper:focus-within{background:#e5e7eb;box-shadow:0 0 0 3px #0531511a}.chat-input{background:#0000;border:none;color:#111827;flex:1 1;font-family:inherit;font-size:15px;outline:none;padding:8px 0}.chat-input::placeholder{color:#9ca3af}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#053151,#0a5a8a);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.chat-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #0531514d;transform:scale(1.05)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.chat-send-btn svg,.chat-sending-spinner{height:20px;width:20px}.chat-sending-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.chat-modal-container{border-radius:0;max-width:100%}.chat-header{padding:12px 16px}.chat-back-btn{font-size:20px;height:36px;width:36px}.chat-avatar{height:40px;width:40px}.chat-other-user-name{font-size:16px}.chat-header-subtitle{font-size:12px}.chat-messages-area{padding:16px}.chat-bubble{max-width:80%;padding:8px 12px}.chat-bubble-text{font-size:14px}.chat-input-area{padding:12px 16px}.chat-input{font-size:14px}.chat-send-btn{height:36px;width:36px}}
/*# sourceMappingURL=main.572fc3c4.css.map*/