@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{padding:0;margin:0;box-sizing:border-box;color:#000}body{min-height:100vh;width:100%;font-family:Poppins,sans-serif;overflow-x:hidden}.app{width:100%;min-height:100vh;position:relative}#root{overflow-x:hidden;min-height:100%;width:100%}html{overflow-x:hidden}.login{--login-ink: #17212b;--login-muted: #78838e;--login-line: #e6e9ec;--login-accent: #ff4d00;width:100%;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);overflow:hidden;background:#f8f8f6;color:var(--login-ink);font-family:Inter,Poppins,system-ui,sans-serif;animation:login-appear .55s ease-out both}.login *{box-sizing:border-box}.login-img{position:relative;min-width:0;min-height:100vh;min-height:100dvh;overflow:hidden;background:#3b4144}.login-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) brightness(.78);transform:scale(1.025);animation:login-image-reveal 1s ease-out both}.login-img-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:clamp(2.25rem,5vw,5rem);background:linear-gradient(180deg,#0f161c80,#0f161c05 35%,#0f161ce0),linear-gradient(90deg,rgba(15,22,28,.18),transparent 72%);color:#fff}.login .login-brand{display:flex;align-items:center;gap:.7rem;color:#fff}.brand-symbol{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.85);border-radius:13px;background:#fff;color:#ff6a2a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-symbol svg{color:#ff6a2a}.brand-name{color:#fff;font-size:1.08rem;font-weight:750;letter-spacing:-.045em}.brand-name span{color:#ff6a2a;font-weight:700}.brand-divider{width:1px;height:19px;margin:0 .2rem 0 .4rem;background:#ffffff73}.brand-caption{color:#ffffffc7;font-size:.62rem;font-weight:700;letter-spacing:.14em}.hero-copy{max-width:620px;margin:auto 0;padding:5rem 0 4rem;color:#fff;animation:login-copy-reveal .7s .12s ease-out both}.hero-copy h2{max-width:620px;margin:0;color:#fff;font-size:clamp(3.3rem,6.6vw,6.5rem);font-weight:650;letter-spacing:-.075em;line-height:.98;text-wrap:balance}.hero-copy p{max-width:420px;margin:1.5rem 0 0;color:#aeb6bc;font-size:clamp(.98rem,1.3vw,1.1rem);line-height:1.75}.hero-footer{display:flex;align-items:center;gap:.9rem;color:#ffffffb3;font-size:.76rem;letter-spacing:.015em}.hero-footer>span:last-child{color:#ffffffd1}.hero-footer-line{width:34px;height:1px;background:#ff6a2a}.login-content{display:flex;min-width:0;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;padding:clamp(2rem,5vw,5rem);background:radial-gradient(ellipse at 100% 0%,rgba(255,77,0,.055),transparent 33%),#fbfbfa}.login-content-inner{display:flex;width:min(100%,450px);min-height:610px;flex-direction:column;justify-content:center}.login-form{position:relative;width:100%;margin:0}.form-heading{margin-bottom:2.5rem}.form-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.05rem;color:var(--login-accent);font-size:.68rem;font-weight:800;letter-spacing:.18em}.form-eyebrow:before{width:19px;height:2px;background:var(--login-accent);content:""}.form-heading h1{margin:0;color:var(--login-ink);font-size:clamp(2rem,3vw,2.55rem);font-weight:650;letter-spacing:-.065em;line-height:1.12}.form-heading p{margin:.8rem 0 0;color:var(--login-muted);font-size:.93rem;line-height:1.65}.login .signup-success{padding:.85rem 1rem;border:1px solid #b7e4c7;border-radius:11px;margin-bottom:1.2rem;background:#effaf2;color:#17623d;font-size:.86rem;line-height:1.5;text-align:left}.login .signup-success p{margin:0;color:inherit}.login .login-error{position:static;width:100%;height:auto;min-height:44px;padding:.75rem 1rem;border:1px solid #fecaca;border-radius:11px;margin-bottom:1.2rem;background:#fff1f1}.login .login-error p{margin:0;color:#b42318;font-size:.85rem;line-height:1.45}.login-form form{display:flex;width:100%;flex-direction:column;gap:1.35rem}.login-field{display:flex;min-width:0;flex-direction:column;gap:.62rem}.login-field label{color:#3c4751;font-size:.84rem;font-weight:650}.password-label-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.login .forgot-password{width:auto;margin:0;color:#d94408;font-size:.78rem;font-weight:650;text-align:right;text-decoration:none}.login .forgot-password:hover{color:#b83805;text-decoration:underline}.login-input-wrap{display:flex;min-height:58px;align-items:center;gap:.8rem;padding:0 1rem;border:1px solid #dfe3e6;border-radius:12px;background:#ffffffc2;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-input-wrap>svg{flex:0 0 auto;color:#9aa3aa;transition:color .2s ease}.login-input-wrap:focus-within{border-color:var(--login-accent);background:#fff;box-shadow:0 0 0 4px #ff4d0017}.login-input-wrap:focus-within>svg{color:var(--login-accent)}.login-input-wrap input{width:100%;min-width:0;height:56px;padding:0;border:0;outline:none;background:transparent;color:var(--login-ink);font:inherit;font-size:.92rem;box-shadow:none}.login-input-wrap input::placeholder{color:#aab1b7}.login-input-wrap input:disabled{cursor:not-allowed}.login-form .signin{display:flex;width:100%;min-height:58px;align-items:center;justify-content:center;gap:.65rem;padding:.9rem 1.2rem;border:0;border-radius:12px;margin-top:.55rem;background:linear-gradient(110deg,#ff5a12,#e84700 72%,#d83f00);color:#fff;cursor:pointer;font:inherit;font-size:.94rem;font-weight:700;box-shadow:0 10px 22px #e8470030;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.login-form .signin,.login-form .signin *{color:#fff}.login-form .signin:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 14px 26px #e8470040}.login-form .signin:active:not(:disabled){transform:translateY(0)}.login-form .signin:disabled{cursor:wait;opacity:.78}.signup-prompt{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;padding-top:1.6rem;border-top:1px solid var(--login-line);margin-top:2rem;color:#78838e;font-size:.84rem}.signup-prompt a{display:inline-flex;align-items:center;gap:.35rem;color:#d94408;font-weight:700;text-decoration:none;transition:gap .2s ease,color .2s ease}.signup-prompt a:hover{gap:.55rem;color:#b83805}.signup-prompt a svg{color:currentColor}@keyframes login-appear{0%{opacity:0}to{opacity:1}}@keyframes login-image-reveal{0%{transform:scale(1.07)}to{transform:scale(1.025)}}@keyframes login-copy-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.login{grid-template-columns:minmax(0,1fr) minmax(410px,.9fr)}.login-img-overlay{padding:2.25rem}.hero-copy h2{font-size:clamp(3rem,6vw,4.5rem)}.login-content{padding:2.5rem}}@media(max-width:760px){.login{min-height:100vh;min-height:100dvh;grid-template-columns:minmax(0,1fr);overflow:visible}.login-img{min-height:340px;height:39vh;height:39svh;max-height:440px}.login-img-overlay{padding:1.6rem 1.5rem 1.8rem}.brand-symbol{width:36px;height:36px;border-radius:11px}.brand-name{font-size:1rem}.brand-caption{font-size:.56rem}.hero-copy{padding:2.2rem 0 1rem}.hero-copy h2{font-size:clamp(2.65rem,9vw,4rem)}.hero-copy p{max-width:390px;margin-top:.75rem;font-size:.87rem;line-height:1.5}.hero-footer{font-size:.68rem}.login-content{min-height:auto;padding:2rem 1.5rem 1.5rem}.login-content-inner{min-height:0}.form-heading{margin-bottom:1.8rem}.form-heading h1{font-size:2rem}}@media(max-width:420px){.login-img{min-height:305px;height:36svh}.login-img-overlay{padding:1.3rem 1.15rem 1.45rem}.hero-copy h2{font-size:2.65rem}.hero-copy p{font-size:.83rem}.login-content{padding-inline:1.2rem}.form-heading h1{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.login,.login-img>img,.hero-copy{animation:none}.login *{scroll-behavior:auto!important;transition-duration:.01ms!important}}.login-error{width:80%;height:6%;background-color:#d03d39;position:absolute;top:1rem;left:10%;border-radius:5px;display:flex;align-items:center;justify-content:center}.login-error p{color:#fff;font-size:.9rem}.loader-container{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative}.home-loading{height:100vh!important}.login-loading{height:2vh!important;padding:0}.signup-loading,.complete-profile-loading{height:24px!important;padding:0}.image-processing-loading{height:100%!important;min-height:120px;padding:0}.small-loader{height:100px!important;width:100px!important}.small-loader .loader{width:20px!important;height:20px!important}.loader{width:30px!important;height:30px!important;aspect-ratio:1 / 1;flex-shrink:0;border:4px solid #ccc;border-top-color:#ff4d00;border-radius:50%;animation:spin .8s linear infinite}.btn-loading{width:auto!important;padding:0!important;display:flex;align-items:center;justify-content:center}.btn-loading .loader{width:20px!important;height:20px!important;border-width:3px;border-color:#ffffff4d;border-top-color:#fff}.signup-success{background-color:#d4edda;color:#155724;padding:12px 15px;border-radius:8px;margin-bottom:20px;font-size:.9rem;font-weight:500;text-align:center;border:1px solid #c3e6cb;animation:slideDown .3s ease-out}.signup{--signup-ink: #17212b;--signup-muted: #78838e;--signup-line: #e6e9ec;--signup-accent: #ff4d00;display:grid;width:100%;min-height:100vh;min-height:100dvh;grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);align-items:start;overflow:visible;background:#fbfbfa;color:var(--signup-ink);font-family:Inter,Poppins,system-ui,sans-serif;animation:signup-appear .55s ease-out both}.signup *{box-sizing:border-box}.signup-img{position:sticky;top:0;min-width:0;height:100vh;height:100dvh;overflow:hidden;background:#3b4144}.signup-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) brightness(.78);transform:scale(1.025);animation:signup-image-reveal 1s ease-out both}.signup-img-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:clamp(2.25rem,5vw,5rem);background:linear-gradient(180deg,#0f161c80,#0f161c05 35%,#0f161ce0),linear-gradient(90deg,rgba(15,22,28,.18),transparent 72%);color:#fff}.signup-brand{display:flex;align-items:center;gap:.7rem;color:#fff}.signup-brand-symbol{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.85);border-radius:13px;background:#fff;color:#ff6a2a}.signup-brand-symbol svg{color:#ff6a2a}.signup-brand-name{color:#fff;font-size:1.08rem;font-weight:750;letter-spacing:-.045em}.signup-brand-name span{color:#ff6a2a;font-weight:700}.signup-brand-divider{width:1px;height:19px;margin:0 .2rem 0 .4rem;background:#ffffff73}.signup-brand-caption{color:#ffffffc7;font-size:.62rem;font-weight:700;letter-spacing:.14em}.signup-hero-copy{max-width:620px;margin:auto 0;padding:5rem 0 4rem;animation:signup-copy-reveal .7s .12s ease-out both}.signup-hero-copy h2{max-width:620px;margin:0;color:#fff;font-size:clamp(3.3rem,6.6vw,6.5rem);font-weight:650;letter-spacing:-.075em;line-height:.98;text-wrap:balance}.signup-hero-copy p{max-width:420px;margin:1.5rem 0 0;color:#aeb6bc;font-size:clamp(.98rem,1.3vw,1.1rem);line-height:1.75}.signup-hero-footer{display:flex;align-items:center;gap:.9rem;color:#ffffffd1;font-size:.76rem;letter-spacing:.015em}.signup-hero-footer>span:first-child{width:34px;height:1px;background:#ff6a2a}.signup-hero-footer>span:last-child{color:#ffffffd1}.signup-content{display:flex;min-width:0;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;padding:clamp(2rem,4vw,4rem) clamp(2rem,5vw,5rem);background:radial-gradient(ellipse at 100% 0%,rgba(255,77,0,.055),transparent 33%),#fbfbfa}.signup-content-inner{width:min(100%,450px);margin:auto}.signup-form{width:100%}.signup-heading{margin-bottom:1.7rem}.signup-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:.8rem;color:var(--signup-accent);font-size:.68rem;font-weight:800;letter-spacing:.18em}.signup-eyebrow:before{width:19px;height:2px;background:var(--signup-accent);content:""}.signup-heading h1{margin:0;color:var(--signup-ink);font-size:clamp(2rem,3vw,2.45rem);font-weight:650;letter-spacing:-.065em;line-height:1.12}.signup-heading p{margin:.7rem 0 0;color:var(--signup-muted);font-size:.91rem;line-height:1.6}.signup-form form{display:flex;width:100%;flex-direction:column;gap:.9rem}.signup-field-block{display:flex;min-width:0;flex-direction:column;gap:.28rem}.signup-field{display:flex;min-width:0;flex-direction:column;gap:.45rem}.signup-field label{color:#3c4751;font-size:.8rem;font-weight:650}.signup-input-wrap{display:flex;min-width:0;min-height:52px;align-items:center;gap:.75rem;padding:0 .9rem;border:1px solid #dfe3e6;border-radius:11px;background:#ffffffc2;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.signup-input-wrap>svg{flex:0 0 auto;color:#9aa3aa;transition:color .2s ease}.signup-input-wrap:focus-within{border-color:var(--signup-accent);background:#fff;box-shadow:0 0 0 4px #ff4d0017}.signup-input-wrap:focus-within>svg{color:var(--signup-accent)}.signup-input-wrap input{width:100%;min-width:0;height:50px;padding:0;border:0;outline:none;background:transparent;color:var(--signup-ink);font:inherit;font-size:.88rem;box-shadow:none}.signup-input-wrap input::placeholder{color:#aab1b7}.signup-input-wrap input:disabled{cursor:not-allowed}.signup .signup-error{width:100%;min-height:0;height:auto;margin:0}.signup .signup-error p{margin:0;color:#b42318;font-size:.75rem;line-height:1.35}.signup-form .signup-btn{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;gap:.65rem;padding:.85rem 1.2rem;border:0;border-radius:11px;margin-top:.25rem;background:linear-gradient(110deg,#ff5a12,#e84700 72%,#d83f00);color:#fff;cursor:pointer;font:inherit;font-size:.92rem;font-weight:700;box-shadow:0 10px 22px #e8470030;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.signup-form .signup-btn,.signup-form .signup-btn *{color:#fff}.signup-form .signup-btn:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 14px 26px #e8470040}.signup-form .signup-btn:active:not(:disabled){transform:translateY(0)}.signup-form .signup-btn:disabled{cursor:wait;opacity:.78}.signin-prompt{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;padding-top:1.25rem;border-top:1px solid var(--signup-line);margin-top:1.5rem;color:#78838e;font-size:.83rem}.signin-prompt a{display:inline-flex;align-items:center;gap:.35rem;color:#d94408;font-weight:700;text-decoration:none;transition:gap .2s ease,color .2s ease}.signin-prompt>span{color:#78838e}.signin-prompt a:hover{gap:.55rem;color:#b83805}.signin-prompt a svg{color:currentColor}@keyframes signup-appear{0%{opacity:0}to{opacity:1}}@keyframes signup-image-reveal{0%{transform:scale(1.07)}to{transform:scale(1.025)}}@keyframes signup-copy-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.signup{grid-template-columns:minmax(0,1fr) minmax(410px,.9fr)}.signup-img-overlay{padding:2.25rem}.signup-hero-copy h2{font-size:clamp(3rem,6vw,4.5rem)}.signup-content{padding:2.5rem}}@media(max-width:760px){.signup{min-height:100vh;min-height:100dvh;grid-template-columns:minmax(0,1fr)}.signup-img{position:relative;min-height:340px;height:39vh;height:39svh;max-height:440px}.signup-img-overlay{padding:1.6rem 1.5rem 1.8rem}.signup-brand-symbol{width:36px;height:36px;border-radius:11px}.signup-brand-name{font-size:1rem}.signup-brand-caption{font-size:.56rem}.signup-hero-copy{padding:2.2rem 0 1rem}.signup-hero-copy h2{font-size:clamp(2.65rem,9vw,4rem)}.signup-hero-copy p{max-width:390px;margin-top:.75rem;font-size:.87rem;line-height:1.5}.signup-hero-footer{font-size:.68rem}.signup-content{min-height:auto;padding:2rem 1.5rem 1.5rem}.signup-content-inner{width:min(100%,450px)}.signup-heading{margin-bottom:1.4rem}}@media(max-width:420px){.signup-img{min-height:305px;height:36svh}.signup-img-overlay{padding:1.3rem 1.15rem 1.45rem}.signup-hero-copy h2{font-size:2.65rem}.signup-hero-copy p{font-size:.83rem}.signup-content{padding-inline:1.2rem}.signup-heading h1{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.signup,.signup-img>img,.signup-hero-copy{animation:none}.signup *{scroll-behavior:auto!important;transition-duration:.01ms!important}}.signup-error{width:fit-content;height:fit-content}.signup-error p{margin-top:-.5rem;color:#d03d39;font-size:.75rem}.home-dashboard{width:calc(100% - 260px);margin-left:260px;min-height:100vh;background-color:#f9fafb;transition:all .3s ease;display:flex;justify-content:flex-start}.home-dashboard-inner{width:100%;max-width:1400px;padding:32px 32px 32px 40px;box-sizing:border-box;display:flex;flex-direction:column;gap:32px}.home-dashboard>.empty-listing{box-sizing:border-box;padding-right:40px;padding-left:40px}@media(max-width:920px){.home-dashboard{width:100%;margin-left:0}.home-dashboard-inner{padding:24px 16px}.home-dashboard>.empty-listing{padding-right:16px;padding-left:16px}}.header{width:100%;display:flex;flex-direction:column;gap:24px}.header-info{display:flex;flex-direction:column;gap:4px}.header h1{font-size:2rem;color:#111827;font-weight:700;margin:0;letter-spacing:-.02em}.header p{color:#4b5563;font-size:.95rem;margin:0}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;width:100%}.summary-card{background:#fff;padding:20px;border-radius:6px;display:flex;align-items:flex-start;justify-content:space-between;border:1px solid #E5E7EB;transition:border-color .2s ease}.summary-card:hover{border-color:#d1d5db}.card-icon{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center}.card-icon svg{width:16px;height:16px}.card-icon.approved{background-color:#ecfdf5;color:#059669}.card-icon.pending{background-color:#fffbeb;color:#d97706}.card-icon.declined{background-color:#fef2f2;color:#dc2626}.card-content{display:flex;flex-direction:column;gap:2px}.card-content h2{font-size:.8rem;color:#6b7280;font-weight:500;margin:0;letter-spacing:.01em}.card-content .data{font-size:1.75rem;color:#111827;font-weight:700;line-height:1.1}.card-content p{margin:0;font-size:.75rem;color:#9ca3af}@media(max-width:920px){.header{gap:16px}.header h1{font-size:1.5rem}.summary{grid-template-columns:repeat(3,1fr);gap:12px}.summary-card{padding:16px;flex-direction:column-reverse;align-items:flex-start;gap:12px}.card-content .data{font-size:1.4rem}.card-content p{display:none}}@media(max-width:480px){.header h1{font-size:1.4rem}.summary{grid-template-columns:repeat(3,1fr);gap:.5rem}.summary-card{padding:.8rem .4rem}.card-content .data{font-size:1.2rem}}.your-listing{width:100%;height:auto;display:flex;flex-flow:column;gap:32px}.listing-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #E5E7EB}.listing-header .header-text h1{font-size:1.5rem;color:#111827;font-weight:700;margin:0 0 4px}.listing-header .header-text p{font-size:.95rem;color:#6b7280;margin:0}.listing-header .list-new-btn{padding:10px 20px;background-color:#ff4d00;color:#fff!important;border-radius:6px;border:none;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none;transition:background-color .2s ease;font-size:.9rem}.listing-header .list-new-btn span,.listing-header .list-new-btn svg{color:#fff!important;stroke:#fff!important}.listing-header .list-new-btn:hover{background-color:#e64600;color:#fff!important}.listing-header .list-new-btn:hover span,.listing-header .list-new-btn:hover svg{color:#fff!important;stroke:#fff!important}.your-listing .your-listing-container{width:100%;display:flex;flex-flow:column;gap:24px}.listing-section{display:flex;flex-direction:column;gap:24px}.section-title{font-size:1.2rem;color:#00365d;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:.8rem;font-weight:600}.section-title:before{content:"";width:4px;height:1.2rem;background:#00365d;border-radius:4px}.section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.empty-section-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;font-size:1.1rem;padding:60px 20px;background:#f9fafb;border-radius:12px;border:1px dashed #D1D5DB;text-align:center;font-weight:500;width:100%}.empty-section-msg svg{margin-bottom:12px;color:#9ca3af}.your-listing-container .listing-card{width:100%;background-color:#fff;border:1px solid #E5E7EB;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.your-listing-container .listing-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px #0000001a;border-color:#d1d5db}.car-img-wrapper{width:100%;height:200px;position:relative;overflow:hidden;background-color:#f3f4f6}.car-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.your-listing-container .listing-card:hover .car-img-wrapper img{transform:scale(1.05)}.card-badges{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.status-badge{padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-badge.approved{background-color:#059669e6;color:#fff;box-shadow:0 2px 4px #0000001a}.status-badge.pending{background-color:#d97706e6;color:#fff;box-shadow:0 2px 4px #0000001a}.status-badge.declined{background-color:#dc2626e6;color:#fff;box-shadow:0 2px 4px #0000001a}.boost-badge{background:linear-gradient(135deg,#ff4d00,#e64600);color:#fff;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 2px 8px #ff4d0066}.car-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.car-card-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.car-title{color:#111827;font-size:1.25rem;font-weight:700;margin:0;line-height:1.2}.car-year-trans{font-size:.85rem;color:#6b7280;font-weight:500}.car-price{font-size:1.5rem;font-weight:800;color:#ff4d00;margin-bottom:20px}.car-card-actions{margin-top:auto;display:flex;flex-direction:column;gap:8px}.action-row{display:flex;gap:8px}.action-btn{flex:1;padding:10px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;border:1px solid transparent}.action-btn.refresh-btn{background-color:#f9fafb;color:#111827;border-color:#e5e7eb}.action-btn.refresh-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.action-btn.refresh-btn.active{background-color:#ecfdf5;color:#059669;border-color:#a7f3d0;cursor:default}.action-btn.edit-btn{background-color:#fff;color:#374151;border-color:#e5e7eb}.action-btn.edit-btn:hover:not(.disabled){background-color:#f9fafb;border-color:#d1d5db;color:#111827}.action-btn.delete-btn{background-color:#fff;color:#dc2626;border-color:#fecaca}.action-btn.delete-btn:hover{background-color:#fef2f2}.action-btn.disabled{opacity:.5;cursor:not-allowed}.decline-remark-preview{margin-bottom:20px;padding:12px;background:#fef2f2;border:1px solid #FECACA;border-radius:6px;color:#991b1b;cursor:pointer;transition:background-color .2s ease}.decline-remark-preview:hover{background:#fee2e2}.decline-remark-preview p{margin:0;font-size:.85rem;line-height:1.4}.view-remark-btn{background:transparent;border:1px solid transparent;color:#00365d;cursor:pointer}.remark-modal-overlay{position:fixed;inset:0;background:#02061773;display:flex;align-items:center;justify-content:center;z-index:60}.remark-modal{background:#fff;padding:1.25rem;border-radius:10px;width:480px;max-width:92%;box-shadow:0 8px 30px #02061733}.remark-modal h3{margin:0 0 .5rem;color:#00365d}.remark-modal .full-remark{color:#374151;margin:0 0 1rem;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.remark-actions{display:flex;gap:8px;justify-content:flex-end}.btn-secondary{background:transparent;border:1px solid #e5e7eb;padding:.45rem .75rem;border-radius:6px;cursor:pointer}.btn-primary{background:#00365d;color:#fff;border:none;padding:.45rem .75rem;border-radius:6px;cursor:pointer}.btn-orange{background:#ff4d00;color:#fff;border:none;padding:.45rem .75rem;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s}.btn-orange:hover{background:#e64600}.decline-remark-preview{max-width:100%;overflow:hidden}.decline-remark-preview p{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.view-remark-btn{flex-shrink:0}.listing-tabs{display:flex;justify-content:center;gap:32px;border-bottom:1px solid #E5E7EB;width:100%}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 4px;background:transparent;color:#6b7280;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s ease;margin-bottom:-1px}.tab-btn.active{color:#111827;border-bottom:2px solid #FF4D00;font-weight:600}.tab-btn:hover:not(.active){color:#374151;border-bottom:2px solid #D1D5DB}@media(max-width:768px){.your-listing{gap:24px}.listing-header{flex-direction:column;align-items:flex-start;gap:16px}.listing-tabs{gap:16px;overflow-x:auto}.listing-tabs::-webkit-scrollbar{display:none}.tab-btn{flex:none;white-space:nowrap;font-size:.85rem}.section-grid{display:grid;grid-template-columns:1fr;gap:1rem}.your-listing-container .listing-card{width:100%;height:auto;flex-direction:column;padding:1rem}.listing-card .car-img{width:100%;height:200px}.listing-card .car-description{width:100%;padding-top:1rem}.car-description .actions{position:static;width:100%;height:auto;margin-top:1rem}}.badge{position:absolute;top:22px;right:-45px;color:#fff;padding:10px 65px;transform:rotate(45deg);z-index:10;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 6px 15px #0006;text-align:center;overflow:hidden;border:1.5px solid rgba(255,255,255,.6);width:auto;line-height:1}.badge:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.35;pointer-events:none;mix-blend-mode:overlay;z-index:1;animation:megaSparkle 3s ease-in-out infinite,sparkleRotate 15s linear infinite;transform-origin:center center}@keyframes megaSparkle{0%,to{opacity:.25}50%{opacity:.85}}@keyframes sparkleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge.premium{background:linear-gradient(110deg,#bf953f,#fcf6ba 45%,#b38728,#fcf6ba 55%,#aa771c);color:#3b2a00;text-shadow:0 1px 2px rgba(255,255,255,.6);box-shadow:0 4px 15px #b8860b66}.badge.featured{background:linear-gradient(110deg,#a0a0a0,#e8e8e8 45%,#707070,#e8e8e8 55%,#505050);color:#333;text-shadow:0 1px 2px rgba(255,255,255,.6);box-shadow:0 4px 15px #80808066}.delete-listing-overlay,.delete-listing{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:999999;padding:16px;box-sizing:border-box}.delete-listing.close{display:none}.delete-modal{width:100%;max-width:420px;border-radius:14px;display:flex;flex-direction:column;background-color:#fff;padding:28px 24px;box-sizing:border-box;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a;border:1px solid #E5E7EB;animation:deleteModalIn .18s ease-out forwards}@keyframes deleteModalIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-modal h2,.delete-modal h1{margin:0 0 10px;font-size:1.25rem;font-weight:700;color:#111827;text-align:center}.delete-modal p{margin:0 0 24px;color:#4b5563;text-align:center;font-size:.95rem;line-height:1.5}.delete-modal .actions{width:100%;display:flex;align-items:center;justify-content:center;gap:12px}.delete-modal .actions button,.delete-modal .actions .btn-cancel,.delete-modal .actions .btn-delete{flex:1;padding:11px 16px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .15s ease}.delete-modal .actions .btn-cancel,.delete-modal .actions button:first-child{background-color:#f3f4f6;color:#374151;border-color:#e5e7eb}.delete-modal .actions .btn-cancel:hover,.delete-modal .actions button:first-child:hover{background-color:#e5e7eb;color:#111827}.delete-modal .actions .btn-delete,.delete-modal .actions button:last-child{background-color:#dc2626;color:#fff;border-color:#dc2626}.delete-modal .actions .btn-delete:hover,.delete-modal .actions button:last-child:hover{background-color:#b91c1c;border-color:#b91c1c}.empty-listing{width:100%;min-height:80vh;padding:2rem 1rem;display:flex;flex-flow:column;align-items:center;justify-content:center;gap:1rem}.listing-top{display:flex;justify-content:space-between;width:100%;max-width:1200px}.listing-top button{padding:.7rem 1.2rem;background-color:#ff4d00;color:#fff;border-radius:8px;border:0;cursor:pointer}.listing-container{width:90%;max-width:600px;display:flex;flex-flow:column;gap:1.5rem;align-items:center;justify-content:center;border:1px solid rgb(221,221,221);padding:4rem 2rem;border-radius:16px;background-color:#fff;box-shadow:0 4px 20px #0000000d;text-align:center}.listing-container h1{color:#ff4d00;margin:0;font-size:2rem}.listing-container p{color:#555;margin:0;line-height:1.6}.listing-container button{padding:1rem 2rem;border-radius:8px;border:0;background-color:#ff4d00;color:#fff!important;font-weight:600;cursor:pointer;transition:transform .2s,background-color .2s}.listing-container button:hover{background-color:#cc3e00;color:#fff!important}@media(max-width:600px){.listing-container{padding:3rem 1.5rem;gap:1rem}.listing-container h1{font-size:1.5rem}.listing-container p{font-size:.95rem}.listing-container button{width:100%;padding:.8rem 1.5rem}}.post-navbar{width:100%;height:11%;display:flex;align-items:center;justify-content:space-between;padding-inline:4rem;background-color:#fff;z-index:10000;box-shadow:0 1px 3px #d3d3d3}.brand-logo{height:100%;width:10%}.brand-logo img{width:100%;height:100%;object-fit:cover}.post-navbar button{padding:.6rem 1.2rem;border-radius:8px;border:0;background-color:#ff4d00;color:#fff;cursor:pointer;transition:all .3s ease}.post-navbar button:hover{background-color:#e64500;transform:translateY(-2px);box-shadow:0 4px 8px #ff4d0033}.post-navbar button *{color:#fff;text-decoration:none}.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:260px;background-color:#ff4d00;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1rem;transition:all .3s ease-in-out;box-shadow:3px 0 15px #0000001a;z-index:100;overflow:hidden}.sidebar.collapsed{width:80px}.sidebar-header{display:flex;align-items:center;margin-bottom:2rem}.sidebar-logo{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:600;justify-content:center;width:100%;height:100%}.sidebar-logo h2{color:#fff;font-size:1.3rem;text-align:center;justify-self:center;align-self:center}.logo-icon{font-size:1.6rem}.logo-text{color:#fff;font-weight:600}.menu-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:6px;transition:.3s}.menu-btn:hover{background-color:#ffffff1a}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:1rem;padding-top:5rem;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none;font-size:1rem;border-radius:.8rem;transition:.3s ease;padding:.6rem .8rem}.sidebar-link *{width:100%;height:100%}.sidebar-link span{color:#fff}.sidebar-link svg,.sidebar-link svg *{color:#fff;stroke:#fff}.sidebar-link svg{flex:0 0 22px}.sidebar-link:hover{background-color:#f5f5f5;color:#000}.sidebar-link:hover span,.sidebar-link:hover svg,.sidebar-link:hover svg *{color:#000;stroke:#000}.sidebar-link svg{width:22px;height:22px}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.2);padding-top:1rem}.logout{color:#fff}.logout:hover{background-color:#ffffff26}.sidebar.collapsed .sidebar-link span,.sidebar.collapsed .logo-text{display:none}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.7rem}.sidebar-link.active{background-color:#00000024;color:#fff}.sidebar-link.active *{color:#fff}.sidebar-link.active svg,.sidebar-link.active svg *{color:#fff;stroke:#fff}.sidebar-link.active:hover{background-color:#f5f5f5;color:#000}.sidebar-link.active:hover span,.sidebar-link.active:hover svg,.sidebar-link.active:hover svg *{color:#000;stroke:#000}.mobile-close{display:none;background:none;border:none;color:#fff;cursor:pointer}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:95}@media(max-width:920px){.sidebar{width:280px;transform:translate(-100%);z-index:1000}.sidebar.open{transform:translate(0)}.sidebar-overlay,.mobile-close{display:block}.sidebar-header{justify-content:space-between;margin-bottom:1rem}.sidebar-nav{padding-top:2rem}}.vip-status-widget{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1rem;margin:1rem 0;display:flex;align-items:center;gap:.8rem;box-shadow:0 4px 15px #0000000d}.vip-icon-wrapper{background:#fff3;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vip-info{display:flex;flex-direction:column}.vip-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;opacity:.9;font-weight:700;margin:0}.vip-slots{font-size:.9rem;font-weight:500;margin:0;white-space:nowrap}.vip-slots span{font-size:1.1rem;font-weight:800;color:gold}.new-listing{box-sizing:border-box;width:calc(100% - 260px);min-height:calc(100vh - 80px);margin-left:260px;padding:3rem 2rem;display:flex;justify-content:center;align-items:flex-start;background:#f4f7fb;font-family:Inter,system-ui,sans-serif;transition:all .3s ease}.new-listing *{box-sizing:border-box}.new-listing .new-content{position:relative;overflow:hidden;width:min(100%,1000px);margin:0 0 2rem;padding:2.75rem 3rem;border:1px solid rgba(226,232,240,.9);border-radius:24px;background:#fff;box-shadow:0 10px 40px #0000000a,0 1px 3px #00000005}.new-listing .new-content:before{position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#ff4d00,#ff8c42);content:""}.listing-heading{padding-bottom:1.5rem;border-bottom:1px solid #f1f5f9}.listing-eyebrow{display:inline-block;margin-bottom:.65rem;color:#ff4d00;font-size:.74rem;font-weight:800;letter-spacing:.12em}.new-listing .new-content .content-title{margin:0;color:#0f172a;font-size:clamp(1.65rem,3vw,2rem);font-weight:800;letter-spacing:-.045em;line-height:1.2}.listing-subtitle{margin:.65rem 0 0;color:#64748b;font-size:.98rem;line-height:1.6}.new-listing .form-instruction{display:flex;align-items:center;gap:.85rem;margin-top:1.5rem;padding:1rem 1.15rem;border:1px solid #ffdfcf;border-radius:14px;background:#fff8f4}.instruction-mark{display:grid;width:26px;height:26px;flex:0 0 26px;place-items:center;border-radius:50%;background:#ffeadf;color:#e64500;font-family:Georgia,serif;font-size:1rem;font-weight:700}.form-instruction p{margin:0;color:#475569;font-size:.9rem;line-height:1.55}.form-instruction strong{color:#1e293b}.new-listing .new-content .listing-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem 1.5rem;width:100%;margin-top:2rem}.new-listing .listing-form>.input-container,.new-listing .listing-form>.description{display:flex;min-width:0;width:100%;height:auto;flex-direction:column;gap:.55rem}.new-listing .listing-form>.description,.new-listing .listing-form>.edit-actions{grid-column:1 / -1}.new-listing .listing-form .input-container>label,.new-listing .listing-form .description>label{color:#334155;font-size:.9rem;font-weight:650;line-height:1.45}.new-listing .field-hint{color:#94a3b8;font-size:.78rem;font-weight:400}.new-listing .listing-form input:not([type=submit]),.new-listing .listing-form select,.new-listing .listing-form textarea{min-width:0;width:100%;min-height:52px;margin:0;padding:0 1rem;border:1px solid #cbd5e1;border-radius:12px;outline:none;background-color:#f8fafc;color:#0f172a;font:inherit;font-size:.96rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.new-listing .listing-form select{padding-right:2.5rem;cursor:pointer}.new-listing .listing-form input::placeholder,.new-listing .listing-form textarea::placeholder{color:#94a3b8}.new-listing .listing-form input:hover,.new-listing .listing-form select:hover,.new-listing .listing-form textarea:hover{border-color:#94a3b8;background-color:#fff}.new-listing .listing-form input:focus,.new-listing .listing-form select:focus,.new-listing .listing-form textarea:focus{border-color:#ff4d00;outline:none;background-color:#fff;box-shadow:0 0 0 4px #ff4d001a}.new-listing .listing-form .input-contain{display:flex;min-width:0;width:100%;min-height:52px;overflow:hidden;align-items:stretch;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.new-listing .listing-form .input-contain:focus-within{border-color:#ff4d00;background:#fff;box-shadow:0 0 0 4px #ff4d001a}.new-listing .listing-form .currency-select{width:82px;min-height:50px;padding:0 .55rem;border:0;border-right:1px solid #e2e8f0;border-radius:0;outline:0;background:#f1f5f9;color:#334155;font-weight:700;text-align:center}.new-listing .listing-form .input-contain input:not([type=submit]){flex:1;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none}.new-listing .listing-form .input-contain input:focus{border:0;outline:0;background:transparent;box-shadow:none}.new-listing .model-entry{position:relative;width:100%}.new-listing .model-entry input{padding-right:110px!important}.new-listing .model-list-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);padding:.35rem .45rem;border:0;border-radius:6px;background:transparent;color:#e64500;cursor:pointer;font:inherit;font-size:.78rem;font-weight:700}.new-listing .model-list-toggle:hover{background:#fff1e9}.new-listing .listing-form .description textarea{min-height:150px;padding:.9rem 1rem;resize:vertical;line-height:1.6}.new-listing .edit-actions{display:flex;min-height:52px;height:auto;gap:.85rem;justify-content:flex-end;padding-top:1.4rem;border-top:1px solid #f1f5f9}.new-listing .edit-actions>input[type=submit],.new-listing .edit-actions>button,.new-listing .edit-actions>a{width:auto;min-width:150px;height:auto}.new-listing .edit-actions>input[type=submit],.new-listing .edit-actions>button{min-height:50px;padding:.85rem 1.5rem;border:0;border-radius:999px;font:inherit;font-size:.98rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.new-listing .edit-actions>input[type=submit],.new-listing .edit-actions>button.confirm-btn{background:linear-gradient(135deg,#ff4d00,#e64500);color:#fff;box-shadow:0 4px 15px #ff4d0033}.new-listing .edit-actions>a{display:flex;min-height:50px;padding:.85rem 1.5rem;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#475569;font-size:.98rem;font-weight:650;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.new-listing .edit-actions>input[type=submit]:hover:not(:disabled),.new-listing .edit-actions>button.confirm-btn:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#ff5e1a,#cc3e00);box-shadow:0 8px 20px #ff4d0040}.new-listing .edit-actions>a:hover{border-color:#94a3b8;background:#f8fafc;color:#0f172a}.new-listing .edit-actions .loading-active{cursor:wait}.new-listing .listing-form .new-post-error{margin-top:-.25rem}@media(max-width:920px){.new-listing{width:100%;margin-left:0;padding:2rem 1.5rem}.new-listing .new-content{padding:2.5rem 2rem}}@media(max-width:620px){.new-listing{min-height:auto;padding:1.25rem 1rem}.new-listing .new-content{padding:2rem 1.25rem;border-radius:18px}.new-listing .new-content:before{height:5px}.new-listing .new-content .listing-form{grid-template-columns:minmax(0,1fr);gap:1.15rem;margin-top:1.5rem}.new-listing .listing-form>.description,.new-listing .listing-form>.edit-actions{grid-column:auto}.new-listing .edit-actions{flex-direction:column-reverse;padding-top:1.15rem}.new-listing .edit-actions>input[type=submit],.new-listing .edit-actions>button,.new-listing .edit-actions>a{width:100%}}@media(max-width:380px){.new-listing{padding:0;background:#fff}.new-listing .new-content{border:0;border-radius:0;box-shadow:none;padding:1.75rem 1.1rem}.new-listing .new-content:before{display:none}}.new-post-error{width:fit-content;height:fit-content}.new-post-error p{margin-top:.2rem;color:#d03d39;font-size:.75rem}.edit-listing{width:calc(100% - 260px);height:auto;display:flex;flex-direction:column;align-items:center;margin-left:260px;transition:all .3s ease}.edit-listing .header{width:100%;height:30%;background:linear-gradient(to right,#0f172a,#18243a,#18212f);display:flex;flex-flow:column;gap:1rem;padding:2rem 5rem}.header button{color:#d9d9d9;background-color:transparent;align-self:start;border:0;font-size:1rem;cursor:pointer;transition:all .3s ease}.header button:hover{color:#fff;transform:translate(-3px)}.edit-listing .header>p{color:#008575;font-size:.9rem;font-weight:bolder}.edit-listing .header h1{color:#fffdfd;font-size:3rem}.header .header-detail{display:flex;gap:1rem}.header-detail p{color:#e4e4e4;font-size:.9rem}.header-detail p span{color:#fff;font-weight:bolder;font-size:1.1rem}.edit-content{width:85%;min-height:90vh;border:1px solid lightgray;margin-top:3rem;border-radius:8px;box-shadow:1px 1px 5px #d3d3d3;padding:2.5rem;margin-bottom:2rem}.edit-content h1{font-size:1.6rem}.edit-content form{width:100%;height:100%;margin-top:2rem;display:flex;flex-flow:wrap row;gap:1.5rem;justify-content:space-between}form .input-container{display:flex;flex-flow:column;gap:.5rem;width:calc(50% - 1rem);height:fit-content}.input-container label{color:#2d2d2d;font-weight:600}.input-container input{padding:1rem 2rem;border-radius:8px;border:1px solid rgb(175,175,175);width:100%;box-shadow:1px 1px 5px #fff}.input-container input:focus{outline:1px solid #388fce}.input-container .input-contain{display:flex;border:1px solid rgb(175,175,175);border-radius:8px;align-items:stretch;overflow:hidden}.input-contain input{flex:1;padding:1rem;outline:0!important;border:0!important;border-radius:0!important;background:transparent!important}.currency-select{width:80px!important;padding:0!important;text-align:center;text-align-last:center;height:auto;border:none!important;border-right:1px solid rgb(175,175,175)!important;border-radius:8px 0 0 8px!important;background:transparent!important;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.input-container select{padding:1rem 2rem;border-radius:8px;border:1px solid rgb(175,175,175);width:100%;max-width:100%;box-sizing:border-box}form .description{width:100%;height:20%;display:flex;flex-flow:column;gap:.5rem}.description label{color:#2d2d2d;font-weight:600}.description textarea{width:100%;height:7rem;padding:1rem 2rem;border-radius:8px;outline:1px solid #388fce}.edit-actions{width:100%;height:3rem;display:flex;gap:2rem}.edit-actions *:first-child{width:100%;height:fit-content}.edit-actions input{padding:.8rem 1.3rem;border:0;border-radius:8px;background-color:#ff4d00;color:#fff;width:100%;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.edit-actions input:hover{background-color:#e64500;transform:translateY(-2px);box-shadow:0 4px 12px #ff4d004d}@media(max-width:920px){.edit-listing{width:100%;margin-left:0}.edit-listing .header{padding:2rem 1.5rem}.edit-listing .header h1{font-size:2rem}.edit-content{width:95%;padding:1.5rem;margin-top:2rem}.edit-content form{gap:1.2rem}form .input-container{width:100%}.edit-actions{flex-direction:column;height:auto;gap:1rem}}.edit-actions *:last-child{width:100%;height:fit-content}.edit-actions button{padding:.8rem 1.3rem;border:0;border-radius:8px;color:#323232;width:100%;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.edit-actions button:hover{background-color:#d1d5db;color:#000}.loading-btn{cursor:not-allowed;padding:.8rem 1.3rem;border:0;border-radius:8px;background-color:#ff4d00;color:#fff;width:100%;font-weight:700;font-size:1.1rem}.edit-post-error{width:fit-content;height:fit-content}.edit-post-error p{margin-top:.2rem;color:#d03d39;font-size:.75rem}.form-actions{display:flex;flex-direction:column;gap:1rem;width:100%}.submit-btn{background:#fff;color:#ff4d00;border:1px solid #FF4D00;padding:.9rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;width:100%;transition:all .2s ease-in-out}.submit-btn:hover{background:#ff4d00;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff4d0033}.cancel-btn{background:#f8f9fa;color:#666;border:1px solid #ddd;padding:.9rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;width:100%;transition:all .2s ease-in-out}.cancel-btn:hover{background:#e9ecef;color:#333;border-color:#ccc}.image-info-error-edit{width:fit-content;height:fit-content}.image-info-error-edit p{margin-top:.2rem;color:#d03d39;font-size:.75rem;margin-left:10rem}.image-info{margin-top:5rem;margin-left:260px;width:calc(100% - 260px);padding:2rem;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;animation:fadeIn .5s ease-in-out}.info-form{max-width:700px;width:100%;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 14px #00000014;display:flex;flex-direction:column;gap:1.2rem}.page-title{text-align:center;color:#ff4d00;font-weight:600;margin-bottom:2rem}.upload-section{display:flex;flex-direction:column;gap:.6rem}.label-title{font-weight:500;color:#333}.upload-box{position:relative;border:2px dashed #ccc;border-radius:12px;padding:.5rem;text-align:center;cursor:pointer;transition:all .3s;height:100px;display:flex;align-items:center;justify-content:center;background:#fafafa;overflow:hidden}.upload-box.multi{padding:.8rem;height:auto;min-height:100px;justify-content:flex-start;align-items:flex-start}.upload-box:hover{border-color:#ff4d00}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.image-preview-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:150px}.remove-image-btn{position:absolute;top:8px;right:8px;background-color:#ffffffe6;color:#ff4d4f;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;box-shadow:0 2px 4px #0003;font-weight:700;font-size:14px;transition:all .2s}.remove-image-btn:hover{background-color:#ff4d4f;color:#fff;transform:scale(1.1)}.preview-img{width:100%;height:100px;object-fit:cover;border-radius:10px}.preview-list{display:flex;flex-wrap:wrap;gap:12px;width:100%;height:auto;padding:2px}.thumbnail-wrapper{position:relative;width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.thumbnail-wrapper img{width:100%;height:100%;object-fit:cover}.remove-image-btn.small{top:4px;right:4px;width:18px;height:18px;font-size:10px}.plus-placeholder{width:80px;height:80px;border:2px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#ccc;background:#fff;cursor:pointer;position:relative;transition:all .2s}.plus-placeholder:hover{border-color:#ff4d00;color:#ff4d00;background:snow}.plus-placeholder input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.upload-box.is-loading{border-color:#ff4d00;border-style:solid}.upload-progress-panel{display:flex;flex-direction:column;gap:.45rem;width:100%;padding:.75rem .9rem;border-radius:10px;background:#fff7f2;border:1px solid #ffe0d0}.upload-progress-meta{display:flex;justify-content:space-between;align-items:center;color:#8a3500;font-size:.95rem;font-weight:600}.upload-progress-bar{width:100%;height:8px;background:#ffd8c2;border-radius:999px;overflow:hidden}.upload-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7a2f,#ff4d00);transition:width .2s ease}.form-row{display:flex;gap:1rem}.form-group{flex:1;display:flex;flex-direction:column;gap:.4rem}.form-group input,select{border:1px solid #ddd;border-radius:8px;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:#ff4d00;outline:none}form .post-car{width:100%}.submit-btn{background:#fff;color:#ff4d00;border:1px solid #FF4D00;padding:.9rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;width:100%;transition:background .2s ease-in-out}.submit-btn:hover{background:#ff4d00;color:#fff}.cancel-btn{width:100%;height:auto;padding:1rem;border-radius:8px;border:1px solid lightgray;color:#ff4d00}.cancel-btn:hover{background-color:#d6d6d6}@media(max-width:920px){.image-info{width:100%!important;margin-left:0!important;margin-top:2rem!important;padding:1rem!important;display:block!important}.info-form{padding:1.5rem!important;max-width:100%!important;margin:0!important;border-radius:8px!important}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important}}.success-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out;overflow-y:auto;padding:1rem}.success-modal{background:#fff;padding:3rem 2.5rem;border-radius:16px;width:90%;max-width:500px;text-align:center;box-shadow:0 25px 50px #00000026;border:1px solid rgba(0,0,0,.1);animation:modalPop .4s cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center}@keyframes modalPop{0%{transform:scale(.7) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.success-icon{width:80px;height:80px;background:#ff4d00;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:3rem;margin:0 auto 1.5rem;box-shadow:0 4px 15px #ff4d004d;animation:iconPulse .6s ease-out}.email-notice{margin:15px 0;padding:15px;background:#fff5f0;border-radius:8px;color:#ff4d00;text-align:left;border-left:4px solid #FF4D00;font-size:.95rem}.email-notice strong{display:block;margin-bottom:5px;font-size:1.1rem}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-modal h2{color:#ff4d00;margin-bottom:1rem;font-size:2rem;font-weight:700}.success-modal p{color:#4a5568;line-height:1.7;margin-bottom:2rem;font-size:1rem}.success-modal .confirm-btn{background:linear-gradient(135deg,#ff4d00,#ff7a45);color:#fff;padding:.9rem 3rem;border-radius:50px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff4d004d}.success-modal .confirm-btn:hover{background:linear-gradient(135deg,#ff7a45,#ff4d00);transform:translateY(-2px);box-shadow:0 6px 20px #ff4d0066}.success-modal .confirm-btn:active{transform:translateY(0);box-shadow:0 2px 10px #00365d33}@media(max-width:500px){.success-modal{padding:2rem 1.5rem;width:95%}.success-icon{width:60px;height:60px;font-size:2.2rem;margin-bottom:1rem}.success-modal h2{font-size:1.5rem;margin-bottom:.75rem}.success-modal p{font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.email-notice{padding:10px;font-size:.85rem;margin:10px 0}.email-notice strong{font-size:.95rem}.success-modal .confirm-btn{padding:.8rem 2rem;width:100%;border-radius:8px}}.loader-container{width:100%;height:65vh;display:flex;align-items:center;justify-content:center}.home-loading{height:65vh}.car-loading{height:75vh}.ev-loading{height:80vh}.login-loading{width:1%;height:1%}.cardetail-loading{height:82vh}.loader-container .loader{width:40px;height:40px;border:4px solid #ccc;border-top-color:#185530;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.image-info-error{width:fit-content;height:fit-content}.image-info-error p{margin-top:.2rem;color:#d03d39;font-size:.75rem;margin-left:10rem}.otp-verification{--otp-ink: #17212b;--otp-muted: #78838e;--otp-line: #e6e9ec;--otp-accent: #ff4d00;display:grid;width:100%;min-height:100vh;min-height:100dvh;grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);align-items:start;overflow:visible;background:#fbfbfa;color:var(--otp-ink);font-family:Inter,Poppins,system-ui,sans-serif;animation:otp-appear .55s ease-out both}.otp-verification *{box-sizing:border-box}.otp-visual{position:sticky;top:0;min-width:0;height:100vh;height:100dvh;overflow:hidden;background:#3b4144}.otp-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) brightness(.78);transform:scale(1.025);animation:otp-image-reveal 1s ease-out both}.otp-visual-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:clamp(2.25rem,5vw,5rem);background:linear-gradient(180deg,#0f161c80,#0f161c05 35%,#0f161ce0),linear-gradient(90deg,rgba(15,22,28,.18),transparent 72%);color:#fff}.otp-brand{display:flex;align-items:center;gap:.7rem;color:#fff}.otp-brand-symbol{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.85);border-radius:13px;background:#fff;color:#ff6a2a}.otp-brand-symbol svg{color:#ff6a2a}.otp-brand-name{color:#fff;font-size:1.08rem;font-weight:750;letter-spacing:-.045em}.otp-brand-name span{color:#ff6a2a;font-weight:700}.otp-brand-divider{width:1px;height:19px;margin:0 .2rem 0 .4rem;background:#ffffff73}.otp-brand-caption{color:#ffffffc7;font-size:.62rem;font-weight:700;letter-spacing:.14em}.otp-hero-copy{max-width:620px;margin:auto 0;padding:5rem 0 4rem;animation:otp-copy-reveal .7s .12s ease-out both}.otp-hero-copy h2{max-width:620px;margin:0;color:#fff;font-size:clamp(3.3rem,6.6vw,6.5rem);font-weight:650;letter-spacing:-.075em;line-height:.98;text-wrap:balance}.otp-hero-copy p{max-width:420px;margin:1.5rem 0 0;color:#aeb6bc;font-size:clamp(.98rem,1.3vw,1.1rem);line-height:1.75}.otp-visual-footer{display:flex;align-items:center;gap:.9rem;color:#ffffffd1;font-size:.7rem;font-weight:650;letter-spacing:.12em}.otp-visual-footer>span:first-child{width:34px;height:1px;background:#ff6a2a}.otp-visual-footer>span:last-child{color:#ffffffd1}.otp-content{display:flex;min-width:0;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;padding:clamp(2rem,5vw,5rem);background:radial-gradient(ellipse at 100% 0%,rgba(255,77,0,.055),transparent 33%),#fbfbfa}.otp-content-inner{width:min(100%,450px);margin:auto}.otp-form{width:100%}.otp-heading-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid #ffd9c8;border-radius:15px;margin-bottom:1.5rem;background:#fff2eb;color:#e94b0a}.otp-heading-icon svg{color:#e94b0a}.otp-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:.9rem;color:var(--otp-accent);font-size:.68rem;font-weight:800;letter-spacing:.18em}.otp-eyebrow:before{width:19px;height:2px;background:var(--otp-accent);content:""}.otp-form h1{margin:0;color:var(--otp-ink);font-size:clamp(2rem,3vw,2.55rem);font-weight:650;letter-spacing:-.065em;line-height:1.12}.otp-instruction{margin:.8rem 0 1.8rem;color:var(--otp-muted);font-size:.92rem;line-height:1.65;overflow-wrap:anywhere}.otp-instruction strong{color:#39434d;font-weight:650}.otp-verification .otp-error{width:100%;max-width:none;padding:.8rem 1rem;border:1px solid #fecaca;border-radius:11px;margin:0 0 1rem;background:#fff1f1;color:#b42318;text-align:left}.otp-verification .otp-error p{margin:0;color:#b42318;font-size:.85rem;line-height:1.45;text-align:left}.otp-feedback{margin:0 0 1rem;color:#17623d;font-size:.82rem;line-height:1.5}.otp-feedback-error{color:#b42318}.otp-entry-section{padding:1.5rem 1.2rem;border:1px solid var(--otp-line);border-radius:15px;background:#ffffff9e}.otp-verification .otp-container{display:flex;width:100%;justify-content:space-between;gap:clamp(.35rem,1.3vw,.7rem)}.otp-verification .otp-input{width:clamp(38px,4.2vw,50px);height:56px;flex:0 1 50px;border:1px solid #d8dee3;border-radius:11px;background:#fff;color:#17212b;font-family:inherit;font-size:1.35rem;font-weight:650;transition:border-color .2s ease,box-shadow .2s ease}.otp-verification .otp-input:focus{border:1px solid var(--otp-accent);outline:none;box-shadow:0 0 0 4px #ff4d001a}.otp-entry-hint{margin:1rem 0 0;color:#87919a;font-size:.76rem;line-height:1.5;text-align:center}.otp-resend-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem;margin-top:1.55rem;color:#78838e;font-size:.83rem}.otp-resend-row>span{color:#78838e}.otp-resend{padding:.2rem .25rem;border:0;background:transparent;color:#d94408;cursor:pointer;font:inherit;font-weight:700}.otp-resend:hover:not(:disabled){color:#b83805;text-decoration:underline}.otp-resend:disabled{cursor:not-allowed;opacity:.55}.otp-back-link{display:flex;width:fit-content;align-items:center;gap:.5rem;margin:2rem auto 0;color:#7b858d;font-size:.84rem;font-weight:600;text-decoration:none;transition:color .2s ease,gap .2s ease}.otp-back-link:hover{gap:.65rem;color:#29343e}.otp-back-link svg{color:currentColor}@keyframes otp-appear{0%{opacity:0}to{opacity:1}}@keyframes otp-image-reveal{0%{transform:scale(1.07)}to{transform:scale(1.025)}}@keyframes otp-copy-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.otp-verification{grid-template-columns:minmax(0,1fr) minmax(410px,.9fr)}.otp-visual-overlay{padding:2.25rem}.otp-hero-copy h2{font-size:clamp(3rem,6vw,4.5rem)}.otp-content{padding:2.5rem}}@media(max-width:760px){.otp-verification{min-height:100vh;min-height:100dvh;grid-template-columns:minmax(0,1fr)}.otp-visual{position:relative;min-height:340px;height:39vh;height:39svh;max-height:440px}.otp-visual-overlay{padding:1.6rem 1.5rem 1.8rem}.otp-brand-symbol{width:36px;height:36px;border-radius:11px}.otp-brand-name{font-size:1rem}.otp-brand-caption{font-size:.56rem}.otp-hero-copy{padding:2.2rem 0 1rem}.otp-hero-copy h2{font-size:clamp(2.65rem,9vw,4rem)}.otp-hero-copy p{max-width:390px;margin-top:.75rem;font-size:.87rem;line-height:1.5}.otp-visual-footer{font-size:.68rem}.otp-content{min-height:auto;padding:2rem 1.5rem}.otp-content-inner{width:min(100%,450px)}}@media(max-width:420px){.otp-visual{min-height:305px;height:36svh}.otp-visual-overlay{padding:1.3rem 1.15rem 1.45rem}.otp-hero-copy h2{font-size:2.65rem}.otp-hero-copy p{font-size:.83rem}.otp-content{padding-inline:1.2rem}.otp-heading-icon{width:42px;height:42px;margin-bottom:1.2rem}.otp-form h1{font-size:1.8rem}.otp-entry-section{padding:1.2rem .8rem}.otp-verification .otp-input{width:37px;height:50px;border-radius:9px;font-size:1.2rem}}@media(max-width:350px){.otp-verification .otp-container{gap:.25rem}.otp-verification .otp-input{width:33px;height:46px}}@media(prefers-reduced-motion:reduce){.otp-verification,.otp-visual>img,.otp-hero-copy{animation:none}.otp-verification *{scroll-behavior:auto!important;transition-duration:.01ms!important}}.otp-container{display:flex;gap:10px;justify-content:center}.otp-input{width:40px;height:50px;text-align:center;font-size:24px;border:2px solid #ccc;border-radius:4px;transition:border-color .2s,box-shadow .2s}.otp-input:focus{border-color:#ff4d00;box-shadow:0 0 0 3px #ff4d0033;outline:none}@media(max-width:480px){.otp-container{gap:8px}.otp-input{width:35px;height:45px;font-size:20px}}@media(max-width:360px){.otp-container{gap:5px}.otp-input{width:30px;height:40px;font-size:18px}}.otp-error{background-color:#fce4e4;border:1px solid #fcc2c2;color:#c03;padding:10px 15px;border-radius:8px;font-size:14px;display:none;align-items:center;justify-content:center;width:100%;max-width:450px;margin-top:1rem;text-align:center;box-sizing:border-box}.complete-profile{--profile-ink: #17212b;--profile-muted: #78838e;--profile-line: #e6e9ec;--profile-accent: #ff4d00;display:grid;width:100%;min-height:100vh;min-height:100dvh;grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);align-items:start;overflow:visible;background:#fbfbfa;color:var(--profile-ink);font-family:Inter,Poppins,system-ui,sans-serif;animation:profile-appear .55s ease-out both}.complete-profile *{box-sizing:border-box}.profile-visual{position:sticky;top:0;min-width:0;height:100vh;height:100dvh;overflow:hidden;background:#3b4144}.profile-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) brightness(.78);transform:scale(1.025);animation:profile-image-reveal 1s ease-out both}.profile-visual-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:clamp(2.25rem,5vw,5rem);background:linear-gradient(180deg,#0f161c80,#0f161c05 35%,#0f161ce0),linear-gradient(90deg,rgba(15,22,28,.18),transparent 72%);color:#fff}.profile-brand{display:flex;align-items:center;gap:.7rem;color:#fff}.profile-brand-symbol{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.85);border-radius:13px;background:#fff;color:#ff6a2a}.profile-brand-symbol svg{color:#ff6a2a}.profile-brand-name{color:#fff;font-size:1.08rem;font-weight:750;letter-spacing:-.045em}.profile-brand-name span{color:#ff6a2a;font-weight:700}.profile-brand-divider{width:1px;height:19px;margin:0 .2rem 0 .4rem;background:#ffffff73}.profile-brand-caption{color:#ffffffc7;font-size:.62rem;font-weight:700;letter-spacing:.14em}.profile-hero-copy{max-width:620px;margin:auto 0;padding:5rem 0 4rem;animation:profile-copy-reveal .7s .12s ease-out both}.profile-hero-copy h2{max-width:620px;margin:0;color:#fff;font-size:clamp(3.3rem,6.6vw,6.5rem);font-weight:650;letter-spacing:-.075em;line-height:.98;text-wrap:balance}.profile-hero-copy p{max-width:420px;margin:1.5rem 0 0;color:#aeb6bc;font-size:clamp(.98rem,1.3vw,1.1rem);line-height:1.75}.profile-visual-footer{display:flex;align-items:center;gap:.9rem;color:#ffffffd1;font-size:.7rem;font-weight:650;letter-spacing:.12em}.profile-visual-footer>span:first-child{width:34px;height:1px;background:#ff6a2a}.profile-visual-footer>span:last-child{color:#ffffffd1}.profile-content{display:flex;min-width:0;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;padding:clamp(2rem,5vw,5rem);background:radial-gradient(ellipse at 100% 0%,rgba(255,77,0,.055),transparent 33%),#fbfbfa}.profile-content-inner{width:min(100%,450px);margin:auto}.profile-form{width:100%}.profile-heading{margin-bottom:2rem}.profile-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1rem;color:var(--profile-accent);font-size:.68rem;font-weight:800;letter-spacing:.18em}.profile-eyebrow:before{width:19px;height:2px;background:var(--profile-accent);content:""}.profile-heading h1{margin:0;color:var(--profile-ink);font-size:clamp(2rem,3vw,2.45rem);font-weight:650;letter-spacing:-.065em;line-height:1.12}.profile-heading p{margin:.75rem 0 0;color:var(--profile-muted);font-size:.92rem;line-height:1.6}.profile-form form{display:flex;flex-direction:column;gap:1.25rem}.profile-field{display:flex;min-width:0;flex-direction:column;gap:.55rem}.profile-field>label{color:#3c4751;font-size:.84rem;font-weight:650}.profile-input-wrap{display:flex;min-width:0;min-height:56px;align-items:center;gap:.75rem;padding:0 1rem;border:1px solid #dfe3e6;border-radius:12px;background:#ffffffc2;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.profile-input-wrap>svg{flex:0 0 auto;color:#9aa3aa;transition:color .2s ease}.profile-input-wrap:focus-within{border-color:var(--profile-accent);background:#fff;box-shadow:0 0 0 4px #ff4d0017}.profile-input-wrap:focus-within>svg{color:var(--profile-accent)}.profile-prefix{display:inline-flex;min-height:27px;align-items:center;padding-right:.75rem;border-right:1px solid #e2e6e9;color:#475569;font-size:.88rem;font-weight:700;white-space:nowrap}.profile-select-wrap{position:relative}.profile-input-wrap input,.profile-input-wrap select{width:100%;min-width:0;height:54px;padding:0;border:0;outline:none;background:transparent;color:var(--profile-ink);font:inherit;font-size:.92rem;box-shadow:none}.profile-input-wrap input::placeholder{color:#aab1b7}.profile-input-wrap select{padding-right:1.5rem;appearance:none;cursor:pointer}.profile-select-chevron{position:absolute;right:1rem;color:#87919a;pointer-events:none}.profile-input-wrap input:disabled,.profile-input-wrap select:disabled{cursor:not-allowed}.profile-field .complete-profile-error{width:100%;margin:-.25rem 0 0}.profile-field .complete-profile-error p{margin:0;color:#b42318;font-size:.75rem;line-height:1.4}.profile-information{display:flex;align-items:flex-start;gap:.8rem;padding:.95rem 1rem;border:1px solid #f5d5c4;border-radius:12px;background:#fff8f4}.profile-info-icon{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border-radius:8px;background:#ffeadf;color:#e94b0a}.profile-info-icon svg{color:#e94b0a}.profile-information p{margin:0;color:#6b5146;font-size:.81rem;line-height:1.55}.profile-form .profile-save{display:flex;width:100%;min-height:56px;align-items:center;justify-content:center;gap:.65rem;padding:.9rem 1.2rem;border:0;border-radius:12px;background:linear-gradient(110deg,#ff5a12,#e84700 72%,#d83f00);color:#fff;cursor:pointer;font:inherit;font-size:.94rem;font-weight:700;box-shadow:0 10px 22px #e8470030;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.profile-form .profile-save,.profile-form .profile-save *{color:#fff}.profile-form .profile-save:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 14px 26px #e8470040}.profile-form .profile-save:active:not(:disabled){transform:translateY(0)}.profile-form .profile-save:disabled{cursor:wait;opacity:.78}@keyframes profile-appear{0%{opacity:0}to{opacity:1}}@keyframes profile-image-reveal{0%{transform:scale(1.07)}to{transform:scale(1.025)}}@keyframes profile-copy-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.complete-profile{grid-template-columns:minmax(0,1fr) minmax(410px,.9fr)}.profile-visual-overlay{padding:2.25rem}.profile-hero-copy h2{font-size:clamp(3rem,6vw,4.5rem)}.profile-content{padding:2.5rem}}@media(max-width:760px){.complete-profile{min-height:100vh;min-height:100dvh;grid-template-columns:minmax(0,1fr)}.profile-visual{position:relative;min-height:340px;height:39vh;height:39svh;max-height:440px}.profile-visual-overlay{padding:1.6rem 1.5rem 1.8rem}.profile-brand-symbol{width:36px;height:36px;border-radius:11px}.profile-brand-name{font-size:1rem}.profile-brand-caption{font-size:.56rem}.profile-hero-copy{padding:2.2rem 0 1rem}.profile-hero-copy h2{font-size:clamp(2.65rem,9vw,4rem)}.profile-hero-copy p{max-width:390px;margin-top:.75rem;font-size:.87rem;line-height:1.5}.profile-visual-footer{font-size:.68rem}.profile-content{min-height:auto;padding:2rem 1.5rem}}@media(max-width:420px){.profile-visual{min-height:305px;height:36svh}.profile-visual-overlay{padding:1.3rem 1.15rem 1.45rem}.profile-hero-copy h2{font-size:2.65rem}.profile-hero-copy p{font-size:.83rem}.profile-content{padding-inline:1.2rem}.profile-heading h1{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.complete-profile,.profile-visual>img,.profile-hero-copy{animation:none}.complete-profile *{scroll-behavior:auto!important;transition-duration:.01ms!important}}.complete-profile-error{width:fit-content;height:fit-content}.complete-profile-error p{margin-top:.2rem;color:#d03d39;font-size:.75rem}.settings-page{min-height:calc(100vh - 80px);width:calc(100% - 260px);margin-left:260px;display:flex;align-items:flex-start;justify-content:center;padding:3rem 2rem;background-color:#f4f7fb;transition:all .3s ease;font-family:Inter,system-ui,sans-serif}.settings-card{width:100%;max-width:840px;border-radius:24px;box-shadow:0 10px 40px #0000000a,0 1px 3px #00000005;display:flex;flex-direction:column;padding:3rem;background-color:#fff;border:1px solid rgba(226,232,240,.8);position:relative;overflow:hidden}.settings-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#ff4d00,#ff8c42)}.settings-header{margin-bottom:2.5rem;text-align:left;border-bottom:1px solid #f1f5f9;padding-bottom:1.5rem}.settings-header h1{margin:0 0 .5rem;color:#0f172a;font-size:2rem;font-weight:800;letter-spacing:-.5px}.settings-subtitle{color:#64748b;font-size:1rem;margin:0}.success-banner{background-color:#f0fdf4;color:#166534;padding:1rem 1.5rem;border-radius:12px;border:1px solid #bbf7d0;font-weight:500;display:flex;align-items:center;gap:12px;margin-bottom:2rem;box-shadow:0 4px 12px #1665340d}.success-icon{background:#22c55e;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px}.settings-form{display:flex;flex-direction:column;gap:2rem}.settings-page .input-group{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%}.settings-page .input-container{display:flex;flex-direction:column;gap:.6rem;width:100%}.settings-page .input-container label{font-weight:600;color:#334155;font-size:.95rem;margin-left:2px}.input-contain{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;border:1px solid #cbd5e1;border-radius:12px;padding:0 1rem;min-height:52px;background-color:#f8fafc;transition:all .25s ease;position:relative;box-sizing:border-box}.input-contain:hover{background-color:#fff;border-color:#94a3b8}.input-contain:focus-within{background-color:#fff;border-color:#ff4d00;box-shadow:0 0 0 4px #ff4d001a}.input-icon{color:#94a3b8;margin-right:12px!important;flex-shrink:0!important;transition:color .25s ease;display:flex;align-items:center}.input-contain:focus-within .input-icon{color:#ff4d00}.telegram-icon{color:#08c}.whatsapp-icon{color:#25d366}.input-prefix{color:#475569;font-weight:600;margin-right:8px!important;font-size:.95rem;-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0!important}.settings-page .settings-input{border:none!important;outline:none!important;flex:1 1 auto!important;min-width:0!important;font-size:1rem;padding:0!important;margin:0!important;background:transparent!important;color:#0f172a;font-family:inherit;box-shadow:none!important;line-height:normal!important}.settings-page .settings-input::placeholder{color:#94a3b8;font-weight:400}.select-contain{padding-right:.5rem!important}.settings-page .settings-select{border:none!important;outline:none!important;flex:1 1 auto!important;min-width:0!important;background:transparent!important;font-size:1rem;color:#0f172a;font-family:inherit;cursor:pointer;padding:0!important;margin:0!important;appearance:auto!important;box-shadow:none!important;line-height:normal!important}.settings-select:focus{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.information-box{display:flex;align-items:flex-start;gap:1.2rem;padding:1.5rem;border-radius:16px;border:1px solid #e0f2fe;background-color:#f0f9ff;color:#0369a1;margin-top:1rem;margin-bottom:1rem}.info-icon-wrapper{background:#e0f2fe;color:#0284c7;padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-content h2{font-size:1.05rem;margin:0 0 .4rem;font-weight:700;color:#0284c7}.info-content p{margin:0;font-size:.95rem;line-height:1.5;color:#0369a1}.settings-actions{display:flex;justify-content:flex-end;margin-top:1rem;border-top:1px solid #f1f5f9;padding-top:2rem;padding-bottom:.5rem}.save-btn{width:auto;min-width:200px;padding:14px 32px;border-radius:50px;background:linear-gradient(135deg,#ff4d00,#e64500);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;border:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #ff4d0033;display:flex;justify-content:center;align-items:center}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ff4d004d;background:linear-gradient(135deg,#ff5e1a,#cc3e00)}.save-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px #ff4d0033}.save-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;background:#cbd5e1}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-down{animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.settings-page{width:100%;margin-left:0;padding:2rem 1.5rem}.settings-card{padding:2.5rem 2rem}.settings-page .input-group{grid-template-columns:1fr;gap:1.5rem}.settings-form{gap:1.5rem}}@media(max-width:480px){.settings-page{padding:0;background-color:#fff;min-height:auto}.settings-card{border:none;box-shadow:none;border-radius:0;padding:2rem 1.5rem}.settings-card:before{display:none}.settings-header h1{font-size:1.7rem}.settings-actions{justify-content:center}.save-btn{width:100%}.information-box{flex-direction:column;align-items:center;text-align:center;padding:1.5rem}}.forgot-email-container{--forgot-ink: #17212b;--forgot-muted: #78838e;--forgot-accent: #ff4d00;display:grid;width:100%;min-height:100vh;min-height:100dvh;grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);overflow:hidden;background:#fbfbfa;color:var(--forgot-ink);font-family:Inter,Poppins,system-ui,sans-serif;animation:forgot-appear .55s ease-out both}.forgot-email-container *{box-sizing:border-box}.forgot-visual{position:relative;min-width:0;min-height:100vh;min-height:100dvh;overflow:hidden;background:#3b4144}.forgot-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) brightness(.78);transform:scale(1.025);animation:forgot-image-reveal 1s ease-out both}.forgot-visual-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:clamp(2.25rem,5vw,5rem);background:linear-gradient(180deg,#0f161c80,#0f161c05 35%,#0f161ce0),linear-gradient(90deg,rgba(15,22,28,.18),transparent 72%);color:#fff}.forgot-brand{display:flex;align-items:center;gap:.7rem;color:#fff}.forgot-brand-symbol{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.85);border-radius:13px;background:#fff;color:#ff6a2a}.forgot-brand-symbol svg{color:#ff6a2a}.forgot-brand-name{color:#fff;font-size:1.08rem;font-weight:750;letter-spacing:-.045em}.forgot-brand-name span{color:#ff6a2a;font-weight:700}.forgot-brand-divider{width:1px;height:19px;margin:0 .2rem 0 .4rem;background:#ffffff73}.forgot-brand-caption{color:#ffffffc7;font-size:.62rem;font-weight:700;letter-spacing:.14em}.forgot-hero-copy{max-width:620px;margin:auto 0;padding:5rem 0 4rem;animation:forgot-copy-reveal .7s .12s ease-out both}.forgot-hero-copy h2{max-width:620px;margin:0;color:#fff;font-size:clamp(3.3rem,6.6vw,6.5rem);font-weight:650;letter-spacing:-.075em;line-height:.98;text-wrap:balance}.forgot-hero-copy p{max-width:420px;margin:1.5rem 0 0;color:#aeb6bc;font-size:clamp(.98rem,1.3vw,1.1rem);line-height:1.75}.forgot-visual-footer{display:flex;align-items:center;gap:.9rem;color:#ffffffd1;font-size:.7rem;font-weight:650;letter-spacing:.12em}.forgot-visual-footer>span:first-child{width:34px;height:1px;background:#ff6a2a}.forgot-visual-footer>span:last-child{color:#ffffffd1}.forgot-content{display:flex;min-width:0;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;padding:clamp(2rem,5vw,5rem);background:radial-gradient(ellipse at 100% 0%,rgba(255,77,0,.055),transparent 33%),#fbfbfa}.forgot-content-inner{width:min(100%,450px);margin:auto}.forgot-form{width:100%}.forgot-heading-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid #ffd9c8;border-radius:15px;margin-bottom:1.5rem;background:#fff2eb;color:#e94b0a}.forgot-heading-icon svg{color:#e94b0a}.forgot-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:.9rem;color:var(--forgot-accent);font-size:.68rem;font-weight:800;letter-spacing:.18em}.forgot-eyebrow:before{width:19px;height:2px;background:var(--forgot-accent);content:""}.forgot-form h1{margin:0;color:var(--forgot-ink);font-size:clamp(2rem,3vw,2.45rem);font-weight:650;letter-spacing:-.065em;line-height:1.12}.forgot-intro{margin:.8rem 0 1.8rem;color:var(--forgot-muted);font-size:.92rem;line-height:1.65}.forgot-email-container .forgot-email-error{width:100%;max-height:none;padding:.8rem 1rem;border:1px solid #fecaca;border-radius:11px;margin:0 0 1rem;background:#fff1f1;color:#b42318}.forgot-email-container .forgot-email-error p{margin:0;color:#b42318;font-size:.85rem;line-height:1.45;text-align:left}.forgot-form form{display:flex;flex-direction:column;gap:1.2rem}.forgot-field{display:flex;min-width:0;flex-direction:column;gap:.6rem}.forgot-field label{color:#3c4751;font-size:.84rem;font-weight:650}.forgot-input-wrap{display:flex;min-height:58px;align-items:center;gap:.8rem;padding:0 1rem;border:1px solid #dfe3e6;border-radius:12px;background:#ffffffc2;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.forgot-input-wrap>svg{flex:0 0 auto;color:#9aa3aa;transition:color .2s ease}.forgot-input-wrap:focus-within{border-color:var(--forgot-accent);background:#fff;box-shadow:0 0 0 4px #ff4d0017}.forgot-input-wrap:focus-within>svg{color:var(--forgot-accent)}.forgot-input-wrap input{width:100%;min-width:0;height:56px;padding:0;border:0;outline:none;background:transparent;color:var(--forgot-ink);font:inherit;font-size:.92rem;box-shadow:none}.forgot-input-wrap input::placeholder{color:#aab1b7}.forgot-form .forgot-submit{display:flex;width:100%;height:58px;min-height:58px;max-height:58px;flex:0 0 58px;align-items:center;justify-content:center;gap:.65rem;padding:.9rem 1.2rem;border:0;border-radius:12px;margin-top:.4rem;background:linear-gradient(110deg,#ff5a12,#e84700 72%,#d83f00);color:#fff;cursor:pointer;font:inherit;font-size:.94rem;font-weight:700;box-shadow:0 10px 22px #e8470030;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.forgot-submit-loading{display:block;width:20px;height:20px;flex:0 0 20px;border:3px solid rgba(255,255,255,.34);border-top-color:#fff;border-radius:50%;animation:forgot-submit-spin .8s linear infinite}@keyframes forgot-submit-spin{to{transform:rotate(360deg)}}.forgot-form .forgot-submit,.forgot-form .forgot-submit *{color:#fff}.forgot-form .forgot-submit:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 14px 26px #e8470040}.forgot-form .forgot-submit:active:not(:disabled){transform:translateY(0)}.forgot-form .forgot-submit:disabled{cursor:wait;opacity:.78}.forgot-back-link{display:flex;width:fit-content;align-items:center;justify-content:center;gap:.5rem;margin:1.8rem auto 0;color:#7b858d;font-size:.84rem;font-weight:600;text-decoration:none;transition:color .2s ease,gap .2s ease}.forgot-back-link:hover{gap:.65rem;color:#29343e}.forgot-back-link svg{color:currentColor}@keyframes forgot-appear{0%{opacity:0}to{opacity:1}}@keyframes forgot-image-reveal{0%{transform:scale(1.07)}to{transform:scale(1.025)}}@keyframes forgot-copy-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.forgot-email-container{grid-template-columns:minmax(0,1fr) minmax(410px,.9fr)}.forgot-visual-overlay{padding:2.25rem}.forgot-hero-copy h2{font-size:clamp(3rem,6vw,4.5rem)}.forgot-content{padding:2.5rem}}@media(max-width:760px){.forgot-email-container{min-height:100vh;min-height:100dvh;grid-template-columns:minmax(0,1fr);overflow:visible}.forgot-visual{min-height:340px;height:39vh;height:39svh;max-height:440px}.forgot-visual-overlay{padding:1.6rem 1.5rem 1.8rem}.forgot-brand-symbol{width:36px;height:36px;border-radius:11px}.forgot-brand-name{font-size:1rem}.forgot-brand-caption{font-size:.56rem}.forgot-hero-copy{padding:2.2rem 0 1rem}.forgot-hero-copy h2{font-size:clamp(2.65rem,9vw,4rem)}.forgot-hero-copy p{max-width:390px;margin-top:.75rem;font-size:.87rem;line-height:1.5}.forgot-visual-footer{font-size:.68rem}.forgot-content{min-height:auto;padding:2rem 1.5rem}}@media(max-width:420px){.forgot-visual{min-height:305px;height:36svh}.forgot-visual-overlay{padding:1.3rem 1.15rem 1.45rem}.forgot-hero-copy h2{font-size:2.65rem}.forgot-hero-copy p{font-size:.83rem}.forgot-content{padding-inline:1.2rem}.forgot-heading-icon{width:42px;height:42px;margin-bottom:1.2rem}.forgot-form h1{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.forgot-email-container,.forgot-visual>img,.forgot-hero-copy{animation:none}.forgot-email-container *{scroll-behavior:auto!important;transition-duration:.01ms!important}.forgot-submit-loading{animation:none}}.forgot-email-error{background-color:#fce4e4;border:1px solid #fcc2c2;color:#c03;padding:10px;border-radius:5px;font-size:14px;display:flex;align-items:center;justify-content:center;width:100%;max-height:5%}.reset-password .signup-content{padding-top:clamp(2rem,5vw,5rem);padding-bottom:clamp(2rem,5vw,5rem)}.reset-password .signup-heading{margin-bottom:1.55rem}.reset-password .signup-form form{gap:1rem}.reset-password .reset-password-error{min-height:0;padding:.8rem 1rem;border:1px solid #fecaca;border-radius:11px;margin:0 0 1rem;background:#fff1f1;color:#b42318;justify-content:flex-start;text-align:left}.reset-password .reset-password-error p{margin:0;color:#b42318;font-size:.85rem;line-height:1.45}.reset-password .signup-form .reset-password-btn{height:54px;min-height:54px;max-height:54px;flex:0 0 54px}.reset-password-spinner{display:block;width:20px;height:20px;flex:0 0 20px;border:3px solid rgba(255,255,255,.34);border-top-color:#fff;border-radius:50%;animation:reset-password-spin .8s linear infinite}@keyframes reset-password-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.reset-password .signup-content{padding-top:2rem;padding-bottom:1.5rem}}@media(prefers-reduced-motion:reduce){.reset-password-spinner{animation:none}}.reset-password-error{background-color:#fce4e4;border:1px solid #fcc2c2;color:#c03;padding:10px;border-radius:5px;font-size:14px;display:none;align-items:center;justify-content:center;width:100%}.payment-page{max-width:800px;margin:0 auto;padding:60px 2rem 80px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.payment-title{text-align:center;color:#ff4d00;margin-bottom:.5rem}.payment-subtitle{text-align:center;color:#666;margin-bottom:2rem}.packages-container{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.package-card{border:2px solid #eee;border-radius:12px;padding:1rem;width:220px;cursor:pointer;transition:all .2s;position:relative;text-align:center}.package-card:hover{border-color:#ff4d00;transform:translateY(-2px)}.package-card.selected{border-color:#ff4d00;background-color:#fff7ed}.pkg-price{font-size:1.4rem;font-weight:700;color:#ff4d00;margin:.5rem 0}.pkg-desc{color:#555;font-size:.85rem}.pkg-features{list-style:none;padding:0;margin:.8rem 0;text-align:left}.pkg-features li{font-size:.75rem;color:#555;padding-left:1rem;position:relative;margin-bottom:.3rem;line-height:1.25}.pkg-features li:before{content:"•";color:#ff4d00;position:absolute;left:0;font-weight:700}.pkg-note{color:#374151;font-size:.85rem;margin-top:.6rem;background:#fff9f7;padding:.45rem;border-radius:6px;border:1px solid #ffe0d0}.radio-indicator{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;color:#fff}.package-card.selected .radio-indicator{background:#ff4d00;border-color:#ff4d00}.payment-details-section{background:#fafafa;padding:2rem;border-radius:12px;margin-bottom:2rem}.section-title{color:#333;margin-bottom:1rem;border-bottom:1px solid #ddd;padding-bottom:.5rem}.bank-info-box{margin-bottom:2rem}.bank-row{margin-bottom:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #eee}.bank-row strong{display:block;color:#ff4d00;margin-bottom:.3rem}.upload-section{display:flex;flex-direction:column;gap:.5rem}.hint{font-size:.85rem;color:#777}.confirm-btn{width:100%;padding:1rem;background:#ff4d00;color:#fff;font-weight:700;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.confirm-btn:hover{background:#d44000}.confirm-btn:disabled{background:#ccc;cursor:not-allowed}.success-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.success-modal{background:#fff;padding:3rem;border-radius:16px;text-align:center;animation:fadeIn .3s;max-width:400px}.success-icon{width:60px;height:60px;background:#ff4d00;color:#fff;font-size:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.receipt-preview-box{position:relative;width:100%;max-width:300px;border:1px solid #ddd;border-radius:8px;padding:5px}.receipt-preview-box img{width:100%;border-radius:4px}.remove-receipt-btn{position:absolute;top:-10px;right:-10px;background:#ff4d4f;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-weight:700;box-shadow:0 2px 5px #0003}.confirm-btn.loading-active{padding:0;height:48px;display:flex;justify-content:center;align-items:center}@media(min-width:920px)and (max-width:1350px){.payment-page{margin-left:20rem;margin-right:2rem;max-width:calc(100% - 22rem)}}@media(max-width:450px){.payment-page{padding:40px 1rem 60px}}.select-package-page{max-width:1200px;margin:0 auto;padding:60px 24px 80px 308px;font-family:Inter,sans-serif;color:#333;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.select-package-page.onboarding-layout{padding-top:140px;padding-left:24px;justify-content:flex-start}.select-package-header{text-align:center;margin-bottom:48px;position:relative}.back-category-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #cbd5e1;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;position:absolute;top:-40px;left:0;transition:all .2s}.back-category-btn:hover{background:#fff7f4;border-color:#ff4d00;color:#ff4d00}.select-package-title{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#ff4d00,#cc3e00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;letter-spacing:-.5px}.select-package-subtitle{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.category-choice-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:900px;margin:0 auto 48px}.category-choice-card{background:#fff;border:2px solid #f1f5f9;border-radius:24px;padding:40px 32px;position:relative;cursor:pointer;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 4px 20px #00000008;overflow:hidden}.category-choice-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#ff4d00,#ff8c42);opacity:0;transition:opacity .4s ease}.category-choice-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #ff4d001f;border-color:#ffccb3}.category-choice-card:hover:before{opacity:1}.category-choice-card.highlight-border:hover{box-shadow:0 20px 40px #ff4d001f;border-color:#ffccb3}.category-choice-card.highlight-border:before{background:linear-gradient(90deg,#ff4d00,#ff8c42)}.category-icon-wrapper{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:inset 0 2px 4px #ffffff80,0 4px 10px #0000000d}.category-icon-wrapper.blue-bg,.category-icon-wrapper.gold-bg{background:linear-gradient(135deg,#fff3ee,#ffe3d5)}.category-badge{position:absolute;top:24px;right:24px;background:#ff4d0014;color:#ff4d00;font-size:.75rem;font-weight:800;padding:6px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,77,0,.15)}.category-badge.gold-badge{background:#ff4d0014;color:#ff4d00;border:1px solid rgba(255,77,0,.15)}.category-card-title{font-size:1.6rem;font-weight:800;color:#0f172a;margin:0 0 12px;letter-spacing:-.5px}.category-card-desc{color:#64748b;font-size:.95rem;line-height:1.7;margin:0 0 32px;flex-grow:1}.category-action-btn{width:100%;padding:14px 24px;border-radius:50px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-align:center;border:none}.category-action-btn.blue-border{background:#fff;border:2px solid #FF4D00;color:#ff4d00;box-shadow:0 4px 10px #ff4d000d}.category-choice-card:hover .category-action-btn.blue-border{background:linear-gradient(135deg,#ff4d00,#e04400);color:#fff;border-color:transparent;box-shadow:0 8px 20px #ff4d0040;transform:translateY(-2px)}.category-action-btn.gold-bg-btn{background:linear-gradient(135deg,#ff4d00,#e04400);color:#fff;box-shadow:0 4px 15px #ff4d0033}.category-choice-card:hover .category-action-btn.gold-bg-btn{background:linear-gradient(135deg,#e04400,#cc3e00);box-shadow:0 8px 20px #ff4d004d;transform:translateY(-2px)}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:40px}.packages-grid.single-package-layout{display:flex;justify-content:center;max-width:400px;margin-left:auto;margin-right:auto}.packages-grid.single-package-layout .pkg-selection-card{width:100%}.pkg-selection-card{background:#fff;border:2px solid #e0e0e0;border-radius:20px;padding:32px 24px;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 4px 6px #00000005}.pkg-selection-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #ff4d0014;border-color:#ff4d00}.pkg-selection-card.selected{border-color:#ff4d00;box-shadow:0 8px 30px #ff4d0026;background:linear-gradient(to bottom,#fff,#fffdfb)}.pkg-badge{position:absolute;top:16px;right:16px;background:#f0f0f0;color:#666;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.card-normal.selected{border-color:#ff4d00;box-shadow:0 8px 30px #ff4d0026}.card-normal .pkg-badge{background:#fff3ee;color:#ff4d00}.card-featured.selected{border-color:#ff4d00;box-shadow:0 8px 30px #ff4d0026}.card-featured .pkg-badge{background:#f3e5f5;color:#8e24aa}.card-premium.selected{border-color:#ff4d00}.card-premium .pkg-badge{background:#ffebee;color:#ff4d00}.card-vip.selected{border-color:gold;box-shadow:0 8px 30px #ffd70033}.card-vip .pkg-badge{background:#fffde7;color:#fbc02d}.pkg-name{font-size:1.4rem;font-weight:700;margin-top:8px;margin-bottom:8px;color:#1a1a1a}.pkg-cost{font-size:2rem;font-weight:800;color:#111;margin-bottom:24px;display:flex;align-items:baseline}.pkg-features-list{list-style:none;padding:0;margin:0 0 32px;flex-grow:1}.pkg-features-list li{display:flex;align-items:flex-start;margin-bottom:12px;font-size:.9rem;line-height:1.4;color:#555}.pkg-features-list .bullet{color:#ff4d00;font-weight:700;margin-right:8px;font-size:1.1rem}.onboarding-payment-section{background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:32px;margin-top:40px;box-shadow:0 4px 20px #00000008}.payment-section-title{font-size:1.4rem;font-weight:700;color:#ff4d00;margin-bottom:6px}.payment-section-subtitle{font-size:.95rem;color:#666;margin-bottom:24px}.bank-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.bank-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.bank-card strong{display:block;color:#ff4d00;font-size:1rem;margin-bottom:8px}.bank-card p{margin:4px 0;color:#475569;font-size:.9rem}.bank-card .bank-acc{font-family:monospace;font-size:1rem;color:#1e293b;font-weight:600;background:#fff3ee;padding:4px 8px;border-radius:4px;display:inline-block;margin-top:4px}.upload-receipt-wrapper{margin-top:24px}.required-label{display:block;font-weight:600;margin-bottom:10px;color:#334155;font-size:.95rem}.receipt-preview-container{position:relative;max-width:200px;border-radius:8px;overflow:hidden;border:1px solid #cbd5e1}.receipt-preview-container img{width:100%;display:block}.remove-receipt-button{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center}.file-drop-zone{border:2px dashed #ffb89a;border-radius:12px;padding:30px;text-align:center;position:relative;background:#fff9f7;transition:all .2s;cursor:pointer}.file-drop-zone:hover{border-color:#ff4d00;background:#fff3ee}.file-drop-zone input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone-text{font-size:.95rem;color:#64748b}.upload-hint{font-size:.85rem;color:#64748b;margin-top:8px}.telegram-assist-box{margin-top:24px;padding:16px;background:#fff3ee;border:1px solid #ffb89a;border-radius:12px;text-align:center}.telegram-assist-box p{margin:0 0 10px;color:#cc3e00;font-size:.9rem;font-weight:500}.tg-link-button{display:inline-block;background:#ff4d00;color:#fff;padding:8px 16px;border-radius:20px;text-decoration:none;font-weight:700;font-size:.9rem;transition:background .2s}.tg-link-button:hover{background:#cc3e00}.action-buttons-container{margin-top:48px;display:flex;justify-content:center}.onboarding-actions,.listing-actions{display:flex;gap:16px;width:100%;max-width:500px;justify-content:center}.primary-action-btn{flex-grow:1;background:#ff4d00;color:#fff;border:none;border-radius:30px;padding:14px 28px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 4px 12px #ff4d0033}.primary-action-btn:hover:not(:disabled){background:#e04400;transform:translateY(-1px)}.primary-action-btn:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none}.secondary-action-btn{border:1px solid #cbd5e1;background:transparent;color:#475569;border-radius:30px;padding:14px 28px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background .2s}.secondary-action-btn:hover{background:#f1f5f9}.success-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.success-modal{background:#fff;border-radius:24px;padding:40px;max-width:480px;width:90%;text-align:center;box-shadow:0 20px 40px #00000026;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.success-icon-badge{width:72px;height:72px;background:#fff3ee;color:#ff4d00;font-size:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border:2px solid #ffb89a}.success-modal h2{font-size:1.6rem;color:#0f172a;margin-bottom:12px}.success-modal p{color:#475569;font-size:.95rem;line-height:1.6;margin-bottom:30px}.modal-dismiss-btn{background:#ff4d00;color:#fff;border:none;border-radius:30px;padding:12px 36px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.modal-dismiss-btn:hover{background:#cc3e00}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .2s ease-out forwards}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:920px){.select-package-page{padding-left:24px}.select-package-header{padding-top:48px}.back-category-btn{top:0}.category-choice-container{grid-template-columns:1fr;gap:24px}}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:.8rem 1.5rem;background-color:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:90;width:100%}.mobile-header .hamburger{background:none;border:none;color:#ff4d00;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.mobile-header .mobile-logo{height:35px}.mobile-header .mobile-logo img{height:100%;object-fit:contain}@media(max-width:920px){.mobile-header{display:flex}}