:root{--shadow-xs:0 1px 2px #00000008;--shadow-sm:0 1px 3px #0000000a, 0 4px 12px #0000000a;--shadow-md:0 2px 6px #0000000a, 0 8px 24px #00000012;--shadow-lg:0 4px 12px #0000000d, 0 16px 40px #0000001a;--shadow-xl:0 8px 24px #0000000f, 0 24px 60px #0000001f;--shadow-glow-indigo:0 4px 20px #a3637340;--shadow-glow-emerald:0 4px 20px #2d856933;--shadow-glow-amber:0 4px 20px #e39d4833;--glass-bg:#ffffff80;--glass-border:#ffffff80;--glass-blur:24px;--glass-reflection:inset 0 1px 0 #fffc, inset 0 0 20px #fff3;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--t-fast:.15s;--t-smooth:.25s;--t-slow:.4s;--indigo-glow:#bc829026}html{scroll-behavior:smooth}body{transition:background-color .4s,color .4s;color:#475569!important;background-color:#f1f5f9!important;background-image:radial-gradient(circle at 15%,#bc829026,#0000 40%),radial-gradient(circle at 85% 30%,#73956d26,#0000 40%),radial-gradient(circle at 50% 80%,#e39d481a,#0000 40%)!important;background-attachment:fixed!important;font-family:Quicksand,sans-serif!important}.dark{--glass-bg:#0f172aa6;--glass-border:#ffffff14;--glass-reflection:inset 0 1px 0 #ffffff0d, inset 0 0 20px #ffffff05;--shadow-sm:0 1px 3px #0000004d, 0 4px 12px #0003;--shadow-md:0 4px 6px #0006, 0 8px 24px #0000004d;--shadow-lg:0 10px 15px #00000080, 0 16px 40px #0006}button,a,input,select,textarea{transition:all var(--t-fast) var(--ease-out-expo)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#app-shell>aside{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);box-shadow:1px 0 16px #0000000a,inset -1px 0 #ffffff4d}#app-shell>aside>div:first-child{border-bottom:1px solid #e2e8f099}#app-shell>aside nav button{transition:all var(--t-smooth) var(--ease-out-expo);border-radius:12px;position:relative}#app-shell>aside nav button:hover{background-color:#bc82900d;transform:translate(4px)}#app-shell>aside nav button:hover svg{transition:transform var(--t-fast) var(--ease-spring);transform:scale(1.12)}#app-shell>aside nav button[class*=bg-indigo]{box-shadow:inset 3px 0 0 #bc8290, var(--shadow-sm);background:linear-gradient(135deg,#bc829014,#bc82900a)}#app-shell>aside>div:last-child{background:#f8fafc80;border-top:1px solid #e2e8f080}#view-dashboard .rounded-2xl,#view-dashboard .rounded-xl{box-shadow:var(--shadow-sm);transition:all var(--t-smooth) var(--ease-out-expo);border:1px solid #e2e8f099}#view-dashboard .rounded-2xl:hover,#view-dashboard .rounded-xl:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}#view-dashboard .rounded-2xl[class*=bg-white],#view-dashboard .rounded-xl[class*=bg-white]{position:relative;overflow:hidden}#view-dashboard .rounded-2xl[class*=bg-white]:before{content:"";opacity:0;height:3px;transition:opacity var(--t-smooth) ease;background:linear-gradient(90deg,#bc8290,#d1a5b0,#e4c7ce);border-radius:3px 3px 0 0;position:absolute;top:0;left:0;right:0}#view-dashboard .rounded-2xl[class*=bg-white]:hover:before{opacity:1}button[class*=bg-indigo-600],button[class*=bg-indigo-500]{box-shadow:var(--shadow-sm), 0 2px 8px #a3637326;transition:all var(--t-fast) var(--ease-out-expo);background:linear-gradient(135deg,#bc8290 0%,#a36373 100%)}button[class*=bg-indigo-600]:hover,button[class*=bg-indigo-500]:hover{box-shadow:var(--shadow-md), var(--shadow-glow-indigo);background:linear-gradient(135deg,#d1a5b0 0%,#bc8290 100%);transform:translateY(-1px)scale(1.01)}button[class*=bg-indigo-600]:active,button[class*=bg-indigo-500]:active{box-shadow:var(--shadow-xs);transform:translateY(0)scale(.98)}button[class*=bg-slate-800]{box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#334155 0%,#1e293b 100%)}button[class*=bg-slate-800]:hover{box-shadow:var(--shadow-md);background:linear-gradient(135deg,#475569 0%,#334155 100%);transform:translateY(-1px)}button[class*=bg-slate-800]:active{transform:translateY(0)scale(.98)}button[class*=bg-green-600],button[class*=bg-emerald-600]{box-shadow:var(--shadow-sm), 0 2px 8px #2d856926;background:linear-gradient(135deg,#3ca786 0%,#2d8569 100%)}button[class*=bg-green-600]:hover,button[class*=bg-emerald-600]:hover{box-shadow:var(--shadow-md), var(--shadow-glow-emerald);transform:translateY(-1px)}button[class*=bg-red-500],button[class*=bg-red-600]{box-shadow:var(--shadow-sm)}button[class*=bg-red-500]:hover,button[class*=bg-red-600]:hover{box-shadow:var(--shadow-md), 0 4px 20px #ef444433;transform:translateY(-1px)}button[class*=bg-slate-50],button[class*=bg-white]:not(div){transition:all var(--t-fast) var(--ease-out-expo)}button[class*=bg-slate-50]:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}#auth-view button{box-shadow:var(--shadow-sm);transition:all var(--t-smooth) var(--ease-out-expo)}#auth-view button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)scale(1.01)}#auth-view button:active{transform:translateY(0)scale(.98)}[class*=fixed][class*=inset-0][class*=bg-black],[class*=fixed][class*=inset-0][class*=bg-slate-900]{-webkit-backdrop-filter:blur(var(--glass-blur))}[class*=fixed][class*=inset-0]>[class*=bg-white][class*=rounded]{box-shadow:var(--shadow-xl);animation:modalSlideUp var(--t-slow) var(--ease-out-expo)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=password],select,textarea{box-shadow:var(--shadow-xs);transition:all var(--t-smooth) var(--ease-out-expo);border:1px solid #e2e8f0}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #bc82901f, var(--shadow-sm);border-color:#d1a5b0;outline:none}input:focus,textarea:focus{transform:scale(1.005)}#auth-view>div{box-shadow:var(--shadow-lg);animation:authFadeIn .6s var(--ease-out-expo)}#otp-view>div{box-shadow:var(--shadow-lg);animation:authFadeIn .4s var(--ease-out-expo)}@keyframes authFadeIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}#dir-results-list>div{animation:cardSlideIn var(--t-slow) var(--ease-out-expo) backwards;box-shadow:var(--shadow-sm);transition:all var(--t-smooth) var(--ease-out-expo)}#dir-results-list>div:first-child{animation-delay:0s}#dir-results-list>div:nth-child(2){animation-delay:50ms}#dir-results-list>div:nth-child(3){animation-delay:.1s}#dir-results-list>div:nth-child(4){animation-delay:.15s}#dir-results-list>div:nth-child(5){animation-delay:.2s}#dir-results-list>div:nth-child(6){animation-delay:.25s}#dir-results-list>div:nth-child(7){animation-delay:.3s}#dir-results-list>div:nth-child(8){animation-delay:.35s}#dir-results-list>div:nth-child(9){animation-delay:.4s}#dir-results-list>div:nth-child(10){animation-delay:.45s}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#dir-results-list>div:hover{box-shadow:var(--shadow-md);border-color:#f2e1e5;transform:translateY(-2px)}#dir-results-list>div:has(.bg-amber-400){box-shadow:var(--shadow-sm), var(--shadow-glow-amber);background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#e39d48,#ebba74,#fdf6ec,#ebba74,#e39d48);background-origin:border-box;background-clip:padding-box,border-box;border:1.5px solid #0000}.vp-tab-btn{transition:all var(--t-smooth) var(--ease-out-expo);position:relative}.vp-tab-btn:after{content:"";width:0;height:2px;transition:all var(--t-smooth) var(--ease-out-expo);background:linear-gradient(90deg,#bc8290,#d1a5b0);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.vp-tab-btn:hover:after,.vp-tab-btn[class*=border-indigo]:after{width:100%}#vp-hero-img{transition:transform 8s ease-out}#view-vendor-profile:not(.hidden) #vp-hero-img{transform:scale(1.05)}#vp-media-grid>div{transition:all var(--t-smooth) var(--ease-out-expo)}#vp-media-grid>div:hover{box-shadow:var(--shadow-md);z-index:10;transform:scale(1.03)}#vp-reviews-list>div{transition:all var(--t-smooth) var(--ease-out-expo)}#vp-reviews-list>div:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.supplier-card{box-shadow:var(--shadow-sm);transition:all var(--t-smooth) var(--ease-out-expo)}.supplier-card:hover{box-shadow:var(--shadow-md);border-color:#f2e1e5;transform:translateY(-3px)}.supplier-card span[class*=bg-emerald]{animation:3s ease-in-out infinite subtlePulse}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.7}}.supplier-card~div[class*=border-b]{transition:all var(--t-fast) ease}table tbody tr{transition:all var(--t-fast) ease;border-left:3px solid #0000}table tbody tr:hover{background-color:#bc82900a;border-left-color:#bc8290}th{transition:all var(--t-fast) ease;position:relative}th:hover{color:#a36373;background-color:#f1f5f9}thead{z-index:5;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}#onboarding-view>main>div{box-shadow:var(--shadow-lg);animation:authFadeIn .5s var(--ease-out-expo)}#onboarding-view header div[class*=rounded-full]{transition:all var(--t-smooth) var(--ease-spring)}#onboarding-view header div[class*=bg-indigo]{transform:scale(1.2);box-shadow:0 0 8px #bc829066}#ob-step-1 button[class*=border-2]:hover{box-shadow:var(--shadow-md), var(--shadow-glow-indigo);transform:translateY(-2px)scale(1.02)}.progress-ring__circle{filter:drop-shadow(0 2px 4px #bc829033)}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b99}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-loading{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}[class*=bg-green-50][class*=rounded],[class*=bg-emerald-50][class*=rounded]{animation:toastSlideIn var(--t-smooth) var(--ease-spring)}.rounded-3xl[class*=bg-white],.rounded-2xl[class*=bg-white],.rounded-xl[class*=bg-white]{-webkit-backdrop-filter:blur(var(--glass-blur));transition:all var(--t-smooth) var(--ease-out-expo);background-color:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--shadow-sm), var(--glass-reflection)!important}.rounded-2xl[class*=shadow]:hover,.rounded-xl[class*=shadow]:hover{box-shadow:var(--shadow-md)}[id^=view-]:not(.hidden){animation:viewFadeIn var(--t-smooth) var(--ease-out-expo)}@keyframes viewFadeIn{0%{opacity:.6}to{opacity:1}}[class*=absolute][class*=bg-white][class*=shadow]{animation:dropdownReveal var(--t-fast) var(--ease-out-expo)}@keyframes dropdownReveal{0%{opacity:0;transform:translateY(-6px)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}.dark body{color:#e2e8f0!important}.dark .bg-white{background-color:#0f172a66!important}.dark input[type=text],.dark input[type=email],.dark input[type=password],.dark input[type=number],.dark input[type=date],.dark select,.dark textarea{color:#f8fafc!important;background-color:#0f172a99!important;border-color:#ffffff26!important}.dark input:focus,.dark select:focus,.dark textarea:focus{border-color:var(--color-indigo-400)!important;background-color:#1e293bcc!important}.dark .hover\:text-slate-900:hover,.dark .hover\:text-slate-800:hover{color:#fff!important}.dark header,.dark aside{-webkit-backdrop-filter:blur(24px)!important;background:#0f172aa6!important;border-color:#ffffff14!important}.dark aside button.text-slate-600{color:#cbd5e1!important}.dark aside button:hover.text-slate-600{color:#fff!important;background-color:#ffffff0d!important}.dark .bg-indigo-50{background-color:#a3637326!important}.dark .hover\:bg-indigo-50:hover{background-color:#a3637340!important}.dark .rounded-3xl.shadow-xl{box-shadow:0 25px 50px -12px #000000b3,inset 0 1px #ffffff0d!important}#theme-toggle{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}#theme-toggle:active{transform:scale(.9)}.dark body{color:#f1f5f9!important;background-color:#020617!important;background-image:radial-gradient(circle at 10% 40%,#a3637333,#0000 50%),radial-gradient(circle at 90% 20%,#2d856926,#0000 45%),radial-gradient(circle at 50% 90%,#e39d481a,#0000 50%)!important}.dark .text-slate-900,.dark .text-slate-800,.dark .text-slate-700{color:#f8fafc!important}.dark .text-slate-600{color:#cbd5e1!important}.dark .text-slate-500{color:#94a3b8!important}.dark .text-slate-400{color:#64748b!important}.dark .border-slate-100,.dark .border-slate-200,.dark .border-slate-300{border-color:#ffffff14!important}.dark aside{-webkit-backdrop-filter:blur(24px)!important;background:linear-gradient(#0f172af2 0%,#020617fa 100%)!important;border-right:1px solid #ffffff14!important;box-shadow:inset -1px 0 #ffffff08,4px 0 24px #0006!important}.dark aside nav button{color:#cbd5e1!important}.dark aside nav button:hover:not(.bg-indigo-50){color:#fff!important;background-color:#ffffff0d!important}.dark .bg-indigo-50{color:#f2e1e5!important;background-color:#a3637333!important;border:1px solid #a3637366!important;box-shadow:0 0 16px #a3637333!important}.dark header{-webkit-backdrop-filter:blur(24px)!important;background:#0f172abf!important;border-bottom:1px solid #ffffff14!important}.dark select#global-event-selector{color:#cbd5e1!important;background-color:#1e293b99!important;border-color:#ffffff1a!important}.dark #global-avatar-badge{color:#f8fafc!important;background-color:#0f172acc!important;border-color:#ffffff26!important}.dark #theme-toggle{color:#f8fafc!important}.dark #theme-toggle:hover{background-color:#ffffff1a!important}.dark .bg-white{-webkit-backdrop-filter:blur(20px)!important;background-color:#1e293b66!important;border:1px solid #ffffff14!important;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d,inset 0 1px #ffffff0d!important}.dark .bg-slate-50,.dark .bg-slate-100{background-color:#0f172a80!important}.dark input[type=text],.dark input[type=email],.dark input[type=password],.dark input[type=number],.dark input[type=date],.dark textarea{transition:all .2s;color:#f8fafc!important;background-color:#0f172acc!important;border-color:#ffffff26!important}.dark input:focus,.dark select:focus,.dark textarea:focus{background-color:#1e293bf2!important;border-color:#a36373!important;box-shadow:0 0 0 3px #a3637333!important}.dark table th{color:#cbd5e1!important;background-color:#0f172ae6!important;border-bottom-color:#ffffff1a!important}.dark table td{border-bottom-color:#ffffff0d!important}.dark tbody tr:hover{background-color:#ffffff0a!important}.dark .text-indigo-600,.dark .text-indigo-700{color:#d1a5b0!important}.dark .hover\:bg-slate-50:hover,.dark .hover\:bg-slate-100:hover{background-color:#ffffff0f!important}