body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--nav-primary:#059669;--nav-primary-light:#10b981;--nav-primary-dark:#047857;--nav-accent:#f59e0b;--nav-accent-light:#fbbf24;--nav-gray-50:#f9fafb;--nav-gray-100:#f3f4f6;--nav-gray-200:#e5e7eb;--nav-gray-300:#d1d5db;--nav-gray-400:#9ca3af;--nav-gray-500:#6b7280;--nav-gray-600:#4b5563;--nav-gray-700:#374151;--nav-gray-800:#1f2937;--nav-gray-900:#111827;--nav-shadow-sm:0 1px 2px 0 #0000000d;--nav-shadow-md:0 4px 6px -1px #0000001a;--nav-shadow-lg:0 10px 15px -3px #0000001a;--nav-shadow-xl:0 20px 25px -5px #0000001a;--nav-shadow-2xl:0 25px 50px -12px #00000040}.navbar{background:#fff;border-bottom:1px solid #e5e7eb80;box-shadow:0 2px 10px #00000005;box-sizing:border-box;justify-content:center;padding:clamp(12px,2vw,18px) clamp(20px,4vw,32px);position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.navbar,.navbar-content{align-items:center;display:flex;width:100%}.navbar-content{gap:clamp(16px,2.5vw,24px);justify-content:space-between;margin:0 auto;max-width:1400px}.logo{cursor:pointer;flex-shrink:0;max-width:180px;transition:opacity .2s ease;width:auto}.logo:hover{opacity:.9}.logo-img{display:block;height:auto;max-height:52px;object-fit:contain;width:100%}.navbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,20px);justify-content:flex-end}.otp-entry-btn{align-items:center;background:#fff;border:2px solid #059669;border-radius:50px;box-shadow:0 4px 10px #05966914;color:#059669;display:inline-flex;font-size:clamp(14px,1.5vw,15px);font-weight:600;gap:10px;overflow:hidden;padding:clamp(12px,1.8vw,14px) clamp(24px,3vw,32px);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.otp-entry-btn:before{animation:gradientMove 3s ease infinite;background:linear-gradient(120deg,#fcd34d);background-size:300% 300%;border-radius:52px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}@keyframes gradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.otp-entry-btn:hover:before{opacity:1}.otp-entry-btn:hover{box-shadow:0 8px 20px #05966926;color:#047857;transform:translateY(-2px)}.otp-entry-btn:active{box-shadow:0 2px 8px #0596691a;transform:translateY(0)}.otp-entry-btn:after{font-size:16px;opacity:.9;transform:scale(1.1);transition:transform .2s ease}.otp-btn-arrow{font-size:18px;transition:transform .2s ease}.otp-btn-content:hover .otp-btn-arrow{transform:translateX(4px)}.emp-login-btn,.emp-signup-btn{align-items:center;background:#fff;border:2px solid #059669;border-radius:50px;box-shadow:0 4px 10px #05966914;color:#059669;cursor:pointer;display:inline-flex;font-size:clamp(14px,1.5vw,15px);font-weight:600;gap:8px;overflow:hidden;padding:clamp(12px,1.8vw,14px) clamp(24px,3vw,32px);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.emp-login-btn:before,.emp-signup-btn:before{animation:gradientMove 3s ease infinite;background:linear-gradient(120deg,#059669,#10b981,#34d399,#10b981,#059669);background-size:300% 300%;border-radius:52px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.emp-login-btn:hover:before,.emp-signup-btn:hover:before{opacity:1}.emp-login-btn:hover,.emp-signup-btn:hover{box-shadow:0 8px 20px #05966926;color:#047857;transform:translateY(-2px)}.emp-login-btn:active,.emp-signup-btn:active{box-shadow:0 2px 8px #0596691a;transform:translateY(0)}.emp-login-btn:after,.emp-signup-btn:after{font-size:16px;opacity:.9;transition:transform .2s ease}.emp-signup-btn:after{content:"✍️"}.emp-login-btn:hover:after,.emp-signup-btn:hover:after{transform:scale(1.1)}.navbar-user-btn{align-items:center;background:#fff;border:2px solid #059669;border-radius:50%;box-shadow:0 4px 10px #05966914;cursor:pointer;display:flex;height:48px;justify-content:center;overflow:hidden;padding:8px;position:relative;transition:all .3s ease;width:48px}.navbar-user-btn:before{animation:gradientMove 3s ease infinite;background:linear-gradient(120deg,#059669,#10b981,#34d399,#10b981,#059669);background-size:300% 300%;border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.navbar-user-btn:hover:before{opacity:1}.navbar-user-btn:hover{box-shadow:0 8px 20px #05966926;transform:translateY(-2px)}.navbar-user-btn:active{transform:translateY(0)}.navbar-user-icon{height:24px;object-fit:contain;transition:transform .2s ease;width:24px}.navbar-user-btn:hover .navbar-user-icon{transform:scale(1.1)}.navbar-user-btn.has-notification:after{animation:notificationPulse 2s ease-in-out infinite;background:#f59e0b;border:2px solid #fff;border-radius:50%;content:"";height:10px;position:absolute;right:2px;top:2px;width:10px}@keyframes notificationPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@media (min-width:1200px){.navbar{padding:15px 40px}.logo{max-width:200px}}@media (max-width:1024px){.navbar-content{gap:15px}.logo{max-width:160px}.emp-login-btn,.emp-signup-btn,.otp-btn-content{font-size:14px;padding:10px 22px}}@media (max-width:768px){.navbar{padding:12px 20px}.navbar-content{flex-wrap:wrap}.logo{max-width:140px}.navbar-actions{gap:10px}.emp-login-btn,.emp-signup-btn,.otp-btn-content{font-size:13px;gap:6px;padding:8px 18px}.otp-btn-arrow{font-size:16px}.navbar-user-btn{height:44px;width:44px}.navbar-user-icon{height:22px;width:22px}}@media (max-width:576px){.navbar{padding:10px 16px}.navbar-content{align-items:stretch;flex-direction:column;gap:12px}.logo{align-self:center;max-width:130px}.navbar-actions{flex-wrap:wrap;justify-content:center;width:100%}.emp-login-btn,.emp-signup-btn,.otp-btn-content{font-size:12px;padding:10px 16px}.otp-btn-arrow{font-size:15px}.navbar-user-btn{height:42px;width:42px}.navbar-user-icon{height:20px;width:20px}}@media (max-width:400px){.navbar{padding:8px 12px}.logo{max-width:110px}.navbar-actions{align-items:stretch;flex-direction:column;gap:8px}.emp-login-btn,.emp-signup-btn,.otp-entry-btn{width:100%}.emp-login-btn,.emp-signup-btn,.otp-btn-content{font-size:12px;justify-content:center;padding:10px;width:100%}.navbar-user-btn{height:40px;position:absolute;right:12px;top:8px;width:40px}.navbar-user-icon{height:20px;width:20px}}@media (max-width:320px){.logo{max-width:100px}.emp-login-btn,.emp-signup-btn,.otp-btn-content{font-size:11px;padding:8px}.navbar-user-btn{height:36px;width:36px}}@media (hover:none) and (pointer:coarse){.emp-login-btn:hover,.emp-signup-btn:hover,.navbar-user-btn:hover,.otp-btn-content:hover{transform:none}.emp-login-btn:active,.emp-signup-btn:active,.navbar-user-btn:active,.otp-btn-content:active{transform:scale(.97)}.emp-login-btn:before,.emp-signup-btn:before,.navbar-user-btn:before,.otp-btn-content:before{display:none}.emp-login-btn,.emp-signup-btn,.navbar-user-btn,.otp-entry-btn{min-height:48px}}@media (prefers-color-scheme:dark){.navbar{background:#1a1a1a;border-bottom-color:#333}.logo-img{filter:brightness(.9)}.emp-login-btn,.emp-signup-btn,.navbar-user-btn,.otp-btn-content{background:#1a1a1a;border-color:#10b981;box-shadow:0 4px 10px #0000004d;color:#10b981}.emp-login-btn:before,.emp-signup-btn:before,.navbar-user-btn:before,.otp-btn-content:before{background:linear-gradient(120deg,#10b981,#34d399,#6ee7b7,#34d399,#10b981)}.emp-login-btn:hover,.emp-signup-btn:hover,.navbar-user-btn:hover,.otp-btn-content:hover{color:#34d399}.navbar-user-btn.has-notification:after{border-color:#1a1a1a}}@media (prefers-reduced-motion:reduce){.emp-login-btn:before,.emp-signup-btn:before,.navbar-user-btn.has-notification:after,.navbar-user-btn:before,.otp-btn-arrow,.otp-btn-content:before{animation:none;transition:none}}.emp-login-btn:focus-visible,.emp-signup-btn:focus-visible,.navbar-user-btn:focus-visible,.otp-entry-btn:focus-visible{border-radius:50px;outline:3px solid #059669;outline-offset:3px}.otp-modal-backdrop{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000026;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.otp-modal-card{background:#fff;border-radius:16px;box-shadow:0 30px 80px #00000040;max-width:420px;padding:20px 24px 22px;width:100%}@media (max-width:768px){.otp-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.otp-modal-card{border-radius:0;box-shadow:none;height:100vh;max-width:100%}}.otp-modal-card{animation:otpCardEnter .8s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes otpCardEnter{0%{opacity:0;transform:translateY(50px) scale(.8) rotate(30deg)}50%{opacity:1;transform:translateY(-10px) scale(1.05) rotate(-10deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}.phone-card{align-items:center;display:flex;flex-direction:column;text-align:center}.phone-card-back{align-self:flex-start;background:none;border:none;cursor:pointer;font-size:20px;margin-bottom:30px}.phone-card-logo img{height:45px;margin-bottom:20px}.phone-card-title{font-size:22px;font-weight:600;margin-bottom:6px}.phone-card-subtitle{color:#6b7280;font-size:14px;margin-bottom:24px}.phone-input-wrapper{align-items:center;border:1px solid #d1d5db;border-radius:8px;display:flex;margin:0 auto 20px;max-width:342px;padding:12px 10px;width:100%}.country-code{font-weight:500;margin-right:10px;margin-top:-2px}.phone-input-wrapper input{border:none;font-size:17px;outline:none;width:100%}.otp-continue-btn{background:#e5e7eb;border:none;border-radius:8px;color:#9ca3af;cursor:not-allowed;font-size:15px;font-weight:500;margin:0 auto;max-width:340px;padding:14px;transition:all .2s ease;width:100%}.otp-continue-btn.active{background:#16a34a;color:#fff;cursor:pointer}.otp-continue-btn.active:hover{background-color:#f1ba05}.phone-card-footer{color:#6b7280;font-size:12px;margin-top:16px}.phone-card-footer span{color:#16a34a;cursor:pointer}@media (max-width:480px){.continue-btn,.phone-input-wrapper{max-width:100%}}.otp-logo{display:flex;justify-content:center;margin-bottom:30px}.otp-logo img{height:80px;width:auto}.otp-card{align-items:center;display:flex;flex-direction:column;text-align:center}.otp-card-back{align-self:flex-start;background:none;border:none;cursor:pointer;font-size:20px;margin-bottom:12px}.otp-card-title{font-size:22px;font-weight:600;margin-bottom:8px}.otp-card-subtitle{color:#6b7280;font-size:14px;margin-bottom:24px}.otp-input-group{display:flex;gap:12px;margin-bottom:12px}.otp-input{border:1px solid #d1d5db;border-radius:8px;font-size:20px;height:56px;outline:none;text-align:center;transition:border .2s ease;width:52px}.otp-input:focus{border-color:#16a34a}.otp-input.error{border-color:#ef4444}.otp-error-text{color:#ef4444;font-size:13px;margin-bottom:12px}.otp-resend{color:#6b7280;font-size:13px;margin-top:8px}.otp-resend button{background:none;border:none;color:#16a34a;cursor:pointer;font-weight:500}:root{--primary-color:#008236;--secondary-color:#f1d011;--black:#000;--white:#fff;--gray:#efefef;--gray-2:#757575;--error-color:#f44;--success-color:#00c851;--facebook-color:#4267b2;--google-color:#db4437;--twitter-color:#1da1f2;--insta-color:#e1306c}*{font-family:Poppins,sans-serif}body,html{height:100vh;overflow:hidden}.container{min-height:100vh;overflow:hidden;position:relative;width:100%}.row{display:flex;flex-wrap:wrap;height:100vh;width:100%}.col{transition:all .5s ease-in-out;width:50%}.align-items-center{align-items:center;display:flex;justify-content:center;text-align:center}.form-wrapper{max-width:28rem;padding:0 1rem;width:100%}.form{background-color:#fff;background-color:var(--white);border-radius:1.5rem;box-shadow:0 5px 15px #00000059;padding:2rem;transform:scale(0);transition:.5s ease-in-out;transition-delay:1s;width:100%}.input-group{margin:1rem 0;position:relative;width:100%}.input-group i{color:#757575;color:var(--gray-2);font-size:1.4rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:1}.input-group input{background-color:#efefef;background-color:var(--gray);border:.125rem solid #0000;border-radius:.5rem;font-size:1rem;outline:none;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.input-group input:focus{border-color:#008236;border-color:var(--primary-color);box-shadow:0 0 0 3px #0082361a}.input-group input:focus+i{color:#008236;color:var(--primary-color)}.form button{background-color:#008236;background-color:var(--primary-color);border:none;border-radius:.5rem;color:#fff;color:var(--white);cursor:pointer;font-size:1.2rem;font-weight:600;margin-top:.5rem;outline:none;padding:.8rem 0;transition:all .3s ease;width:100%}.form button:hover{background-color:#006b2c;box-shadow:0 5px 15px #0082364d;transform:translateY(-2px)}.form button:active{transform:translateY(0)}.form button:disabled{cursor:not-allowed;opacity:.7}.form p{color:#757575;color:var(--gray-2);font-size:.9rem;margin:1rem 0}.form p span{margin-right:.5rem}.pointer{color:#008236;color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:none;transition:all .3s ease}.pointer:hover{color:#006b2c;text-decoration:underline}.error-message{animation:shake .5s ease-in-out;background-color:#ff44441a;color:#f44;color:var(--error-color)}.error-message,.success-message{border-radius:.5rem;font-size:.85rem;margin:.5rem 0;padding:.5rem}.success-message{animation:fadeIn .5s ease-in-out;background-color:#00c8511a;color:#00c851;color:var(--success-color)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.container.sign-in .form.sign-in,.container.sign-in .social-list.sign-in,.container.sign-in .social-list.sign-in>div,.container.sign-up .form.sign-up,.container.sign-up .social-list.sign-up,.container.sign-up .social-list.sign-up>div{transform:scale(1)}.content-row{height:100vh;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:6}.text{color:#fff;color:var(--white);margin:4rem;text-align:left}.text h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.2;margin:2rem 0 2rem 30%}.text h2,.text p{transition:1s ease-in-out}.text p{font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600;transition-delay:.2s}.img img{transition:1s ease-in-out;transition-delay:.4s;width:clamp(200px,30vw,400px)}.img.sign-in img,.text.sign-in h2,.text.sign-in p{transform:translateX(-250%)}.img.sign-up img,.text.sign-up h2,.text.sign-up p{transform:translateX(250%)}.container.sign-in .img.sign-in img,.container.sign-in .text.sign-in h2,.container.sign-in .text.sign-in p,.container.sign-up .img.sign-up img,.container.sign-up .text.sign-up h2,.container.sign-up .text.sign-up p{transform:translateX(0)}.container:before{background-image:linear-gradient(-45deg,#008236,#f1d011);background-image:linear-gradient(-45deg,var(--primary-color) 0,var(--secondary-color) 100%);border-bottom-right-radius:max(50vw,50vh);border-top-left-radius:max(50vw,50vh);box-shadow:0 5px 15px #00000059;content:"";height:100vh;position:absolute;right:0;top:0;transform:translate(35%);transition:1s ease-in-out;width:300vw;z-index:6}.container.sign-in:before{right:50%;transform:translate(0)}.container.sign-up:before{right:50%;transform:translate(100%)}.forgot-password{color:#008236;color:var(--primary-color);cursor:pointer;font-weight:500;transition:all .3s ease}.forgot-password:hover{color:#006b2c;text-decoration:underline}@media (min-width:769px) and (max-width:1024px){.text{margin:2rem}.text h2{font-size:2.5rem;margin:1.5rem 0}.form-wrapper{max-width:24rem}.form{padding:1.5rem}.input-group input{padding:.9rem 1rem .9rem 2.8rem}}@media (min-width:601px) and (max-width:768px){.col{width:100%}.content-row .col{width:50%}.text{margin:1.5rem;text-align:center}.text h2{font-size:2rem;margin:1rem 0}.form-wrapper{max-width:22rem}.form{padding:1.2rem}.input-group input{font-size:.95rem;padding:.8rem 1rem .8rem 2.5rem}.input-group i{font-size:1.2rem;left:.8rem}.form button{font-size:1.1rem;padding:.7rem 0}}@media (min-width:426px) and (max-width:600px) and (orientation:landscape){.container,body,html{overflow-y:auto}.row{height:auto;min-height:100vh}.col{width:100%}.content-row{height:auto;min-height:30vh;position:relative}.content-row .col{width:100%}.text{margin:1rem;text-align:center}.text h2{font-size:1.8rem;margin:.5rem 0}.text p{display:none}.col.sign-in,.col.sign-up{background-color:#fff;background-color:var(--white);border-radius:2rem 2rem 0 0;padding:1.5rem;position:relative}.form-wrapper{max-width:100%}.form{box-shadow:none;padding:1rem}.input-group{margin:.6rem 0}.input-group input{padding:.6rem 1rem .6rem 2.3rem}}@media only screen and (max-width:425px){body,html{background:linear-gradient(135deg,#008236,#f1d011);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);overflow-y:auto}.container{min-height:100vh;overflow-y:auto}.container.sign-in:before,.container.sign-up:before,.container:before{display:none}.content-row{height:auto;min-height:25vh;position:relative;z-index:1}.content-row .col{background-color:initial;padding:1.5rem 1rem;width:100%}.text{margin:0;text-align:center}.text h2{color:#fff;color:var(--white);font-size:1.8rem;margin:.5rem 0}.text p{display:none}.col.sign-in,.col.sign-up{background-color:#fff;background-color:var(--white);border-radius:2rem 2rem 0 0;min-height:70vh;padding:2rem 1.5rem;position:relative;transform:translateY(0);transition:transform .5s ease-in-out;width:100%;z-index:2}.container.sign-in .col.sign-up,.container.sign-up .col.sign-in{display:none}.container.sign-in .col.sign-in,.container.sign-up .col.sign-up{animation:slideUp .5s ease-in-out;display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.row{align-items:flex-end;height:auto;min-height:100vh}.form-wrapper{max-width:100%;padding:0}.form{box-shadow:none;padding:0;transition:none}.container.sign-in .form.sign-in,.container.sign-up .form.sign-up,.form{transform:scale(1)}.input-group{margin:.8rem 0}.input-group input{font-size:16px;padding:.8rem 1rem .8rem 2.8rem}.input-group i{font-size:1.2rem;left:.8rem}.form button{font-size:1.1rem;margin-top:.8rem;padding:.8rem 0}.form p{font-size:.85rem;margin:.8rem 0}.form p span{display:block;margin-bottom:.3rem;margin-right:0}.form p b{display:inline-block}.social-list{margin-top:1rem}}@media only screen and (min-width:321px) and (max-width:375px){.col.sign-in,.col.sign-up{padding:1.5rem 1.2rem}.text h2{font-size:1.6rem}.input-group input{font-size:14px;padding:.7rem 1rem .7rem 2.5rem}.input-group i{font-size:1.1rem;left:.7rem}.form button{font-size:1rem;padding:.7rem 0}.form p{font-size:.8rem}}@media only screen and (max-width:320px){.col.sign-in,.col.sign-up{padding:1.2rem 1rem}.text h2{font-size:1.4rem}.input-group input{font-size:13px;padding:.6rem 1rem .6rem 2.2rem}.input-group i{font-size:1rem;left:.6rem}.form button{font-size:.95rem;padding:.6rem 0}.form p{display:flex;flex-direction:column;font-size:.75rem;gap:.3rem}.form p span{margin-bottom:.2rem}}@media (hover:none) and (pointer:coarse){.forgot-password:hover,.form button:hover,.pointer:hover{box-shadow:none;text-decoration:none;transform:none}.form button:active{transform:scale(.98)}.input-group input{font-size:16px}.forgot-password,.form button,.pointer{align-items:center;display:flex;justify-content:center;min-height:44px}.input-group i{pointer-events:none}}@media (orientation:landscape) and (max-height:500px){.container{overflow-y:auto}.row{height:auto;min-height:100vh}.content-row{height:auto;min-height:20vh;position:relative}.col.sign-in,.col.sign-up{min-height:auto;padding:1rem}.text h2{font-size:1.5rem;margin:.2rem 0}.input-group{margin:.4rem 0}.input-group input{padding:.5rem 1rem .5rem 2.3rem}.form{padding:.8rem}.form button{margin:.3rem 0;padding:.5rem 0}.form p{margin:.5rem 0}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.form{border:.5px solid #0000001a}.input-group input{border-width:1px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.col.sign-in,.col.sign-up,.container:before,.form,.img img,.text h2,.text p{transition:none}.error-message,.success-message{animation:none}}@media print{.container{background:#fff}.container:before{display:none}.form{border:1px solid #ddd;box-shadow:none;transform:scale(1)}.forgot-password,.form button,.pointer,.social-list{display:none}.content-row{height:auto;position:relative}.text{margin:1rem}.text,.text h2{color:#000}.input-group input{background:#fff;border:1px solid #ddd}}:root{--map-primary:#059669;--map-primary-light:#10b981;--map-primary-dark:#828a54;--map-accent:#f3e460;--map-accent-dark:#e5d03a;--map-gray-50:#f9fafb;--map-gray-100:#f3f4f6;--map-gray-200:#e5e7eb;--map-gray-300:#d1d5db;--map-gray-400:#9ca3af;--map-gray-500:#6b7280;--map-gray-600:#4b5563;--map-gray-700:#374151;--map-gray-800:#1f2937;--map-gray-900:#111827;--map-shadow-sm:0 1px 2px 0 #0000000d;--map-shadow-md:0 4px 6px -1px #0000001a;--map-shadow-lg:0 10px 15px -3px #0000001a;--map-shadow-xl:0 20px 25px -5px #0000001a;--map-shadow-2xl:0 25px 50px -12px #00000040}.india-map-wrapper{background:#0000;border-radius:32px;box-shadow:none;margin:0 auto;max-width:min(500px,95vw);padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.india-map-wrapper:after,.india-map-wrapper:before{display:none}.india-map-svg{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:24px;display:block;height:auto;overflow:visible;padding:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1);width:100%}.india-map-wrapper:hover .india-map-svg{transform:scale(1.02)}@media (min-width:1400px){.india-map-svg{margin-left:-4%;width:108%}}@media (min-width:1200px) and (max-width:1399px){.india-map-svg{margin-left:-2.5%;width:105%}}@media (max-width:768px){.india-map-svg{margin-left:0;width:100%}}.india-map-svg .map-state{fill:#e0e1e2;stroke:#999898;stroke-width:.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;cursor:pointer;filter:drop-shadow(0 2px 3px rgba(0,0,0,.05));transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:1024px){.india-map-svg .map-state:hover{fill:#f3e460;fill:var(--map-accent);stroke:#828a54;stroke:var(--map-primary-dark);stroke-width:1.8;filter:drop-shadow(0 12px 18px rgba(5,150,105,.4)) drop-shadow(0 0 0 2px rgba(255,255,255,.8));transform:scale(1.04);transition:all .2s cubic-bezier(.34,1.56,.64,1);z-index:100}}@media (min-width:768px) and (max-width:1023px){.india-map-svg .map-state:hover{fill:#f3e460;fill:var(--map-accent);stroke:#828a54;stroke:var(--map-primary-dark);stroke-width:1.5;filter:drop-shadow(0 8px 14px rgba(5,150,105,.35));transform:scale(1.03);z-index:100}}@media (max-width:767px){.india-map-svg .map-state:hover{fill:#f3e460;fill:var(--map-accent);stroke:#828a54;stroke:var(--map-primary-dark);stroke-width:1.2;filter:drop-shadow(0 4px 8px rgba(5,150,105,.25));transform:none}}@media (hover:none) and (pointer:coarse){.india-map-svg .map-state:hover{filter:none;transform:none}.india-map-svg .map-state:active{fill:#e5d03a;fill:var(--map-accent-dark);transform:scale(.98);transition:transform .1s ease}}.india-map-svg .map-state:active{fill:#10b981;fill:var(--map-primary-light);filter:drop-shadow(0 4px 8px rgba(5,150,105,.5));transform:scale(.98);transition:all .1s ease}.india-map-svg .map-state.selected{fill:#059669;fill:var(--map-primary);stroke:#fff;stroke-width:clamp(2px,.6vw,3.5px);animation:selectedPulse 2.5s ease-in-out infinite;filter:drop-shadow(0 15px 20px rgba(5,150,105,.5)) drop-shadow(0 0 0 2px rgba(255,255,255,.9));z-index:50}@keyframes selectedPulse{0%,to{filter:drop-shadow(0 15px 20px rgba(5,150,105,.5)) drop-shadow(0 0 0 2px rgba(255,255,255,.9));transform:scale(1)}50%{filter:drop-shadow(0 22px 28px rgba(5,150,105,.7)) drop-shadow(0 0 0 3px rgba(255,255,255,1));transform:scale(1.01)}}.india-map-svg .map-state.inactive{fill:#e5e7eb;stroke:#9ca3af;cursor:not-allowed;filter:grayscale(.3);opacity:.6}.map-state-label{fill:#1f2937;fill:var(--map-gray-800);dominant-baseline:middle;text-anchor:middle;font-size:clamp(8px,1.5vw,12px);font-weight:600;pointer-events:none;text-shadow:0 1px 2px #fffc,0 0 4px #ffffff80;transition:all .3s ease}.india-map-svg .map-state:hover+.map-state-label,.map-state-label:hover{fill:#828a54;fill:var(--map-primary-dark);font-size:calc(clamp(8px, 1.5vw, 12px)*1.1);font-weight:700;text-shadow:0 2px 4px #fff,0 0 8px #0596694d}@media (min-width:1400px){.india-map-wrapper{max-width:550px}}@media (min-width:1200px) and (max-width:1399px){.india-map-wrapper{max-width:500px}}@media (min-width:1024px) and (max-width:1199px){.india-map-wrapper{max-width:450px}.india-map-svg .map-state{stroke-width:1}}@media (min-width:900px) and (max-width:1023px){.india-map-wrapper{max-width:420px}}@media (min-width:768px) and (max-width:899px){.india-map-wrapper{max-width:400px}.india-map-svg .map-state{stroke-width:.9}}@media (min-width:576px) and (max-width:767px){.india-map-wrapper{max-width:380px}.india-map-svg .map-state{stroke-width:.8}}@media (min-width:376px) and (max-width:575px){.india-map-wrapper{max-width:340px}.india-map-svg .map-state{stroke-width:.7}}@media (max-width:375px){.india-map-wrapper{max-width:300px}.india-map-svg .map-state{stroke-width:.6}}@media (max-width:319px){.india-map-wrapper{max-width:260px}.india-map-svg .map-state{stroke-width:.5}}@media (orientation:landscape) and (max-height:600px){.india-map-wrapper{max-width:min(350px,45vh)}.india-map-svg .map-state{stroke-width:.7}}@media (orientation:landscape) and (max-height:500px){.india-map-wrapper{max-width:min(300px,40vh)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.india-map-svg .map-state{stroke-width:.7}.india-map-svg .map-state:hover{stroke-width:1.2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi){.india-map-svg .map-state{stroke-width:.6}}.india-map-wrapper.loading{align-items:center;animation:mapShimmer 1.8s ease-in-out infinite;background:linear-gradient(100deg,#f0f2f5 30%,#f9fafb 45%,#f0f2f5 60%);background-size:200% 100%;border-radius:32px;display:flex;justify-content:center;min-height:350px;overflow:hidden;position:relative}.india-map-wrapper.loading:after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:40px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--map-shadow-md);color:#6b7280;color:var(--map-gray-500);content:"Loading map...";font-size:14px;font-weight:500;letter-spacing:.05em;padding:8px 20px}@keyframes mapShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.india-map-svg,.india-map-svg .map-state,.india-map-svg .map-state.selected,.india-map-wrapper{animation:none;transition:none}.india-map-svg .map-state.selected{filter:drop-shadow(0 10px 16px rgba(5,150,105,.5))}.india-map-wrapper.loading{animation:none}.india-map-wrapper:hover .india-map-svg{transform:none}}@media (prefers-color-scheme:dark){.india-map-svg{background:#0000}.india-map-svg .map-state{fill:#2d3a4e;stroke:#1e293b;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.india-map-svg .map-state:hover{fill:#f3e460;fill:var(--map-accent);stroke:#4ade80;filter:drop-shadow(0 12px 18px rgba(74,222,128,.4))}.india-map-svg .map-state.selected{fill:#059669;stroke:#fff;filter:drop-shadow(0 15px 20px rgba(74,222,128,.5))}.map-state-label{fill:#f1f5f9;text-shadow:0 1px 2px #000c,0 0 4px #00000080}.india-map-wrapper.loading{background:linear-gradient(100deg,#1e293b 30%,#2d3a4e 45%,#1e293b 60%)}.india-map-wrapper.loading:after{background:#1e293be6;border-color:#4ade804d;color:#94a3b8}}@media print{.india-map-wrapper{background:#fff;box-shadow:none;filter:none;max-width:100%;padding:0}.india-map-wrapper:after,.india-map-wrapper:before{display:none}.india-map-svg{background:#fff;padding:0}.india-map-svg .map-state{fill:#f0f0f0!important;stroke:#000!important;stroke-width:.5!important;filter:none!important}.india-map-svg .map-state.selected{fill:#ccc!important;stroke-width:1!important;animation:none!important}@page{margin:1cm}}.india-map-svg{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0);will-change:transform}@media (max-width:768px){.india-map-svg{transform:translateZ(0);will-change:transform}.india-map-svg .map-state{will-change:fill}}@media (hover:none) and (pointer:coarse){.india-map-svg .map-state{transition:fill .2s ease,transform .1s ease}.india-map-svg .map-state:active{fill:#e5d03a;fill:var(--map-accent-dark);transform:scale(.98)}.india-map-wrapper:hover .india-map-svg{transform:none}}body,html{background:linear-gradient(135deg,#fff,#fafcff)}.app{flex-direction:column;min-height:100vh}.app,.homepage{display:flex;width:100%}.homepage{flex:1 0 auto;flex-direction:column;margin:0 auto;max-width:1400px;padding:0 clamp(16px,4vw,48px);position:relative}.homepage:before{background:radial-gradient(circle at 10% 20%,#05966905 0,#0000 30%),radial-gradient(circle at 90% 80%,#f59e0b05 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.hero-section{align-items:center;background:#0000;display:flex;flex-wrap:wrap;gap:clamp(30px,5vw,60px);justify-content:space-between;min-height:calc(100vh - 80px);padding:clamp(30px,6vh,60px) 0;position:relative;transition:all .3s ease;width:100%;z-index:2}.hero-content{animation:fadeInLeft 1s ease-out;flex:1 1 400px;max-width:55%;min-width:320px;order:1;transition:all .3s ease}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.eyebrow-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));-webkit-background-clip:text;background-clip:text;color:#059669;color:var(--primary-green);display:inline-block;font-size:clamp(14px,1.8vw,18px);font-weight:700;letter-spacing:.15em;margin-bottom:1.2rem;position:relative;text-transform:uppercase}.eyebrow-text:after{background:linear-gradient(90deg,#059669,#10b981);background:linear-gradient(90deg,var(--primary-green),var(--primary-green-light));border-radius:2px;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:40px}.hero-content h1{color:#111827;color:var(--gray-900);font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1;margin-bottom:.5rem}.business-text{color:#4b5563;color:var(--gray-600);font-size:clamp(18px,2.5vw,24px);font-weight:500;margin-bottom:.5rem}.ownership-text{font-size:clamp(32px,5vw,56px);font-weight:800;margin-bottom:1.5rem}.highlighted-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--accent-yellow),var(--accent-yellow-light));-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.highlighted-text:after{background:#f59e0b26;border-radius:4px;bottom:5px;content:"";height:8px;left:0;position:absolute;width:100%;z-index:-1}.hero-description{color:#4b5563;color:var(--gray-600);font-size:clamp(16px,2vw,18px);line-height:1.6;margin:1.5rem 0 2rem;max-width:540px}.investment-plan{margin:2rem 0 1.8rem;max-width:480px;transition:all .3s ease;width:100%}.investment-label{color:#6b7280;color:var(--gray-500);display:block;font-size:clamp(13px,1.6vw,14px);font-weight:600;letter-spacing:.08em;margin-bottom:1rem;text-transform:uppercase}.investment-select-box{border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);position:relative;transition:all .3s ease;width:100%}.investment-select-box:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.investment-dropdown{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1.2rem center;background-repeat:no-repeat;background-size:1.2em;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;color:#1f2937;color:var(--gray-800);cursor:pointer;font-size:clamp(15px,1.8vw,16px);font-weight:500;padding:clamp(14px,2vw,16px) clamp(20px,3vw,24px);transition:all .3s ease;width:100%}.investment-dropdown:focus{border-color:#059669;border-color:var(--primary-green);box-shadow:0 0 0 4px #0596691a;outline:none}.investment-dropdown option{padding:12px}.hero-buttons{display:flex;flex-wrap:wrap;gap:clamp(16px,2.5vw,24px);margin-top:2.5rem;transition:all .3s ease}.download-btn,.schedule-btn{align-items:center;border:none;border-radius:40px;cursor:pointer;display:inline-flex;font-size:clamp(15px,1.8vw,16px);font-weight:700;gap:12px;overflow:hidden;padding:clamp(14px,2vw,16px) clamp(28px,3.5vw,36px);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.schedule-btn{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));box-shadow:0 10px 15px -3px #05966933;box-shadow:var(--shadow-green);color:#fff}.schedule-btn:before{background:#ffffff4d;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}.schedule-btn:hover:before{height:300px;width:300px}.schedule-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 0 0 3px #05966933;box-shadow:var(--shadow-xl),0 0 0 3px #05966933;transform:translateY(-4px)}.btn-arrow{font-size:1.2em;transition:transform .3s ease}.schedule-btn:hover .btn-arrow{transform:translateX(6px)}.download-btn{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#1f2937;color:var(--gray-800)}.download-btn:hover{background:linear-gradient(135deg,#fff,#f9fafb);background:linear-gradient(135deg,#fff,var(--gray-50));border-color:#059669;border-color:var(--primary-green);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.map{align-items:center;animation:fadeInRight 1s ease-out .2s both;display:flex;flex:1 1 400px;flex-direction:column;max-width:42%;min-width:340px;order:2}.map,.map-wrapper{position:relative;transition:all .3s ease}.map-wrapper{filter:drop-shadow(0 20px 25px -5px rgba(0,0,0,.1));filter:drop-shadow(var(--shadow-xl));margin:0 auto;max-width:min(480px,100%);width:100%}.india-map{border-radius:24px;display:block;height:auto;transition:transform .5s ease;width:100%}.india-map:hover{transform:scale(1.02)}.map-stat{align-items:center;animation:floatY 5s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:100px;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #ffffff80;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff80;display:flex;gap:clamp(12px,2vw,16px);padding:clamp(10px,2vw,14px) clamp(20px,3vw,28px);position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:20}.map-stat:hover{background:#fff;box-shadow:0 25px 50px -12px #00000040,0 0 0 2px #fffc;box-shadow:var(--shadow-2xl),0 0 0 2px #fffc;transform:scale(1.08) translateY(-4px)}.map-stat img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));height:clamp(40px,5vw,52px);object-fit:contain;width:clamp(28px,3.5vw,36px)}.map-stat strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#047857);background:linear-gradient(135deg,var(--gray-900),var(--primary-green-dark));-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--gray-900);display:block;font-size:clamp(20px,2.5vw,26px);font-weight:800;line-height:1.2}.map-stat span{color:#6b7280;color:var(--gray-500);font-size:clamp(11px,1.4vw,13px);font-weight:600;letter-spacing:.03em;text-transform:uppercase}.map-stat.darkstore{animation:floatY 6s ease-in-out infinite;border-left:4px solid #059669;border-left:4px solid var(--primary-green);right:-10px;top:10%}.map-stat.darkstore,.map-stat.smartstore{background:linear-gradient(135deg,#fffffffa,#f9fafbfa);z-index:30}.map-stat.smartstore{animation:floatY 5s ease-in-out .5s infinite;border-left:4px solid #f59e0b;border-left:4px solid var(--accent-yellow);bottom:15%;margin-left:-130px}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.map-hint-box{align-items:center;animation:hintGlow 3s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #e5e7eb80;border-radius:100px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#4b5563;color:var(--gray-600);display:inline-flex;font-size:clamp(12px,1.4vw,14px);font-weight:500;gap:10px;margin-top:24px;padding:8px 18px;transition:all .3s ease}.map-hint-box:hover{background:#fff;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.hint-icon{filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));font-size:16px}@keyframes hintGlow{0%,to{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}50%{box-shadow:0 20px 25px -5px #0000001a,0 0 0 3px #0596691a;box-shadow:var(--shadow-xl),0 0 0 3px #0596691a}}.otp-success-animation{filter:drop-shadow(0 25px 50px -12px rgba(0,0,0,.25));filter:drop-shadow(var(--shadow-2xl));height:min(350px,80vh);left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(350px,80vw);z-index:9999}.count-skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(100deg,#e5e7eb 30%,#f3f4f6 45%,#e5e7eb 60%);background:linear-gradient(100deg,var(--gray-200) 30%,var(--gray-100) 45%,var(--gray-200) 60%);background-size:200% 100%;border-radius:8px;display:inline-block;height:26px;width:50px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width:1400px){.hero-section{padding:60px 0}.hero-content{max-width:50%}.map{max-width:45%}.map-wrapper{max-width:520px}.map-stat.darkstore{right:-15px;top:8%}.map-stat.smartstore{bottom:12%;left:-15px}}@media (min-width:1200px) and (max-width:1399px){.hero-content h1{font-size:48px}.hero-content{max-width:52%}.map{max-width:43%}.map-stat.darkstore{right:-10px;top:8%}.map-stat.smartstore{bottom:12%;left:-10px}}@media (min-width:1024px) and (max-width:1199px){.hero-content h1{font-size:44px}.hero-content{max-width:50%}.map{max-width:45%}.map-stat.darkstore{right:-8px;top:8%}.map-stat.smartstore{bottom:12%;left:-8px}}@media (min-width:900px) and (max-width:1023px){.hero-section{align-items:center;flex-direction:column;gap:40px;padding:40px 0}.hero-content{max-width:100%;text-align:center}.hero-description,.investment-plan{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.eyebrow-text:after{left:50%;transform:translateX(-50%)}.map{max-width:100%;width:100%}.map-wrapper{max-width:480px}.map-stat.darkstore{right:-8px;top:8%}.map-stat.smartstore{bottom:12%;left:-8px}}@media (min-width:768px) and (max-width:899px){.hero-section{align-items:center;flex-direction:column;gap:35px;padding:30px 0}.hero-content{max-width:100%;text-align:center}.hero-content h1{font-size:42px}.hero-description{font-size:16px}.eyebrow-text:after{left:50%;transform:translateX(-50%)}.map{max-width:100%}.map-wrapper{max-width:450px}.map-stat.darkstore{padding:8px 16px;right:-5px;top:8%}.map-stat.smartstore{bottom:12%;left:-5px;padding:8px 16px}.download-btn,.schedule-btn{padding:12px 24px}}@media (min-width:576px) and (max-width:767px){.hero-section{align-items:center;flex-direction:column;gap:30px;padding:20px 0}.hero-content{max-width:100%;text-align:center}.hero-content h1{font-size:38px}.hero-description{font-size:15px}.eyebrow-text:after{left:50%;transform:translateX(-50%)}.investment-plan{margin:1.5rem auto}.hero-buttons{flex-direction:column;gap:16px;margin-top:1.5rem}.download-btn,.schedule-btn{justify-content:center;padding:14px 20px;width:100%}.map{max-width:100%}.map-wrapper{max-width:400px}.map-stat.darkstore{padding:6px 12px;right:-5px;top:5%}.map-stat.smartstore{bottom:10%;left:-5px;padding:6px 12px}.map-stat img{height:32px;width:22px}.map-stat strong{font-size:16px}.map-stat span{font-size:9px}}@media (min-width:376px) and (max-width:575px){.hero-section{align-items:center;flex-direction:column;gap:25px;padding:16px 0}.hero-content{max-width:100%;text-align:center}.hero-content h1{font-size:32px}.business-text{font-size:16px}.ownership-text{font-size:32px}.hero-description{font-size:14px;margin:1rem 0}.eyebrow-text{font-size:13px}.eyebrow-text:after{left:50%;transform:translateX(-50%);width:30px}.investment-label{font-size:12px}.investment-dropdown{font-size:14px;padding:12px 16px}.hero-buttons{flex-direction:column;gap:12px;margin-top:1.2rem}.download-btn,.schedule-btn{font-size:14px;justify-content:center;padding:12px 16px;width:100%}.map{max-width:100%}.map-wrapper{max-width:320px}.map-stat.darkstore{gap:6px;padding:5px 10px;right:-5px;top:5%}.map-stat.smartstore{bottom:8%;gap:6px;left:-5px;padding:5px 10px}.map-stat img{height:26px;width:18px}.map-stat strong{font-size:14px}.map-stat span{font-size:8px}.map-hint-box{font-size:11px;padding:6px 14px}}@media (max-width:375px){.hero-section{align-items:center;flex-direction:column;gap:20px;padding:12px 0}.hero-content{max-width:100%;text-align:center}.hero-content h1{font-size:28px}.business-text{font-size:14px}.ownership-text{font-size:28px}.hero-description{font-size:13px;margin:.8rem 0}.eyebrow-text{font-size:12px}.eyebrow-text:after{display:none}.investment-label{font-size:11px}.investment-dropdown{font-size:13px;padding:10px 14px}.hero-buttons{flex-direction:column;gap:10px;margin-top:1rem}.download-btn,.schedule-btn{font-size:13px;justify-content:center;padding:10px 14px;width:100%}.map{max-width:100%}.map-wrapper{max-width:280px}.map-stat.darkstore{gap:4px;padding:4px 8px;right:-3px;top:4%}.map-stat.smartstore{bottom:6%;gap:4px;left:-3px;padding:4px 8px}.map-stat img{height:20px;width:14px}.map-stat strong{font-size:12px}.map-stat span{font-size:7px}.map-hint-box{font-size:10px;padding:5px 12px}.hint-icon{font-size:12px}}@media (max-width:319px){.map-wrapper{max-width:240px}.map-stat{display:none}.hero-content h1{font-size:24px}.download-btn,.schedule-btn{font-size:12px}}@media (hover:none) and (pointer:coarse){.download-btn:hover,.map-hint-box:hover,.map-stat:hover,.schedule-btn:hover{transform:none}.download-btn:active,.schedule-btn:active{transform:scale(.98)}.schedule-btn:before{display:none}.download-btn,.investment-dropdown,.schedule-btn{min-height:48px}.map-hint-box,.map-stat{animation:none}}@media (prefers-color-scheme:dark){body,html{background:linear-gradient(135deg,#0f172a,#1e293b)}.homepage:before{background:radial-gradient(circle at 10% 20%,#4ade8008 0,#0000 30%),radial-gradient(circle at 90% 80%,#facc1508 0,#0000 30%)}.business-text,.hero-content h1,.ownership-text{color:#f1f5f9}.hero-description{color:#94a3b8}.investment-dropdown{background-color:#1e293b;border-color:#334155;color:#f1f5f9}.investment-dropdown:focus{border-color:#4ade80}.download-btn{background:#1e293b;border-color:#334155;color:#f1f5f9}.download-btn:hover{background:#2d3a4e}.map-stat{background:#1e293bf2;border-color:#33415580}.map-stat strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f1f5f9,#4ade80);-webkit-background-clip:text}.map-stat span{color:#94a3b8}.map-hint-box{background:#1e293be6;border-color:#334155;color:#94a3b8}.india-map path{fill:#1e293b;stroke:#334155}}@media print{.homepage{padding:20px}.hero-section{min-height:auto}.download-btn,.map-hint-box,.otp-success-animation,.schedule-btn{display:none}.map-stat{animation:none;border:1px solid #ccc;box-shadow:none;display:inline-block;margin:10px;position:static}.investment-dropdown{background:#fff;border:1px solid #000}@page{margin:2cm}}@media (prefers-reduced-motion:reduce){.download-btn,.hero-content,.india-map,.investment-select-box,.map,.map-hint-box,.map-stat,.schedule-btn{animation:none;transition:none}.download-btn:hover,.map-hint-box:hover,.map-stat:hover,.schedule-btn:hover{transform:none}.schedule-btn:before,.schedule-btn:hover .btn-arrow{display:none}}.user-details-card{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;box-sizing:border-box;height:auto;margin:0;max-height:none;max-width:440px;min-width:440px;overflow:visible;padding:16px 20px;position:relative;width:440px}.modal-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#4b5563;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:16px;top:12px;transition:all .2s ease;width:28px;z-index:10}.step-indicator{justify-content:center;margin-bottom:12px;margin-top:4px}.header{margin-bottom:16px;text-align:center}.header h1{color:#111827;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:2px}.subtitle{color:#6b7280;font-size:11px;letter-spacing:.3px;line-height:1.4}.user-form{display:flex;flex-direction:column;gap:10px}.input-wrapper{transition:all .2s ease;width:100%}.input-label{align-items:center;color:#4b5563;display:flex;font-size:11px;font-weight:500;gap:4px;letter-spacing:.3px;margin-bottom:3px;text-transform:uppercase}.label-icon{font-size:12px}.required-star{color:#ef4444;margin-left:2px}.input-container{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;position:relative;transition:all .2s ease;width:100%}.input-container:focus-within{background:#fff;border-color:#128945;box-shadow:0 0 0 3px #1289451a}.input-container input{background:#0000;border:none;box-sizing:border-box;color:#111827;font-size:13px;height:38px;outline:none;padding:0 10px;width:100%}.input-container input::placeholder{color:#9ca3af;font-size:12px}.input-container.read-only{background:#f3f4f6;border-color:#d1d5db}.input-container.read-only input{color:#4b5563;cursor:not-allowed;font-size:13px;font-weight:500}.read-only-badge{background:#e5e7eb;border-radius:8px;color:#4b5563;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;text-transform:uppercase;top:50%;transform:translateY(-50%)}.error-text{color:#ef4444;display:block;font-size:10px;line-height:1.3;margin-left:4px;margin-top:2px}.continue-btn{font-size:13px;gap:6px;margin-top:8px;width:100%}.continue-btn:hover:not(:disabled){background:#0e6e38;box-shadow:0 4px 10px #1289454d;transform:translateY(-1px)}.continue-btn:disabled{cursor:not-allowed;opacity:.6}.btn-arrow{font-size:15px;transition:transform .2s ease}.continue-btn:hover .btn-arrow{transform:translateX(4px)}.trust-badge{border-top:1px solid #f0f0f0;color:#6b7280;font-size:10px;justify-content:center;line-height:1.3;margin-top:12px;padding-top:10px;text-align:center}.trust-badge,.trust-badge span{align-items:center;display:flex;gap:4px}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;flex-shrink:0;height:16px;width:16px}.user-details-card{animation:cardFadeUp .35s ease-out}@media (max-width:640px){.user-details-card{border-radius:0;box-shadow:none;max-width:100%;min-height:100vh;min-width:100%;padding:16px;width:100%}.step-line{width:20px}.step{font-size:11px;height:22px;width:22px}.header h1{font-size:16px}}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid #0000;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:0.5;--rdp-outside-opacity:0.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:0.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:0.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:#fff;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction),#0000 50%,var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction),var(--rdp-range_middle-background-color) 50%,#0000 50%);--rdp-range_end-color:#fff;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid #0000;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:0.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:0.75;--rdp-weekday-padding:0.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:0.3s;--rdp-animation_timing:cubic-bezier(0.4,0,0.2,1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{position:relative}.rdp-root,.rdp-root *{box-sizing:border-box}.rdp-day{height:var(--rdp-day-height);text-align:center;width:var(--rdp-day-width)}.rdp-day_button{align-items:center;background:none;border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);color:inherit;cursor:pointer;display:flex;font:inherit;height:var(--rdp-day_button-height);justify-content:center;margin:0;padding:0;width:var(--rdp-day_button-width)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{align-items:center;border:0;display:inline-flex;position:relative;white-space:nowrap;z-index:1}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;height:var(--rdp-nav_button-height);justify-content:center;margin:0;padding:0;position:relative;width:var(--rdp-nav_button-width)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{align-items:center;display:inline-flex;gap:var(--rdp-dropdown-gap);position:relative}.rdp-dropdown{-webkit-appearance:none;appearance:none;border:none;cursor:inherit;inset-block-end:0;inset-block-start:0;inset-inline-start:0;line-height:inherit;margin:0;opacity:0;padding:0;position:absolute;width:100%;z-index:2}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{align-content:center;display:flex;font-size:large;font-weight:700;height:var(--rdp-nav-height)}.rdp-root[data-nav-layout=after] .rdp-month,.rdp-root[data-nav-layout=around] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{-webkit-margin-start:var(--rdp-nav_button-width);-webkit-margin-end:var(--rdp-nav_button-width);justify-content:center;margin-inline-end:var(--rdp-nav_button-width);margin-inline-start:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{display:inline-flex;height:var(--rdp-nav-height);inset-inline-start:0;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{display:inline-flex;height:var(--rdp-nav-height);inset-inline-end:0;justify-content:center;position:absolute;top:0}.rdp-months{display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:-webkit-fit-content;max-width:fit-content;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{align-items:center;display:flex;height:var(--rdp-nav-height);inset-block-start:0;inset-inline-end:0;position:absolute}.rdp-weekday{font-size:smaller;font-weight:500;opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);font-size:small;font-weight:400;height:var(--rdp-week_number-height);opacity:var(--rdp-week_number-opacity);text-align:var(--rdp-weeknumber-text-align);width:var(--rdp-week_number-width)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{color:var(--rdp-range_start-color);visibility:hidden}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:initial;border-radius:0;border-radius:initial;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{background-color:var(--rdp-range_end-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes rdp-slide_in_right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes rdp-slide_out_left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translateX(0)}to{transform:translateX(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.select-date-card{animation:cardFadeUp .35s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-width:720px;min-width:720px;padding:24px;width:720px}.select-date-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.select-date-header h1{color:#111827;font-size:20px;font-weight:700;line-height:1.3;margin:6px 0 2px}.step-text{font-size:12px;line-height:1.4}.close-btn{font-size:16px;height:32px;margin-top:4px;width:32px}.close-btn:hover{background:#e5e7eb;color:#111827;transform:scale(1.05)}.step-indicator{gap:4px;margin-bottom:2px}.step,.step-indicator{align-items:center;display:flex}.step{background:#f3f4f6;border-radius:50%;color:#9ca3af;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.step.active,.step.completed{background:#128945;color:#fff}.step-line{background:#e5e7eb;flex-shrink:0;height:2px;width:24px}.divider{margin:16px 0}.select-date-body{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1.2fr;margin-bottom:8px}.advisor-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:20px;position:relative}.advisor-icon{align-items:center;background:#128945;border-radius:12px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;margin-bottom:12px;width:40px}.advisor-card h3{color:#111827;font-size:16px;font-weight:700;margin-bottom:2px}.advisor-sub{color:#6b7280;font-size:12px;margin-bottom:16px}.advisor-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.meta-item{align-items:center;color:#374151;display:flex;font-size:12px;gap:8px}.meta-icon{color:#128945;font-size:14px;width:20px}.advisor-note{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:12px}.advisor-note p{color:#4b5563;font-size:12px;line-height:1.5;margin:0}.selected-preview{background:#e8f5e9;border:1px solid #128945;border-radius:12px;padding:12px}.preview-label{color:#128945;font-size:10px;letter-spacing:.3px;margin-bottom:2px;text-transform:uppercase}.preview-date,.preview-label{display:block;font-weight:600}.preview-date{color:#111827;font-size:13px;line-height:1.4}.calendar-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;display:flex;flex-direction:column;padding:16px}.rdp{--rdp-cell-size:38px;--rdp-accent-color:#128945;--rdp-background-color:#e8f5e9;margin:0}.rdp-months{justify-content:center}.rdp-month,.rdp-table{width:100%}.rdp-head_cell{color:#6b7280;font-size:12px;font-weight:600;padding:8px 0}.rdp-day{border-radius:8px!important;font-size:13px;transition:all .2s ease}.rdp-day:hover:not(.rdp-day_disabled){background-color:#e8f5e9!important;color:#128945!important;transform:scale(.95)}.rdp-day_selected{background-color:#128945!important;color:#fff!important;font-weight:600}.rdp-day_today{border:1px solid #128945!important;color:#128945;font-weight:600}.rdp-day_disabled{color:#d1d5db!important;text-decoration:line-through}.calendar-footer{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.calendar-note{color:#6b7280;display:block;font-size:11px;text-align:center}.select-date-footer{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;margin-top:16px}.back-btn{border-radius:10px;font-size:13px;gap:6px;height:42px;padding:10px 18px}.back-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.back-btn .btn-icon{font-size:16px;transition:transform .2s ease}.back-btn:hover .btn-icon{transform:translateX(-2px)}.continue-btn{align-items:center;background:#128945;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;height:42px;justify-content:center;padding:10px 18px;transition:all .2s ease}.continue-btn:hover:not(.disabled){background:#0e6e38;box-shadow:0 4px 12px #1289454d;transform:translateY(-1px)}.continue-btn.disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.continue-btn .btn-icon{font-size:16px;transition:transform .2s ease}.continue-btn:hover:not(.disabled) .btn-icon{transform:translateX(4px)}@media (max-width:768px){.select-date-card{border-radius:0;max-width:100%;min-height:100vh;min-width:100%;padding:20px 16px;width:100%}.select-date-body{gap:16px;grid-template-columns:1fr}.advisor-card{padding:16px}.calendar-card{padding:12px}.rdp{--rdp-cell-size:42px}.select-date-footer{flex-direction:column-reverse;gap:10px}.select-date-footer button{width:100%}.step-line{width:16px}}@media (max-width:480px){.select-date-card{padding:16px}.advisor-card{padding:14px}.rdp{--rdp-cell-size:38px}}.select-time-card{animation:cardFadeIn .35s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:auto;max-height:none;max-width:480px;min-width:480px;overflow:visible;padding:16px 20px;width:480px}.select-time-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:0}.select-time-header h2{color:#111827;font-size:17px;font-weight:700;line-height:1.2;margin:4px 0 0}.step-text{color:#6b7280;font-size:10px;letter-spacing:.2px;line-height:1.3;margin-bottom:2px}.close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#4b5563;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:26px;justify-content:center;margin-top:2px;transition:all .2s ease;width:26px}.step-indicator-compact{align-items:center;display:flex;gap:3px;margin-bottom:0}.step-indicator-compact .step{align-items:center;background:#f3f4f6;border-radius:50%;color:#9ca3af;display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:20px;justify-content:center;width:20px}.divider{background:#e5e7eb;flex-shrink:0;height:1px;margin:10px 0 12px}.select-time-body{display:flex;flex-direction:column;gap:10px;overflow:visible}.date-display-card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;gap:8px;padding:8px 12px}.date-display-card,.date-icon{align-items:center;display:flex;flex-shrink:0}.date-icon{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;font-size:18px;height:36px;justify-content:center;width:36px}.date-info{display:flex;flex-direction:column;gap:0;min-width:0}.date-label{color:#6b7280;font-size:9px;letter-spacing:.2px;line-height:1.2;text-transform:uppercase}.date-value{color:#111827;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slots-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-top:0}.slots-header h3{color:#111827;font-size:14px;font-weight:600;line-height:1.2;margin:0}.slots-count{background:#e8f5e9;border-radius:14px;color:#008236;flex-shrink:0;font-size:10px;font-weight:500;line-height:1.2;padding:2px 6px}.time-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-bottom:2px;overflow:visible;padding:0}.time-slot{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:500;height:38px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.time-slot:not(.booked):hover{background:#f0fdf4;border-color:#008236;box-shadow:0 2px 6px #00823626;transform:translateY(-1px)}.time-slot.active{background:#008236;border-color:#008236;box-shadow:0 2px 8px #0082364d;color:#fff}.time-value{font-size:12px;font-weight:600;line-height:1.2}.booked-badge{align-items:center;color:#6b7280;display:flex;font-size:8px;gap:2px;line-height:1.2;margin-top:0}.select-time-footer{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;margin-top:12px}.back-btn{background:#fff;border:1.5px solid #e5e7eb;color:#4b5563;flex-shrink:0;font-size:12px;padding:8px 14px}.back-btn,.confirm-demo-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:4px;height:38px;transition:all .2s ease}.confirm-demo-btn{background:#008236;border:none;color:#fff;flex:1 1;font-size:13px;justify-content:center;padding:8px 12px}.btn-icon{flex-shrink:0;font-size:14px}.timezone-info{align-items:center;background:#f9fafb;border-radius:6px;color:#6b7280;display:flex;flex-shrink:0;font-size:9px;gap:4px;justify-content:center;line-height:1.2;margin-top:10px;padding:5px 8px}.info-icon{flex-shrink:0;font-size:11px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.select-time-card{border-radius:0;box-shadow:none;max-width:100%;min-height:100vh;min-width:100%;padding:16px;width:100%}.time-grid{grid-template-columns:repeat(2,1fr)}.select-time-footer{flex-direction:column-reverse;gap:8px}.select-time-footer button{height:42px;width:100%}}.confirmation-card{animation:cardFadeUp .4s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-width:400px;min-width:400px;padding:24px 24px 28px;width:400px}.success-icon{align-items:center;animation:scaleIn .4s ease-out;background:#128945;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.checkmark{height:40px;width:40px}.checkmark-circle{stroke:#ffffff4d;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .4s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.confirmation-title{color:#111827;font-size:20px;font-weight:700;line-height:1.3;margin-bottom:4px;text-align:center}.confirmation-subtitle{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:20px;text-align:center}.meeting-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;padding:16px}.meeting-header{align-items:center;display:flex;margin-bottom:12px}.meeting-badge{background:#128945;border-radius:16px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.meeting-details{display:flex;flex-direction:column;gap:10px}.detail-row{align-items:center;display:flex;gap:10px}.detail-icon{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;height:32px;padding:6px;width:32px}.detail-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.detail-label{color:#6b7280;font-size:10px;letter-spacing:.3px;line-height:1.2;text-transform:uppercase}.detail-value{color:#111827;font-size:13px;font-weight:600;line-height:1.3}.home-btn{align-items:center;background:#128945;border:none;border-radius:12px;box-shadow:0 4px 10px #12894533;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;height:44px;justify-content:center;margin-top:4px;transition:all .2s ease;width:100%}.home-btn:hover{background:#0e6e38;box-shadow:0 6px 15px #12894540;transform:translateY(-1px)}.btn-icon{height:16px;transition:transform .2s ease;width:16px}.home-btn:hover .btn-icon{transform:translateX(-2px)}@media (max-width:640px){.confirmation-card{border-radius:0;max-width:100%;min-height:100vh;min-width:100%;padding:24px 20px;width:100%}.confirmation-title{font-size:20px}.confirmation-subtitle{font-size:13px}.meeting-card{padding:16px}.detail-icon{height:32px;width:32px}.detail-value{font-size:13px}.home-btn{font-size:14px;height:46px}}.state-dominance-container{background:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:clamp(16px,3vw,32px) clamp(20px,4vw,48px);width:100%}.state-dominance-container .breadcrumb{margin-bottom:12px!important}.state-content{flex-wrap:wrap;gap:clamp(24px,4vw,48px);justify-content:space-between;margin-top:0;width:100%}.state-content,.state-map-wrapper{align-items:flex-start;display:flex}.state-map-wrapper{flex:1 1;justify-content:center;margin-top:-20px;min-width:min(400px,100%)}.state-map-frame{align-items:center;aspect-ratio:4/3;background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000000a;display:flex;justify-content:center;max-width:min(800px,100%);padding:12px;width:100%}.state-map{filter:drop-shadow(0 4px 8px rgba(0,0,0,.02));height:100%;object-fit:contain;width:100%}.state-map .state-districts path{stroke:#5f5d5d;stroke-width:.5;cursor:pointer;transition:all .2s ease}.state-map .state-districts path:hover{fill:#f1d011;filter:drop-shadow(0 4px 8px rgba(241,186,5,.3));transform:translateY(-1px)}.state-map .state-districts path:active{fill:#059669;transform:translateY(0)}@media (min-width:1200px){.state-dominance-container{padding:24px 60px}.state-map-wrapper{margin-top:-25px}}@media (min-width:1024px) and (max-width:1199px){.state-stats-panel{width:320px}.state-map-wrapper{margin-top:-20px}}@media (min-width:900px) and (max-width:1023px){.state-content{align-items:center;flex-direction:column;gap:16px}.state-stats-panel{max-width:550px;width:100%}.state-map-wrapper{justify-content:center;margin-top:0;width:100%}.state-map-frame{max-width:600px}}@media (min-width:768px) and (max-width:899px){.state-dominance-container{padding:20px 24px}.state-content{flex-direction:column;gap:16px}.state-stats-panel{gap:18px;margin:0 auto;max-width:500px;width:100%}.state-map-wrapper{margin-top:0;width:100%}.state-map-frame{max-width:550px}.stats-card{padding:18px 20px}}@media (min-width:576px) and (max-width:767px){.state-dominance-container{padding:16px 20px}.state-content{flex-direction:column;gap:20px}.state-stats-panel{gap:16px;width:100%}.section-title{font-size:26px}.stats-card{padding:16px 18px}.stats-value{font-size:26px}.icon{height:36px;width:36px}.territory-card{padding:18px 16px}.state-map-wrapper{margin-top:0;width:100%}.state-map-frame{aspect-ratio:1/1;max-width:450px;padding:8px}}@media (min-width:376px) and (max-width:575px){.state-dominance-container{padding:14px 16px}.state-dominance-container .breadcrumb{margin-bottom:8px!important}.state-content{flex-direction:column;gap:16px}.state-stats-panel{gap:14px;width:100%}.section-title{font-size:24px;margin-bottom:2px}.section-subtitle{font-size:12px;margin-bottom:4px}.stats-card{border-radius:14px;padding:14px 16px}.stats-title{font-size:11px}.stats-value{font-size:24px}.icon{height:32px;width:32px}.territory-card{border-radius:14px;gap:14px;padding:16px 14px}.saturation-header{font-size:12px}.saturation-header span:last-child{font-size:11px;padding:3px 8px}.progress-track{height:6px}.state-map-wrapper{margin-top:0;width:100%}.state-map-frame{aspect-ratio:1/1;border-radius:16px;max-width:100%;padding:6px}}@media (max-width:375px){.state-dominance-container{padding:12px 14px}.state-dominance-container .breadcrumb{margin-bottom:6px!important}.state-content{flex-direction:column;gap:14px}.state-stats-panel{gap:12px;width:100%}.section-title{font-size:22px;margin-bottom:2px}.section-subtitle{font-size:11px;margin-bottom:2px}.stats-card{border-radius:12px;padding:12px 14px}.stats-title{font-size:10px;margin-bottom:3px}.stats-value{font-size:22px}.icon{height:28px;width:28px}.territory-card{border-radius:12px;gap:12px;padding:14px 12px}.saturation-header{font-size:11px}.saturation-header span:last-child{font-size:10px;padding:2px 6px}.progress-track{height:5px}.state-map-frame{aspect-ratio:1/1;border-radius:14px;padding:4px}}@media (hover:none) and (pointer:coarse){.stats-card:hover,.territory-card:hover{box-shadow:0 2px 8px #00000005;transform:none}.stats-card:active{background-color:#f8fafc;transform:scale(.99)}.state-map .state-districts path{-webkit-tap-highlight-color:transparent;cursor:pointer}.state-map .state-districts path:active{fill:#059669}}@media (prefers-color-scheme:dark){body,html{background-color:#0f172a}.state-dominance-container{background:#0f172a}.section-title{color:#f1f5f9}.section-subtitle{color:#94a3b8}.stats-card,.territory-card{background:#1e293b;border-color:#334155}.stats-card:hover{border-color:#475569}.stats-title{color:#94a3b8}.stats-value{color:#fbbf24}.stats-value.green{color:#4ade80}.territory-card{background:#1a2634}.saturation-header{color:#e2e8f0}.saturation-header span:last-child{background:#2d3a4e;border-color:#475569;color:#f1f5f9}.saturation-row:first-child .saturation-header span:last-child{background:#422f1a;border-color:#b45309;color:#fbbf24}.saturation-row:last-child .saturation-header span:last-child{background:#1a3a2a;border-color:#065f46;color:#4ade80}.progress-track{background-color:#334155}.state-map-frame{background:#1e293b;box-shadow:0 8px 25px #0003}.state-map .state-districts path{stroke:#1e293b}}@media print{.state-dominance-container{background:#fff;padding:20px}.stats-card,.territory-card{border:1px solid #ccc;box-shadow:none}.stats-card:hover,.territory-card:hover{box-shadow:none;transform:none}.icon,.state-map .state-districts path:hover{filter:none}.progress-fill{background:#000!important}.saturation-header span:last-child{background:none;border:1px solid #ccc}}.breadcrumb{color:#6b7280;flex-wrap:wrap;font-size:clamp(12px,1.4vw,13px);margin-bottom:clamp(16px,3vh,24px);padding:4px 0}.breadcrumb,.breadcrumb-item{align-items:center;display:flex}.breadcrumb-item{min-height:24px}.breadcrumb-item a{color:#6b7280;font-weight:500;padding:4px 0;text-decoration:none;transition:color .2s ease}.breadcrumb-item a:hover{color:#111827}.breadcrumb-current{color:#111827;font-weight:600}.breadcrumb-separator{color:#9ca3af;font-weight:300;margin:0 8px}@media (max-width:768px){.breadcrumb{font-size:12px;margin-bottom:16px}.breadcrumb-separator{margin:0 6px}}@media (max-width:576px){.breadcrumb{font-size:11px;margin-bottom:12px}.breadcrumb-item{margin:2px 0}.breadcrumb-separator{margin:0 4px}}@media (max-width:375px){.breadcrumb{font-size:10px;margin-bottom:10px}.breadcrumb-current,.breadcrumb-item a{padding:2px 0}.breadcrumb-separator{margin:0 3px}}@media (max-width:320px){.breadcrumb{align-items:flex-start;flex-direction:column;gap:4px}.breadcrumb-item{width:100%}.breadcrumb-separator{display:none}.breadcrumb-item:not(:last-child):after{color:#9ca3af;content:"›";margin-left:4px}}@media (hover:none) and (pointer:coarse){.breadcrumb-current,.breadcrumb-item a{align-items:center;display:inline-flex;min-height:44px;padding:8px 0}.breadcrumb-item a:active{color:#111827}}@media (prefers-color-scheme:dark){.breadcrumb,.breadcrumb-item a{color:#9ca3af}.breadcrumb-current,.breadcrumb-item a:hover{color:#fff}.breadcrumb-separator{color:#4b5563}}@media print{.breadcrumb{margin-bottom:15px}.breadcrumb-item a{color:#000;text-decoration:none}.breadcrumb-current{color:#000}.breadcrumb-separator{color:#666}}@media (prefers-reduced-motion:reduce){.breadcrumb-item a{transition:none}}body,html{background-color:#f8fafc;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.district-dominance-container{background:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:clamp(16px,3vw,32px) clamp(20px,4vw,48px);width:100%}.district-dominance-container .breadcrumb{margin-bottom:12px!important}.district-content{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,48px);justify-content:space-between;margin-top:0;width:100%}.state-stats-panel{display:flex;flex-direction:column;flex-shrink:0;gap:20px;margin:0;width:min(360px,100%)}.section-title,.state-stats-panel>div:first-child{margin-bottom:4px}.section-title{color:#0f172a;font-size:clamp(26px,3.5vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.2}.section-subtitle{color:#475569;font-size:clamp(13px,1.6vw,14px);font-weight:400;margin-bottom:8px}.stats-card{align-items:center;background:#fff;border:1px solid #e9eef2;border-radius:16px;box-shadow:0 2px 8px #00000005;display:flex;justify-content:space-between;padding:20px 22px;transition:all .2s ease;width:100%}.stats-card:hover{border-color:#d0d9e0;box-shadow:0 8px 20px #0000000a;transform:translateY(-2px)}.stats-title{color:#64748b;font-size:clamp(12px,1.4vw,13px);font-weight:600;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.stats-value{color:#f97316;font-size:clamp(28px,4vw,32px);font-weight:700;line-height:1.1}.stats-value.green{color:#059669}.icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.05));height:clamp(40px,6vw,48px);object-fit:contain;opacity:.9;width:clamp(40px,6vw,48px)}.territory-card{background:#f8fafc;border:1px solid #e9eef2;border-radius:16px;box-shadow:0 2px 8px #00000005;display:flex;flex-direction:column;gap:18px;margin-top:8px;padding:22px 20px;width:100%}.territory-card .stats-title{margin-bottom:4px}.saturation-row{display:flex;flex-direction:column;gap:8px;width:100%}.saturation-header{align-items:center;color:#1e293b;display:flex;font-size:clamp(13px,1.6vw,14px);font-weight:500;justify-content:space-between;width:100%}.saturation-header span:last-child{background:#fff;border:1px solid #e2e8f0;border-radius:30px;box-shadow:0 2px 6px #00000005;color:#0f172a;font-size:.9em;font-weight:600;padding:4px 10px}.saturation-row:first-child .saturation-header span:last-child{background:#fffbeb;border-color:#fde68a;color:#f1ba05}.saturation-row:last-child .saturation-header span:last-child{background:#f0fdf4;border-color:#bbf7d0;color:#059669}.progress-track{background-color:#e9eef2;border-radius:20px;box-shadow:inset 0 1px 2px #00000008;height:8px;overflow:hidden;width:100%}.progress-fill{border-radius:20px;height:100%;transition:width .3s ease}.progress-fill.booked{background:linear-gradient(90deg,#f1ba05,#fbbf24)}.progress-fill.available{background:linear-gradient(90deg,#059669,#10b981)}.district-map-wrapper{flex:1 1;margin-top:0;min-width:min(400px,100%)}.district-map-wrapper,.zone-detect-wrapper{align-items:center;display:flex;justify-content:center}.zone-detect-wrapper{aspect-ratio:4/3;background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000000a;margin:0 auto;max-width:min(520px,100%);padding:12px;position:relative;width:100%}.district-map{cursor:pointer;filter:drop-shadow(0 4px 8px rgba(0,0,0,.02));height:auto;max-height:100%;object-fit:contain;width:100%;z-index:2}.district-map path{stroke:#fff;stroke-width:.5;cursor:pointer;transition:all .2s ease}.district-map path:hover{fill:#f1d011;filter:drop-shadow(0 4px 8px rgba(241,186,5,.3));transform:translateY(-1px)}.district-map path:active{fill:#059669;transform:translateY(0)}.zone-pulse{animation:zonePulse 3.2s ease-out infinite;background:#05966914;inset:0;pointer-events:none;z-index:1}.zone-pulse,.zone-pulse:after{border-radius:50%;position:absolute}.zone-pulse:after{animation:zonePulseRing 3.2s ease-out infinite;border:2px solid #0596694d;content:"";inset:10%}.zone-dot{animation:zoneDotPulse 2.6s ease-in-out infinite;background:#059669;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #fffc;height:10px;position:absolute;width:10px;z-index:3}.dot-1{left:48%;top:38%}.dot-2{left:42%;top:55%}.dot-3{left:58%;top:48%}.dot-4{left:52%;top:62%}@keyframes zonePulse{0%{opacity:.5;transform:scale(.85)}70%{opacity:0;transform:scale(1.2)}to{opacity:0}}@keyframes zonePulseRing{0%{opacity:.5;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}@keyframes zoneDotPulse{0%{box-shadow:0 0 0 0 #05966980;transform:scale(1)}60%{box-shadow:0 0 0 12px #05966900;transform:scale(1.2)}to{box-shadow:0 0 0 0 #05966900;transform:scale(1)}}@media (min-width:1200px){.district-dominance-container{padding:24px 60px}.zone-detect-wrapper{max-width:550px}}@media (min-width:1024px) and (max-width:1199px){.state-stats-panel{width:320px}.zone-detect-wrapper{max-width:480px}}@media (min-width:900px) and (max-width:1023px){.district-content{align-items:center;flex-direction:column;gap:30px}.state-stats-panel{max-width:550px;width:100%}.district-map-wrapper{justify-content:center;width:100%}.zone-detect-wrapper{max-width:520px}}@media (min-width:768px) and (max-width:899px){.district-dominance-container{padding:20px 24px}.district-content{align-items:center;flex-direction:column;gap:30px}.state-stats-panel{gap:18px;margin:0 auto;max-width:500px;width:100%}.district-map-wrapper{width:100%}.zone-detect-wrapper{max-width:500px}.stats-card{padding:18px 20px}}@media (min-width:576px) and (max-width:767px){.district-dominance-container{padding:16px 20px}.district-dominance-container .breadcrumb{margin-bottom:10px!important}.district-content{align-items:center;flex-direction:column;gap:25px}.state-stats-panel{gap:16px;width:100%}.section-title{font-size:26px}.stats-card{padding:16px 18px}.stats-value{font-size:26px}.icon{height:36px;width:36px}.territory-card{padding:18px 16px}.district-map-wrapper{width:100%}.zone-detect-wrapper{aspect-ratio:1/1;max-width:450px;padding:8px}.zone-dot{height:8px;width:8px}}@media (min-width:376px) and (max-width:575px){.district-dominance-container{padding:14px 16px}.district-dominance-container .breadcrumb{margin-bottom:8px!important}.district-content{align-items:center;flex-direction:column;gap:20px}.state-stats-panel{gap:14px;width:100%}.section-title{font-size:24px;margin-bottom:2px}.section-subtitle{font-size:12px;margin-bottom:4px}.stats-card{border-radius:14px;padding:14px 16px}.stats-title{font-size:11px}.stats-value{font-size:24px}.icon{height:32px;width:32px}.territory-card{border-radius:14px;gap:14px;padding:16px 14px}.saturation-header{font-size:12px}.saturation-header span:last-child{font-size:11px;padding:3px 8px}.progress-track{height:6px}.district-map-wrapper{width:100%}.zone-detect-wrapper{aspect-ratio:1/1;border-radius:16px;max-width:100%;padding:6px}.zone-dot{height:7px;width:7px}}@media (max-width:375px){.district-dominance-container{padding:12px 14px}.district-dominance-container .breadcrumb{margin-bottom:6px!important}.district-content{align-items:center;flex-direction:column;gap:16px}.state-stats-panel{gap:12px;width:100%}.section-title{font-size:22px;margin-bottom:2px}.section-subtitle{font-size:11px;margin-bottom:2px}.stats-card{border-radius:12px;padding:12px 14px}.stats-title{font-size:10px;margin-bottom:3px}.stats-value{font-size:22px}.icon{height:28px;width:28px}.territory-card{border-radius:12px;gap:12px;padding:14px 12px}.saturation-header{font-size:11px}.saturation-header span:last-child{font-size:10px;padding:2px 6px}.progress-track{height:5px}.zone-detect-wrapper{aspect-ratio:1/1;border-radius:14px;padding:4px}.zone-dot{height:6px;width:6px}}@media (hover:none) and (pointer:coarse){.stats-card:hover,.territory-card:hover{box-shadow:0 2px 8px #00000005;transform:none}.stats-card:active{background-color:#f8fafc;transform:scale(.99)}.district-map path{-webkit-tap-highlight-color:transparent;cursor:pointer}.district-map path:active{fill:#059669}.zone-dot{animation:none;box-shadow:0 0 0 2px #fffc}.zone-pulse,.zone-pulse:after{animation:none;opacity:.3}}@media (prefers-color-scheme:dark){body,html{background-color:#0f172a}.district-dominance-container{background:#0f172a}.section-title{color:#f1f5f9}.section-subtitle{color:#94a3b8}.stats-card,.territory-card{background:#1e293b;border-color:#334155}.stats-card:hover{border-color:#475569}.stats-title{color:#94a3b8}.stats-value{color:#fbbf24}.stats-value.green{color:#4ade80}.territory-card{background:#1a2634}.saturation-header{color:#e2e8f0}.saturation-header span:last-child{background:#2d3a4e;border-color:#475569;color:#f1f5f9}.saturation-row:first-child .saturation-header span:last-child{background:#422f1a;border-color:#b45309;color:#fbbf24}.saturation-row:last-child .saturation-header span:last-child{background:#1a3a2a;border-color:#065f46;color:#4ade80}.progress-track{background-color:#334155}.zone-detect-wrapper{background:#1e293b;box-shadow:0 8px 25px #0003}.district-map path{stroke:#1e293b}.zone-dot{background:#4ade80;border-color:#1e293b}.zone-pulse{background:#4ade801a}.zone-pulse:after{border-color:#4ade804d}}@media print{.district-dominance-container{background:#fff;padding:20px}.stats-card,.territory-card{border:1px solid #ccc;box-shadow:none}.stats-card:hover,.territory-card:hover{box-shadow:none;transform:none}.district-map path:hover,.icon{filter:none}.progress-fill{background:#000!important}.saturation-header span:last-child{background:none;border:1px solid #ccc}.zone-dot,.zone-pulse,.zone-pulse:after{display:none}.district-map path{fill:#f0f0f0;stroke:#000}}@media (prefers-reduced-motion:reduce){.district-map path,.progress-fill,.stats-card,.territory-card,.zone-dot,.zone-pulse,.zone-pulse:after{animation:none;transition:none}.zone-dot{box-shadow:0 0 0 2px #fffc}.zone-pulse{opacity:.2}}.zone-page-container{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:clamp(20px,4vw,40px) clamp(20px,4vw,48px);width:100%}.zone-page-container .breadcrumb{margin-bottom:20px!important}.zone-page-title{color:#0f172a;font-size:clamp(24px,3.5vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px}.zone-page-subtitle{color:#475569;font-size:clamp(14px,1.8vw,16px);font-weight:400;margin-bottom:clamp(24px,4vh,32px);max-width:600px}.zone-empty,.zone-loading{background:#fff;border:1px solid #e9eef2;border-radius:20px;box-shadow:0 4px 12px #00000005;color:#64748b;font-size:16px;padding:60px 20px;text-align:center}.zone-loading{align-items:center;display:flex;gap:12px;justify-content:center}.zone-loading:after{animation:zoneSpin .8s linear infinite;border:2px solid #e9eef2;border-radius:50%;border-top-color:#059669;content:"";height:20px;width:20px}@keyframes zoneSpin{to{transform:rotate(1turn)}}.zone-grid{grid-gap:clamp(16px,2vw,24px);display:grid;gap:clamp(16px,2vw,24px);grid-template-columns:repeat(4,minmax(260px,1fr));margin-top:8px}.zone-card{background:#fff;border:1px solid #e9eef2;border-radius:20px;box-shadow:0 4px 12px #00000005;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:22px 20px;position:relative;transition:all .25s ease}.zone-card:before{background:linear-gradient(90deg,#059669,#10b981);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease}.zone-card:hover{border-color:#d0d9e0;box-shadow:0 20px 30px #0000000f;transform:translateY(-4px)}.zone-card:hover:before{opacity:1}.zone-name{border-bottom:1px solid #e9eef2;color:#0f172a;font-size:clamp(16px,2vw,18px);font-weight:700;line-height:1.3;margin-bottom:20px;padding-bottom:12px}.zone-metrics{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:20px}.zone-metric{justify-content:space-between;padding:4px 0}.metric-label,.zone-metric{align-items:center;display:flex}.metric-label{color:#64748b;font-size:13px;gap:6px}.metric-label:before{color:#059669;content:"•";font-size:16px;opacity:.7}.metric-value{background:#f8fafc;border:1px solid #e9eef2;border-radius:30px;color:#0f172a;font-size:15px;font-weight:600;padding:4px 10px}.zone-metric:first-child .metric-value{background:#f0fdf4;border-color:#bbf7d0;color:#059669}.zone-btn{align-items:center;background:linear-gradient(90deg,#059669,#10b981);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:44px;justify-content:center;margin-top:auto;overflow:hidden;position:relative;transition:all .2s ease}.zone-btn:hover{background:linear-gradient(90deg,#047857,#059669);box-shadow:0 8px 16px #05966933;transform:translateY(-2px)}.zone-btn:active{transform:translateY(0)}.zone-btn:after{content:"→";font-size:18px;transition:transform .2s ease}.zone-btn:hover:after{transform:translateX(4px)}@media (min-width:1400px){.zone-grid{grid-template-columns:repeat(4,minmax(280px,1fr))}}@media (min-width:1200px) and (max-width:1399px){.zone-grid{grid-template-columns:repeat(4,minmax(240px,1fr))}}@media (min-width:1024px) and (max-width:1199px){.zone-grid{grid-template-columns:repeat(3,minmax(260px,1fr))}}@media (min-width:900px) and (max-width:1023px){.zone-page-container{padding:24px 28px}.zone-grid{gap:18px;grid-template-columns:repeat(3,minmax(240px,1fr))}}@media (min-width:768px) and (max-width:899px){.zone-page-container{padding:20px 24px}.zone-page-title{font-size:26px}.zone-page-subtitle{font-size:15px;margin-bottom:24px}.zone-grid{gap:20px;grid-template-columns:repeat(2,minmax(260px,1fr))}.zone-card{padding:18px 16px}}@media (min-width:576px) and (max-width:767px){.zone-page-container{padding:16px 20px}.zone-page-container .breadcrumb{margin-bottom:16px!important}.zone-page-title{font-size:24px}.zone-page-subtitle{font-size:14px;margin-bottom:20px}.zone-grid{gap:16px;grid-template-columns:repeat(2,minmax(220px,1fr))}.zone-card{padding:16px 14px}.zone-name{font-size:16px;margin-bottom:14px;padding-bottom:8px}.zone-metrics{gap:8px;margin-bottom:16px}.metric-label{font-size:12px}.metric-value{font-size:13px;padding:3px 8px}.zone-btn{font-size:13px;height:40px}.zone-btn:after{font-size:16px}}@media (min-width:376px) and (max-width:575px){.zone-page-container{padding:14px 16px}.zone-page-container .breadcrumb{margin-bottom:14px!important}.zone-page-title{font-size:22px;margin-bottom:4px}.zone-page-subtitle{font-size:13px;margin-bottom:18px}.zone-grid{gap:16px;grid-template-columns:1fr}.zone-card{border-radius:18px;padding:18px 16px}.zone-name{font-size:17px;margin-bottom:16px}.zone-metrics{gap:10px;margin-bottom:18px}.metric-label{font-size:13px}.metric-label:before,.metric-value{font-size:14px}.metric-value{padding:4px 10px}.zone-btn{font-size:14px;height:44px}}@media (max-width:375px){.zone-page-container{padding:12px 14px}.zone-page-container .breadcrumb{margin-bottom:12px!important}.zone-page-title{font-size:20px;margin-bottom:2px}.zone-page-subtitle{font-size:12px;margin-bottom:16px}.zone-grid{gap:14px;grid-template-columns:1fr}.zone-card{border-radius:16px;padding:16px 14px}.zone-name{font-size:16px;margin-bottom:14px;padding-bottom:8px}.zone-metrics{gap:8px;margin-bottom:16px}.metric-label,.metric-label:before{font-size:12px}.metric-value{font-size:13px;padding:3px 8px}.zone-btn{font-size:13px;height:40px}.zone-btn:after{font-size:15px}}@media (max-width:319px){.zone-page-container{padding:10px 12px}.zone-page-title{font-size:18px}.zone-page-subtitle{font-size:11px}.zone-card{padding:14px 12px}.zone-name{font-size:15px;margin-bottom:12px}.zone-metrics{gap:6px}.metric-label{font-size:11px}.metric-value{font-size:12px;padding:2px 6px}.zone-btn{font-size:12px;height:38px}.zone-btn:after{font-size:14px}}@media (hover:none) and (pointer:coarse){.zone-card:hover{box-shadow:0 4px 12px #00000005;transform:none}.zone-card:hover:before{opacity:0}.zone-card:active{background-color:#f8fafc;transform:scale(.98)}.zone-btn:hover{box-shadow:none;transform:none}.zone-btn:active{transform:scale(.97)}.zone-btn{min-height:48px}}@media (prefers-color-scheme:dark){.zone-page-container{background:#0f172a}.zone-page-title{color:#f1f5f9}.zone-page-subtitle{color:#94a3b8}.zone-card{background:#1e293b;border-color:#334155}.zone-card:hover{border-color:#475569}.zone-name{border-bottom-color:#334155;color:#f1f5f9}.metric-label{color:#94a3b8}.metric-label:before{color:#4ade80}.metric-value{background:#2d3a4e;border-color:#475569;color:#f1f5f9}.zone-metric:first-child .metric-value{background:#1a3a2a;border-color:#065f46;color:#4ade80}.zone-btn{background:linear-gradient(90deg,#059669,#10b981)}.zone-empty,.zone-loading{background:#1e293b;border-color:#334155;color:#94a3b8}}@media print{.zone-page-container{background:#fff;padding:20px}.zone-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.zone-card:hover{box-shadow:none;transform:none}.zone-btn,.zone-card:before{display:none}.zone-empty,.zone-loading{background:#fff;border:1px solid #ccc}}@media (prefers-reduced-motion:reduce){.zone-btn,.zone-btn:after,.zone-card,.zone-loading:after{animation:none;transition:none}.zone-btn:hover,.zone-btn:hover:after,.zone-card:hover{transform:none}}.zone-overview-page{background:linear-gradient(135deg,#fff,#fafcff);min-height:calc(100vh - 80px);overflow:hidden;position:relative;width:100%}.zone-overview-page:before{background:radial-gradient(circle at 10% 20%,#05966905 0,#0000 30%),radial-gradient(circle at 90% 80%,#facc1505 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.zone-overview-container{align-items:center;display:flex;gap:clamp(40px,6vw,80px);justify-content:space-between;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:clamp(40px,6vh,60px) clamp(24px,5vw,64px);position:relative;z-index:2}.zone-overview-left{align-items:center;animation:fadeInUp .8s ease-out;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.warehouse-img{animation:warehouseFloat 6s ease-in-out infinite;filter:drop-shadow(0 20px 30px rgba(0,0,0,.08));margin-bottom:24px;max-width:90%;transition:transform .5s ease;width:min(350px,90%)}@keyframes warehouseFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.warehouse-img:hover{transform:scale(1.02)}.zone-tagline{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#64748b,#94a3b8);-webkit-background-clip:text;background-clip:text;color:#64748b;font-size:clamp(14px,1.8vw,18px);font-weight:600;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}.zone-title{color:#0f172a;font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px}.zone-title span{color:#059669;display:inline-block;position:relative}.zone-title span:after{background:#05966933;border-radius:4px;bottom:4px;content:"";height:8px;left:0;position:absolute;width:100%;z-index:-1}.zone-description{color:#475569;font-size:clamp(14px,1.8vw,16px);line-height:1.7;margin-bottom:32px;max-width:480px}.zone-cta-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:40px;box-shadow:0 10px 20px #f59e0b33;color:#0f172a;cursor:pointer;display:inline-flex;font-size:clamp(14px,1.6vw,16px);font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:clamp(12px,2vw,14px) clamp(24px,3vw,36px);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.zone-cta-btn:before{background:#ffffff4d;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}.zone-cta-btn:hover:before{height:300px;width:300px}.zone-cta-btn:hover{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 20px 30px #f59e0b4d;transform:translateY(-4px)}.zone-cta-btn:active{transform:translateY(-2px)}.zone-cta-btn:after{content:"→";font-size:1.2em;transition:transform .3s ease}.zone-cta-btn:hover:after{transform:translateX(6px)}.zone-overview-right{align-items:center;animation:fadeInRight .8s ease-out .2s both;display:flex;flex:1 1;justify-content:center;min-height:min(500px,60vh);position:relative}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.darkstore-wrapper{animation:zoneFloatY 6s ease-in-out infinite;filter:drop-shadow(0 20px 25px rgba(0,0,0,.1));left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.darkstore-img{max-width:80%;transition:transform .3s ease;width:clamp(140px,20vw,200px)}.darkstore-wrapper:hover .darkstore-img{transform:scale(1.05)}.darkstore-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #05966933;border-radius:30px;color:#1e293b;display:inline-block;font-size:clamp(11px,1.4vw,13px);font-weight:600;letter-spacing:.05em;margin-top:12px;padding:4px 12px;text-transform:uppercase}.category-circle{animation:circleFloatY 10s ease-in-out infinite,circleFloatX 14s ease-in-out infinite;filter:drop-shadow(0 15px 20px rgba(0,0,0,.05));max-width:600px;pointer-events:auto;position:absolute;transform-origin:center;transition:all .5s ease;width:min(600px,90vw);z-index:5}.category-circle:hover{filter:drop-shadow(0 25px 30px rgba(5,150,105,.15));transform:scale(1.08) rotate(1deg)}@keyframes zoneFloatY{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-15px)}}@keyzoneFloatX{0%,to{transform:translate(-50%,-50%) translateX(0)}50%{transform:translate(-50%,-50%) translateX(8px)}}@keyframes circleFloatY{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes circleFloatX{0%,to{transform:translateX(0)}50%{transform:translateX(15px)}}@media (min-width:1400px){.zone-overview-container{padding:60px 80px}.category-circle{width:650px}.darkstore-img{width:220px}}@media (min-width:1200px) and (max-width:1399px){.zone-overview-container{gap:60px;padding:50px 60px}.category-circle{width:550px}}@media (min-width:1024px) and (max-width:1199px){.zone-overview-container{gap:50px;padding:40px 48px}.category-circle{width:500px}.darkstore-img{width:160px}.zone-title{font-size:40px}}@media (min-width:900px) and (max-width:1023px){.zone-overview-container{flex-direction:column;gap:40px;padding:40px 48px;text-align:center}.zone-overview-right{min-height:400px;order:-1;width:100%}.zone-overview-left{margin-top:0;width:100%}.category-circle{width:480px}.darkstore-img{width:150px}.zone-description{margin-left:auto;margin-right:auto;max-width:600px}}@media (min-width:768px) and (max-width:899px){.zone-overview-container{flex-direction:column;gap:30px;padding:30px 40px}.zone-overview-right{min-height:380px;order:-1;width:100%}.zone-overview-left{margin-top:0;width:100%}.zone-title{font-size:36px}.warehouse-img{width:280px}.category-circle{width:450px}.darkstore-img{width:140px}.zone-description{max-width:100%}.zone-cta-btn{padding:12px 32px}}@media (min-width:576px) and (max-width:767px){.zone-overview-container{flex-direction:column;gap:24px;min-height:auto;padding:24px 32px}.zone-overview-right{min-height:320px;order:-1;width:100%}.zone-overview-left{margin-top:0;width:100%}.zone-tagline{font-size:14px;letter-spacing:.1em}.zone-title{font-size:32px}.zone-description{font-size:14px;margin-bottom:24px}.warehouse-img{margin-bottom:16px;width:240px}.category-circle{width:400px}.darkstore-img{width:130px}.darkstore-label{font-size:11px;padding:3px 10px}.zone-cta-btn{font-size:14px;padding:12px 28px}}@media (min-width:376px) and (max-width:575px){.zone-overview-container{flex-direction:column;gap:20px;min-height:auto;padding:20px}.zone-overview-right{min-height:280px;order:-1;width:100%}.zone-overview-left{margin-top:0;width:100%}.zone-tagline{font-size:12px;letter-spacing:.08em;margin-bottom:8px}.zone-title{font-size:28px;margin-bottom:12px}.zone-title span:after{bottom:2px;height:6px}.zone-description{font-size:13px;line-height:1.6;margin-bottom:20px}.warehouse-img{margin-bottom:12px;width:200px}.category-circle{width:340px}.darkstore-img{width:110px}.darkstore-label{font-size:10px;padding:2px 8px}.zone-cta-btn{border-radius:40px;font-size:14px;padding:14px 20px;width:100%}.zone-cta-btn:after{font-size:1.1em}}@media (max-width:375px){.zone-overview-container{flex-direction:column;gap:16px;min-height:auto;padding:16px}.zone-overview-right{min-height:240px;order:-1;width:100%}.zone-overview-left{margin-top:0;width:100%}.zone-tagline{font-size:11px;letter-spacing:.06em;margin-bottom:6px}.zone-title{font-size:24px;margin-bottom:8px}.zone-title span:after{bottom:1px;height:5px}.zone-description{font-size:12px;line-height:1.5;margin-bottom:16px}.warehouse-img{margin-bottom:8px;width:160px}.category-circle{width:280px}.darkstore-img{width:90px}.darkstore-label{font-size:9px;padding:2px 6px}.zone-cta-btn{font-size:13px;padding:12px 16px;width:100%}.zone-cta-btn:after{font-size:1em}}@media (max-width:319px){.zone-overview-container{padding:12px}.zone-overview-right{min-height:200px}.zone-title{font-size:20px}.category-circle{width:240px}.darkstore-img{width:80px}.warehouse-img{width:140px}}@media (hover:none) and (pointer:coarse){.zone-cta-btn:hover{box-shadow:0 10px 20px #f59e0b33;transform:none}.zone-cta-btn:active{transform:scale(.97)}.category-circle:hover,.darkstore-wrapper:hover .darkstore-img{transform:none}.zone-cta-btn{min-height:48px}}@media (prefers-color-scheme:dark){.zone-overview-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.zone-overview-page:before{background:radial-gradient(circle at 10% 20%,#4ade8008 0,#0000 30%),radial-gradient(circle at 90% 80%,#facc1508 0,#0000 30%)}.zone-tagline{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#94a3b8,#cbd5e1);-webkit-background-clip:text}.zone-title{color:#f1f5f9}.zone-description{color:#94a3b8}.darkstore-label{background:#1e293be6;border-color:#4ade804d;color:#e2e8f0}.category-circle{filter:drop-shadow(0 15px 20px rgba(0,0,0,.3))}}@media print{.zone-overview-page{background:#fff;min-height:auto}.zone-overview-container{min-height:auto;padding:20px}.category-circle,.darkstore-wrapper,.zone-cta-btn{display:none}.warehouse-img{max-width:200px}}@media (prefers-reduced-motion:reduce){.category-circle,.darkstore-wrapper,.warehouse-img,.zone-cta-btn,.zone-cta-btn:after,.zone-cta-btn:before,.zone-overview-left{animation:none;transition:none}.category-circle:hover,.zone-cta-btn:hover{transform:none}}:root{--accent-yellow:#f59e0b;--accent-yellow-light:#fbbf24}.snapshot-container{background:linear-gradient(135deg,#f9fafb,#f3f4f6);margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:clamp(20px,3vw,40px) clamp(20px,4vw,48px)}.snapshot-container .breadcrumb{margin-bottom:24px!important}.snapshot-header{margin-bottom:32px;position:relative}.snapshot-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#047857);background:linear-gradient(135deg,var(--gray-900),var(--primary-green-dark));-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--gray-900);font-size:clamp(28px,4vw,36px);font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.snapshot-header p{color:#6b7280;color:var(--gray-500);display:inline-block;font-size:clamp(14px,1.8vw,16px);font-weight:500;position:relative}.snapshot-header p:after{background:linear-gradient(90deg,#059669,#10b981);background:linear-gradient(90deg,var(--primary-green),var(--primary-green-light));border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.snapshot-content{grid-gap:clamp(20px,2.5vw,32px);align-items:start;display:grid;gap:clamp(20px,2.5vw,32px);grid-template-columns:3fr 2fr}.snapshot-left,.snapshot-right{display:flex;flex-direction:column;gap:24px}.snapshot-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:24px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.snapshot-card:before{background:linear-gradient(90deg,#059669,#10b981);background:linear-gradient(90deg,var(--primary-green),var(--primary-green-light));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.snapshot-card:hover{border-color:#d1d5db;border-color:var(--gray-300);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.snapshot-card:hover:before{opacity:1}.snapshot-card-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;gap:10px;margin-bottom:20px;padding-bottom:12px}.snapshot-card-icon{height:22px;opacity:.8;transition:transform .3s ease;width:22px}.snapshot-card:hover .snapshot-card-icon{opacity:1;transform:scale(1.1)}.snapshot-card-header h3{color:#1f2937;color:var(--gray-800);font-size:18px;font-weight:700;margin:0}.snapshot-map{border-radius:16px;cursor:pointer;overflow:hidden;position:relative;width:100%}.snapshot-map-image{border-radius:16px;height:280px;object-fit:cover;transition:transform .5s ease;width:100%}.snapshot-map:hover .snapshot-map-image{transform:scale(1.02)}.snapshot-map:after{background:#fffffff2;border-radius:30px;bottom:12px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#374151;color:var(--gray-700);content:"🔍 Click to expand";font-size:12px;font-weight:500;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;right:12px;transition:opacity .3s ease}.snapshot-map:hover:after{opacity:1}.demographic-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.metric-block{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;padding:16px 12px;text-align:center;transition:all .3s ease}.metric-block:hover{background:#fff;border-color:#059669;border-color:var(--primary-green);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-number{color:#111827;color:var(--gray-900);font-size:clamp(20px,3vw,26px);font-weight:800;line-height:1.2}.metric-label{color:#6b7280;color:var(--gray-500);font-size:12px;font-weight:500;letter-spacing:.03em;margin-top:4px;text-transform:uppercase}.demographic-meta{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;padding:16px}.demographic-meta p{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:14px;gap:8px;margin:8px 0}.demographic-meta p:first-child{margin-top:0}.demographic-meta p:last-child{margin-bottom:0}.demographic-meta p:before{color:#059669;color:var(--primary-green);content:"•";font-size:18px;font-weight:700}.ecosystem-row{align-items:center;border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--gray-200);display:flex;font-size:15px;justify-content:space-between;padding:10px 0;transition:all .2s ease}.ecosystem-row:last-child{border-bottom:none}.ecosystem-row:hover{background:#f9fafb;background:var(--gray-50);border-bottom-color:#0000;border-radius:8px;padding:10px 12px}.ecosystem-row span:first-child{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-weight:500;gap:8px}.ecosystem-row span:first-child:before{color:#059669;color:var(--primary-green);content:"✓";font-weight:700;opacity:0;transition:opacity .2s ease}.ecosystem-row:hover span:first-child:before{opacity:1}.ecosystem-row span:last-child{background:#f3f4f6;background:var(--gray-100);border-radius:30px;color:#1f2937;color:var(--gray-800);font-size:14px;font-weight:700;padding:4px 12px}.snapshot-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:16px 0}.snapshot-metrics>div{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:25px 13px;text-align:center;transition:all .3s ease}.snapshot-metrics>div:hover{background:#fff;border-color:#059669;border-color:var(--primary-green);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.snapshot-metrics span{color:#6b7280;color:var(--gray-500);display:block;font-size:12px;font-weight:600;letter-spacing:.03em;margin-bottom:12px;text-transform:uppercase;white-space:nowrap}.snapshot-metrics strong{color:#111827;display:block;font-size:clamp(20px,3vw,22px);font-weight:800;line-height:1.2}.snapshot-metrics div:first-child strong,.snapshot-metrics div:nth-child(2) strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;background-clip:text;color:#059669}.snapshot-metrics div:last-child strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text;color:#f59e0b}.snapshot-metrics .animated-number{-webkit-text-fill-color:inherit;background:inherit;-webkit-background-clip:inherit;background-clip:inherit;color:inherit;display:inline-block;font-size:inherit;font-weight:inherit}.snapshot-metrics strong .currency-symbol,.snapshot-metrics strong .rupee-symbol{-webkit-text-fill-color:inherit;background:inherit;-webkit-background-clip:inherit;color:inherit;font-size:inherit;font-weight:inherit}.green{background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;background-clip:text;color:#059669}.green,.yellow{-webkit-text-fill-color:#0000}.yellow{background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text;color:#f59e0b}.projection-toggle{align-items:center;display:flex;justify-content:space-between;margin:20px 0 16px;padding:8px 0}.snapshot-subtitle{color:#374151;color:var(--gray-700);font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0}.projection-switch{background:#f3f4f6;background:var(--gray-100);border-radius:10px;display:flex;gap:8px;padding:4px}.projection-pill{background:#0000;border:1px solid #0000;border-radius:8px;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:13px;font-weight:600;min-width:100px;padding:10px 16px;text-align:center;transition:all .3s ease}.projection-pill:hover{background:#0596690d;color:#059669}.projection-pill.active{border-color:#0000;box-shadow:0 10px 15px -3px #05966933;box-shadow:var(--shadow-green)}.projection-pill.active,.snapshot-cta{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));color:#fff;font-weight:700}.snapshot-cta{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:16px;gap:10px;justify-content:center;margin-top:10%;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.snapshot-cta:before{background:#ffffff4d;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}.snapshot-cta:hover:before{height:300px;width:300px}.snapshot-cta:hover{background:linear-gradient(135deg,#047857,#059669);background:linear-gradient(135deg,var(--primary-green-dark),var(--primary-green));box-shadow:0 20px 25px -5px #0000001a,0 0 0 3px #0596694d;box-shadow:var(--shadow-xl),0 0 0 3px #0596694d;transform:translateY(-4px)}.snapshot-cta:active{transform:translateY(-2px)}.snapshot-cta:after{content:"→";font-size:20px;transition:transform .3s ease}.snapshot-cta:hover:after{transform:translateX(6px)}.snapshot-divider{background:linear-gradient(90deg,#0000,#d1d5db,#0000);background:linear-gradient(90deg,#0000,var(--gray-300),#0000);border:none;height:1px;margin:24px 0}.snapshot-loader{border-radius:32px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);gap:20px;padding:40px}.spinner{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);height:60px;width:60px}@media (min-width:1400px){.snapshot-container{padding:48px 64px}.snapshot-map-image{height:320px}.metric-number{font-size:28px}}@media (min-width:1200px) and (max-width:1399px){.snapshot-container{padding:40px 48px}.snapshot-map-image{height:280px}}@media (min-width:1024px) and (max-width:1199px){.snapshot-content{grid-template-columns:1fr 1.8fr}.demographic-metrics{grid-template-columns:repeat(2,1fr)}.snapshot-metrics{gap:12px;grid-template-columns:1fr}.snapshot-metrics>div{flex-direction:row;justify-content:space-between;padding:16px 20px;text-align:left}.snapshot-metrics span{margin-bottom:0}}@media (min-width:900px) and (max-width:1023px){.snapshot-container{padding:30px 36px}.snapshot-content{gap:24px;grid-template-columns:1fr}.snapshot-map-image{height:260px}.demographic-metrics{grid-template-columns:repeat(4,1fr)}.snapshot-metrics{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:899px){.snapshot-container{padding:24px 28px}.snapshot-content{gap:20px;grid-template-columns:1fr}.snapshot-header h1{font-size:30px}.snapshot-map-image{height:240px}.demographic-metrics{gap:12px;grid-template-columns:repeat(2,1fr)}.snapshot-metrics{gap:12px;grid-template-columns:repeat(3,1fr)}.snapshot-metrics>div{padding:16px 10px}.projection-toggle{align-items:flex-start;flex-direction:column;gap:12px}.projection-switch{width:100%}.projection-pill{flex:1 1}}@media (min-width:576px) and (max-width:767px){.snapshot-container{padding:20px 24px}.snapshot-container .breadcrumb{margin-bottom:16px!important}.snapshot-content{gap:18px;grid-template-columns:1fr}.snapshot-header h1{font-size:26px}.snapshot-header p{font-size:14px}.snapshot-card{border-radius:20px;padding:18px}.snapshot-map-image{height:200px}.demographic-metrics{gap:10px;grid-template-columns:repeat(2,1fr)}.metric-block{padding:12px 8px}.metric-number{font-size:20px}.metric-label{font-size:10px}.ecosystem-row{font-size:13px;padding:8px 0}.ecosystem-row span:last-child{font-size:12px;padding:3px 8px}.snapshot-metrics{gap:10px;grid-template-columns:1fr}.snapshot-metrics>div{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:12px 16px;text-align:left}.snapshot-metrics span{font-size:12px;margin-bottom:0}.snapshot-metrics strong{font-size:18px}.projection-toggle{align-items:flex-start;flex-direction:column;gap:12px}.projection-switch{width:100%}.projection-pill{flex:1 1;font-size:12px;min-width:auto;padding:8px 12px}.snapshot-cta{font-size:14px;padding:14px 20px}.snapshot-cta:after{font-size:18px}}@media (min-width:376px) and (max-width:575px){.snapshot-container{padding:16px 18px}.snapshot-container .breadcrumb{margin-bottom:14px!important}.snapshot-content{gap:16px;grid-template-columns:1fr}.snapshot-header h1{font-size:24px}.snapshot-header p{font-size:13px}.snapshot-card{border-radius:18px;padding:16px}.snapshot-card-header h3{font-size:16px}.snapshot-map-image{height:180px}.snapshot-map:after{font-size:10px;padding:4px 8px}.demographic-metrics{gap:8px;grid-template-columns:repeat(2,1fr)}.metric-block{padding:10px 6px}.metric-number{font-size:18px}.metric-label{font-size:9px}.demographic-meta p{font-size:12px}.ecosystem-row{font-size:12px;padding:8px 0}.ecosystem-row span:last-child{font-size:11px;padding:2px 6px}.snapshot-metrics{gap:8px;grid-template-columns:1fr}.snapshot-metrics>div{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px 12px;text-align:left}.snapshot-metrics span{font-size:11px;margin-bottom:0}.snapshot-metrics strong{font-size:16px}.projection-toggle{align-items:flex-start;flex-direction:column;gap:10px}.snapshot-subtitle{font-size:14px}.projection-switch{flex-direction:row;gap:6px;width:100%}.projection-pill{flex:1 1;font-size:11px;min-width:auto;padding:8px 10px}.snapshot-cta{font-size:13px;padding:14px 16px}.snapshot-cta:after{font-size:16px}}@media (max-width:375px){.snapshot-container{padding:12px 14px}.snapshot-container .breadcrumb{margin-bottom:12px!important}.snapshot-content{gap:14px;grid-template-columns:1fr}.snapshot-header h1{font-size:22px}.snapshot-header p{font-size:12px}.snapshot-header p:after{width:40px}.snapshot-card{border-radius:16px;padding:14px}.snapshot-card-header{margin-bottom:14px;padding-bottom:8px}.snapshot-card-header h3{font-size:15px}.snapshot-card-icon{height:18px;width:18px}.snapshot-map-image{height:160px}.snapshot-map:after{display:none}.demographic-metrics{gap:6px;grid-template-columns:repeat(2,1fr)}.metric-block{padding:8px 4px}.metric-number{font-size:16px}.metric-label{font-size:8px}.demographic-meta p{font-size:11px}.ecosystem-row{font-size:11px;padding:6px 0}.ecosystem-row span:last-child{font-size:10px;padding:2px 4px}.snapshot-metrics{gap:6px;grid-template-columns:1fr}.snapshot-metrics>div{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:8px 10px;text-align:left}.snapshot-metrics span{font-size:10px;margin-bottom:0}.snapshot-metrics strong{font-size:14px}.projection-toggle{align-items:flex-start;flex-direction:column;gap:8px;margin:12px 0}.snapshot-subtitle{font-size:13px}.projection-switch{flex-direction:row;gap:4px;width:100%}.projection-pill{flex:1 1;font-size:10px;padding:6px 8px}.snapshot-cta{border-radius:12px;font-size:12px;padding:12px 14px}.snapshot-cta:after{font-size:14px}.snapshot-divider{margin:16px 0}}@media (hover:none) and (pointer:coarse){.ecosystem-row:hover,.metric-block:hover,.snapshot-card:hover,.snapshot-metrics>div:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:none}.snapshot-card:hover:before{opacity:0}.snapshot-card:active{transform:scale(.99)}.snapshot-cta:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.snapshot-cta:active{transform:scale(.97)}.projection-pill{min-height:44px}.snapshot-cta{min-height:56px}.snapshot-map:after{display:none}}@media (prefers-color-scheme:dark){.snapshot-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.snapshot-card{background:#1e293b;border-color:#334155}.snapshot-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f1f5f9,#4ade80);-webkit-background-clip:text}.snapshot-header p{color:#94a3b8}.snapshot-card-header h3{color:#f1f5f9}.demographic-meta,.metric-block,.snapshot-metrics>div{background:#0f172a;border-color:#334155}.metric-number{color:#f1f5f9}.metric-label{color:#94a3b8}.demographic-meta p{color:#cbd5e1}.ecosystem-row span:first-child{color:#94a3b8}.ecosystem-row span:last-child{background:#0f172a;color:#f1f5f9}.projection-pill{color:#94a3b8}.projection-pill:hover{background:#4ade801a}.projection-switch{background:#0f172a}.snapshot-divider{background:linear-gradient(90deg,#0000,#334155,#0000)}.snapshot-loader{background:#1e293b}.snapshot-loader p{color:#94a3b8}}@media print{.snapshot-container{background:#fff;padding:20px}.snapshot-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.snapshot-card:hover{box-shadow:none;transform:none}.projection-switch,.snapshot-card:before,.snapshot-cta,.snapshot-map:after{display:none}.snapshot-map-image{border:1px solid #ccc}.metric-block,.snapshot-metrics>div{background:#f9fafb;border:1px solid #ccc}.green,.yellow{-webkit-text-fill-color:#000;background:none;color:#000;font-weight:700}}@media (prefers-reduced-motion:reduce){.ecosystem-row,.metric-block,.projection-pill,.snapshot-card,.snapshot-card-icon,.snapshot-cta,.snapshot-map-image,.snapshot-metrics>div,.spinner{animation:none;transition:none}.metric-block:hover,.snapshot-card:hover,.snapshot-cta:hover{transform:none}.snapshot-cta:after,.snapshot-cta:before{display:none}.spinner{animation:none;border-top-color:#059669;border-top-color:var(--primary-green)}}:root{--primary-green:#059669;--primary-green-light:#10b981;--primary-green-dark:#047857;--accent-amber:#f59e0b;--accent-amber-light:#fbbf24;--accent-pink:#ec4899;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-orange:#f97316;--shadow-green:0 10px 15px -3px #05966933;--shadow-amber:0 10px 15px -3px #f59e0b33;--shadow-pink:0 10px 15px -3px #ec489933;--shadow-blue:0 10px 15px -3px #3b82f633;--shadow-purple:0 10px 15px -3px #8b5cf633;--shadow-orange:0 10px 15px -3px #f9731633}.profit-engine-container{background:linear-gradient(135deg,#f9fafb,#f3f4f6);margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:clamp(20px,3vw,32px) clamp(20px,4vw,48px);position:relative}.profit-engine-container:before{background:radial-gradient(circle at 10% 20%,#05966905 0,#0000 30%),radial-gradient(circle at 90% 80%,#f59e0b05 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.profit-engine-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:28px;position:relative;width:100%;z-index:2}.profit-engine-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#047857);background:linear-gradient(135deg,var(--gray-900),var(--primary-green-dark));-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,3.5vw,32px);font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.profit-engine-header p{color:#6b7280;color:var(--gray-500);display:inline-block;font-size:clamp(13px,1.6vw,14px);font-weight:500;position:relative}.profit-engine-header p:after{background:linear-gradient(90deg,#059669,#10b981);background:linear-gradient(90deg,var(--primary-green),var(--primary-green-light));border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.export-data-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#fff,#f9fafb);background-clip:padding-box;border:2px solid #0000;border-radius:40px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#059669;color:var(--primary-green);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;margin-left:20px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.export-data-btn:before{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));border-radius:40px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease}.export-data-btn:hover:before{opacity:1}.export-data-btn:hover{background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 0 0 4px #05966926;box-shadow:var(--shadow-xl),0 0 0 4px #05966926;transform:translateY(-4px)}.export-data-btn:active{transform:translateY(-2px)}.export-data-btn:after{content:"📥";font-size:16px;transition:transform .3s ease}.export-data-btn:hover:after{transform:translateY(2px)}.profit-engine-content{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:32px;position:relative;z-index:2}.left-part,.right-part{display:flex;flex-direction:column;height:100%}.left-part{gap:16px}.income-card,.profit-card,.profit-summary-card,.simulation-variable-card,.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e5e7eb80;border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 0 0 1px #00000005;box-shadow:var(--shadow-lg),0 0 0 1px #00000005;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.income-card:before,.profit-card:before,.profit-summary-card:before,.simulation-variable-card:before,.summary-card:before{background:linear-gradient(90deg,#059669,#10b981);background:linear-gradient(90deg,var(--primary-green),var(--primary-green-light));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.income-card:hover:before,.profit-card:hover:before,.profit-summary-card:hover:before,.simulation-variable-card:hover:before,.summary-card:hover:before{opacity:1}.income-card:hover,.profit-card:hover,.profit-summary-card:hover,.simulation-variable-card:hover,.summary-card:hover{background:#fff;border-color:#05966933;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0596691a;box-shadow:var(--shadow-2xl),0 0 0 1px #0596691a;transform:translateY(-6px)}.simulation-variable-card{display:flex;flex-direction:column;height:100%;min-height:300px;padding:24px}.simulation-variable-card h3{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:20px}.simulation-variable-card h3:before{content:"📊";font-size:20px}.progress-bar-container{background:linear-gradient(90deg,#e5e7eb,#d1d5db);background:linear-gradient(90deg,var(--gray-200),var(--gray-300));border-radius:30px;box-shadow:inset 0 2px 4px #0000001a;flex:1 1;height:44px;margin-top:8px;min-height:44px;overflow:hidden;position:relative;width:100%}.progress-bar{border-radius:30px;display:flex;height:100%;overflow:hidden;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.progress-segment{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;transition:width .5s ease,transform .3s ease}.progress-segment:hover{filter:brightness(1.1);transform:scaleY(1.1);z-index:10}.progress-segment:before{content:attr(data-title);font-weight:700;opacity:.9;text-shadow:0 1px 2px #0003;top:50%;transform:translate(-50%,-50%)}.progress-segment:before,.progress-segment[data-title]:hover:after{color:#fff;font-size:12px;left:50%;position:absolute;white-space:nowrap}.progress-segment[data-title]:hover:after{animation:tooltipFade .2s ease;background:#1f2937;background:var(--gray-800);border-radius:30px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);content:attr(data-title) " orders";font-weight:600;padding:6px 12px;top:-35px;transform:translateX(-50%);z-index:20}@keyframes tooltipFade{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.progress-segment.pink{background:linear-gradient(135deg,#f472b6,#ec4899);box-shadow:0 0 10px #ec48994d}.progress-segment.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 0 10px #3b82f64d}.progress-segment.amber{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 10px #f59e0b4d}.progress-segment.green{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 10px #10b9814d}.progress-segment.orange{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 0 10px #f973164d}.progress-segment.purple{background:linear-gradient(135deg,#c084fc,#a855f7);box-shadow:0 0 10px #a855f74d}.slider-sub{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px;margin-top:24px}.slider-sub:before{content:"⚡";font-size:16px}input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#e5e7eb,#d1d5db);background:linear-gradient(90deg,var(--gray-200),var(--gray-300));border-radius:30px;box-shadow:inset 0 1px 3px #0000001a;height:8px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 0 0 4px #ffffff4d;box-shadow:var(--shadow-lg),0 0 0 4px #ffffff4d;cursor:pointer;height:24px;-webkit-transition:all .2s cubic-bezier(.34,1.56,.64,1);transition:all .2s cubic-bezier(.34,1.56,.64,1);width:24px}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 20px 25px -5px #0000001a,0 0 0 6px #ffffff80;box-shadow:var(--shadow-xl),0 0 0 6px #ffffff80;transform:scale(1.25)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1)}.slider-commission.food::-webkit-slider-thumb,.slider-orders.food::-webkit-slider-thumb{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b}.slider-commission.grocery::-webkit-slider-thumb,.slider-orders.grocery::-webkit-slider-thumb{background:linear-gradient(135deg,#34d399,#10b981);border-color:#10b981}.slider-commission.pharmacy::-webkit-slider-thumb,.slider-orders.pharmacy::-webkit-slider-thumb{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#ec4899}.slider-commission.parcel::-webkit-slider-thumb,.slider-orders.parcel::-webkit-slider-thumb{background:linear-gradient(135deg,#fb923c,#f97316);border-color:#f97316}.slider-commission.handyman::-webkit-slider-thumb,.slider-orders.handyman::-webkit-slider-thumb{background:linear-gradient(135deg,#c084fc,#a855f7);border-color:#a855f7}.slider-commission.rental::-webkit-slider-thumb,.slider-orders.rental::-webkit-slider-thumb{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-color:#3b82f6}.commission-ticks{color:#6b7280;color:var(--gray-500);display:flex;font-size:11px;font-weight:600;justify-content:space-between;margin-top:8px;padding:0 4px}.commission-ticks span{position:relative}.commission-ticks span:before{background:#9ca3af;background:var(--gray-400);border-radius:2px;content:"";height:6px;left:50%;position:absolute;top:-12px;transform:translateX(-50%);width:2px}.profit-summary-cards{gap:16px}.profit-summary-cards,.summary-card{display:flex;flex-direction:column;width:100%}.summary-card{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:20px;padding:24px 20px}.summary-card.green{background:linear-gradient(135deg,#059669,#10b981);border:none;box-shadow:0 10px 15px -3px #05966933;box-shadow:var(--shadow-green);color:#fff}.summary-card.green .summary-label,.summary-card.green .summary-value{-webkit-text-fill-color:#fff;background:none;color:#fff}.summary-label{color:#6b7280;color:var(--gray-500);font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.summary-value{color:#1f2937;color:var(--gray-800);font-size:clamp(28px,3.5vw,36px);font-weight:800;line-height:1.2}.summary-value .animated-number{color:inherit;font-size:inherit;font-weight:inherit}.income-sources{margin-top:32px;position:relative;z-index:2}.income-sources h3{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:4px}.income-sources h3:before{content:"💰";font-size:24px}.income-subtitle{color:#6b7280;color:var(--gray-500);font-size:14px;font-weight:500;margin-bottom:24px}.income-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.income-card{background:linear-gradient(135deg,#fff,#f9fafb);border-left:4px solid #0000;display:flex;flex-direction:column;padding:24px}.income-card[data-service=Food]{border-left-color:#f59e0b}.income-card[data-service=Grocery]{border-left-color:#10b981}.income-card[data-service=Pharmacy]{border-left-color:#ec4899}.income-card[data-service=Parcel]{border-left-color:#f97316}.income-card[data-service=Handyman]{border-left-color:#a855f7}.income-card[data-service=Rental]{border-left-color:#3b82f6}.income-title{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-bottom:20px}.income-title span{background:#f3f4f6;background:var(--gray-100);border-radius:30px;color:#6b7280;color:var(--gray-500);font-size:14px;font-weight:600;padding:4px 10px}.slider-section{margin-bottom:20px}.slider-header{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-bottom:8px}.slider-header strong{background:#f3f4f6;background:var(--gray-100);border-radius:30px;color:#1f2937;color:var(--gray-800);font-size:14px;font-weight:700;padding:4px 10px}.income-summary{border-top:2px dashed #e5e7eb;border-top:2px dashed var(--gray-200);display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:16px}.summary-row{color:#4b5563;color:var(--gray-600);display:flex;font-size:13px;justify-content:space-between;padding:2px 0}.summary-row span:last-child{color:#1f2937;color:var(--gray-800);font-weight:700}.summary-row.total{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);color:#059669;color:var(--primary-green);font-size:15px;font-weight:800;margin-top:4px;padding-top:8px}.summary-row.total span:last-child{color:#059669;color:var(--primary-green);font-size:18px}.investment-bar{align-items:center;background:linear-gradient(135deg,#0a0f1f,#0b1a3a);border-radius:30px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;box-shadow:var(--shadow-2xl),0 0 0 1px #ffffff1a;color:#fff;display:flex;gap:20px;justify-content:space-between;margin-top:32px;overflow:hidden;padding:28px 32px;position:relative;z-index:2}.investment-bar:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.investment-bar>div:first-child{position:relative;z-index:2}.investment-bar p{color:#ffffffb3;font-size:14px;font-weight:500;letter-spacing:.05em;margin-bottom:8px}.investment-bar h3{color:#fff;font-size:28px;font-weight:800;text-shadow:0 2px 10px #0000004d}.investment-bar h3 small{color:#fff9;font-size:16px;font-weight:500;margin-left:8px}.book-zone-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:40px;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #ffffff4d;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff4d;color:#111827;color:var(--gray-900);cursor:pointer;display:flex;font-size:16px;font-weight:800;gap:12px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:2}.book-zone-btn:before{background:linear-gradient(135deg,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.book-zone-btn:hover:before{transform:translateX(100%)}.book-zone-btn:hover{box-shadow:0 25px 50px -12px #00000040,0 0 0 3px #ffffff4d;box-shadow:var(--shadow-2xl),0 0 0 3px #ffffff4d;transform:translateY(-4px) scale(1.02)}.book-zone-btn:active{transform:translateY(-2px) scale(1)}.book-zone-btn:after{content:"→";font-size:20px;transition:transform .3s ease}.book-zone-btn:hover:after{transform:translateX(6px)}.recalc-overlay{align-items:center;animation:slideIn .3s ease;background:#1f2937;background:var(--gray-800);border-radius:40px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 24px;position:fixed;right:20px;top:20px;z-index:1000}.recalc-overlay:before{animation:recalcSpin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:16px;width:16px}@keyframes recalcSpin{to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.snapshot-loading-wrapper{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);display:flex;justify-content:center;min-height:calc(100vh - 80px)}.snapshot-loader{align-items:center;background:#fff;border-radius:40px;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;gap:24px;padding:48px}.snapshot-loader p{animation:fadePulse 1.5s ease-in-out infinite;color:#4b5563;color:var(--gray-600);font-size:16px;font-weight:500}.spinner{animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;border-bottom:4px solid #e5e7eb;border-bottom:4px solid var(--gray-200);border-left:4px solid #e5e7eb;border-left:4px solid var(--gray-200);border-radius:50%;border-right:4px solid #10b981;border-right:4px solid var(--primary-green-light);border-top:4px solid #059669;border-top:4px solid var(--primary-green);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);height:70px;width:70px}@keyframes fadePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.animated-number{animation:numberFadeUp .35s cubic-bezier(.34,1.56,.64,1);display:inline-block;min-width:1ch}@keyframes numberFadeUp{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.income-card.profit-changed{animation:profitFlash .6s ease}@keyframes profitFlash{0%{background-color:#f0fdf4;box-shadow:0 0 0 4px #05966933}to{background-color:#fff;box-shadow:none}}.simulation-loading{cursor:progress}.simulation-loading .income-card,.simulation-loading .profit-card,.simulation-loading .summary-card{filter:grayscale(.1);opacity:.7;overflow:hidden;pointer-events:none;position:relative;transition:opacity .2s ease}.simulation-loading .income-card:after,.simulation-loading .profit-card:after,.simulation-loading .summary-card:after{animation:simulationShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#0596691a,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes simulationShimmer{to{transform:translateX(100%)}}.value-loading{animation:valuePulse 1.2s ease-in-out infinite;opacity:.6}@keyframes valuePulse{0%,to{opacity:.4}50%{opacity:.8}}@media (min-width:1400px){.profit-engine-container{padding:32px 64px}.income-grid{gap:28px}}@media (min-width:1200px) and (max-width:1399px){.profit-engine-container{padding:28px 48px}}@media (min-width:1024px) and (max-width:1199px){.income-grid,.profit-engine-content{gap:20px}}@media (min-width:900px) and (max-width:1023px){.profit-engine-content{gap:20px;grid-template-columns:1fr}.profit-summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.simulation-variable-card{min-height:280px}.income-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:899px){.profit-engine-container{padding:24px 28px}.profit-engine-content{gap:20px;grid-template-columns:1fr}.profit-summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;max-width:100%}.simulation-variable-card{min-height:260px}.income-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.investment-bar{flex-direction:column;padding:24px;text-align:center}.book-zone-btn{justify-content:center;width:100%}}@media (min-width:576px) and (max-width:767px){.profit-engine-container{padding:20px 24px}.profit-engine-header{flex-direction:column;gap:16px}.export-data-btn{justify-content:center;margin-left:0;width:100%}.profit-engine-content{gap:16px;grid-template-columns:1fr}.profit-summary-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.summary-card{padding:18px 16px}.summary-value{font-size:24px}.simulation-variable-card{min-height:240px;padding:18px}.progress-bar-container{height:40px}.income-grid{gap:16px;grid-template-columns:1fr}.income-card{padding:20px}.investment-bar{flex-direction:column;padding:20px;text-align:center}.investment-bar h3{font-size:24px}.book-zone-btn{justify-content:center;padding:14px 24px;width:100%}}@media (min-width:376px) and (max-width:575px){.profit-engine-container{padding:16px 18px}.profit-engine-header{flex-direction:column;gap:16px}.profit-engine-header h1{font-size:24px}.export-data-btn{justify-content:center;margin-left:0;padding:12px 20px;width:100%}.profit-engine-content{gap:16px;grid-template-columns:1fr}.profit-summary-cards{display:flex;flex-direction:column;gap:12px}.summary-card{padding:18px 16px}.summary-value{font-size:26px}.simulation-variable-card{min-height:220px;padding:18px}.simulation-variable-card h3{font-size:16px;margin-bottom:16px}.progress-bar-container{height:38px}.progress-segment:before{font-size:10px}.income-grid{gap:16px;grid-template-columns:1fr}.income-card{padding:18px}.income-title{font-size:16px}.slider-header{font-size:12px}.slider-header strong{font-size:12px;padding:3px 8px}.investment-bar{border-radius:20px;flex-direction:column;padding:18px;text-align:center}.investment-bar h3{font-size:22px}.investment-bar p{font-size:12px}.book-zone-btn{font-size:14px;justify-content:center;padding:12px 20px;width:100%}.commission-ticks{font-size:9px}}@media (max-width:375px){.profit-engine-container{padding:12px 14px}.profit-engine-header{flex-direction:column;gap:12px}.profit-engine-header h1{font-size:22px}.export-data-btn{font-size:13px;justify-content:center;margin-left:0;padding:10px 16px;width:100%}.profit-engine-content{gap:12px;grid-template-columns:1fr}.profit-summary-cards{display:flex;flex-direction:column;gap:10px}.summary-card{padding:16px 14px}.summary-label{font-size:10px;margin-bottom:6px}.summary-value{font-size:22px}.simulation-variable-card{min-height:200px;padding:16px}.simulation-variable-card h3{font-size:15px;margin-bottom:14px}.progress-bar-container{height:34px;margin-top:4px}.progress-segment:before{font-size:9px}.income-grid{gap:12px;grid-template-columns:1fr}.income-card{padding:16px}.income-title{font-size:15px}.income-title,.slider-section{margin-bottom:14px}.slider-header{font-size:11px}.slider-header strong{font-size:11px;padding:2px 6px}input[type=range]{height:6px}input[type=range]::-webkit-slider-thumb{height:20px;width:20px}.commission-ticks{font-size:8px;margin-top:4px}.income-summary{gap:6px;padding-top:12px}.summary-row{font-size:11px}.summary-row.total{font-size:13px}.summary-row.total span:last-child{font-size:15px}.investment-bar{border-radius:18px;flex-direction:column;padding:16px;text-align:center}.investment-bar h3{font-size:20px}.investment-bar p{font-size:11px}.book-zone-btn{font-size:13px;justify-content:center;padding:10px 16px;width:100%}}@media (hover:none) and (pointer:coarse){.income-card:hover,.profit-card:hover,.profit-summary-card:hover,.simulation-variable-card:hover,.summary-card:hover{transform:none}.income-card:hover:before,.profit-card:hover:before,.profit-summary-card:hover:before,.simulation-variable-card:hover:before,.summary-card:hover:before{opacity:0}.book-zone-btn:hover,.export-data-btn:hover{transform:none}.book-zone-btn:active{transform:scale(.97)}.progress-segment:hover{transform:none}.progress-segment[data-title]:hover:after{display:none}input[type=range]::-webkit-slider-thumb{height:28px;width:28px}}@media (prefers-color-scheme:dark){.profit-engine-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.income-card,.profit-card,.profit-summary-card,.simulation-variable-card,.summary-card{background:#1e293bf2;border-color:#33415580}.profit-engine-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f1f5f9,#4ade80);-webkit-background-clip:text}.profit-engine-header p{color:#94a3b8}.profit-engine-header p:after{background:linear-gradient(90deg,#4ade80,#059669)}.export-data-btn{background:#1e293b;border-color:#4ade80;color:#4ade80}.summary-card{background:#1e293b;border-color:#334155}.summary-label{color:#94a3b8}.income-title,.summary-value{color:#f1f5f9}.income-title span{background:#0f172a;color:#94a3b8}.slider-header{color:#94a3b8}.slider-header strong{background:#0f172a;color:#f1f5f9}.income-summary{border-top-color:#334155}.summary-row{color:#94a3b8}.summary-row span:last-child{color:#f1f5f9}.commission-ticks{color:#64748b}.commission-ticks span:before{background:#475569}.snapshot-loader{background:#1e293b}.snapshot-loader p{color:#94a3b8}}@media print{.profit-engine-container{background:#fff;padding:20px}.income-card,.profit-card,.profit-summary-card,.simulation-variable-card,.summary-card{background:#fff;border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.income-card:hover,.profit-card:hover,.summary-card:hover{box-shadow:none;transform:none}.book-zone-btn,.export-data-btn,.income-card:before,.profit-card:before,.progress-segment[data-title]:hover:after,.recalc-overlay,.summary-card:before{display:none}.progress-bar-container{background:#f0f0f0;border:1px solid #ccc}.progress-segment{background:#ccc!important;box-shadow:none!important}.progress-segment:before{color:#000;text-shadow:none}.investment-bar{background:#f0f0f0;border:1px solid #ccc;color:#000}.investment-bar h3,.investment-bar p{color:#000}.blue,.green,.orange,.pink,.purple,.yellow{-webkit-text-fill-color:#000;background:none;color:#000}@page{margin:1.5cm}}@media (prefers-reduced-motion:reduce){.animated-number,.book-zone-btn,.export-data-btn,.income-card,.investment-bar:before,.profit-card,.profit-summary-card,.progress-bar,.progress-segment,.recalc-overlay,.simulation-variable-card,.summary-card,input[type=range]::-webkit-slider-thumb{animation:none;-webkit-transition:none;transition:none}.income-card:hover,.profit-card:hover,.progress-segment:hover,.summary-card:hover{transform:none}.progress-segment[data-title]:hover:after{display:none}.spinner{border-top-color:#059669;border-top-color:var(--primary-green)}.animated-number,.spinner{animation:none}}.modal-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:9999}.modal-backdrop,.modal-card{align-items:center;display:flex;justify-content:center}.modal-card{background:#0000;border-radius:0;box-shadow:none;max-height:none;max-width:none;overflow:visible;overflow-y:visible;width:auto}.modal-card .user-details-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;box-sizing:border-box;height:auto;margin:0;max-height:none;max-width:470px;min-width:470px;overflow:visible;padding:28px;position:relative;width:470px;z-index:10000}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-card .user-details-card{animation:cardFadeUp .35s ease-out}@media (max-width:640px){.modal-backdrop{align-items:flex-start;backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;padding:0}.modal-card{max-width:100%;width:100%}.modal-card .user-details-card{border-radius:0;box-shadow:none;height:auto;max-width:100%;min-height:100vh;min-width:100%;padding:20px 16px;width:100%}}body.modal-open{height:100%;overflow:hidden;position:fixed;width:100%}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-color:#667eea;--secondary-color:#764ba2;--success-color:#10b981;--success-dark:#059669;--warning-color:#f97316;--danger-color:#ff4757;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.dashboard-container{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-right:1px solid #fff3;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;box-shadow:var(--shadow-2xl),0 0 0 1px #ffffff1a;display:flex;flex-direction:column;position:relative;width:280px;z-index:10}.sidebar-header{align-items:center;border-bottom:1px solid #00000014;display:flex;padding:30px 24px}.logo-container{gap:14px}.logo-container,.logo-text{align-items:center;display:flex}.logo-text{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;font-size:20px;font-weight:800;height:44px;justify-content:center;overflow:hidden;position:relative;width:44px}.logo-text: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%}.logo-text:hover:before{opacity:1}.logo-full{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;white-space:nowrap}.sidebar-nav{flex:1 1;padding:24px 0}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin:4px 12px;overflow:hidden}.sidebar-nav li,.sidebar-nav li a{border-radius:12px;position:relative}.sidebar-nav li a{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;gap:14px;padding:14px 20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.sidebar-nav li:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:12px;content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;transition:width .3s ease;width:0}.sidebar-nav li:hover:before{width:100%}.sidebar-nav li:hover a{color:#667eea;color:var(--primary-color);transform:translateX(5px)}.sidebar-nav li.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.sidebar-nav li.active a{color:#fff;font-weight:600}.sidebar-nav li.active:before{display:none}.nav-icon{font-size:20px;min-width:24px}.sidebar-footer{border-top:1px solid #00000014;padding:24px}.logout-btn{align-items:center;background:#ff47570d;border-radius:12px;color:#ff4757;color:var(--danger-color);display:flex;font-weight:500;gap:14px;padding:14px 16px;text-decoration:none;transition:all .3s ease}.logout-btn:hover{background:#ff4757;background:var(--danger-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateX(5px)}.logout-btn:hover .nav-icon{color:#fff}.main-content{background:#f8fafc;flex:1 1;overflow-y:auto;padding:30px 40px}.dashboard-header{align-items:center;animation:slideDown .5s ease;display:flex;justify-content:space-between;margin-bottom:35px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.header-date{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:15px;font-weight:500;gap:8px}.header-date:before{content:"📅";font-size:16px}.header-right{align-items:center;display:flex;gap:25px}.notification-badge{background:#fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:24px;padding:8px;position:relative;transition:transform .3s ease}.notification-badge:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#667eea;color:var(--primary-color);transform:translateY(-2px)}.notification-dot{animation:pulse 2s infinite;background:#ff4757;background:var(--danger-color);border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:8px;top:8px;width:10px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.employee-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);cursor:pointer;height:55px;overflow:hidden;transition:transform .3s ease;width:55px}.employee-avatar:hover{transform:scale(1.05)}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:35px}.stat-card{align-items:center;background:#fff;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-6px)}.stat-card:hover:before{opacity:1}.stat-icon{align-items:center;border-radius:18px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;display:flex;font-size:32px;height:70px;justify-content:center;transition:transform .3s ease;width:70px}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.stat-info h3{color:#1f2937;color:var(--gray-800);font-size:34px;font-weight:800;line-height:1.2;margin-bottom:4px}.stat-info p{color:#6b7280;color:var(--gray-500);font-size:15px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.quick-info-card{background:#fff;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:35px;padding:28px}.quick-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.quick-info-header h3{color:#1f2937;color:var(--gray-800);display:inline-block;font-size:20px;font-weight:700;position:relative}.quick-info-header h3:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.quick-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quick-info-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:14px;color:#4b5563;color:var(--gray-600);display:flex;gap:14px;padding:14px 16px;transition:all .3s ease}.quick-info-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-3px)}.quick-info-item svg{font-size:20px}.quick-info-item span{font-size:15px;font-weight:500}.demos-section{background:#fff;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);padding:28px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#1f2937;color:var(--gray-800);display:inline-block;font-size:20px;font-weight:700;position:relative}.section-header h2:after{border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.section-header h2:after,.view-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.view-all-btn{align-items:center;border:none;border-radius:40px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 22px;transition:all .3s ease}.view-all-btn:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.view-all-btn:active{transform:translateY(-1px)}.demos-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.demo-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:18px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;padding:22px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.demo-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.demo-card:hover{border-color:#0000;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-6px)}.demo-card:hover:before{opacity:1}.demo-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:18px}.client-info h3{color:#1f2937;color:var(--gray-800);font-size:18px;font-weight:700;margin-bottom:6px}.client-info .phone{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:14px;gap:6px}.client-info .phone:before{content:"📞";font-size:12px}.status-badge{background:#fff;border:1px solid;border-radius:40px;cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:6px 14px;text-transform:capitalize;transition:all .3s ease}.status-badge.scheduled{background:#f973161a;border-color:#f97316;color:#f97316}.status-badge.completed{background:#10b9811a;border-color:#10b981;color:#10b981}.status-badge.cancelled{background:#ff47571a;border-color:#ff4757;color:#ff4757}.status-badge:disabled{cursor:not-allowed;opacity:.5}.status-badge:not(:disabled):hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.demo-details{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--gray-200);border-top:1px dashed #e5e7eb;border-top:1px dashed var(--gray-200);margin-bottom:20px;padding:12px 0}.demo-location,.demo-plan,.demo-time{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:14px;gap:12px;margin-bottom:12px}.demo-location:last-child,.demo-plan:last-child,.demo-time:last-child{margin-bottom:0}.demo-location svg,.demo-plan svg,.demo-time svg{color:#667eea;color:var(--primary-color);font-size:16px}.demo-plan{font-weight:600}.demo-plan,.demo-plan svg{color:#10b981;color:var(--success-color)}.demo-card-footer{justify-content:space-between;padding-top:16px}.demo-card-footer,.platform{align-items:center;display:flex}.platform{color:#9ca3af;color:var(--gray-400);font-size:13px;font-weight:500;gap:6px}.platform:before{content:"🎥";font-size:14px}.join-meeting-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:40px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 22px;transition:all .3s ease}.join-meeting-btn:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.join-meeting-btn:disabled{background:#d1d5db;background:var(--gray-300);cursor:not-allowed;opacity:.6}.cancelled-badge,.completed-badge{align-items:center;border-radius:40px;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.completed-badge{background:#10b9811a;color:#10b981}.cancelled-badge{background:#ff47571a;color:#ff4757}.view-details-btn{align-items:center;background:#0000;border:1px solid #667eea;border:1px solid var(--primary-color);border-radius:40px;color:#667eea;color:var(--primary-color);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.view-details-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;color:#fff;transform:translateY(-2px)}.employee-details-card,.view-details-btn:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.employee-details-card{background:#fff;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:30px;padding:28px}.card-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.card-header h2{color:#1f2937;color:var(--gray-800);display:inline-block;flex:1 1;font-size:22px;font-weight:700;position:relative}.card-header h2:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.edit-btn,.save-btn{align-items:center;border:none;border-radius:40px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.edit-btn{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.edit-btn:hover{background:#e5e7eb;background:var(--gray-200);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-btn:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.employee-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;display:flex;gap:16px;padding:18px;transition:all .3s ease}.detail-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-3px)}.detail-icon{color:#667eea;color:var(--primary-color);font-size:26px;transition:all .3s ease}.detail-item:hover .detail-icon{color:#fff;transform:scale(1.1)}.detail-item label{color:#6b7280;color:var(--gray-500);display:block;font-size:12px;font-weight:500;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.detail-item:hover label{color:#fffc}.detail-item p{color:#1f2937;color:var(--gray-800);font-size:16px;font-weight:600}.detail-item:hover p{color:#fff}.edit-input{background:#fff;border:2px solid #667eea;border:2px solid var(--primary-color);border-radius:10px;font-size:14px;padding:10px 14px;transition:all .3s ease;width:100%}.edit-input:focus{border-color:#764ba2;border-color:var(--secondary-color);box-shadow:0 0 0 3px #667eea33;outline:none}.capitalize{text-transform:capitalize}.meetings-loading{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;padding:60px 40px}.loading-spinner-small{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;border:3px solid var(--gray-200);border-top-color:var(--primary-color);height:40px;margin-bottom:20px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.meetings-error{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;padding:60px 40px}.meetings-error p{color:#ff4757;color:var(--danger-color);font-size:16px;font-weight:500;margin-bottom:20px}.meetings-error button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:40px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s ease}.meetings-error button:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.no-meetings{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#9ca3af;color:var(--gray-400);display:flex;flex-direction:column;justify-content:center;padding:80px 40px}.no-meetings svg{font-size:48px;margin-bottom:20px;opacity:.5}.no-meetings p{font-size:16px;font-weight:500}.refresh-btn{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:40px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover{background:#e5e7eb;background:var(--gray-200);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.refresh-btn svg{transition:transform .5s ease}.refresh-btn:hover svg{transform:rotate(180deg)}.analytics-section,.settings-section{align-items:center;background:#fff;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:60px 40px}.analytics-section h2,.settings-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:#1f2937;color:var(--gray-800);font-size:28px;font-weight:700;margin-bottom:12px}.analytics-section p,.settings-section p{color:#6b7280;color:var(--gray-500);font-size:16px;font-weight:500}.dashboard-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;border-color:#fff #fff #ffffff4d #ffffff4d;border-radius:50%;border-style:solid;border-width:4px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);height:60px;margin-bottom:25px;width:60px}.dashboard-loading p{font-size:18px;font-weight:500;opacity:.9}.dashboard-error{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.dashboard-error h2{font-size:36px;font-weight:800;margin-bottom:16px}.dashboard-error p{font-size:18px;margin-bottom:28px;max-width:500px;opacity:.9}.dashboard-error button{background:#fff;border:none;border-radius:40px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);color:#667eea;color:var(--primary-color);cursor:pointer;font-size:16px;font-weight:700;padding:14px 36px;transition:all .3s ease}.dashboard-error button:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-4px)}@media (max-width:1024px){.main-content{padding:25px 30px}.demos-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-container{flex-direction:column}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.sidebar-header{padding:20px 24px}.sidebar-nav ul{display:flex;gap:8px;overflow-x:auto;padding:12px}.sidebar-nav li{margin:0;min-width:120px}.sidebar-nav li a{padding:12px 16px}.sidebar-footer{display:none}.main-content{padding:20px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.header-right{justify-content:space-between;width:100%}.stats-grid{gap:16px}.demos-grid,.quick-info-grid,.stats-grid{grid-template-columns:1fr}.demos-grid{gap:16px}.employee-details-grid{grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column}.edit-btn,.save-btn{justify-content:center;width:100%}.demo-card-header{flex-direction:column;gap:12px}.status-badge{width:100%}.demo-card-footer{flex-direction:column;gap:12px}.join-meeting-btn{justify-content:center;width:100%}}@media (max-width:480px){.main-content{padding:16px}.dashboard-header h1{font-size:24px}.stat-card{padding:18px}.stat-icon{height:60px;width:60px}.stat-icon,.stat-info h3{font-size:26px}.demos-section,.employee-details-card,.quick-info-card{padding:20px}.demo-card{padding:18px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.refresh-btn,.view-all-btn{justify-content:center;width:100%}}.demo-card,.employee-details-card,.quick-info-card,.stat-card{animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}@media (prefers-color-scheme:dark){.main-content{background:#0f172a}.analytics-section,.demo-card,.demos-section,.employee-details-card,.meetings-error,.meetings-loading,.no-meetings,.quick-info-card,.settings-section,.stat-card{background:#1e293b;border-color:#334155}.card-header h2,.client-info h3,.detail-item p,.quick-info-header h3,.section-header h2,.stat-info h3{color:#f1f5f9}.client-info .phone,.demo-location,.demo-time,.header-date,.quick-info-item span,.stat-info p{color:#94a3b8}.detail-item,.quick-info-item{background:#0f172a;border-color:#334155}.edit-btn{background:#334155;color:#f1f5f9}.edit-input{background:#0f172a;border-color:#4ade80;color:#f1f5f9}}@media print{.edit-btn,.header-right,.join-meeting-btn,.logout-btn,.refresh-btn,.save-btn,.sidebar,.view-all-btn,.view-details-btn{display:none}.main-content{background:#fff;padding:20px}.demos-section,.employee-details-card,.quick-info-card,.stat-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}@page{margin:2cm}}body{font-family:Arial,sans-serif;margin:0;overflow-x:hidden}.page-wrapper{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;max-width:1400px;min-height:100vh;overflow:hidden;transform-origin:top center;width:100%}@media (max-width:1200px){.page-wrapper{transform:scale(.95)}}@media (max-width:1024px){.page-wrapper{transform:scale(.9)}}@media (max-width:768px){.page-wrapper{transform:scale(.85)}}@media (max-width:480px){.page-wrapper{transform:scale(.8)}}
/*# sourceMappingURL=main.55eccadc.css.map*/