:root{--gold:#f59e0b;--gold-dark:#c77800;--gold-soft:#fff4da;--brown:#0f2a43;--brown-2:#1d75d9;--cream:#f8fafc;--white:#fff;--text:#172033;--muted:#64748b;--line:#e2e8f0;--green:#16a34a;--red:#b91c1c;--shadow:0 8px 24px rgba(15,42,67,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{min-height:44px;background:var(--gold);color:#251a0d;border:1px solid var(--gold-dark);border-radius:8px;padding:11px 17px;font-weight:800;cursor:pointer}button:hover{background:#b88319}
header{height:72px;position:sticky;top:0;z-index:30;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(16px,calc((100% - 1180px)/2));gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--brown)}.brand span{width:42px;height:42px;border-radius:9px;background:var(--gold);color:var(--brown);display:grid;place-items:center;font-size:12px;font-weight:900}.brand b{white-space:nowrap;letter-spacing:.2px}header nav{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:13px;font-weight:750}header nav>a:hover{color:var(--gold-dark)}.orange{background:var(--gold);border:1px solid var(--gold-dark);padding:11px 15px;border-radius:8px}.logout-form{margin:0}.logout-form button{background:#fff;color:var(--red);border-color:#d9b9b4;padding:9px 13px}
main{min-height:70vh}section{width:min(1180px,calc(100% - 32px));margin:auto;padding:48px 0}h1{font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:-1.3px;color:var(--brown)}h2{font-size:clamp(22px,3vw,29px);color:var(--brown);margin:0 0 20px}h3{color:var(--brown)}p{line-height:1.65}.hero{width:100%;max-width:none;background:var(--brown);color:#fff;text-align:center;padding:72px max(16px,calc((100% - 920px)/2))}.hero h1{font-size:clamp(34px,5vw,52px);margin:0 0 14px;color:#fff}.hero p{color:#eadfd6;margin:auto;max-width:700px}.hero form,.filters{background:#fff;border:1px solid #ddcdbf;border-radius:12px;padding:13px;display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:9px;margin-top:28px;box-shadow:var(--shadow)}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(201,148,34,.18);border-color:var(--gold)}textarea{min-height:120px;resize:vertical}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 3px 12px rgba(75,46,31,.05);transition:transform .16s,box-shadow .16s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.photo{aspect-ratio:4/3;background:#eee7df;display:grid;place-items:center;color:var(--muted)}.photo img{width:100%;height:100%;object-fit:cover}.pad{padding:15px}.card h3{font-size:16px;margin:11px 0 8px}.card strong{display:block;color:var(--brown-2);font-size:19px}.card p{color:var(--muted);font-size:12px;margin-bottom:0}.card i,.card em{display:inline-block;font-size:10px;padding:5px 7px;border-radius:5px;font-style:normal;margin-right:4px}.card i{background:var(--gold-soft);color:var(--gold-dark)}.card em{color:var(--green);background:#e8f7ee}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.three article,.panel,.table,.moderate{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 3px 12px rgba(75,46,31,.04)}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.categories a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 10px;text-align:center;font-weight:800;color:var(--brown)}.categories a:hover{border-color:var(--gold);background:var(--gold-soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2{margin:0}.section-head a{color:var(--gold-dark);font-weight:800}.cta{background:var(--brown);color:#fff;border-radius:16px;padding:38px!important;margin-top:24px;margin-bottom:24px}.cta h2{color:#fff}.cta p{color:#eadfd6}.cta .orange{display:inline-block;margin-top:8px;color:#281b0b}
.detail{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:25px}.listing-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px}.listing-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.listing-gallery img:first-child{grid-column:1/-1;aspect-ratio:16/8}.bigprice{font-size:28px;color:var(--brown-2)}.sticky{position:sticky;top:90px;height:max-content}.sticky form{display:grid;gap:9px}.sticky label{font-size:12px;font-weight:750}.wa{width:100%;background:var(--green);border-color:#0d6939;color:#fff}.warning{border-left:4px solid var(--gold);color:var(--muted)}.auth{max-width:540px}.auth.wide{max-width:850px}.auth form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;gap:15px;box-shadow:var(--shadow)}.auth label{font-size:13px;font-weight:750}.empty{text-align:center;padding:42px;background:#fff;border:1px dashed #cfbbaa;border-radius:12px;color:var(--muted)}.toast{position:fixed;right:20px;top:90px;background:var(--brown);color:#fff;padding:14px 18px;border-radius:9px;z-index:40}.toast.error{background:var(--red)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.actions a{background:var(--brown);color:#fff;padding:12px 16px;border-radius:8px;font-weight:750}.actions a:first-child{background:var(--gold);color:#2a1d0e}.table article,.moderate{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;margin-bottom:8px}.table span,.moderate span{font-size:12px;color:var(--muted)}.moderate form{display:flex;gap:7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stats div{background:#fff;border:1px solid var(--line);padding:19px;border-radius:12px}.stats b{display:block;font-size:27px;color:var(--brown)}.stats span{color:var(--muted);font-size:13px}.cover{height:250px;background:var(--brown);border-radius:16px}.store h1{margin-top:-30px;background:#fff;display:inline-block;padding:14px 20px;border-radius:10px;box-shadow:var(--shadow)}.legal{max-width:850px}.legal article{background:#fff;border:1px solid var(--line);padding:28px;border-radius:14px}.legal li{margin:10px 0;line-height:1.6}
footer{background:var(--brown);color:#fff;padding:38px max(16px,calc((100% - 1180px)/2));margin-top:45px}footer p{color:#d7e4ee}.footer-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:13px}.footer-links a{color:#ffd58c}.store-profile{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.store-profile h1{margin-right:4px}.store-profile em{font-style:normal;color:var(--green);font-weight:800}.store-logo{width:78px;height:78px;border-radius:15px;object-fit:cover;background:#fff;border:4px solid #fff;box-shadow:var(--shadow)}.store-tabs{display:flex;gap:8px;overflow-x:auto;margin:22px 0;padding-bottom:8px}.store-tabs a{white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--brown);font-weight:750}.store>h2{padding-top:28px}.bottom{display:none}.mobile-logout{margin:0}
@media(max-width:900px){header nav{display:none}.hero form,.filters{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(3,1fr)}.detail{grid-template-columns:1fr}.sticky{position:static}.bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:30;padding:6px 0 calc(6px + env(safe-area-inset-bottom))}.bottom a,.mobile-logout button{text-align:center;font-size:18px;min-height:49px;background:#fff;border:0;color:var(--brown);padding:2px}.bottom i{display:block;font-style:normal}.bottom small{display:block;font-size:10px}.bottom a:nth-child(3) i{background:var(--gold);border-radius:50%;width:31px;height:31px;line-height:31px;margin:auto}.mobile-logout button{color:var(--red);width:100%;border-radius:0}.mobile-logout i{display:block;font-style:normal}body{padding-bottom:66px}.three{grid-template-columns:1fr}}
@media(max-width:560px){header{height:64px}.brand b{font-size:13px}.hero{padding-top:48px;padding-bottom:52px}.hero form,.filters,.grid{grid-template-columns:1fr}.categories{grid-template-columns:repeat(2,1fr)}section{width:calc(100% - 22px);padding:38px 0}.table article,.moderate{grid-template-columns:1fr}.moderate form{flex-wrap:wrap}.stats{grid-template-columns:1fr 1fr}.cta{padding:27px!important}.section-head{align-items:start}.cover{height:180px}}

/* Detail listing mobile: CTA selalu terlihat di atas navigasi bawah. */
.detail .stats>div:nth-child(3) b:empty::after{content:'–'}
.detail .stats>div:last-child b{font-size:0;text-transform:none}
.detail .stats>div:last-child b::after{content:'Tersedia';font-size:27px}
@media(max-width:900px){.detail .sticky .wa{position:fixed;left:11px;right:11px;bottom:72px;z-index:29;width:calc(100% - 22px);box-shadow:0 8px 24px rgba(15,42,67,.24)}body:has(.detail){padding-bottom:126px}}

.dashboard-menu{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;margin-bottom:18px;scrollbar-width:thin}.dashboard-menu a{white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 13px;color:var(--brown);font-size:13px;font-weight:800}.dashboard-menu a.active{background:var(--brown);border-color:var(--brown);color:#fff}.two-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-form{display:grid;gap:12px}.dashboard-form label{display:grid;gap:5px;font-size:13px;font-weight:750}.schedule-row,.metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.schedule-row{flex-wrap:wrap}.schedule-row em{font-style:normal;color:var(--brown-2);font-weight:800}.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:18px}.plans article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.plans strong{font-size:24px;color:var(--brown-2)}.plans ul{padding-left:18px;line-height:1.9}.status{border-radius:999px;padding:6px 9px}.status-active{background:#e8f7ee;color:#13733f}.status-pending{background:#fff4da;color:#9b6100}.status-rejected{background:#feecec;color:#a22b2b}
@media(max-width:800px){.two-panel,.plans{grid-template-columns:1fr}.dashboard-menu{margin-left:-11px;margin-right:-11px;padding-left:11px;padding-right:11px}.dashboard-table article{grid-template-columns:1fr}.dashboard-table article form,.dashboard-table article button{width:100%}}

.promotion-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:24px;padding-bottom:12px}.promotion-strip a{display:block;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.promotion-strip img{display:block;width:100%;height:auto;max-height:320px;object-fit:cover}.cms-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cms-editors details{align-self:start}.cms-editors summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer}.cms-editors form{display:grid;gap:12px;margin-top:18px}.cms-editors label{display:grid;gap:5px;font-size:13px;font-weight:750}.check{display:flex!important;align-items:center;gap:8px}.check input{width:20px;min-height:20px}.rank-form{display:grid!important;grid-template-columns:auto 100px auto;align-items:end}.ad-admin-row,.article-admin-row{display:grid;grid-template-columns:72px 1fr auto auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.article-admin-row{grid-template-columns:1fr auto auto}.ad-admin-row img{width:72px;height:54px;object-fit:cover;border-radius:8px}
@media(min-width:901px) and (max-width:1180px){header{padding-left:22px;padding-right:22px;gap:16px}header nav{gap:13px;font-size:12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.categories{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.promotion-strip,.cms-editors{grid-template-columns:1fr}.rank-form{grid-template-columns:1fr}.ad-admin-row,.article-admin-row{grid-template-columns:1fr}.ad-admin-row img{width:100%;height:auto;max-height:180px}.filters{display:grid;grid-template-columns:1fr!important;max-height:none}.section-head{flex-wrap:wrap}.section-head .orange{width:100%;text-align:center}.legal article{padding:20px}.store-tabs{position:sticky;top:64px;z-index:15;background:var(--cream);padding-top:9px}.promotion-strip{width:calc(100% - 22px)}}
.filters label:has(input[type=checkbox]){display:flex;align-items:center;gap:9px;padding:0 10px;font-size:13px}.filters input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:0 0 20px;accent-color:var(--brown-2)}

/* Filter listing ringkas: dua baris desktop, dua kolom tablet, satu kolom HP. */
section>.filters{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px;margin:18px 0 22px;border-radius:11px;align-items:stretch}
section>.filters input,section>.filters select,section>.filters button{min-height:40px;height:40px;padding-top:8px;padding-bottom:8px}
section>.filters label:has(input[type=checkbox]){min-height:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 11px;white-space:nowrap}
section>.filters input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:17px!important;height:17px!important;min-height:17px!important;max-width:17px;flex:0 0 17px;margin:0;padding:0}
section>.filters button{width:100%}
@media(min-width:761px) and (max-width:1050px){section>.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){section>.filters{grid-template-columns:1fr!important;padding:9px;gap:7px}section>.filters input,section>.filters select,section>.filters button,section>.filters label:has(input[type=checkbox]){min-height:44px;height:44px}}

.admin-nav-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 0}.admin-nav-shell .dashboard-menu{margin:0}.admin-nav-shell+section>.dashboard-menu{display:none}.admin-nav-shell+section{padding-top:28px}
@media(max-width:760px){.admin-nav-shell{width:100%;padding:14px 11px 0;background:#f8fafc;position:sticky;top:64px;z-index:18;border-bottom:1px solid var(--line)}.admin-nav-shell .dashboard-menu{margin:0 -11px;padding-left:11px;padding-right:11px}.admin-nav-shell+section{padding-top:24px}}
@media(max-width:390px){.brand span{width:38px;height:38px}.brand b{font-size:12px}.stats{gap:9px}.stats div{padding:14px}.stats b{font-size:23px}.card h3{font-size:15px}.bottom small{font-size:9px}}