:root{--bg-dark:#f8f9fa;--bg-card:#fffc;--text-primary:#111827;--text-secondary:#6b7280;--accent-primary:#7c3aed;--accent-secondary:#3b82f6;--accent-glow:#7c3aed33;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100%;display:flex}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-primary);justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex;position:relative;overflow:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,#7c3aed26 0%,#0000 40%),radial-gradient(circle at 80% 40%,#3b82f626 0%,#0000 50%),radial-gradient(circle at 40% 80%,#ec48991a 0%,#0000 40%);width:200%;height:200%;animation:20s ease-in-out infinite alternate floatingMesh;position:absolute;top:-50%;left:-50%}.app-container{-webkit-backdrop-filter:blur(40px);z-index:1;background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #0000000d;border-color:#fffc #0000000d #0000000d #fffc;border-radius:36px;width:100%;max-width:400px;height:100dvh;max-height:800px;animation:1.2s cubic-bezier(.16,1,.3,1) forwards appReveal;position:relative;overflow:hidden;box-shadow:0 30px 60px -12px #00000026,inset 0 1px #ffffff80}.screen{flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:48px 32px;display:none;position:absolute;top:0;left:0}.screen.active{display:flex}.slide-in-right{animation:.4s cubic-bezier(.25,.8,.25,1) forwards slideInRight}.slide-out-left{animation:.4s cubic-bezier(.25,.8,.25,1) forwards slideOutLeft}.slide-out-right{animation:.4s cubic-bezier(.25,.8,.25,1) forwards slideOutRight}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:0;display:none;transform:translate(0)}to{opacity:0;display:none;transform:translate(-30%)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;display:none;transform:translate(100%)}}.main-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.mobile-content{text-align:left;justify-content:flex-start;align-items:flex-start;margin-top:40px}.screen-title{color:var(--text-primary);margin-bottom:32px;font-size:28px;font-weight:600;line-height:1.3}.scrollable-content{scrollbar-width:none;-ms-overflow-style:none;width:100%;margin:-4px;padding:4px;overflow:hidden auto}.scrollable-content::-webkit-scrollbar{display:none}.logo-container{margin-bottom:40px;position:relative}.logo{object-fit:contain;z-index:2;width:320px;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s cubic-bezier(.16,1,.3,1);position:relative;transform:scale(1.2)}.logo:hover{filter:drop-shadow(0 20px 40px #7c3aed33);transform:scale(1.24)translateY(-4px)}.logo-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 60%);z-index:1;border-radius:50%;width:140%;height:140%;animation:4s infinite alternate pulseGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.welcome-text{letter-spacing:-.5px;color:var(--text-secondary);font-size:28px;font-weight:400;line-height:1.3;animation:.8s ease-out .3s both slideDown}.brand-name{background:linear-gradient(135deg, var(--accent-secondary), #a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:8px;font-size:36px;font-weight:800;display:block}.top-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.icon-button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-left:-12px;transition:background-color .2s,transform .2s;display:flex}.icon-button:hover{background-color:#00000014;transform:translate(-2px)}.step-indicator{color:var(--text-secondary);background:#00000008;border:1px solid #00000008;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600}.input-group{flex-direction:column;width:100%;display:flex}.input-wrapper{background:#0000000a;border:1px solid #0000000f;border-radius:16px;align-items:center;height:64px;padding:8px 20px;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;box-shadow:inset 0 2px 4px #0000000f}.input-wrapper:focus-within{border-color:var(--accent-primary);background:#7c3aed14;transform:translateY(-2px);box-shadow:0 0 0 4px #7c3aed26,inset 0 2px 4px #0000001a}.input-wrapper.error-border{background:#ef44440d;border-color:#ef4444;box-shadow:0 0 0 4px #ef444426}.country-code{color:var(--text-primary);font-size:18px;font-weight:600}.divider{background:#00000014;width:2px;height:24px;margin:0 16px}.phone-input{color:var(--text-primary);letter-spacing:1px;background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:20px;font-weight:600}.phone-input::placeholder{color:#0000001f;letter-spacing:2px}.otp-inputs{justify-content:space-between;gap:8px;display:flex}.otp-box{width:100%;max-width:48px;height:60px;color:var(--text-primary);text-align:center;background:#0000000a;border:1px solid #0000000f;border-radius:12px;outline:none;padding:0;font-family:inherit;font-size:24px;font-weight:700;transition:all .4s cubic-bezier(.25,1,.5,1);box-shadow:inset 0 2px 4px #0000000f}.otp-box:focus{border-color:var(--accent-primary);background:#7c3aed14;transform:translateY(-4px);box-shadow:0 0 0 4px #7c3aed26,inset 0 2px 4px #0000001a}.otp-box.error-border{background:#ef44440d;border-color:#ef4444;box-shadow:0 0 0 4px #ef444426}.form-container{flex-direction:column;gap:16px;width:100%;padding-bottom:16px;display:flex}.input-group-vertical{flex-direction:column;width:100%;display:flex}.input-row{gap:12px;width:100%;display:flex}.input-label{color:var(--text-secondary);margin-bottom:6px;margin-left:4px;font-size:14px;font-weight:500}.optional-tag{opacity:.6;font-size:12px;font-weight:300}.standard-input{color:var(--text-primary);background:#0000000a;border:1px solid #0000000f;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:16px;transition:all .4s cubic-bezier(.25,1,.5,1);box-shadow:inset 0 2px 4px #0000000f}.standard-input:focus{border-color:var(--accent-primary);background:#7c3aed14;transform:translateY(-2px);box-shadow:0 0 0 4px #7c3aed26,inset 0 2px 4px #0000001a}.standard-input::placeholder{color:#0000001f}.disabled-input{color:#ffffff80;cursor:not-allowed;background:#0000000f;border-color:#0000}.chip-group{flex-wrap:wrap;gap:12px;display:flex}.chip{color:var(--text-secondary);cursor:pointer;background:#00000008;border:1px solid #0000001f;border-radius:20px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.25,.8,.25,1)}.chip:hover{border-color:#fff6}.chip.active{border-color:var(--accent-primary);color:var(--text-primary);background:#7c3aed33;box-shadow:0 4px 12px #7c3aed33}.role-cards-container{flex-direction:column;gap:16px;width:100%;display:flex}.role-radio{display:none}.role-card{cursor:pointer;width:100%;transition:transform .2s cubic-bezier(.25,.8,.25,1);display:block}.role-card:active{transform:scale(.98)}.role-card-content{background:#0000000a;border:1px solid #0000000f;border-radius:16px;align-items:center;padding:18px 20px;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;box-shadow:inset 0 2px 4px #0000000a}.role-icon{margin-right:20px;font-size:32px;line-height:1}.role-text{flex:1}.role-text h3{color:var(--text-primary);margin-bottom:4px;font-size:17px;font-weight:600}.role-text p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.role-check{color:#0000;border:2px solid #0000001f;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex}.role-card:hover .role-card-content{background:#00000008;border-color:#0000001f;transform:translateY(-4px)scale(1.02)}.role-radio:checked+.role-card-content{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary), 0 12px 32px #7c3aed40;background:linear-gradient(145deg,#7c3aed26,#3b82f626);transform:translateY(-4px)}.role-radio:checked+.role-card-content .role-check{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.location-group{background:#00000008;border:1px solid #00000008;border-radius:16px;flex-direction:column;gap:12px;margin-top:4px;padding:16px;display:flex}.location-header{justify-content:space-between;align-items:center;display:flex}.location-header .input-label{margin-bottom:0}.text-button{color:var(--accent-secondary);cursor:pointer;background:#3b82f60d;border:none;border-radius:8px;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.text-button:hover{background:#3b82f626}.footer{text-align:center;width:100%}.primary-button.large-cta{background:linear-gradient(135deg, var(--accent-primary), #a855f7, var(--accent-secondary));color:#fff;cursor:pointer;letter-spacing:.5px;background-size:200%;border:none;border-radius:20px;width:100%;margin-bottom:28px;padding:20px;font-family:inherit;font-size:18px;font-weight:700;transition:all .4s cubic-bezier(.25,1,.5,1);animation:4s linear infinite flowGradient;position:relative;overflow:hidden;box-shadow:0 12px 32px #7c3aed66,inset 0 1px #fff6}.primary-button.large-cta:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;transition:all .8s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.primary-button.large-cta:hover:not(.loading){transform:translateY(-4px)scale(1.02);box-shadow:0 16px 40px #7c3aed99,inset 0 1px #ffffff80}.primary-button.large-cta:hover:not(.loading):after{left:150%}.primary-button.large-cta:active:not(.loading){transform:translateY(2px);box-shadow:0 8px 24px #7c3aed66}.primary-button.loading{pointer-events:none;color:#0000!important}.primary-button .spinner{border:3px solid #0000000a;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:none;position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.primary-button.loading .spinner{display:block}.secondary-text{color:var(--text-secondary);font-size:15px;font-weight:400}.login-link{color:var(--text-primary);margin-left:6px;font-weight:700;text-decoration:none;transition:color .3s;position:relative}.login-link:after{content:"";background-color:var(--accent-secondary);transform-origin:100%;width:100%;height:2px;transition:transform .3s cubic-bezier(.25,.8,.25,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.login-link:hover{color:var(--accent-secondary)}.login-link:hover:after{transform-origin:0;transform:scaleX(1)}.error-text{color:#ef4444;opacity:0;visibility:hidden;align-items:center;margin-top:12px;margin-left:4px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;transform:translateY(-5px)}.error-text.visible{opacity:1;visibility:visible;transform:translateY(0)}.timer-container{text-align:center;flex-direction:column;align-items:center;min-height:40px;margin-top:32px;display:flex}.timer-text{color:var(--text-secondary);font-size:15px;font-weight:400}#timer-count{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.resend-btn{color:var(--accent-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s}.resend-btn:hover{background:#3b82f61a}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes appReveal{0%{opacity:0;filter:blur(10px);transform:scale(.96)translateY(20px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{opacity:.4;transform:translate(-50%,-50%)scale(.9)}to{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatingMesh{0%{transform:rotate(0)scale(1)}to{transform:rotate(15deg)scale(1.1)}}@keyframes flowGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.shake{animation:.4s ease-in-out shake}.review-card{text-align:left;background:#00000008;border:1px solid #00000014;border-radius:16px;width:100%;margin-bottom:24px;padding:24px}.review-item{flex-direction:column;margin-bottom:16px;display:flex}.review-item:last-child{margin-bottom:0}.review-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.review-value{color:var(--text-primary);font-size:16px;font-weight:600}.secondary-button{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:2px solid #00000014;border-radius:20px;margin-bottom:16px;padding:18px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s}.secondary-button:hover{background:#00000008;border-color:#0000001f}.dashboard-card{border:1px solid var(--accent-primary);text-align:center;background:#7c3aed1a;border-radius:20px;width:100%;padding:32px}.dashboard-icon{margin-bottom:16px;font-size:48px;display:block}@media (width<=600px){.app-container{width:100%;max-width:100%;height:100dvh;max-height:100dvh;box-shadow:none;border:none;border-radius:0}.screen{padding:32px 20px}.otp-box{width:40px;height:48px;font-size:20px}.screen-title{margin-bottom:24px;font-size:24px}.role-icon{margin-right:16px;font-size:28px}.role-card-content{padding:14px 16px}.primary-button.large-cta{padding:16px;font-size:16px}.dashboard-icon{font-size:40px}}.dashboard-screen{flex-direction:column;padding:0;display:none;position:relative;overflow:hidden}.dashboard-screen.active{display:flex}.dashboard-container{z-index:1;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.dashboard-header{z-index:20;border-bottom:1px solid #00000008;justify-content:center;align-items:center;padding:24px 20px 16px;display:flex;position:sticky;top:0}.header-center{justify-content:center;align-items:center;display:flex}.brand-dropdown-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:20px;font-weight:700;transition:background-color .2s,color .2s;display:flex}.arrow-icon{transition:transform .3s cubic-bezier(.25,.8,.25,1)}.brand-dropdown-btn.drawer-open{color:#a855f7;background:#7c3aed33}.brand-dropdown-btn.drawer-open .arrow-icon{transform:rotate(180deg)}.header-left{align-items:center;gap:12px;display:flex;position:absolute;left:20px}.header-right{align-items:center;gap:12px;display:flex;position:absolute;right:20px}.profile-avatar.mini{width:34px;height:34px;color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #0000000a;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000014}.profile-avatar.mini:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.profile-info-mini{flex-direction:column;display:flex}.broker-badge.mini{color:#c4b5fd;background:#7c3aed33;border-radius:4px;width:max-content;margin-bottom:2px;padding:2px 6px;font-size:10px;font-weight:700}.profile-name-mini{color:var(--text-primary);font-size:15px;font-weight:600}.notification-bell{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 12px #7c3aed33}.notification-bell:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed4d}.notification-bell .badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px}.global-search-container{padding:0 20px 16px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-secondary);position:absolute;left:16px}.global-search-input{width:100%;height:48px;color:var(--text-primary);background:#00000008;border:1px solid #00000014;border-radius:24px;outline:none;padding:0 16px 0 44px;font-family:inherit;font-size:14px;transition:all .3s}.global-search-input:focus{border-color:var(--accent-primary);background:#7c3aed0d;box-shadow:0 0 0 4px #7c3aed26}.global-search-input::placeholder{color:#0000000a}.swipe-viewport{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;scroll-snap-type:x mandatory;scrollbar-width:none;background-color:#000;flex:1;position:relative;overflow:auto hidden}.swipe-viewport::-webkit-scrollbar{display:none}.swipe-track{gap:86px;height:100%;display:flex}.swipe-track.animating{transition:transform .35s cubic-bezier(.25,.8,.25,1)}.swipe-panel-wrapper{scroll-snap-align:center;flex:0 0 100%;justify-content:center;min-width:100%;display:flex;position:relative}.swipe-panel{box-sizing:border-box;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:38px;flex-shrink:0;width:calc(100% + 76px);height:100%;padding:0 38px;position:relative;overflow:hidden}.swipe-panel-inner{background:0 0;width:100%;height:100%;padding:0 20px 100px;overflow:hidden auto}.greeting-banner{margin-bottom:24px}.greeting-banner h2{background:linear-gradient(90deg,#fff,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:24px;font-weight:700}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.stat-card{background:#00000008;border:1px solid #0000000f;border-radius:16px;flex-direction:column;padding:16px;transition:transform .2s;display:flex}.stat-card:hover{background:#00000008;transform:translateY(-2px)}.stat-icon{background:#00000008;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:8px;font-size:20px;display:flex}.stat-value{color:var(--text-primary);margin-bottom:2px;font-size:20px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:500}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h3{font-size:16px;font-weight:600}.view-all{color:var(--accent-secondary);font-size:12px;font-weight:600;text-decoration:none}.projects-carousel{scrollbar-width:none;gap:16px;margin:0 -20px;padding-bottom:16px;padding-left:20px;padding-right:20px;display:flex;overflow-x:auto}.projects-carousel::-webkit-scrollbar{display:none}.project-card{background:#00000008;border:1px solid #0000000f;border-radius:16px;flex-shrink:0;min-width:200px;overflow:hidden}.project-image{width:100%;height:100px;position:relative}.project-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#fffc;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.project-info{padding:12px}.project-info h4{margin-bottom:2px;font-size:14px;font-weight:600}.project-loc{color:var(--text-secondary);margin-bottom:8px;font-size:11px}.project-price{color:var(--accent-secondary);font-size:13px;font-weight:700}.activity-feed{flex-direction:column;gap:12px;display:flex}.activity-item{background:#00000008;border-radius:12px;gap:12px;padding:12px;display:flex}.activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.activity-content p{color:var(--text-secondary);margin-bottom:4px;font-size:13px;line-height:1.4}.activity-content strong{color:var(--text-primary)}.activity-time{color:#0000000a;font-size:11px}.placeholder-content{flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.bottom-nav-wrapper{align-items:center;gap:6px;width:calc(100% - 40px);display:flex;position:absolute;bottom:12px;left:20px;right:20px}.bottom-navbar{-webkit-backdrop-filter:blur(8px)saturate(180%);background:#ffffff4d;border:1px solid #ffffff80;border-radius:30px;flex:1;justify-content:space-around;align-items:center;height:60px;padding:0 8px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 10px 30px #0000000f,inset 0 2px 4px #fffc}.bottom-navbar:active{transform:scale(1.04)}.nav-indicator{-webkit-backdrop-filter:blur(16px)saturate(200%);z-index:0;opacity:0;visibility:hidden;background:linear-gradient(135deg,#fff6,#ffffff1a);border:1px solid #fff9;border-radius:28px;width:calc(25% - 4px);transition:transform .55s cubic-bezier(.25,1,.5,1),opacity .4s,visibility .4s;position:absolute;top:-4px;bottom:-4px;left:8px;box-shadow:0 8px 24px #0000001a,inset 0 2px 4px #fffc}.nav-indicator.visible{opacity:1;visibility:visible}.nav-tab{color:var(--text-primary);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:48px;transition:all .55s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.nav-tab svg{color:var(--text-primary);transition:transform .4s cubic-bezier(.25,1,.5,1),stroke .4s}.nav-tab span{font-family:inherit;font-size:10px;font-weight:500;transition:color .4s}.nav-tab.active{color:var(--accent-primary);background:#0000000d}.nav-tab.active svg{color:var(--accent-primary);transform:translateY(-2px)}.nav-tab.active span{color:var(--accent-primary);font-weight:600}.add-lead-overlay{-webkit-backdrop-filter:blur(16px)saturate(180%);z-index:99;opacity:0;visibility:hidden;background:#d2cec121;width:100%;height:100%;transition:opacity .4s,visibility .4s;position:fixed;top:0;left:0}.add-lead-overlay.visible{opacity:1;visibility:visible}.add-lead-modal{z-index:105;background:linear-gradient(145deg,#fff,#f8f9fa);width:100%;height:100%;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;transform:translateY(100%)}.add-lead-modal.open{transform:translateY(0)}.floating-add-button{-webkit-backdrop-filter:blur(24px)saturate(180%);cursor:pointer;width:60px;height:60px;color:var(--text-primary);z-index:103;-webkit-user-select:none;user-select:none;background:#ffffffbf;border:1px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 10px 30px #0000000f,inset 0 2px 4px #fffc}.floating-add-button:hover{transform:translateY(-2px)}.floating-add-button:active{transform:scale(.92)}.floating-add-button.active{color:#ef4444;background:#f0f0f0e6;border-color:#0000001a;transform:rotate(90deg)scale(1.05);box-shadow:0 12px 40px #00000026}.fab-icon-container{transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex}.floating-add-button.active .fab-icon-container{transform:rotate(90deg)}.speed-dial-menu{z-index:102;pointer-events:none;flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:80px;right:5px}.speed-dial-menu.open{pointer-events:auto}.speed-dial-item{cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;align-items:center;gap:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(20px)scale(.8)}.speed-dial-menu.open .speed-dial-item{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.speed-dial-menu.open .speed-dial-item.item-1{transition-delay:50ms}.speed-dial-menu.open .speed-dial-item.item-2{transition-delay:.1s}.speed-dial-menu.open .speed-dial-item.item-3{transition-delay:.15s}.speed-dial-label{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);background:#ffffffe6;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600;transition:transform .2s;box-shadow:0 4px 12px #0000001a}.speed-dial-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:42px;height:42px;color:var(--accent-primary);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0000001a}.speed-dial-item:hover .speed-dial-icon,.speed-dial-item:hover .speed-dial-label{transform:scale(1.05)}.speed-dial-item:active .speed-dial-icon,.speed-dial-item:active .speed-dial-label{transform:scale(.95)}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;visibility:hidden;background:#fffc;width:100%;height:100%;transition:opacity .35s,visibility .35s;position:absolute;top:0;left:0}.drawer-overlay.active{opacity:1;visibility:visible}.drawer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:50;visibility:hidden;background:#fffffff2;border-right:1px solid #00000014;border-radius:0 24px 24px 0;flex-direction:column;width:280px;height:100%;max-height:none;transition:transform .4s cubic-bezier(.25,1,.5,1),visibility .4s;display:flex;position:absolute;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 16px #0000000d}.drawer.active{visibility:visible;transform:translate(0)}.drawer-header{border-bottom:1px solid #00000008;justify-content:flex-start;align-items:center;padding:20px 16px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:700;display:flex;box-shadow:0 4px 12px #7c3aed4d}.profile-info{flex-direction:column;gap:4px;display:flex}.broker-badge{color:#c4b5fd;letter-spacing:.5px;background:#7c3aed33;border-radius:6px;width:max-content;padding:4px 8px;font-size:11px;font-weight:700}.profile-name{color:var(--text-primary);font-size:20px;font-weight:600}.close-drawer{background:#00000008}.drawer-menu{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.drawer-menu-item{color:var(--text-secondary);border-radius:12px;align-items:center;gap:16px;padding:14px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.drawer-menu-item svg{color:var(--text-secondary);transition:color .2s}.drawer-menu-item:hover{color:var(--text-primary);background:#00000008}.drawer-menu-item:hover svg{color:var(--text-primary)}.drawer-menu-item.active{color:var(--text-primary);background:#7c3aed1a;font-weight:600}.drawer-menu-item.active svg{color:#a855f7}@media (width<=480px){.drawer{width:85%}}.add-menu-topbar{z-index:10;justify-content:flex-end;padding:16px 20px;display:flex;position:sticky;top:0}.add-menu-content{padding-top:8px}.add-menu-header{margin-bottom:28px}.add-menu-title{color:var(--text-primary);background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:28px;font-weight:700}.add-menu-subtitle{color:var(--text-secondary);font-size:14px;font-weight:400}.add-menu-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.add-menu-card{text-align:center;cursor:pointer;color:var(--text-primary);background:#00000008;border:1px solid #0000000f;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;font-family:inherit;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.add-menu-card:before{content:"";opacity:0;background:linear-gradient(145deg,#00000008,#0000);border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.add-menu-card:hover{border-color:#00000014;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 24px #0000000f}.add-menu-card:hover:before{opacity:1}.add-menu-card:active{transform:scale(.96)}.add-menu-card-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex}.add-menu-card:hover .add-menu-card-icon{transform:scale(1.1)}.add-menu-card-label{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.add-menu-card-desc{color:var(--text-secondary);font-size:11px;font-weight:400;line-height:1.3}.tab-panel{flex-direction:column;animation:.4s ease-out fadeIn;display:none}.tab-panel.active{display:flex}#btn-add-new{border-radius:50%;transition:transform .35s cubic-bezier(.25,.8,.25,1),background .35s,color .35s}.profile-theme{background:linear-gradient(145deg,#fff,#f8f9fa);padding:0}.profile-edit-topbar{z-index:10;border-bottom:1px solid #00000008;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.profile-edit-title{color:var(--text-primary);font-size:18px;font-weight:700}.save-button{color:var(--accent-secondary);padding:8px 0;font-size:16px;font-weight:700}.profile-edit-content{flex-direction:column;align-items:center;width:100%;padding:24px 20px 100px;display:flex}.profile-avatar-section{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.profile-avatar.large{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:12px;font-size:36px;font-weight:700;display:flex;position:relative;box-shadow:0 8px 24px #7c3aed4d}.avatar-overlay{background:var(--bg-dark);border:2px solid var(--bg-dark);width:28px;height:28px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.avatar-overlay svg{width:14px;height:14px}.change-photo-btn{color:var(--accent-secondary);cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:600}.profile-form-section{width:100%;margin-bottom:24px}.section-heading{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-left:16px;font-size:13px;font-weight:600}.profile-form-group{background:#00000008;border:1px solid #0000000f;border-radius:16px;overflow:hidden}.profile-input-row{align-items:center;padding:16px;display:flex}.profile-input-row label{width:100px;color:var(--text-primary);font-size:15px;font-weight:500}.profile-input-row input{color:var(--text-secondary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.profile-input-row input:focus{color:var(--text-primary)}.profile-input-row.disabled input{color:#0000000a}.divider-line{background:#0000000f;height:1px;margin-left:16px}.logout-btn{background:#ef44440d;width:100%}.lead-form-topbar{z-index:10;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.lead-form-topbar-title{color:var(--text-primary);background:linear-gradient(135deg, var(--accent-secondary), #a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:700}.lead-form-body{flex-direction:column;gap:0;padding:20px 20px 120px;display:flex}.lead-progress{align-items:center;gap:12px;margin-bottom:24px;display:flex}.lead-progress-bar{background:#0000000f;border-radius:4px;flex:1;height:4px;overflow:hidden}.lead-progress-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));border-radius:4px;width:33.33%;height:100%;transition:width .5s cubic-bezier(.25,.8,.25,1)}.lead-progress-text{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600}.lead-step{flex-direction:column;gap:0;animation:.4s cubic-bezier(.25,.8,.25,1) leadStepIn;display:none}.lead-step.active{display:flex}@keyframes leadStepIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.lead-section-header{background:#00000008;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:14px;margin-bottom:24px;padding:16px;display:flex}.lead-section-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.lead-section-title{color:var(--text-primary);margin-bottom:2px;font-size:18px;font-weight:700}.lead-section-subtitle{color:var(--text-secondary);margin:0;font-size:13px;font-weight:400}.lead-form-fields{flex-direction:column;gap:18px;display:flex}.lead-field{flex-direction:column;gap:6px;display:flex}.lead-label{color:var(--text-secondary);margin-left:4px;font-size:13px;font-weight:500}.lead-required{color:#ef4444;font-weight:700}.lead-input{color:var(--text-primary);background:#0000000a;border:1px solid #0000000f;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:inset 0 2px 4px #0000000a}.lead-input:focus{border-color:var(--accent-primary);background:#7c3aed0f;transform:translateY(-1px);box-shadow:0 0 0 3px #7c3aed1f,inset 0 2px 4px #0000001a}.lead-input::placeholder{color:#0000001f}.lead-input-with-prefix{background:#0000000a;border:1px solid #0000000f;border-radius:12px;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #0000000a}.lead-input-with-prefix:focus-within{border-color:var(--accent-primary);background:#7c3aed0f;transform:translateY(-1px);box-shadow:0 0 0 3px #7c3aed1f,inset 0 2px 4px #0000001a}.lead-prefix{color:var(--text-secondary);white-space:nowrap;border-right:1px solid #0000000f;margin-right:12px;padding:14px 12px 14px 16px;font-size:15px;font-weight:600}.lead-input-with-prefix .lead-input{box-shadow:none;background:0 0;border:none;border-radius:0;padding-left:0}.lead-input-with-prefix .lead-input:focus{box-shadow:none;transform:none}.lead-select-wrapper{position:relative}.lead-select{width:100%;color:var(--text-primary);appearance:none;cursor:pointer;background:#0000000a;border:1px solid #0000000f;border-radius:12px;outline:none;padding:14px 40px 14px 16px;font-family:inherit;font-size:15px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:inset 0 2px 4px #0000000a}.lead-select:focus{border-color:var(--accent-primary);background:#7c3aed0f;box-shadow:0 0 0 3px #7c3aed1f,inset 0 2px 4px #0000001a}.lead-select option{color:var(--text-primary);background:#1a1d2e;padding:12px}.lead-select:invalid,.lead-select option[disabled]{color:#0000001f}.lead-select-arrow{color:var(--text-secondary);pointer-events:none;transition:transform .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.lead-or-divider{align-items:center;gap:12px;margin:4px 0;display:flex}.lead-or-divider:before,.lead-or-divider:after{content:"";background:#0000000f;flex:1;height:1px}.lead-or-divider span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:11px;font-weight:600}.lead-chip-group{flex-wrap:wrap;gap:10px;display:flex}.lead-chip{color:var(--text-secondary);cursor:pointer;background:#00000008;border:1px solid #00000014;border-radius:24px;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.lead-chip:hover{background:#0000000f;border-color:#0000001f}.lead-chip.active{border-color:var(--accent-primary);color:var(--text-primary);background:#7c3aed33;box-shadow:0 4px 12px #7c3aed33}.lead-chip.active svg{color:#a855f7}.lead-textarea{color:var(--text-primary);resize:vertical;background:#0000000a;border:1px solid #0000000f;border-radius:12px;outline:none;width:100%;min-height:100px;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:inset 0 2px 4px #0000000a}.lead-textarea:focus{border-color:var(--accent-primary);background:#7c3aed0f;box-shadow:0 0 0 3px #7c3aed1f,inset 0 2px 4px #0000001a}.lead-textarea::placeholder{color:#0000001f}.lead-form-actions{gap:12px;margin-top:28px;padding-bottom:20px;display:flex}.lead-btn-primary{background:linear-gradient(135deg, var(--accent-primary), #a855f7, var(--accent-secondary));color:#fff;cursor:pointer;background-size:200%;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:700;transition:all .35s cubic-bezier(.25,.8,.25,1);animation:4s linear infinite flowGradient;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #7c3aed59}.lead-btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#0000000a,#0000);width:50%;height:100%;transition:all .8s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.lead-btn-primary:hover:after{left:150%}.lead-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #7c3aed80}.lead-btn-primary:active{transform:translateY(1px)}.lead-btn-primary.loading{pointer-events:none;color:#0000!important}.lead-btn-primary .spinner{border:2px solid #0000000a;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:none;position:absolute}.lead-btn-primary.loading .spinner{display:block}.lead-btn-secondary{color:var(--text-secondary);cursor:pointer;background:#00000008;border:1px solid #00000014;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:16px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:all .25s;display:flex}.lead-btn-secondary:hover{color:var(--text-primary);background:#0000000f;border-color:#0000001f}.lead-success-toast{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;z-index:100;opacity:0;visibility:hidden;background:#141621fa;border:1px solid #10b9814d;border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:90%;max-width:320px;padding:40px 32px;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 24px 48px #00000080,0 0 80px #10b98126}.lead-success-toast.visible{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.lead-success-icon{background:#10b98126;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:.5s cubic-bezier(.25,.8,.25,1) .2s both successPop;display:flex}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.lead-success-title{color:var(--text-primary);font-size:20px;font-weight:700}.lead-success-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5}.lead-success-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;opacity:0;visibility:hidden;background:#fffc;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.lead-success-overlay.visible{opacity:1;visibility:visible}.lead-field.error .lead-input,.lead-field.error .lead-input-with-prefix,.lead-field.error .lead-select{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.lead-field-error{color:#ef4444;margin-top:4px;margin-left:4px;font-size:12px;display:none}.lead-field.error .lead-field-error{display:block}