:root{--blue:#1B60AD;--blue-dark:#103f78;--teal:#1599A3;--red:#D6464D;--ink:#172033;--muted:#718096;--line:#e3e9f1;--bg:#f4f7fb;--white:#fff;--shadow:0 8px 28px rgba(22,47,78,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}a{text-decoration:none;color:inherit}.wrap{max-width:1240px;margin:auto;padding:0 22px}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 3px 14px rgba(22,47,78,.04)}.nav{height:74px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:850;color:var(--blue-dark);white-space:nowrap}.brandmark{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;font-weight:900}.navlinks{display:flex;align-items:center;gap:22px;margin-left:auto}.navlinks a,.navaccount>a:not(.btn):not(.user-chip){font-weight:650;color:#3b475a}.navlinks a:hover{color:var(--blue)}.navaccount{display:flex;align-items:center;gap:12px}.nav-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px}.user-chip{display:flex;align-items:center;gap:9px}.user-chip span:last-child{display:flex;flex-direction:column;line-height:1.2}.user-chip small,.sidebar-head small{color:var(--muted);font-size:11px;margin-top:3px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:var(--blue);font-weight:850}.avatar.large{width:44px;height:44px}.mobile-menu{display:none;border:0;background:#edf5ff;color:var(--blue);width:40px;height:40px;border-radius:10px;font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue),#2877cc);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:750;cursor:pointer;box-shadow:0 5px 15px rgba(27,96,173,.16)}.btn.small{padding:9px 14px}.btn.alt{background:#fff;color:var(--blue);border:1px solid #cfdceb;box-shadow:none}.hero{background:linear-gradient(120deg,#0d3d73 0%,var(--blue) 55%,var(--teal) 125%);color:#fff;padding:72px 0}.hero h1{font-size:48px;line-height:1.08;margin:0 0 12px;max-width:760px}.hero p{font-size:19px;opacity:.92}.search{margin-top:28px;background:#fff;padding:14px;border-radius:16px;display:grid;grid-template-columns:repeat(5,1fr) auto;gap:10px;box-shadow:0 16px 40px rgba(0,0,0,.13)}.search select,.search input,.field{width:100%;padding:13px;border:1px solid #d8e0eb;border-radius:9px;background:#fff;color:var(--ink);outline:none}.field:focus,.search input:focus,.search select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(21,153,163,.1)}.section{padding:42px 0}.section h2{font-size:28px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.panel,.formbox{background:#fff;border:1px solid #edf1f6;border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}.card{transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(22,47,78,.12)}.card img{width:100%;height:190px;object-fit:cover;background:#e8edf4}.pad{padding:16px}.muted{color:var(--muted)}.center{text-align:center}.price{font-size:24px;font-weight:850;color:var(--blue-dark)}.badge{display:inline-block;background:#eaf3ff;color:var(--blue);padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.formbox{padding:26px;max-width:820px}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.label{display:block;font-weight:700;margin:12px 0 6px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.table th{background:#f7f9fc;color:#4c5a6e;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table th,.table td{padding:13px 14px;border-bottom:1px solid #edf0f4;text-align:left}.gallery{display:grid;grid-template-columns:2fr 1fr;gap:12px}.gallery img{width:100%;height:430px;object-fit:cover;border-radius:15px;background:#e7ecf2}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.spec{background:#fff;padding:15px;border-radius:12px;border:1px solid var(--line)}
/* SaaS dashboard */.app-shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:calc(100vh - 74px)}.sidebar{background:linear-gradient(180deg,#103f78,#0d315d);color:#fff;padding:18px 14px;position:sticky;top:74px;height:calc(100vh - 74px);overflow-y:auto}.sidebar-head{display:flex;gap:10px;align-items:center;padding:10px 9px 20px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px}.sidebar-head small{color:#bdd1e8;display:block}.side-section{font-size:10px;font-weight:800;letter-spacing:.12em;color:#8fb4d9;padding:18px 10px 7px}.sidebar>a{display:flex;align-items:center;gap:11px;padding:11px 12px;margin:3px 0;border-radius:9px;color:#d9e7f5;font-weight:600}.sidebar>a span{width:20px;text-align:center}.sidebar>a:hover,.sidebar>a.active{background:linear-gradient(90deg,rgba(21,153,163,.35),rgba(255,255,255,.08));color:#fff}.dashboard-content{padding:30px;min-width:0}.pagebar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.pagebar h1{margin:3px 0 3px;font-size:30px}.pagebar p{margin:0}.page-actions{display:flex;gap:10px}.section-kicker{font-size:11px;letter-spacing:.13em;color:var(--teal);font-weight:850}.stats.modern{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{background:#fff;padding:20px;border-radius:14px;border:1px solid #e9eef5;box-shadow:var(--shadow);display:flex;align-items:center;gap:15px}.stat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#edf5ff,#e7fbfc);font-size:22px}.stat span{font-size:13px}.stat b{font-size:27px;display:block;line-height:1.2;color:#14233a}.stat small{font-size:11px;color:#9aa7b7}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:18px}.panel{padding:21px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel h2{font-size:18px;margin:0}.panel p{margin:3px 0 0;font-size:13px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-grid a{border:1px solid var(--line);border-radius:12px;padding:15px;display:grid;grid-template-columns:36px 1fr;column-gap:10px}.quick-grid a b{grid-row:1/4;width:36px;height:36px;display:grid;place-items:center;background:#edf5ff;color:var(--blue);border-radius:9px;font-size:18px}.quick-grid a span{font-weight:750}.quick-grid a small{color:var(--muted)}.quick-grid a:hover{border-color:#b9d2ee;background:#fbfdff}.status{font-size:12px;padding:5px 9px;border-radius:999px;font-weight:750}.status.success{background:#e9f8ef;color:#198754}.status-list>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;font-size:13px}.status-list b{color:#198754}
/* Location + footer */.location-footer{padding:48px 0 0;background:#f5f7fb}.location-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:var(--shadow)}.location-card h2{text-align:center;margin:4px 0 2px;font-size:26px}.location-card .section-kicker{text-align:center}.location-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px 24px;margin-top:22px}.location-grid a{padding:8px 5px;border-bottom:1px dashed #edf0f4;color:#344257;font-size:14px}.location-grid a:hover{color:var(--blue)}.pin{color:var(--teal);margin-right:6px}.footer{background:linear-gradient(120deg,#103f78,#1B60AD 70%,#147d88);color:#dceafb;margin-top:55px}.footer-skyline{height:92px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;background:linear-gradient(to top,rgba(255,255,255,.08),transparent);border-bottom:1px solid rgba(255,255,255,.12);font-size:12px;letter-spacing:.28em;font-weight:800;color:#a9d6df}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr) 1.3fr;gap:34px;padding-top:38px;padding-bottom:34px}.footer h3{color:#fff;margin:0 0 13px;font-size:15px}.footer p{font-size:13px;color:#c5d9ee;max-width:330px}.footer-grid>div>a:not(.brand){display:block;padding:5px 0;font-size:13px;color:#d7e7f6}.footer-grid>div>a:hover{color:#fff}.footer-brand{color:#fff;font-size:17px}.socials{display:flex;gap:8px;margin-top:15px}.socials a{width:32px;height:32px;border-radius:50%;display:grid!important;place-items:center;background:rgba(255,255,255,.12);color:#fff!important;padding:0!important}.store-badges{display:flex;flex-direction:column;gap:8px;margin-top:12px}.store-badges span{display:inline-flex;width:max-content;background:#08182d;border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}.payment-row{margin-top:18px}.payment-row small{display:block;margin-bottom:7px}.payment-row b{display:inline-block;background:#fff;color:var(--blue-dark);padding:5px 7px;border-radius:5px;font-size:10px;margin-right:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.08)}.footer-bottom .wrap{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#c9daeb}.backtop{position:fixed;right:24px;bottom:24px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--blue);font-size:20px;box-shadow:0 8px 24px rgba(0,0,0,.18);cursor:pointer;z-index:30}
@media(max-width:1050px){.navlinks{display:none}.navaccount{margin-left:auto}.stats.modern{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}.location-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:850px){.mobile-menu{display:block;margin-left:auto}.navaccount{margin-left:0}.nav-open .navlinks{display:flex;position:absolute;top:74px;left:0;right:0;background:#fff;padding:15px 22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.navaccount .user-chip span:last-child,.navaccount .nav-icon{display:none}.hero h1{font-size:35px}.search{grid-template-columns:1fr 1fr}.grid,.specs{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:74px;bottom:0;left:-270px;width:255px;height:auto;z-index:45;transition:.2s}.nav-open .sidebar{left:0}.dashboard-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery img{height:280px}.location-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{padding:0 15px}.brand>span:last-child{max-width:145px;overflow:hidden;text-overflow:ellipsis}.navaccount>a:not(.btn){display:none}.navaccount .btn{display:inline-flex}.hero{padding:45px 0}.hero h1{font-size:31px}.search,.grid,.stats.modern,.specs,.row,.quick-grid{grid-template-columns:1fr}.dashboard-content{padding:20px 15px}.pagebar{flex-direction:column}.page-actions{width:100%;flex-wrap:wrap}.page-actions .btn{flex:1}.location-card{padding:22px 16px}.location-grid{grid-template-columns:repeat(2,1fr);gap:2px 12px}.footer-grid{grid-template-columns:1fr}.footer-bottom .wrap{flex-direction:column;align-items:flex-start;justify-content:center;padding-top:12px;padding-bottom:12px}.footer-skyline{height:70px;font-size:9px}.backtop{right:15px;bottom:15px}}
.content-page{max-width:980px}.content-page h1{font-size:38px;margin:6px 0 22px}.content-page .panel{font-size:16px;line-height:1.8}.content-page .panel p:first-child{margin-top:0}.footer-grid{grid-template-columns:1.2fr repeat(4,1fr) 1.25fr}
@media(max-width:1050px){.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr}}
.content-page{max-width:1000px}.content-page>h1{font-size:38px;margin:5px 0 22px}.prose{padding:26px}.prose h2{font-size:21px;margin-top:24px}.prose p{line-height:1.8}.table-wrap{overflow-x:auto;border-radius:14px}.footer-bottom a:hover{color:#fff;text-decoration:underline}
/* Professional centered authentication */
.auth-page{min-height:calc(100vh - 74px);display:flex;align-items:center;justify-content:center;padding:58px 20px;background:radial-gradient(circle at 15% 10%,rgba(21,153,163,.10),transparent 28%),radial-gradient(circle at 90% 90%,rgba(27,96,173,.10),transparent 30%),#f5f8fc}.auth-shell{width:min(980px,100%);display:grid;grid-template-columns:.92fr 1.08fr;background:#fff;border:1px solid #e6edf5;border-radius:22px;overflow:hidden;box-shadow:0 22px 60px rgba(22,47,78,.13)}.auth-brand-panel{padding:54px 44px;background:linear-gradient(145deg,#103f78 0%,#1B60AD 60%,#1599A3 135%);color:#fff;display:flex;flex-direction:column;justify-content:center}.auth-brand-panel h2{font-size:31px;line-height:1.2;margin:12px 0 14px}.auth-brand-panel p{color:#d8e9f6;line-height:1.7;margin:0}.auth-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:#aee9ec}.auth-points{display:grid;gap:12px;margin-top:28px;font-size:14px}.auth-points span{padding:10px 12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:10px}.auth-card{max-width:none;border:0;border-radius:0;box-shadow:none;padding:50px 48px}.auth-card h1{font-size:31px;margin:0 0 7px;color:#14233a}.auth-card>.muted{margin:0 0 25px}.auth-card .label{font-size:13px;margin-top:15px}.auth-card .field{min-height:48px;border-radius:10px;background:#fbfcfe}.auth-submit{width:100%;justify-content:center;min-height:48px;margin-top:22px;font-size:15px}.auth-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:13px}.remember{display:flex;gap:7px;align-items:center;color:var(--muted)}.auth-switch{text-align:center;margin:20px 0 0!important;font-size:13px;color:var(--muted)}.auth-switch a{color:var(--blue)}
@media(max-width:760px){.auth-page{padding:28px 15px;align-items:flex-start}.auth-shell{grid-template-columns:1fr;max-width:560px}.auth-brand-panel{padding:30px 28px}.auth-brand-panel h2{font-size:24px}.auth-points{display:none}.auth-card{padding:32px 26px}.auth-card h1{font-size:27px}}
/* Marketplace UX update: centered listing form, profile, brand directory, filter modal */
.vehicle-form-page{min-height:calc(100vh - 74px);padding:46px 18px;background:#f5f8fc;display:flex;justify-content:center;align-items:flex-start}.vehicle-form-centered{width:min(900px,100%);max-width:900px;padding:34px;border-radius:18px;box-shadow:0 16px 42px rgba(22,47,78,.10)}.vehicle-form-centered h1{margin:5px 0 5px;font-size:30px}.brand-select-note{font-size:11px;color:var(--muted);margin-top:6px}
.profile-page{background:#f5f8fc;min-height:calc(100vh - 74px);padding:42px 18px}.profile-shell{width:min(1050px,100%);margin:auto}.profile-heading{display:flex;align-items:center;gap:16px;margin-bottom:22px}.profile-heading h1{margin:4px 0;font-size:30px}.profile-avatar{width:64px;height:64px;font-size:22px}.company-logo-preview{width:72px;height:72px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid var(--line);padding:8px}.profile-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.profile-grid .panel{box-shadow:var(--shadow)}.profile-grid .btn{margin-top:18px}.profile-actions{margin-top:18px}.notice{padding:12px 15px;border-radius:10px;margin:0 0 16px;font-weight:650}.notice.success{background:#e9f8ef;color:#198754}.notice.error{background:#fff0f0;color:#c83b43}.small-text{font-size:12px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px}.section-head h2{margin:4px 0 0}.brand-section{padding-top:36px}.brand-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.brand-item{min-width:0;padding:12px 6px;border:1px solid #e8eef5;border-radius:12px;background:#fff;text-align:center;color:#25354a;font-size:11px;transition:.15s}.brand-item:hover{border-color:#b8d4ec;box-shadow:0 8px 20px rgba(22,47,78,.08);transform:translateY(-1px)}.brand-logo{width:46px;height:46px;border-radius:50%;margin:0 auto 7px;background:#f2f8fb;display:grid;place-items:center;overflow:hidden}.brand-logo img{max-width:31px;max-height:31px;object-fit:contain}.brand-logo b{width:100%;height:100%;place-items:center;color:var(--blue);font-size:12px}
.filter-btn{background:#fff;color:var(--blue);border:1px solid rgba(255,255,255,.8)}.filter-modal{display:none;position:fixed;inset:0;z-index:100}.filter-modal.open{display:block}.filter-backdrop{position:absolute;inset:0;background:rgba(11,25,42,.58);backdrop-filter:blur(3px)}.filter-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(430px,calc(100% - 28px));max-height:88vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.filter-head{position:sticky;top:0;background:#fff;z-index:2;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;padding:15px 12px;border-bottom:1px solid var(--line)}.filter-head h2{text-align:center;margin:0;font-size:18px}.filter-head>a{font-size:11px;color:var(--muted);text-align:right}.icon-close{width:30px;height:30px;border:0;border-radius:50%;background:#f2f4f7;font-size:20px;color:#657286;cursor:pointer}.filter-form{padding:18px}.filter-form>label{display:block;font-size:12px;margin:11px 0 6px;color:#344257}.filter-form .field{min-height:42px}.filter-price{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-apply{width:100%;justify-content:center;margin-top:18px;min-height:46px}
@media(max-width:1100px){.brand-grid{grid-template-columns:repeat(7,1fr)}}@media(max-width:760px){.brand-grid{grid-template-columns:repeat(4,1fr)}.profile-grid{grid-template-columns:1fr}.vehicle-form-centered{padding:24px 18px}.search{grid-template-columns:1fr 1fr}.filter-btn{width:100%}}@media(max-width:480px){.brand-grid{grid-template-columns:repeat(3,1fr)}.profile-heading{align-items:flex-start}.search{grid-template-columns:1fr}.filter-dialog{max-height:92vh}.filter-price{grid-template-columns:1fr 1fr}}
.nav-company-logo{width:36px;height:36px;border-radius:9px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:3px}
/* Brand directory: show exactly two responsive rows, expand on demand */
.brand-extra{display:none!important}.brand-expanded .brand-item{display:block!important}.brand-more-wrap{display:flex;justify-content:center;margin-top:18px}.brand-more-btn{min-width:190px;justify-content:center}.brand-logo{background:#f6fafc}.brand-logo img{width:46px!important;height:38px!important;max-width:46px!important;max-height:38px!important;object-fit:contain!important;border-radius:0!important}
.nav-dashboard-link{font-weight:800;color:var(--blue);white-space:nowrap}.btn.danger{background:#fff;color:#b42318;border-color:#f1b8b4}.vehicle-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.vehicle-side{display:grid;gap:16px;position:sticky;top:88px}.seller-card,.safety-card{background:#fff;border:1px solid #e3ebf4;border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(22,47,78,.06)}.seller-logo{width:58px;height:58px;object-fit:contain;border-radius:50%;border:1px solid #e6edf5;background:#fff;margin-bottom:10px}.seller-contact{display:grid;gap:9px;margin-top:14px}.safety-card h3{color:#d6464d;margin-top:0}.safety-card ol{padding-left:20px;line-height:1.8;color:#53657a}.vehicle-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.bilingual-description h3{margin-bottom:5px}.bilingual-description p{line-height:1.8}.vehicle-ad-side,.vehicle-ad-wide{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dfe8f2;border-radius:12px;overflow:hidden;text-decoration:none}.vehicle-ad-side{min-height:280px}.vehicle-ad-wide{min-height:170px;margin-top:20px}.vehicle-ad-side img,.vehicle-ad-wide img{width:100%;height:auto;display:block}.ad-placeholder{border:2px dashed #c9d7e6;color:#8091a6;text-align:center;font-weight:700;padding:25px;background:#f9fbfd}@media(max-width:900px){.vehicle-detail-layout{grid-template-columns:1fr}.vehicle-side{position:static}.nav-dashboard-link{display:none}}
/* Vehicle detail: Khmer text, finance calculator and related vehicles */
.khmer-text,[lang="km"]{font-family:"Noto Sans Khmer","Khmer OS System","Khmer OS",Arial,sans-serif;line-height:1.9;word-break:break-word}.vehicle-real-gallery{min-height:360px}.vehicle-photo-empty{min-height:360px;background:#ddd;display:grid;place-items:center;font-size:42px;color:#999;border-radius:14px}.vehicle-thumbs{display:flex;gap:8px;overflow:auto;margin:8px 0 18px}.vehicle-thumbs img{width:86px;height:62px;object-fit:cover;border-radius:8px;border:1px solid #dfe8f2}.loan-card{background:#fff;border:1px solid #e1e9f2;border-radius:14px;padding:18px;margin-top:20px}.loan-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.loan-head h2{margin:0}.loan-link{border:0;background:none;color:var(--blue);font-weight:800;cursor:pointer}.loan-grid{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center;margin-top:15px}.loan-summary{display:grid;gap:5px;padding:18px;border-radius:12px;background:#f5f9fd}.loan-summary b{font-size:30px;color:var(--blue)}.loan-summary span,.loan-summary small{color:#65768a}.loan-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.loan-fields label{font-size:12px;font-weight:800;color:#56687c}.loan-fields input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px;border:1px solid #d5e0eb;border-radius:8px}.payment-schedule{display:none;overflow:auto;margin-top:16px}.payment-schedule.show{display:block}.payment-schedule table{width:100%;border-collapse:collapse}.payment-schedule th,.payment-schedule td{padding:10px;border-bottom:1px solid #e8eef5;text-align:left}.related-section{margin-top:24px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-card{background:#fff;border:1px solid #e1e9f2;border-radius:12px;overflow:hidden;color:inherit;text-decoration:none}.related-image{height:145px;background:#eef3f8;display:grid;place-items:center;color:#8494a7}.related-image img{width:100%;height:100%;object-fit:cover}.related-body{padding:11px}.related-body h3{font-size:14px;margin:0 0 6px}.related-body p{font-size:12px;line-height:1.5}.related-price{color:#d6464d}@media(max-width:900px){.loan-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.loan-fields{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr 1fr}.vehicle-photo-empty{min-height:230px;font-size:28px}}
/* Seller contact, social share and direct marketplace chat */
.seller-card{overflow:hidden}.seller-card .section-kicker{color:#1599A3}.seller-contact-line{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:11px 0;border-top:1px solid #e7edf4;color:#18324d;text-decoration:none}.seller-contact-line span{width:28px;height:28px;border-radius:7px;background:#eef5fb;display:grid;place-items:center}.seller-contact-line small{color:#1599A3}.telegram-line b{color:#168dcc}.seller-chat-btn{margin-top:7px;background:#1599A3;width:100%;justify-content:center}.share-panel{display:none;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #dfe8f2;border-radius:10px;padding:12px;margin:-7px 0 16px}.share-panel.show{display:flex}.share-panel b{width:100%;font-size:13px}.share-panel a,.share-panel button{border:1px solid #d9e3ee;background:#f8fbfe;color:#1B60AD;padding:8px 11px;border-radius:8px;text-decoration:none;font-weight:700;cursor:pointer}.chat-page{max-width:900px}.chat-box{background:#f4f8fc;border:1px solid #dfe8f2;border-radius:16px;padding:18px;min-height:360px;display:flex;flex-direction:column;gap:12px}.chat-message{max-width:72%;background:#fff;border:1px solid #dfe8f2;border-radius:14px;padding:11px 14px}.chat-message.mine{align-self:flex-end;background:#eaf4ff;border-color:#cbdff4}.chat-message p{margin:5px 0}.chat-message small{color:#7b8da1}.chat-compose{display:grid;grid-template-columns:1fr 130px;gap:10px;margin-top:12px;align-items:end}@media(max-width:600px){.chat-message{max-width:88%}.chat-compose{grid-template-columns:1fr}.seller-contact-line{grid-template-columns:30px 1fr}}
/* Super Admin management + live KPI report */
.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.admin-summary>div{background:#fff;border:1px solid #e2eaf3;border-radius:14px;padding:18px;box-shadow:var(--shadow)}.admin-summary b{display:block;font-size:28px;color:var(--blue-dark)}.admin-summary span{color:var(--muted)}.table-wrap{overflow:auto;border-radius:14px}.table td small{display:block;color:var(--muted);margin-top:3px}.inline-admin-form{display:flex;gap:7px;min-width:220px}.inline-admin-form select{border:1px solid #d8e0eb;border-radius:8px;padding:8px;background:#fff}.status-pill{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;background:#eef3f8}.status-published,.status-active{background:#e9f8ef;color:#198754}.status-pending{background:#fff6df;color:#a36a00}.status-rejected,.status-suspended{background:#fff0f0;color:#c83b43}.ad-preview{display:grid;place-items:center;text-align:center;border:2px dashed #cbd9e7;border-radius:12px;background:#f8fbfe;color:#73869a;font-weight:800;margin:12px 0}.ad-preview.tall{height:220px}.ad-preview.wide{height:100px}.kpi-report{margin:20px 0 24px;padding:20px;border-radius:18px;background:linear-gradient(145deg,#0e4e8c,#167e9c);color:#fff;box-shadow:0 18px 45px rgba(16,63,120,.16)}.kpi-title{display:flex;justify-content:space-between;gap:20px;align-items:start}.kpi-title h2{margin:4px 0 2px;font-size:27px}.kpi-title p{margin:0;opacity:.8}.kpi-title .section-kicker{color:#a9edf0}.kpi-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}.kpi-strip>div,.kpi-panel{background:#fff;color:var(--ink);border-radius:13px;padding:15px}.kpi-strip small{display:block;color:#728398}.kpi-strip b{display:block;font-size:24px;margin-top:3px;color:#123e6e}.kpi-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:12px}.kpi-panel h3{margin:0 0 13px}.mini-chart{height:160px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end;border-bottom:1px solid #dce5ee;padding:0 8px}.month-col{text-align:center}.bars{height:125px;display:flex;gap:3px;align-items:end;justify-content:center}.bars i{display:block;width:10px;border-radius:4px 4px 0 0;background:#1B60AD}.bars i:nth-child(2){background:#1599A3}.bars i:nth-child(3){background:#d69b46}.month-col small{color:#718096}.chart-legend{display:flex;gap:18px;font-size:11px;margin-top:10px;color:#64758a}.chart-legend span:nth-child(1){color:#1B60AD}.chart-legend span:nth-child(2){color:#1599A3}.chart-legend span:nth-child(3){color:#a86c13}.performance-list p{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f5;padding:9px 0;margin:0}.performance-list span{color:#66778b}.integration-note{margin-top:12px;padding:11px 13px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.08);font-size:12px}@media(max-width:1050px){.kpi-strip{grid-template-columns:repeat(3,1fr)}.kpi-grid{grid-template-columns:1fr}}@media(max-width:700px){.admin-summary,.kpi-strip{grid-template-columns:1fr 1fr}.kpi-title{display:block}.kpi-title>span{display:block;margin-top:8px}.mini-chart{gap:5px}.inline-admin-form{min-width:190px}}
/* Public seller/dealer storefront */
.seller-store{padding:24px 0 48px;background:#f5f7fa}.store-cover{height:330px;border-radius:18px 18px 0 0;overflow:hidden;background:#dfeaf5}.store-cover>img{width:100%;height:100%;object-fit:cover}.store-cover-default{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(125deg,#103f78,#1B60AD 55%,#1599A3);color:#fff}.store-cover-default span{font-size:13px;letter-spacing:.16em;font-weight:850;opacity:.85}.store-cover-default b{font-size:44px;margin-top:12px}.store-profile-card{background:#fff;border:1px solid var(--line);border-top:0;padding:0 28px 22px;display:flex;align-items:end;justify-content:space-between;gap:20px}.store-identity{display:flex;align-items:end;gap:18px}.store-logo{width:132px;height:132px;border-radius:50%;object-fit:contain;background:#fff;border:6px solid #fff;box-shadow:0 3px 16px rgba(20,45,75,.13);margin-top:-54px}.store-letter{display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;font-size:42px;font-weight:900}.store-identity h1{margin:0;font-size:29px}.store-handle{margin:2px 0;color:#61758a;font-weight:700}.verified-mark{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#1B60AD;color:#fff;font-size:13px;vertical-align:3px}.store-contact-actions{display:flex;gap:9px;flex-wrap:wrap}.store-tabs{display:flex;background:#fff;border:1px solid var(--line);border-top:0;padding:0 28px}.store-tabs a{padding:16px 22px;font-weight:800;color:#607187;border-bottom:3px solid transparent}.store-tabs a.active{color:var(--blue);border-color:var(--blue)}.store-toolbar{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.store-toolbar h2{margin:0}.store-toolbar span{color:var(--muted);font-weight:700}.store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.store-vehicle-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 5px 18px rgba(22,47,78,.05)}.store-vehicle-image{height:205px;background:#eaf0f5;display:grid;place-items:center;color:#7c8da0;font-weight:850}.store-vehicle-image img{width:100%;height:100%;object-fit:cover}.store-vehicle-body{padding:13px}.store-vehicle-body h3{margin:0 0 6px;font-size:16px}.store-vehicle-body p{font-size:12px;margin:0 0 9px}.store-price{color:#D6464D;font-size:18px}.store-about{margin-top:24px}.store-about h2{margin-top:0}@media(max-width:900px){.store-cover{height:240px}.store-profile-card{align-items:flex-start;flex-direction:column}.store-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.store-cover{height:180px}.store-profile-card{padding:0 18px 18px}.store-logo{width:92px;height:92px;margin-top:-38px}.store-identity h1{font-size:22px}.store-contact-actions{width:100%}.store-contact-actions .btn{flex:1}.store-tabs{padding:0 10px}.store-grid{grid-template-columns:1fr 1fr;gap:10px}.store-vehicle-image{height:130px}.store-vehicle-body h3{font-size:13px}.store-price{font-size:15px}}
/* KPI visibility fix + customer report */
.kpi-report{display:block!important;clear:both;width:100%;box-sizing:border-box}.dashboard-content{min-width:0}.kpi-customer{background:linear-gradient(145deg,#1B60AD,#1599A3)}.single-chart .bars i{width:22px}.customer-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:1050px){.customer-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.customer-kpis{grid-template-columns:repeat(2,1fr)}}
/* Guaranteed Super Admin KPI entry + dedicated report */
.kpi-dashboard-callout{margin:20px 0;padding:22px 24px;border-radius:18px;background:linear-gradient(120deg,#123f76,#1B60AD 58%,#1599A3);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 14px 35px rgba(19,64,115,.18)}.kpi-dashboard-callout span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#bceff1}.kpi-dashboard-callout h2{margin:5px 0;font-size:25px}.kpi-dashboard-callout p{margin:0;opacity:.85}.kpi-dashboard-callout .btn{background:#fff;color:#1B60AD;white-space:nowrap}.kpi-force{display:block!important;visibility:visible!important;opacity:1!important;min-height:420px}.kpi-big-bars{display:grid;gap:16px}.kpi-big-bars>div{position:relative;padding-bottom:10px;border-bottom:6px solid #edf2f7}.kpi-big-bars span{color:#65768a}.kpi-big-bars b{float:right;color:#123e6e}.kpi-big-bars i{position:absolute;left:0;bottom:-6px;height:6px;background:#1599A3;border-radius:8px;max-width:100%}@media(max-width:750px){.kpi-dashboard-callout{display:block}.kpi-dashboard-callout .btn{display:inline-flex;margin-top:14px}}
/* Seller membership packages + payment QR */
.register-package{margin-top:12px}.register-package small{display:block;margin-top:6px}.membership-page{max-width:1180px}.membership-current{background:linear-gradient(120deg,#1B60AD,#1599A3);color:#fff;border-radius:16px;padding:20px 24px;margin:18px 0}.membership-current h2{margin:4px 0}.membership-current p{margin:0}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.package-card{background:#fff;border:1px solid #dfe8f2;border-radius:16px;padding:22px;box-shadow:var(--shadow)}.package-card h2{margin-top:0}.package-price{font-size:31px;font-weight:900;color:#1B60AD}.package-card .btn{width:100%;justify-content:center}.payment-box{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:center;background:#fff;border:1px solid #dfe8f2;border-radius:16px;padding:24px;margin-top:20px}.payment-box img,.qr-placeholder{width:240px;height:240px;object-fit:contain;border:1px solid #dce6ef;border-radius:14px}.qr-placeholder{display:grid;place-items:center;text-align:center;font-size:42px;color:#789}.package-admin-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:18px;margin-bottom:18px}.admin-package-row{display:grid;grid-template-columns:1.1fr .65fr .6fr .65fr .65fr 1.5fr auto auto;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f5}.admin-package-row textarea{min-height:54px}.admin-qr{width:220px;height:220px;object-fit:contain;border:1px solid #dce6ef;border-radius:12px;margin-bottom:12px}@media(max-width:1000px){.package-grid{grid-template-columns:1fr}.package-admin-grid{grid-template-columns:1fr}.admin-package-row{grid-template-columns:1fr 1fr}.payment-box{grid-template-columns:1fr}}@media(max-width:600px){.admin-package-row{grid-template-columns:1fr}.payment-box img,.qr-placeholder{width:200px;height:200px}}

/* Public customer/seller social profile */
.profile-social-stats{display:flex;gap:22px;flex-wrap:wrap;margin-top:10px}.profile-social-stats span{font-size:12px;color:#6a7c90}.profile-social-stats b{font-size:17px;color:#102f55;margin-right:4px}.store-contact-actions form{margin:0}.store-contact-actions form .btn{height:100%}@media(max-width:560px){.profile-social-stats{gap:12px}.profile-social-stats span{font-size:11px}}
/* Vehicle detail seller profile — compact Khmer Baba card */
.vehicle-side .seller-card{padding:0;border-radius:8px;border:1px solid #dfe7ef;background:#fff;box-shadow:0 5px 18px rgba(25,58,92,.08);overflow:hidden}
.vehicle-side .seller-card>.seller-profile-head{background:#0799d2;color:#fff;padding:15px 16px;display:flex;gap:12px;align-items:center}
.vehicle-side .seller-card>.seller-profile-head .seller-logo{width:58px;height:58px;margin:0;border:3px solid rgba(255,255,255,.95);flex:0 0 58px}
.vehicle-side .seller-card>.seller-profile-head h3{margin:0 0 2px;color:#fff;font-size:18px}
.vehicle-side .seller-card>.seller-profile-head h3 a{color:#fff;text-decoration:none}
.vehicle-side .seller-card>.seller-profile-head .seller-handle{margin:0;color:#fff;font-weight:700;font-size:13px}
.vehicle-side .seller-card>.seller-profile-head .seller-follow{margin-top:7px;display:inline-flex;padding:5px 10px;border-radius:5px;background:#fff;color:#172a3e;text-decoration:none;font-size:12px;font-weight:800}
.vehicle-side .seller-card>.seller-member{padding:11px 16px;margin:0;color:#65788d;border-bottom:1px solid #edf1f5}
.vehicle-side .seller-card .seller-contact{padding:0 16px 14px;margin:0;gap:0}
.vehicle-side .seller-card .seller-contact-line{padding:11px 0}
.vehicle-side .seller-card .seller-chat-btn{background:#ff7a00;border-color:#ff7a00;color:#fff;margin-top:12px}

/* Public profile About Us editor/display */
.company-about-field{min-height:180px;resize:vertical;line-height:1.65}
.store-about{margin-top:18px;padding:0!important;overflow:hidden}
.store-about-head{padding:20px 24px 14px;border-bottom:1px solid #e5edf5;background:linear-gradient(90deg,#f8fbff,#fff)}
.store-about-head h2{margin:4px 0 0;color:#10213d}
.store-about-content{padding:22px 24px;min-height:110px}
.store-about-content p{margin:0;line-height:1.8;color:#334a67;white-space:normal}
.store-about-location{margin-top:18px!important;padding-top:15px;border-top:1px solid #edf1f5;font-weight:700}
.myads-grid{display:grid;gap:14px}.myad-card{background:#fff;border:1px solid #e4ebf3;border-radius:14px;display:grid;grid-template-columns:150px 1fr auto;gap:16px;padding:12px;align-items:center;box-shadow:0 5px 18px rgba(20,55,90,.06)}.myad-card>img{width:150px;height:105px;object-fit:cover;border-radius:10px}.myad-body h3{margin:0 0 6px}.myad-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.myad-actions>a,.myad-actions summary{padding:9px 11px;border:1px solid #d8e3ef;border-radius:9px;text-decoration:none;cursor:pointer;background:#fff;color:#175aa5;font-weight:700}.myad-actions details{position:relative}.myad-actions summary{list-style:none}.ad-more{position:absolute;right:0;top:44px;background:#fff;border:1px solid #dce5ef;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.16);min-width:210px;padding:7px;z-index:20}.ad-more a{display:block;padding:11px;border-radius:8px;text-decoration:none}.danger-text{color:#d6464d!important}@media(max-width:760px){.myad-card{grid-template-columns:90px 1fr}.myad-card>img{width:90px;height:75px}.myad-actions{grid-column:1/-1}}

/* Vehicle detail gallery - large marketplace layout */
.vehicle-gallery-shell{background:#fff;border:1px solid #dfe7ef;border-radius:12px;overflow:hidden;margin-bottom:18px;box-shadow:0 5px 18px rgba(20,55,90,.05)}
.vehicle-main-photo-wrap{position:relative;width:100%;height:520px;background:#eef2f5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.vehicle-main-photo{width:100%;height:100%;object-fit:contain;display:block;background:#eef2f5}
.vehicle-photo-actions{position:absolute;right:14px;top:14px;display:flex;gap:8px}.vehicle-photo-actions button{width:44px;height:40px;border:1px solid rgba(20,45,75,.16);border-radius:7px;background:rgba(255,255,255,.94);font-size:22px;color:#17385d;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.08)}.vehicle-photo-actions button.active{color:#D6464D}
.vehicle-photo-count{position:absolute;right:14px;bottom:14px;background:rgba(13,34,56,.76);color:#fff;padding:7px 11px;border-radius:7px;font-size:12px;font-weight:800}
.vehicle-thumb-strip{display:flex;gap:5px;padding:5px;background:#fff;overflow-x:auto;scrollbar-width:thin}.vehicle-thumb-btn{padding:0;border:2px solid transparent;background:none;border-radius:5px;overflow:hidden;cursor:pointer;flex:0 0 112px;height:82px}.vehicle-thumb-btn.active{border-color:#1B60AD}.vehicle-thumb-btn img{width:100%;height:100%;object-fit:cover;display:block}.vehicle-photo-empty-large{height:500px;color:#8291a1;font-size:34px;font-weight:700}
@media(max-width:900px){.vehicle-main-photo-wrap{height:430px}.vehicle-thumb-btn{flex-basis:95px;height:70px}}
@media(max-width:600px){.vehicle-gallery-shell{border-radius:8px}.vehicle-main-photo-wrap{height:300px}.vehicle-thumb-btn{flex-basis:78px;height:58px}.vehicle-photo-actions{right:8px;top:8px}.vehicle-photo-actions button{width:38px;height:36px}.vehicle-photo-count{right:8px;bottom:8px}}
/* Seller account / Manage Ads profile layout */
.account-store{background:#f4f6f8;padding:0 0 50px}.account-cover{height:300px;border-radius:0 0 14px 14px;overflow:hidden;background:#dfe7ef}.account-cover img{width:100%;height:100%;object-fit:cover}.account-cover-empty{height:100%;display:grid;place-items:center;font-size:28px;font-weight:800;color:#6d7d91}.account-profile-row{display:flex;align-items:flex-end;gap:20px;background:#fff;padding:0 26px 18px;min-height:120px}.account-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;border:7px solid #fff;margin-top:-65px;box-shadow:0 3px 14px #0002}.account-letter{display:grid;place-items:center;background:#e9f4ff;font-size:42px;font-weight:900}.account-name h1{margin:0}.account-name p{margin:5px 0}.profile-badge{border:1px solid #1599a3;border-radius:20px;padding:2px 8px;font-size:12px;color:#1599a3}.account-tools{margin-left:auto;display:flex;gap:12px}.account-tools button,.account-tools a{width:48px;height:48px;border:1px solid #d5dde7;background:#fff;border-radius:8px;display:grid;place-items:center;font-size:23px;text-decoration:none;color:#27364a}.account-tabs{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #e6ebf1;border-bottom:1px solid #e6ebf1}.account-tabs a{text-align:center;padding:18px 8px;text-decoration:none;color:#4a5668;font-weight:700}.account-tabs a.active{color:#168bc1;border-bottom:3px solid #168bc1}.manage-ads-panel{background:#fff;margin-top:18px;border-radius:10px;padding:24px}.manage-title{display:flex;justify-content:space-between;align-items:center}.manage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.manage-stats div{text-align:center;background:#f0f1f3;border-radius:7px;padding:18px}.manage-stats span{display:block}.manage-stats b{font-size:22px}.manage-status{display:grid;grid-template-columns:1fr 1fr;background:#f0f1f3;border-radius:7px;padding:5px;text-align:center}.manage-status span{padding:12px}.myad-card.wide{padding:16px}.myad-top{display:flex;gap:14px}.myad-top>img{width:150px;height:110px;object-fit:cover;border-radius:7px}.renew-time-row{margin-top:14px;background:#f0f1f3;padding:12px 16px;display:flex;justify-content:space-between;border-radius:6px}.myad-actions.bar{display:grid;grid-template-columns:repeat(4,1fr) 54px;gap:8px;margin-top:14px}.myad-actions.bar>a,.myad-actions.bar>button,.myad-actions.bar>details>summary{min-height:44px;display:grid;place-items:center;background:#f0f1f3;border:0;border-radius:5px;text-decoration:none;color:#1f2937;font-weight:700;cursor:pointer}.myad-actions.bar details{position:relative}.myad-actions.bar .ad-more{right:0;left:auto;min-width:210px;z-index:20}.switch-line{display:flex;gap:10px;align-items:center;margin:15px 0;font-weight:700}
@media(max-width:760px){.account-cover{height:190px}.account-profile-row{align-items:center;flex-wrap:wrap}.account-avatar{width:100px;height:100px;margin-top:-45px}.account-tools{margin-left:0}.account-tabs{grid-template-columns:repeat(3,1fr)}.manage-stats{grid-template-columns:1fr}.myad-top{display:block}.myad-top>img{width:100%;height:210px}.myad-actions.bar{grid-template-columns:1fr 1fr}.myad-actions.bar details{grid-column:span 2}}
/* Manage Ads reference-style update */
.boost-row{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;border-top:1px solid #e5e7eb;margin-top:12px;color:#6b7280}.myad-card.wide{display:block!important;padding:14px!important}.myad-top{align-items:flex-start}.myad-body{flex:1}.myad-image-empty{width:150px;height:110px;background:#eef2f6;display:grid;place-items:center;border-radius:7px;color:#7b8797}.ad-more button{display:block;width:100%;text-align:left;padding:11px;border:0;background:#fff;border-radius:8px;font:inherit;color:#175aa5;cursor:pointer}.ad-more button:hover,.ad-more a:hover{background:#f3f7fb}.renew-modal{width:min(520px,92vw);border:0;border-radius:12px;padding:0;box-shadow:0 20px 60px #0005}.renew-modal::backdrop{background:#0008}.renew-modal form{padding:0 20px 20px}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;margin:0 -20px 18px;padding:15px 20px}.modal-head h3{margin:0}.modal-head button{border:0;background:#eef0f3;border-radius:50%;width:32px;height:32px;font-size:22px;cursor:pointer}.time-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.time-grid label{font-weight:700}.time-grid .field{margin-top:7px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.tab-content{min-height:330px}.about-overview{background:#fff;border:1px solid #e4e9ef;border-radius:8px;padding:22px}.about-line{padding:14px 0;border-bottom:1px solid #e8edf2}.company-about-copy{padding:20px 0;line-height:1.8}.saved-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.saved-card{border:1px solid #e1e7ee;border-radius:9px;overflow:hidden;text-decoration:none;color:#182235;padding-bottom:12px}.saved-card img{width:100%;height:150px;object-fit:cover}.saved-card b,.saved-card span{display:block;padding:6px 12px 0}.saved-card span{color:#d6464d;font-weight:800}
@media(max-width:760px){.time-grid{grid-template-columns:1fr}.boost-row{gap:10px}.saved-grid{grid-template-columns:1fr 1fr}}
/* profile dropdown + complete edit media */
.profile-menu-wrap{position:relative}.profile-menu-button{border:0;background:transparent;cursor:pointer}.menu-caret{font-size:16px;margin-left:3px}.profile-dropdown{display:none;position:absolute;right:0;top:calc(100% + 10px);width:300px;background:#fff;border:1px solid #dce4ee;border-radius:10px;box-shadow:0 14px 35px rgba(15,38,68,.18);z-index:1000;overflow:hidden}.profile-menu-wrap.open .profile-dropdown{display:block}.profile-dropdown>a{display:flex;align-items:center;gap:12px;padding:14px 18px;color:#26364b;text-decoration:none;border-bottom:1px solid #edf1f5;font-weight:600}.profile-dropdown>a:hover{background:#f5f9fd}.profile-dropdown-head{background:#f4f6f8}.profile-dropdown-head img{width:44px;height:44px;border-radius:50%;object-fit:cover}.profile-dropdown-head span{display:flex;flex-direction:column}.profile-dropdown-head small{font-weight:400;color:#738198}.edit-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 18px}.edit-media-item{border:1px solid #dfe7f0;border-radius:10px;padding:8px;background:#fff}.edit-media-item img{width:100%;height:120px;object-fit:cover;border-radius:7px;margin-bottom:7px}.edit-media-item label{display:block;font-size:13px;margin:5px 0}@media(max-width:760px){.profile-dropdown{position:fixed;left:12px;right:12px;top:72px;width:auto}.edit-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Professional compact marketplace listing cards - reference proportions */
.grid:has(.marketplace-card){gap:16px;align-items:start}
.marketplace-card{height:382px;border-radius:9px!important;border:1px solid #e2e6eb!important;box-shadow:0 2px 8px rgba(15,35,60,.06)!important;background:#fff;overflow:hidden;display:flex;flex-direction:column;transform:none!important}
.marketplace-card:hover{box-shadow:0 8px 22px rgba(15,35,60,.11)!important;transform:translateY(-2px)!important}
.market-card-media{height:250px;min-height:250px;position:relative;overflow:hidden;background:#e9eef3}
.market-card-media>img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.market-card-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#7a8794;font-weight:800;background:linear-gradient(145deg,#edf2f6,#dfe7ee)}
.market-card-more{position:absolute;right:10px;top:10px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#27313d;font-size:21px;font-weight:900;line-height:1;box-shadow:0 1px 5px #0002}
.market-card-count{position:absolute;right:9px;bottom:8px;padding:3px 7px;border-radius:4px;background:rgba(28,36,46,.72);color:#fff;font-size:12px;font-weight:700}
.market-card-body{height:132px;padding:11px 10px 9px;display:flex;flex-direction:column;min-width:0}
.market-card-body h3{font-size:16px;line-height:1.35;margin:0 0 5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#30343a}
.market-card-location,.market-card-meta{font-size:13px;line-height:1.35;margin:0 0 5px;color:#81878e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
.market-card-bottom strong{font-size:20px;color:#ff3038;font-weight:800}
.market-card-heart{font-size:31px;line-height:1;color:#7d8794;font-family:Arial,sans-serif}
.store-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.store-vehicle-card{height:382px;border-radius:9px!important;box-shadow:0 2px 8px rgba(15,35,60,.06)!important}
.store-vehicle-image{height:250px!important;min-height:250px}.store-vehicle-body{height:132px;padding:11px 10px!important;display:flex;flex-direction:column}.store-vehicle-body h3{font-size:16px!important;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-price{margin-top:auto;color:#ff3038!important;font-size:20px!important}
@media(max-width:1050px){.marketplace-card,.store-vehicle-card{height:360px}.market-card-media,.store-vehicle-image{height:230px!important;min-height:230px}.market-card-body,.store-vehicle-body{height:130px}}
@media(max-width:600px){.grid:has(.marketplace-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.marketplace-card,.store-vehicle-card{height:300px}.market-card-media,.store-vehicle-image{height:185px!important;min-height:185px}.market-card-body,.store-vehicle-body{height:115px;padding:9px!important}.market-card-body h3,.store-vehicle-body h3{font-size:14px!important}.market-card-location,.market-card-meta{font-size:11px}.market-card-bottom strong,.store-price{font-size:16px!important}.market-card-heart{font-size:25px}}

/* Khmer Baba responsive compact listing cards v2 */
.grid:has(.marketplace-card){
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.marketplace-card,.store-vehicle-card{
  height:334px!important;
  min-height:0!important;
  border-radius:10px!important;
}
.market-card-media,.store-vehicle-image{
  height:202px!important;
  min-height:202px!important;
}
.market-card-body,.store-vehicle-body{
  height:132px!important;
  padding:10px 11px!important;
}
.market-card-body h3,.store-vehicle-body h3{
  font-size:15px!important;
  line-height:1.3!important;
  margin-bottom:4px!important;
}
.market-card-location,.market-card-meta{font-size:12px!important;margin-bottom:3px!important}
.market-card-bottom strong,.store-price{font-size:19px!important}
.market-card-heart{font-size:27px!important}
.market-card-more{width:27px;height:27px;font-size:19px;right:8px;top:8px}
.market-card-count{right:7px;bottom:7px;font-size:11px}
/* Reduce excessive vertical whitespace around homepage listing area */
.wrap.section:has(.marketplace-card){padding-top:28px;padding-bottom:30px}

@media (max-width:1100px){
  .grid:has(.marketplace-card),.store-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px}
  .marketplace-card,.store-vehicle-card{height:326px!important}
  .market-card-media,.store-vehicle-image{height:196px!important;min-height:196px!important}
  .market-card-body,.store-vehicle-body{height:130px!important}
}
@media (max-width:820px){
  .grid:has(.marketplace-card),.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
  .marketplace-card,.store-vehicle-card{height:318px!important}
  .market-card-media,.store-vehicle-image{height:190px!important;min-height:190px!important}
  .market-card-body,.store-vehicle-body{height:128px!important}
}
@media (max-width:520px){
  .wrap{padding-left:12px;padding-right:12px}
  .grid:has(.marketplace-card),.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .marketplace-card,.store-vehicle-card{height:255px!important;border-radius:8px!important}
  .market-card-media,.store-vehicle-image{height:145px!important;min-height:145px!important}
  .market-card-body,.store-vehicle-body{height:110px!important;padding:8px!important}
  .market-card-body h3,.store-vehicle-body h3{font-size:13px!important;margin-bottom:3px!important}
  .market-card-location,.market-card-meta{font-size:10.5px!important;margin-bottom:2px!important}
  .market-card-bottom strong,.store-price{font-size:15px!important}
  .market-card-heart{font-size:23px!important}
  .market-card-more{width:24px;height:24px;font-size:17px;right:6px;top:6px}
  .market-card-count{font-size:10px;padding:2px 5px}
}
@media (max-width:350px){
  .grid:has(.marketplace-card),.store-grid{grid-template-columns:1fr!important}
  .marketplace-card,.store-vehicle-card{height:315px!important}
  .market-card-media,.store-vehicle-image{height:205px!important;min-height:205px!important}
}

/* Seller-only listing performance row. Never rendered on public marketplace cards. */
.seller-performance{display:flex;flex-wrap:wrap;gap:18px;margin-top:8px;padding:0;border:0;background:transparent;font-size:14px;color:#172033;width:max-content;max-width:100%}
.seller-performance b{white-space:nowrap}
.manage-ads-panel .boost-row{display:none!important}
@media(max-width:600px){.seller-performance{width:100%;gap:7px 14px;font-size:12px;padding:0}.seller-performance b{white-space:normal}}

/* Seller Manage Ads: listing preview opens the public post */
.myad-open-post{display:flex;text-decoration:none;color:inherit;cursor:pointer;border-radius:12px;transition:background .15s ease,box-shadow .15s ease}
.myad-open-post:hover{background:#f8fbff;box-shadow:inset 0 0 0 1px #d8e8f6}
.myad-open-post:focus-visible{outline:2px solid #1b60ad;outline-offset:2px}

/* Logged-in navigation: dashboard/account only; public menu remains guest-only. */
.logged-in .nav{gap:14px}
.logged-in .navaccount{margin-left:auto}
.nav-myads-link{font-weight:800;color:var(--blue);white-space:nowrap}
@media(max-width:900px){
  .logged-in .mobile-menu{display:block;order:3;margin-left:6px}
  .logged-in .navaccount{display:flex;align-items:center;gap:10px;margin-left:auto}
  .logged-in .nav-dashboard-link,.logged-in .nav-myads-link{display:inline-flex!important;font-size:14px}
  .logged-in .nav-icon{display:none}
}
@media(max-width:600px){
  .logged-in .nav{padding-left:12px;padding-right:12px;gap:7px}
  .logged-in .brand>span:last-child{max-width:120px}
  .logged-in .navaccount>a.nav-dashboard-link,.logged-in .navaccount>a.nav-myads-link{display:inline-flex!important;font-size:12px;padding:6px 3px}
  .logged-in .profile-menu-wrap{display:none}
  .logged-in .mobile-menu{flex:0 0 auto}
}
@media(max-width:430px){
  .logged-in .brand>span:last-child{display:none}
}

/* Registration: free Visitor / Buyer never sees seller membership packages. */
#sellerPackageSection[style*="display:none"]{display:none!important}
/* Guest mobile header must always expose both Sign In and Register. */
@media(max-width:600px){
  body.guest .navaccount>a[href="/login"]{display:inline-flex!important;font-size:13px;font-weight:800;white-space:nowrap}
  body.guest .navaccount>a[href="/register"]{display:inline-flex!important;font-size:13px;padding:8px 11px;white-space:nowrap}
  body.guest .nav{gap:7px}
  body.guest .mobile-menu{margin-left:auto}
}
.chat-list-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 4px;border-bottom:1px solid #edf1f5}.chat-list-row:last-child{border-bottom:0}.chat-list-row div{min-width:0}.chat-list-row b,.chat-list-row small{display:block}.chat-list-row small{color:var(--muted);margin-top:2px}.chat-list-row p{margin:5px 0 0;color:#5e6d80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:700px}.chat-list-row>span{color:var(--blue);font-weight:800;white-space:nowrap}

/* Clickable seller statistics, notifications and colored profile tools */
.manage-stats .manage-stat-link{display:block;text-align:center;background:#f0f1f3;border-radius:7px;padding:18px;text-decoration:none;color:#1f2937;cursor:pointer;touch-action:manipulation;border:2px solid transparent}
.manage-stats .manage-stat-link:hover,.manage-stats .manage-stat-link.selected{background:#eaf4ff;border-color:#1B60AD;color:#1B60AD}
.manage-status a{display:block;padding:12px;text-decoration:none;color:#1f2937;border-radius:6px;cursor:pointer;touch-action:manipulation}
.manage-status a:hover,.manage-status a.selected{background:#eaf4ff;color:#1B60AD;font-weight:800}
.account-tools .account-share-btn{color:#1B60AD;background:#edf6ff;border-color:#bcd8f2}
.account-tools .account-settings-btn{color:#1599A3;background:#ecfbfb;border-color:#b9e4e6}
.account-tools .account-share-btn:hover,.account-tools .account-settings-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0002}
.notification-bell{position:relative}.notification-badge{position:absolute;right:-6px;top:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#D6464D;color:#fff;font-size:11px;display:grid;place-items:center;font-weight:800}
.notification-list{display:grid;gap:10px;margin-top:18px}.notification-item{background:#fff;border:1px solid #dfe7f0;border-radius:10px;padding:16px}.notification-item.unread{border-left:4px solid #1B60AD;background:#f5faff}.notification-item p{margin:6px 0}.notification-item small{color:#738198}
@media(max-width:760px){.manage-stat-link,.manage-status a{min-height:64px;display:grid!important;place-items:center}.account-tools .account-share-btn,.account-tools .account-settings-btn{width:48px;height:48px;font-size:23px}}

/* Restore Manage Ads statistic cards while keeping them tappable/clickable. */
.manage-ads-panel .manage-stats > a.manage-stat-link{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:112px;
  width:100%;
  box-sizing:border-box;
  background:#f0f1f3 !important;
  border:2px solid transparent;
  border-radius:7px;
  padding:18px;
  text-align:center;
  text-decoration:none;
  color:#1f2937;
  cursor:pointer;
  touch-action:manipulation;
}
.manage-ads-panel .manage-stats > a.manage-stat-link span{display:block;margin-bottom:6px}
.manage-ads-panel .manage-stats > a.manage-stat-link b{display:block;font-size:22px}
.manage-ads-panel .manage-stats > a.manage-stat-link:hover,
.manage-ads-panel .manage-stats > a.manage-stat-link.selected{
  background:#eaf4ff !important;
  border-color:#1B60AD;
  color:#1B60AD;
}
@media(max-width:760px){
  .manage-ads-panel .manage-stats{display:grid;grid-template-columns:1fr;gap:12px}
  .manage-ads-panel .manage-stats > a.manage-stat-link{min-height:112px}
}
/* Homepage advertising manager */
.home-ad-slot{display:flex;align-items:center;justify-content:center;margin:26px auto;overflow:hidden;border-radius:16px}.home-ad-slot a{display:flex;width:100%;align-items:center;justify-content:center}.home-ad-slot img{display:block;width:100%;max-width:100%;object-fit:cover;border-radius:16px}.home-ad-wide{min-height:90px}.home-ad-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;margin-bottom:24px}.home-ad-half{margin:0;min-width:0}.home-ad-admin-card{border:1px solid #dfe7ef;border-radius:14px;padding:18px;margin:18px 0;background:#f8fbfd}.ad-size-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-ad-image-preview{display:block;max-width:100%;max-height:220px;margin-top:14px;border-radius:10px;border:1px solid #dfe7ef}
@media(max-width:700px){.home-ad-pair{grid-template-columns:1fr;gap:14px}.home-ad-slot{margin:16px auto;border-radius:12px}.home-ad-slot img{border-radius:12px}.ad-size-fields{grid-template-columns:1fr}}

/* Responsive homepage advertising fix */
.home-ad-slot{width:100%;max-width:100%;box-sizing:border-box;min-height:0!important;height:auto!important;overflow:hidden}
.home-ad-slot a{width:100%;max-width:100%;height:auto;display:block}
.home-ad-slot img{display:block;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:16px}
.home-ad-wide{width:100%;max-width:1180px;margin:24px auto}
.home-ad-wide img{aspect-ratio:6/1;object-fit:cover!important}
.home-ad-pair{width:100%;max-width:1180px;margin:24px auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.home-ad-half{width:100%;margin:0;min-width:0}
.home-ad-half img{aspect-ratio:16/9;object-fit:cover!important}
@media (max-width:900px){.home-ad-wide,.home-ad-pair{max-width:calc(100% - 32px)}.home-ad-pair{gap:14px}}
@media (max-width:700px){.home-ad-wide,.home-ad-pair{max-width:calc(100% - 24px);margin:16px auto}.home-ad-pair{grid-template-columns:1fr}.home-ad-wide img{aspect-ratio:3/1}.home-ad-half img{aspect-ratio:16/9}.home-ad-slot,.home-ad-slot img{border-radius:12px}}
@media (max-width:420px){.home-ad-wide,.home-ad-pair{max-width:calc(100% - 20px)}.home-ad-wide img{aspect-ratio:2.5/1}}