:root{--clr-teal-50: hsl(174, 64%, 96%);--clr-teal-100: hsl(174, 64%, 88%);--clr-teal-300: hsl(174, 61%, 65%);--clr-teal-400: hsl(174, 60%, 51%);--clr-teal-500: hsl(174, 77%, 40%);--clr-teal-600: hsl(174, 82%, 31%);--clr-teal-700: hsl(174, 83%, 24%);--surface-glass-light: rgba(255, 255, 255, .72);--surface-glass-dark: rgba(15, 23, 42, .72);--surface-border-light: rgba(255, 255, 255, .35);--surface-border-dark: rgba(255, 255, 255, .08);--shadow-teal-sm: 0 0 12px -2px rgba(20, 184, 166, .3);--shadow-teal-md: 0 0 22px -4px rgba(20, 184, 166, .45);--shadow-teal-lg: 0 0 40px -8px rgba(20, 184, 166, .55);--shadow-card: 0 4px 24px -6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .04);--shadow-card-hover: 0 16px 40px -8px rgba(0, 0, 0, .18), 0 4px 12px rgba(0, 0, 0, .06);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-sine: cubic-bezier(.37, 0, .63, 1);--dur-fast: .18s;--dur-med: .35s;--dur-slow: .6s;--dur-slower: .9s;--app-header-height: 64px;--app-page-max-width: 1280px;--app-section-padding-y: 48px;--app-card-radius: 12px;--app-control-height: 44px;--app-control-height-lg: 52px;--app-font-xs: 12px;--app-font-sm: 14px;--app-font-md: 16px;--app-font-lg: 18px;--app-font-xl: 22px;--app-font-2xl: 28px;--app-font-hero: clamp(42px, 4.5vw, 72px)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer-scan{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes badge-pulse{0%,to{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 5px #ef444400}}@keyframes teal-glow-breathe{0%,to{box-shadow:var(--shadow-teal-sm)}50%{box-shadow:var(--shadow-teal-md)}}@keyframes pop-spring{0%{transform:scale(1)}40%{transform:scale(1.22)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes glass-sheen-sweep{0%{left:-150%}50%{left:150%}to{left:150%}}@keyframes button-glow-pulse{0%{box-shadow:0 0 12px #14b8a64d,inset 0 0 4px #ffffff1a}50%{box-shadow:0 0 20px #14b8a680,inset 0 0 8px #fff3}to{box-shadow:0 0 12px #14b8a64d,inset 0 0 4px #ffffff1a}}button:not([disabled]){position:relative;overflow:hidden;transition:all .35s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);letter-spacing:.025em}button:not([disabled]):after{content:""!important;position:absolute!important;top:0!important;left:-150%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,#fff0,#ffffff26,#ffffff59,#ffffff26,#fff0)!important;transform:skew(-25deg)!important;pointer-events:none!important;mix-blend-mode:overlay!important}button:not([disabled]):hover:after{animation:glass-sheen-sweep 2s ease-in-out infinite!important}button:not([disabled]):hover{transform:translateY(-2px) scale(1.02)!important}button:not([disabled]):active{transform:translateY(1px) scale(.97)!important}button.bg-teal-600,button.bg-teal-500,button.bg-teal-700,button.text-white.bg-teal-600,button[class*=bg-teal]:not([class*=bg-teal-50]){background:#0d948826!important;color:#2dd4bf!important;border:1px solid rgba(45,212,191,.4)!important;box-shadow:0 4px 15px -3px #14b8a626,inset 0 1px 1px #ffffff1a!important;text-shadow:0 0 6px rgba(20,184,166,.4)!important}button.bg-teal-600:hover,button.bg-teal-500:hover,button.bg-teal-700:hover,button[class*=bg-teal]:not([class*=bg-teal-50]):hover{background:#0d948847!important;border-color:#2dd4bf!important;box-shadow:0 0 18px #2dd4bf73,inset 0 0 8px #ffffff26!important}button.bg-slate-900,button.bg-gray-900,button.bg-slate-800,button.bg-neutral-900{background:#0f172a99!important;border:1px solid rgba(255,255,255,.12)!important;color:#f1f5f9!important;box-shadow:0 4px 12px #0003,inset 0 1px 1px #ffffff0d!important}button.bg-slate-900:hover,button.bg-gray-900:hover,button.bg-slate-800:hover,button.bg-neutral-900:hover{background:#0f172acc!important;border-color:#14b8a666!important;color:#fff!important;box-shadow:0 4px 20px #0000004d,0 0 10px #14b8a626!important}button.bg-white,button.bg-gray-100,button.bg-slate-100{background:#ffffff73!important;color:#0f172a!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 4px 12px #0000000a,inset 0 1px 2px #ffffff80!important}button.bg-white:hover,button.bg-gray-100:hover,button.bg-slate-100:hover{background:#ffffffb3!important;border-color:#14b8a64d!important;box-shadow:0 4px 18px #00000014,0 0 10px #14b8a61a!important}button.bg-transparent,button:not([class*=bg-]){background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;color:inherit!important}button.bg-transparent:hover,button:not([class*=bg-]):hover{background:#ffffff1f!important;border-color:#14b8a64d!important;box-shadow:0 4px 15px #0000000d,inset 0 1px 1px #ffffff0d!important}.dark button.bg-slate-900,.dark button.bg-slate-800,.dark button.bg-neutral-900{background:#0f172a73!important;border:1px solid rgba(255,255,255,.08)!important}.dark button.bg-white{background:#ffffff14!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 4px 12px #00000040,inset 0 1px 1px #ffffff0d!important}.dark button.bg-white:hover{background:#ffffff26!important;border-color:#2dd4bf66!important;color:#fff!important;box-shadow:0 4px 20px #0000004d,0 0 12px #2dd4bf33!important}.dark button.bg-transparent,.dark button:not([class*=bg-]){background:#ffffff05!important;border:1px solid rgba(255,255,255,.05)!important}.dark button.bg-transparent:hover,.dark button:not([class*=bg-]):hover{background:#ffffff14!important;border-color:#2dd4bf4d!important}button.rounded-full{border-radius:9999px!important}button[disabled]{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}html,body{width:100vw;max-width:100%;margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth}.glass-card{background:#ffffffbf;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card);transition:box-shadow var(--dur-med) var(--ease-out-expo),transform var(--dur-med) var(--ease-out-expo),border-color var(--dur-med) ease}.glass-card:hover{box-shadow:var(--shadow-card-hover);border-color:#14b8a640}.dark .glass-card{background:#0f172ab3;border-color:#ffffff12}.dark .glass-card:hover{border-color:#2dd4bf38}.glass-panel{background:#ffffffd9;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 40px -8px #00000029,0 2px 8px #0000000a}.dark .glass-panel{background:#0f172ae0;border-color:#ffffff0f;box-shadow:0 8px 40px -8px #0000008c,0 2px 8px #0000004d}.text-gradient{background:linear-gradient(135deg,#fff,#b2f5ea 40%,#5eead4,#99f6e4);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-flow 5s ease infinite}.text-gradient-teal{background:linear-gradient(135deg,#0d9488,#14b8a6,#2dd4bf);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-flow 4s ease infinite}.gradient-border{position:relative;border-radius:inherit}.gradient-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,#14b8a699,#6366f166,#14b8a699);background-size:200% 200%;animation:gradient-flow 3s ease infinite;z-index:-1;opacity:0;transition:opacity var(--dur-med) ease}.gradient-border:hover:before{opacity:1}.teal-glow{animation:teal-glow-breathe 2.5s ease-in-out infinite}.teal-glow:hover{animation:none;box-shadow:var(--shadow-teal-lg)!important}.animate-float{animation:float 4s ease-in-out infinite}.animate-fade-in-up{animation:fade-in-up var(--dur-slower) var(--ease-out-expo) both}.animate-fade-in{animation:fade-in var(--dur-slow) ease both}.animate-slide-in-right{animation:slide-in-right var(--dur-slower) var(--ease-out-expo) both}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-delay-600{animation-delay:.6s}.badge-pulse{animation:badge-pulse 1.8s ease-in-out infinite}.animate-pop{animation:pop-spring .38s var(--ease-spring) both}.shimmer-bg{position:relative;overflow:hidden;background:#e2e8f0}.dark .shimmer-bg{background:#1e293b}.shimmer-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 45%,rgba(255,255,255,.65) 55%,transparent 100%);animation:shimmer-scan 1.6s ease-in-out infinite}.dark .shimmer-bg:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.12) 55%,transparent 100%)}.section-heading{position:relative;display:inline-block}.section-heading:after{content:"";position:absolute;bottom:-4px;left:0;width:2.5rem;height:3px;border-radius:9999px;background:linear-gradient(90deg,#14b8a6,#6366f1);transition:width var(--dur-med) var(--ease-out-expo)}.section-heading:hover:after,section:hover .section-heading:after{width:100%}.header-glass{background:#ffffffe0!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-bottom:1px solid rgba(226,232,240,.8)!important;box-shadow:0 4px 20px #00000008!important}.dark .header-glass{background:#0f172ae0!important;border-bottom-color:#1e293bcc!important;box-shadow:0 4px 20px #0006!important}.nav-item-active{position:relative}.nav-item-active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;border-radius:9999px;background:linear-gradient(90deg,#14b8a6,#6366f1)}.icon-ring{position:relative;z-index:0}.icon-ring:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:conic-gradient(from 0deg,#14b8a6,#6366f1,#14b8a6);animation:gradient-flow 3s linear infinite;background-size:200% 200%;z-index:-1;opacity:0;transition:opacity var(--dur-med) ease}.icon-ring:hover:before,.group:hover .icon-ring:before{opacity:1}.social-icon{transition:transform var(--dur-med) var(--ease-spring),filter var(--dur-med) ease,color var(--dur-med) ease}.social-icon:hover{transform:translateY(-3px) scale(1.15);filter:drop-shadow(0 0 8px rgba(20,184,166,.5));color:#2dd4bf!important}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 2px #14b8a666;border-color:#14b8a6b3!important;transition:box-shadow var(--dur-fast) ease,border-color var(--dur-fast) ease}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#14b8a659;border-radius:9999px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#14b8a6a6}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.footer-gradient-border{position:relative}.footer-gradient-border:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#14b8a6,#6366f1,#14b8a6,transparent);background-size:200% 100%;animation:gradient-flow 4s ease infinite}@media(min-width:1024px){html{font-size:13.5px!important}.text-9xl{font-size:clamp(40px,4.5vw,76px)!important}.text-8xl{font-size:clamp(36px,4vw,66px)!important}.text-7xl{font-size:clamp(32px,3.5vw,56px)!important}.text-6xl{font-size:clamp(28px,3vw,46px)!important}.text-5xl{font-size:clamp(24px,2.5vw,36px)!important}.text-4xl{font-size:1.65rem!important}.text-3xl{font-size:1.45rem!important}.text-2xl{font-size:1.2rem!important}.text-xl{font-size:1.05rem!important}.text-lg{font-size:.95rem!important}.text-base{font-size:.85rem!important}.text-sm{font-size:.75rem!important}.text-xs{font-size:.65rem!important}.py-32,.py-28{padding-top:3.5rem!important;padding-bottom:3.5rem!important}.py-24,.py-20{padding-top:2.25rem!important;padding-bottom:2.25rem!important}.py-16,.py-12{padding-top:1.75rem!important;padding-bottom:1.75rem!important}.p-16{padding:1.75rem!important}.p-12{padding:1.35rem!important}.p-10{padding:1.15rem!important}.p-8{padding:.9rem!important}.py-10{padding-top:1.15rem!important;padding-bottom:1.15rem!important}.py-8{padding-top:.9rem!important;padding-bottom:.9rem!important}.gap-16{gap:1.75rem!important}.gap-12{gap:1.35rem!important}.gap-10{gap:1.15rem!important}.gap-8{gap:.9rem!important}.gap-6{gap:.65rem!important}header,.app-header{height:var(--app-header-height)!important}button.py-4,button.py-3\.5,button.py-3{padding-top:.55rem!important;padding-bottom:.55rem!important}button.px-10,button.px-8{padding-left:1.25rem!important;padding-right:1.25rem!important}.rounded-3xl,.rounded-\[2rem\]{border-radius:var(--app-card-radius)!important}.w-16.h-16{width:2.5rem!important;height:2.5rem!important}.w-12.h-12{width:2.1rem!important;height:2.1rem!important}.w-10.h-10{width:1.65rem!important;height:1.65rem!important}.w-8.h-8{width:1.35rem!important;height:1.35rem!important}.w-6.h-6{width:1.15rem!important;height:1.15rem!important}.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3{grid-template-columns:repeat(4,minmax(0,1fr))!important}.property-card-image,.card-image,.property-card .h-48{height:140px!important}.dashboard-container,.admin-container{padding:1.25rem!important}.dashboard-stats-grid{gap:.85rem!important}.dashboard-table th,.dashboard-table td{padding:.55rem .65rem!important}.modal-container,.dialog-content{max-width:480px!important;padding:1.35rem!important}}
