:root {
  --green-dark: #0F6E56;
  --green-mid: #1D9E75;
  --green-light: #E1F5EE;
  --green-border: #9FE1CB;
  --green-deep: #085041;
  --amber: #BA7517;
  --amber-light: #FAEEDA;
  --amber-border: #FAC775;
  --red-light: #FAECE7;
  --red-border: #F0997B;
  --red-text: #993C1D;
  --blue-light: #E6F1FB;
  --blue-text: #185FA5;
  --blue-border: #85B7EB;
  --teal-text: #3B6D11;
  --teal-light: #EAF3DE;
  --bg: #F7F9F8;
  --bg2: #EEF4F1;
  --card: #FFFFFF;
  --border: #E0E8E4;
  --text: #1C2B26;
  --text-muted: #5A7268;
  --text-hint: #8FA99E;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 2px 12px rgba(15,110,86,0.07);
  --shadow-hover: 0 6px 24px rgba(15,110,86,0.13);

  /* Legacy mappings for pages not fully rewritten */
  --saffron: #0F6E56;
  --saffron2: #1D9E75;
  --saffron-bg: #E1F5EE;
  --green: #0F6E56;
  --green-bg: #E1F5EE;
  --blue: #185FA5;
  --blue-bg: #E6F1FB;
  --gold: #BA7517;
  --gold-bg: #FAEEDA;
  --red: #993C1D;
  --red-bg: #FAECE7;
  --text2: #5A7268;
  --text3: #8FA99E;
  --r: 12px;
  --rs: 8px;
  --nav-h: 60px;
  --loc-h: 40px;
  --tab-h: 43px;
  --ink: var(--text);
  --muted: var(--text-muted);
  --line: var(--border);
  --paper: var(--bg);
  --white: #fff;
  --brand: var(--green-dark);
  --brand2: var(--green-mid);
  --warn: var(--gold);
  --bad: var(--red);
}

.new-home-hero{padding:54px 20px 38px;text-align:center;background:linear-gradient(135deg,#0f6e56,#1d9e75);color:#fff}
.new-home-hero h1{font-size:clamp(38px,6vw,64px);margin:12px 0}.new-home-hero h1 em{color:#b7f0dc;font-style:normal}
.new-home-hero>p{color:rgba(255,255,255,.82);font-size:17px}.hero-loc-pill{display:inline-flex;padding:6px 13px;border:1px solid rgba(255,255,255,.3);border-radius:30px;background:rgba(255,255,255,.12);font-size:12px}
.new-hero-actions{display:flex;justify-content:center;gap:10px;margin:24px 0}.new-hero-actions a{padding:12px 20px;border-radius:9px;background:#fff;color:#0f6e56;font-weight:800}.new-hero-actions .outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
.new-home-stats{max-width:740px;margin:32px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25);padding-top:22px}.new-home-stats b{display:block;font-size:25px}.new-home-stats span{font-size:11px;color:rgba(255,255,255,.7)}
.new-search-wrap{max-width:860px;margin:-1px auto 30px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);padding:20px;border-radius:0 0 16px 16px}.new-search-wrap h2{font-size:18px;margin:0 0 12px}.new-search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.new-search-row input,.new-search-wrap select{min-height:46px;border:1px solid var(--border);border-radius:8px;padding:10px;background:#f8fbfa}.new-search-row button{border:0;border-radius:8px;background:#0f6e56;color:#fff;padding:0 24px;font-weight:700}.new-search-wrap .location-picker{margin-top:10px}.new-category-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.new-category-pills a{padding:5px 10px;background:var(--green-light);color:var(--green-dark);border-radius:20px;font-size:12px}
.new-home-layout{max-width:1100px;margin:0 auto;padding:10px 20px 30px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.new-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:14px}.new-section-head span{font-size:11px;color:var(--green-mid);text-transform:uppercase;font-weight:800}.new-section-head h2{margin:2px 0 0;font-size:24px}.new-section-head>a{color:var(--green-dark);font-weight:700;font-size:13px}
.new-need-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:12px;cursor:pointer;box-shadow:0 2px 10px rgba(15,110,86,.04)}.new-need-card:hover{border-color:var(--green-border);box-shadow:var(--shadow);transform:translateY(-1px)}.new-card-badges{display:flex;gap:7px;flex-wrap:wrap}.new-card-badges span{font-size:11px;padding:4px 9px;border-radius:20px;background:#f0f5f3;color:#406056}.new-card-badges .urgent{background:#faece7;color:#993c1d}.new-card-badges .open{background:#e1f5ee;color:#0f6e56}.new-need-card h3{font-size:20px;margin:11px 0 5px}.new-need-card p{margin:0 0 14px;font-size:14px}.new-need-card footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--text3);font-size:12px}.new-need-card footer a{margin-left:auto;background:#0f6e56;color:#fff;padding:7px 12px;border-radius:7px;font-weight:700}
.new-home-side{display:grid;gap:14px;align-content:start}.new-side-cta,.new-side-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:17px}.new-side-cta{background:linear-gradient(135deg,#0f6e56,#1d9e75);color:#fff}.new-side-cta h3,.new-side-card h2{margin:0 0 8px}.new-side-cta p{color:rgba(255,255,255,.78)}.new-side-cta>a{display:block;text-align:center;background:#fff;color:#0f6e56;padding:9px;border-radius:8px;font-weight:800}.leader-row{display:grid;grid-template-columns:32px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--border)}.leader-row:last-child{border-bottom:0}.leader-row>b{color:var(--green-mid)}.leader-row span{font-weight:700}.leader-row small{display:block;color:var(--text3);font-weight:500}.quick-link{display:block;padding:9px 0;border-bottom:1px solid var(--border);color:var(--green-dark);font-weight:700}
.new-home-section{max-width:1100px;margin:0 auto;padding:25px 20px}.new-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.new-mini-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px}.new-mini-card:hover{border-color:var(--green-border);box-shadow:var(--shadow)}.new-mini-card>span{font-size:11px;color:var(--green-dark);background:var(--green-light);padding:4px 8px;border-radius:20px}.new-mini-card h3{margin:12px 0 5px}.new-mini-card p,.new-mini-card small{font-size:12px}

.reference-submit-form{padding:0!important;overflow:hidden;max-width:760px;margin:auto}.reference-form-head{display:flex;align-items:center;gap:12px;padding:18px 22px;background:linear-gradient(135deg,#0f6e56,#1d9e75);color:#fff}.reference-form-head>span{font-size:28px}.reference-form-head h2{margin:0;color:#fff;font-size:21px}.reference-form-head p{margin:2px 0 0;color:rgba(255,255,255,.75);font-size:12px}.reference-submit-form>.field,.reference-submit-form>.form-progress,.reference-submit-form>.reference-submit-btn{margin-left:22px;margin-right:22px}.reference-submit-form>.field:first-of-type{margin-top:20px}.reference-submit-btn{width:calc(100% - 44px);margin-bottom:22px!important;background:#0f6e56!important}.form-progress{display:flex;align-items:center;justify-content:center;padding:19px 0 8px}.form-progress span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--text3)}.form-progress b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eef4f1}.form-progress .active b{background:#0f6e56;color:#fff}.form-progress i{width:60px;height:2px;background:var(--border);margin:0 6px 17px}.green-form-hero{background:linear-gradient(135deg,#0f6e56,#1d9e75)!important}.simple-form-shell:has(.service-reference-form){max-width:820px}

.help-detail-hero{background:linear-gradient(135deg,#f2f8f5,#e1f5ee)!important;color:var(--text)!important;border-bottom:1px solid var(--green-border)}.help-detail-hero h1{color:var(--text)!important}.detail-pills span{background:#fff!important;color:#0f6e56!important;border:1px solid var(--green-border)}.detail-card{border-color:#d9e7e1!important}.detail-card h2{font-size:19px}.detail-info-grid{background:#f4f8f6!important;border-left:4px solid #0f6e56!important;border-top:0!important;padding:18px 22px!important;border-radius:0 12px 12px 0!important;margin-top:20px!important}.detail-stats{gap:32px!important;margin-top:16px!important}.detail-stats strong{color:#0f6e56!important;font-size:24px!important;line-height:1.2!important}.detail-stats small{color:#406056!important;font-size:11px!important;line-height:1.2!important;margin-top:2px!important}.offer-row{background:#f7f9f8;border:1px solid var(--border);padding:14px;border-radius:11px;margin-bottom:10px}.accepted-offer{background:#e1f5ee;border-color:#1d9e75}.offer-image{display:block;width:180px;max-height:140px;object-fit:cover;border-radius:8px;margin:8px 0}.masked-contact{margin:8px 0 0;font-weight:700}.contact-call,.contact-request-form button{display:inline-flex;border:0;background:#0f6e56;color:#fff;padding:7px 11px;border-radius:7px;font-weight:700;cursor:pointer}.verification-lock{background:#fff4df;border:1px solid #fac775;padding:10px;border-radius:8px;font-size:13px}.help-offer-form button:disabled{opacity:.45;cursor:not-allowed}
.dash-need-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:13px;padding:18px 20px;margin-bottom:12px;cursor:pointer}.dash-need-card:hover{border-color:var(--green-border);box-shadow:var(--shadow)}.dash-need-card h3{margin:4px 0;font-size:19px}.dash-need-card p{margin:6px 0;font-size:13px}.dash-need-card>b{color:#0f6e56}.dash-need-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.dash-need-actions span,.dash-need-actions a{padding:7px 11px;border-radius:8px;border:1px solid var(--border);font-size:12px;font-weight:700}.dash-need-actions .open{background:#e1f5ee;color:#0f6e56}.dash-need-actions .closed{background:#eef1ef;color:#687a72}.dash-need-actions .primary{background:#0f6e56;color:#fff}.dash-need-actions .review{background:#fff6dc;color:#8a5b00}.contact-requests-panel{background:#fff;border:1px solid var(--border);border-radius:13px;padding:18px;margin:15px 0}.contact-access-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.contact-access-row small{display:block;color:var(--text3)}.contact-access-row button{border:0;background:#0f6e56;color:#fff;padding:7px 10px;border-radius:7px}.contact-access-row button.decline{background:#fff;color:#b42318;border:1px solid #efb3ad}
.otp-page{min-height:65vh;display:grid;place-items:center;padding:35px 20px}.otp-card{width:min(100%,520px);background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px;box-shadow:var(--shadow);text-align:center}.otp-icon{width:58px;height:58px;display:grid;place-items:center;background:var(--green-light);color:var(--green-dark);border-radius:50%;font-size:28px;margin:auto}.otp-card h1{margin:15px 0 5px}.otp-card label{display:block;text-align:left;font-weight:700;font-size:13px}.otp-input{width:100%;font-size:28px;letter-spacing:12px;text-align:center;padding:12px;border:2px solid var(--green-border);border-radius:10px;margin:6px 0 13px}.otp-resend button{border:0;background:transparent;color:#0f6e56;font-weight:700;margin-top:14px;cursor:pointer}

@media(max-width:800px){.new-home-layout{grid-template-columns:1fr}.new-home-side{grid-template-columns:1fr}.new-mini-grid{grid-template-columns:1fr 1fr}.new-search-wrap .location-picker{grid-template-columns:1fr 1fr}.dash-need-card{grid-template-columns:1fr}.dash-need-actions{justify-content:flex-start}}
@media(max-width:520px){.new-home-stats{grid-template-columns:1fr 1fr;gap:18px}.new-hero-actions{flex-direction:column}.new-search-row{grid-template-columns:1fr}.new-search-row button{min-height:44px}.new-search-wrap .location-picker,.new-mini-grid{grid-template-columns:1fr}.new-home-layout,.new-home-section{padding-left:14px;padding-right:14px}.new-need-card footer a{margin-left:0}.reference-submit-form>.field,.reference-submit-form>.form-progress,.reference-submit-form>.reference-submit-btn{margin-left:14px;margin-right:14px}.reference-submit-btn{width:calc(100% - 28px)}.form-progress i{width:34px}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%}
input,select,textarea,button{font:inherit}
button,a{transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
h1,h2,h3,h4{font-family:'Baloo 2',sans-serif;line-height:1.2}
h1{font-size:clamp(28px,4vw,46px);margin:0 0 10px;font-weight:800}
h2{font-size:clamp(21px,2.5vw,30px);margin:30px 0 12px;font-weight:800}
h3{margin:0 0 7px}
p{color:var(--text2)}

.topbar{height:var(--nav-h);background:#fff;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:300;box-shadow:0 2px 12px rgba(255,107,0,.08)}
.nav{height:100%;max-width:1180px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand,.footer-logo{font-family:'Baloo 2',sans-serif;font-size:25px;font-weight:800;color:var(--saffron);letter-spacing:-.5px}
.brand span,.footer-logo span{color:var(--green)}
.topbar-r{display:flex;align-items:center;gap:8px}
.tbtn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 13px;border-radius:var(--rs);font-size:12px;font-weight:700}
.tbtn.ghost{border:2px solid var(--border);color:var(--text2);background:#fff}
.tbtn.ghost:hover{border-color:var(--saffron);color:var(--saffron)}
.tbtn.fill{background:var(--saffron);color:#fff}
.tbtn.fill:hover{background:var(--saffron2);transform:translateY(-1px)}
.user-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--saffron),var(--saffron2));color:#fff;display:grid;place-items:center;font-weight:800}
.notif-btn{width:38px;height:38px;border-radius:10px;background:var(--bg2);border:2px solid var(--border);display:grid;place-items:center;color:var(--red);font-weight:900}
.nav-toggle{display:none;border:2px solid var(--border);background:#fff;border-radius:9px;padding:7px 12px;font-weight:700}
.mobile-menu{display:none}

.locbar{height:var(--loc-h);padding:0 max(20px,calc((100vw - 1140px)/2));background:linear-gradient(90deg,#1c1206,#3d2a0a);display:flex;align-items:center;gap:8px;position:sticky;top:var(--nav-h);z-index:290}
.lc-crumb{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.52);white-space:nowrap;overflow:hidden}
.lc-crumb b{color:var(--saffron2)}
.lc-sep{opacity:.45}
.lc-change{margin-left:auto;background:rgba(255,107,0,.18);border:1px solid rgba(255,107,0,.4);color:var(--saffron2);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}
.lc-change:hover{background:var(--saffron);color:#fff}
.navtabs{height:var(--tab-h);background:#fff;border-bottom:2px solid var(--border);display:flex;justify-content:center;overflow-x:auto;scrollbar-width:none;position:sticky;top:calc(var(--nav-h) + var(--loc-h));z-index:280;padding:0 12px}
.navtabs::-webkit-scrollbar{display:none}
.ntab{height:100%;padding:0 15px;display:flex;align-items:center;font-size:12px;font-weight:700;color:var(--text3);border-bottom:3px solid transparent;white-space:nowrap}
.ntab:hover,.ntab.on{color:var(--saffron);border-bottom-color:var(--saffron)}

.wrap{max-width:1100px;margin:0 auto;padding:30px 20px}
.wrap+.wrap{padding-top:10px}
.flash{max-width:1060px;margin:16px auto 0;padding:12px 16px;background:var(--green-bg);color:var(--green);border:2px solid rgba(0,135,90,.18);border-radius:12px;font-weight:700}
.hero{background:linear-gradient(135deg,var(--saffron),var(--saffron2) 65%,#ffb060);color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-100px;top:-130px;background:rgba(255,255,255,.08)}
.hero .wrap{padding-top:58px;padding-bottom:60px;position:relative}
.hero h1{max-width:720px;font-size:clamp(34px,6vw,62px)}
.hero p{max-width:700px;color:var(--text-muted);font-size:17px}
.reference-home-hero{padding:48px 20px 82px;text-align:center;background:linear-gradient(135deg,var(--saffron),var(--saffron2) 65%,#ffb060);color:#fff;position:relative;overflow:hidden}
.reference-home-hero::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-70px;top:-100px;background:rgba(255,255,255,.08)}
.reference-home-hero h1{font-size:clamp(34px,5vw,56px);position:relative}.reference-home-hero p{color:rgba(255,255,255,.88);margin:0 auto;position:relative}
.floating-search{max-width:760px;margin:-48px auto 0;padding:0 20px;position:relative;z-index:10}.sbar{background:#fff;border-radius:14px;padding:12px;box-shadow:0 8px 32px rgba(28,18,6,.18);display:flex;gap:8px}
.sbar .location-picker{flex:2}.sbar-inp{flex:1;min-width:160px;padding:9px 12px;border:2px solid var(--border);border-radius:8px;background:var(--bg)}.sbar-btn{border:0;border-radius:8px;background:var(--saffron);color:#fff;padding:9px 18px;font-weight:700}
.home-reference-content{padding-top:34px}.home-quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}
.ph{background:linear-gradient(135deg,var(--saffron),var(--saffron2) 65%,#ffb060);color:#fff;position:relative;overflow:hidden}
.ph::before{content:"";position:absolute;top:-80px;right:-60px;width:280px;height:280px;background:rgba(255,255,255,.08);border-radius:50%}
.ph .wrap{padding-top:36px;padding-bottom:34px;position:relative}.ph h1{font-size:clamp(28px,4vw,42px)}
.ph p{color:rgba(255,255,255,.85);margin:0;max-width:650px}.ph-pill{display:inline-flex;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.25);padding:4px 11px;border-radius:20px;font-size:11px;font-weight:700;margin-bottom:8px}
.ph-green{background:linear-gradient(135deg,var(--green),var(--green2))}
.search{display:grid;grid-template-columns:minmax(180px,1.5fr) 3fr auto;gap:9px;background:#fff;padding:12px;border-radius:14px;box-shadow:0 8px 30px rgba(60,25,0,.18);margin:22px 0}
.search input,.search select,.field input,.field select,.field textarea,.panel input,.panel select,.panel textarea{
  width:100%;min-height:44px;border:2px solid var(--border);border-radius:9px;padding:9px 11px;background:var(--bg);color:var(--text);outline:none
}
.search input:focus,.search select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--saffron)}
.location-picker{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:8px}
.field .location-picker{grid-template-columns:1fr}

.btn{border:0;border-radius:10px;min-height:42px;padding:9px 16px;background:var(--saffron);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.btn:hover{background:var(--saffron2);transform:translateY(-1px)}
.btn.ghost{background:#fff;color:var(--text2);border:2px solid var(--border)}
.btn.ghost:hover{border-color:var(--saffron);color:var(--saffron);background:var(--saffron-bg)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card,.panel,.stat-card,.settings-card{background:#fff;border:2px solid var(--border);border-radius:var(--r);padding:18px;box-shadow:0 4px 15px rgba(60,25,0,.035)}
.card{transition:all .2s}
a.card:hover,.card:hover{border-color:var(--saffron);box-shadow:var(--shadow);transform:translateY(-2px)}
.card p{margin:5px 0 10px;font-size:13px}
.meta{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--text3);font-size:11px;font-weight:700}
.badge{display:inline-flex;align-items:center;border-radius:20px;background:var(--saffron-bg);color:var(--saffron);padding:4px 10px;font-size:11px;font-weight:700}
.status-approved,.verified{background:var(--green-bg)!important;color:var(--green)!important}
.status-pending{background:var(--gold-bg);color:#8a5b00}.status-rejected{background:var(--red-bg);color:var(--red)}
.empty{padding:38px 20px;border:2px dashed var(--border);border-radius:var(--r);text-align:center;background:#fff;color:var(--text3)}
.item{display:grid;grid-template-columns:60px 1fr;gap:13px}
.logo{width:54px;height:54px;border-radius:11px;object-fit:contain;background:var(--bg2);border:1px solid var(--border);padding:5px}
.split{display:grid;grid-template-columns:1fr 350px;gap:20px;align-items:start}
.split>.panel:first-child{position:relative;overflow:hidden}
.split>.panel:first-child::before{content:"";height:5px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,var(--saffron),var(--green))}
.field{display:grid;gap:5px;margin-bottom:13px}
.field label{font-size:12px;font-weight:700;color:var(--text2)}
.field textarea{min-height:100px;resize:vertical}
.table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:2px solid var(--border);border-radius:14px;overflow:hidden}
.table th,.table td{text-align:left;padding:11px;border-bottom:1px solid var(--border);vertical-align:top;font-size:12px}
.table th{background:var(--bg2);font-weight:800;color:var(--text2)}
.table tr:last-child td{border-bottom:0}
.inline-form{display:inline-flex;gap:7px;flex-wrap:wrap}
.review-img{display:block;width:180px;height:140px;object-fit:cover;border-radius:10px;border:1px solid var(--border);margin:8px 0}
.reply{border-left:4px solid var(--green);background:var(--green-bg);border-radius:9px;padding:10px 12px;margin-top:10px}

.ai-home,.area-hero,.dashboard-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center;background:linear-gradient(135deg,#1c1206,#3d2a0a);border-radius:20px;padding:26px;color:#fff;box-shadow:0 10px 30px rgba(28,18,6,.16)}
.ai-home p,.area-hero p,.dashboard-hero p{color:rgba(255,255,255,.62)}
.ai-home h2,.area-hero h1,.dashboard-hero h1{color:#fff}
.ai-search{grid-template-columns:1fr auto;margin:0}
.quick-grid{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.metric-card small{display:block;text-transform:uppercase;color:var(--text3);font-size:10px;font-weight:800;letter-spacing:.5px}
.metric-card strong{display:block;font-family:'Baloo 2';font-size:27px;color:var(--saffron);word-break:break-word}
.dashboard h2{font-size:20px;margin-top:28px}
.dashboard-profile{background:linear-gradient(135deg,#1c1206,#3d2a0a 65%,#5c3f15);padding:28px 0 55px;position:relative;overflow:hidden}
.dashboard-profile::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-90px;top:-120px;background:rgba(255,107,0,.08)}
.profile-dashboard-hero{box-shadow:none;padding:0;background:transparent;position:relative}.profile-dashboard-hero::before{display:none}
.profile-dashboard-hero .badge{border:1px solid rgba(255,255,255,.13)}.profile-dashboard-hero .btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.dash-navtabs{max-width:1060px;margin:-24px auto 0;background:#fff;border:2px solid var(--border);border-radius:14px;display:flex;overflow-x:auto;position:relative;z-index:5;box-shadow:0 8px 26px rgba(28,18,6,.12)}
.dash-navtabs a{padding:13px 16px;font-size:12px;font-weight:700;color:var(--text3);white-space:nowrap;border-bottom:3px solid transparent}.dash-navtabs a:hover{color:var(--saffron);border-bottom-color:var(--saffron)}
.dashboard{scroll-margin-top:160px}.dashboard h2[id]{scroll-margin-top:165px}
.reference-tabs{max-width:none;margin:0;border:0;border-bottom:2px solid var(--border);border-radius:0;box-shadow:none;position:sticky;top:var(--nav-h);z-index:270;justify-content:center}
.reference-tabs a{height:44px;display:flex;align-items:center;gap:5px}.reference-tabs a.on{color:var(--saffron);border-bottom-color:var(--saffron)}
.nbadge{background:var(--red);color:#fff;font-size:9px;padding:1px 5px;border-radius:8px}.nbadge.green{background:var(--green)}
.dash-width{max-width:960px;margin-left:auto;margin-right:auto}.profile-hero{background:linear-gradient(135deg,#1c1206,#3d2a0a 60%,#5c3f15);padding:28px 20px 80px;position:relative;overflow:hidden}
.profile-hero::before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:rgba(255,107,0,.07);border-radius:50%}.profile-top{display:flex;align-items:flex-start;gap:16px;position:relative}
.pav-wrap{position:relative}.pav{width:76px;height:76px;border-radius:18px;background:linear-gradient(135deg,var(--saffron),var(--saffron2));color:#fff;display:grid;place-items:center;font-size:32px;font-weight:800;border:3px solid rgba(255,255,255,.2)}
.pav-edit{position:absolute;bottom:-6px;right:-6px;background:var(--saffron);color:#fff;padding:3px 6px;border-radius:6px;font-size:9px;border:2px solid #3d2a0a}.pname{font-family:'Baloo 2';font-size:24px;font-weight:800;color:#fff}.ploc{font-size:12px;color:rgba(255,255,255,.55);margin-bottom:8px}
.pbadges{display:flex;gap:6px;flex-wrap:wrap}.pbadge{padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;border:1px solid}.pbadge-v{background:rgba(0,135,90,.2);color:#6ee7b7;border-color:rgba(0,135,90,.3)}.pbadge-h{background:rgba(26,86,219,.2);color:#93c5fd;border-color:rgba(26,86,219,.3)}.pbadge-m{background:rgba(255,107,0,.2);color:var(--saffron2);border-color:rgba(255,107,0,.3)}
.profile-stats{display:flex;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;margin-top:20px;position:relative}.pstat{flex:1;padding:14px 10px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}.pstat:last-child{border:0}.pstat-n{font-family:'Baloo 2';font-size:20px;font-weight:800;color:var(--saffron2);display:block}.pstat-l{font-size:10px;color:rgba(255,255,255,.45)}
.score-strip{max-width:960px;margin:-44px auto 0;padding:0 20px;position:relative;z-index:10}.score-card{background:#fff;border:2px solid var(--border);border-radius:var(--r);padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.score-left{flex:1}.score-label{font-size:11px;color:var(--text3);font-weight:700}.score-bar-wrap{display:flex;align-items:center;gap:10px}.score-bar{flex:1;height:10px;background:var(--bg2);border-radius:10px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,var(--saffron),var(--saffron2))}.score-num{font-family:'Baloo 2';font-size:18px;font-weight:800;color:var(--saffron)}.score-next{font-size:11px;color:var(--text2)}.score-rank{background:var(--gold-bg);border:2px solid rgba(245,158,11,.3);border-radius:10px;padding:8px 14px;text-align:center}.score-rank-n{font-family:'Baloo 2';font-size:20px;font-weight:800;color:var(--gold);display:block}.score-rank-l{font-size:10px;color:var(--text3)}
.dash-content{margin-top:25px}.verify-banner{background:linear-gradient(135deg,var(--gold-bg),#fef3c7);border:2px solid rgba(245,158,11,.3);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;margin-bottom:24px}.verify-icon{font-size:22px;font-weight:800}.verify-info{flex:1}.verify-title{font-weight:700}.verify-sub{font-size:11px;color:var(--text3)}.verify-btn{background:var(--saffron);color:#fff;padding:8px 13px;border-radius:8px;font-size:11px;font-weight:700}
.sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sh-title{font-family:'Baloo 2';font-size:18px;font-weight:800}.sh-title span{color:var(--saffron)}.see-all{color:var(--saffron);font-size:11px;font-weight:700;border:1.5px solid var(--saffron);padding:4px 10px;border-radius:7px}
.qa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:24px}.qacard{background:#fff;border:2px solid var(--border);border-radius:var(--r);padding:18px 12px;text-align:center}.qacard:hover{border-color:var(--saffron);box-shadow:var(--shadow);transform:translateY(-2px)}.qacard-icon{font-family:'Baloo 2';font-size:27px;font-weight:800;color:var(--saffron);margin-bottom:7px}.qacard-label{font-size:12px;font-weight:700}.qacard-sub{font-size:10px;color:var(--text3)}
.activity-list{display:flex;flex-direction:column;gap:10px}.act-item{background:#fff;border:2px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:center}.act-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800}.act-icon-g{background:var(--green-bg);color:var(--green)}.act-icon-or{background:var(--saffron-bg);color:var(--saffron)}.act-body{flex:1}.act-text{font-size:12px}.act-time{font-size:10px;color:var(--text3)}.act-pts{font-family:'Baloo 2';font-weight:800;color:var(--green)}
.dash-page-head{padding:28px 20px 24px;color:#fff}.dash-page-head.orange{background:linear-gradient(135deg,var(--saffron),var(--saffron2))}.dash-page-head.green{background:linear-gradient(135deg,var(--green),var(--green2))}.dash-page-head.blue{background:linear-gradient(135deg,var(--blue),#2563eb)}.dash-page-head.purple{background:linear-gradient(135deg,var(--purple),#9333ea)}.dash-page-head.gold{background:linear-gradient(135deg,var(--gold),#d97706)}.dash-page-head.dark{background:linear-gradient(135deg,#1c1206,#3d2a0a)}.dash-page-head.settings{background:linear-gradient(135deg,#374151,#1f2937)}.dash-page-head span{display:inline-flex;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);padding:4px 11px;border-radius:20px;font-size:11px;font-weight:700}.dash-page-head h1{font-size:28px;margin:8px 0 3px}.dash-page-head p{color:rgba(255,255,255,.8);margin:0;font-size:13px}
.post-card{background:#fff;border:2px solid var(--border);border-radius:var(--r);padding:18px;margin-bottom:12px}.post-badges{display:flex;gap:6px;margin-bottom:8px}.post-status,.post-cat{padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700}.post-cat{background:var(--saffron-bg);color:var(--saffron)}.ps-active,.ps-approved{background:var(--green-bg);color:var(--green)}.ps-pending{background:var(--gold-bg);color:var(--gold)}.ps-closed,.ps-rejected{background:var(--red-bg);color:var(--red)}.post-title{font-size:15px;font-weight:700}.post-desc{font-size:12px;color:var(--text3);margin:5px 0 12px}.post-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:10px}.post-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--text2)}.pa-btn{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700}.pa-edit{background:var(--blue-bg);color:var(--blue)}
.resp-card{background:#fff;border:2px solid var(--border);border-radius:var(--r);padding:16px;margin-bottom:10px;display:flex;gap:12px}.resp-av{width:46px;height:46px;border-radius:12px;background:var(--green-bg);color:var(--green);display:grid;place-items:center;font-weight:800}.resp-body{flex:1}.resp-name{font-size:13px;font-weight:700}.resp-msg{font-size:12px;color:var(--text2)}.resp-time{font-size:10px;color:var(--text3)}
.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.saved-card{background:#fff;border:2px solid var(--border);border-radius:var(--r);padding:16px;display:flex;gap:12px}.saved-icon{width:44px;height:44px;border-radius:10px;background:var(--saffron-bg);display:grid;place-items:center;object-fit:contain;padding:5px}.saved-info{flex:1}.saved-title{font-size:12px;font-weight:700}.saved-sub{font-size:10px;color:var(--text3)}.saved-badge{font-size:9px;font-weight:700;color:var(--saffron)}
.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.badge-card{background:#fff;border:2px solid var(--border);border-radius:var(--r);padding:18px 12px;text-align:center}.badge-card.earned{border-color:var(--gold);background:var(--gold-bg)}.badge-card.locked{opacity:.5}.badge-icon{font-family:'Baloo 2';font-size:30px;font-weight:800;color:var(--gold)}.badge-name{font-size:12px;font-weight:700}.badge-desc{font-size:10px;color:var(--text3)}.badge-earned-tag{font-size:9px;background:var(--gold);color:#fff;padding:2px 7px;border-radius:10px}
.badge-subnav{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.badge-subnav a{padding:8px 16px;border-radius:20px;border:2px solid rgba(255,255,255,.45);font-size:11px;font-weight:700}.badge-subnav a.on{background:rgba(255,255,255,.25);border-color:#fff}.badge-system{max-width:1150px}.current-level-card{background:linear-gradient(135deg,#1c1206,#49300d);color:#fff;border-radius:18px;padding:25px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-bottom:30px}.level-medal{width:74px;height:74px;border-radius:17px;background:var(--gold);display:grid;place-items:center;font-family:'Baloo 2';font-size:28px;font-weight:800}.current-level-card h2{color:var(--gold);margin:2px 0}.current-level-card p,.current-level-card small{color:rgba(255,255,255,.55);margin:0}.next-level{text-align:right;display:grid}.next-level strong{font-family:'Baloo 2';font-size:25px;color:var(--saffron2)}
.level-roadmap{display:grid;grid-template-columns:repeat(5,1fr);border:2px solid var(--border);border-radius:18px;padding:28px 20px;margin-bottom:34px;position:relative}.level-roadmap::before{content:"";height:5px;background:linear-gradient(90deg,var(--saffron) 55%,var(--border) 55%);position:absolute;left:7%;right:7%;top:57px}.road-level{display:grid;place-items:center;text-align:center;position:relative}.road-icon{width:58px;height:58px;border-radius:50%;background:var(--gold-bg);border:4px solid #fff;box-shadow:0 2px 9px rgba(0,0,0,.13);display:grid;place-items:center;font-weight:800;color:var(--gold);z-index:1}.road-level.current .road-icon{outline:4px solid rgba(245,158,11,.4);background:#6b5b67}.road-level b{font-size:11px;margin-top:7px}.road-level small{font-size:9px;color:var(--text3)}.road-level span{width:100%;font-size:8px;border-radius:20px;background:var(--bg2);margin-top:4px}.road-level.done span{background:var(--green-bg);color:var(--green)}.road-level.locked{opacity:.55}
.benefit-table{border:2px solid var(--border);border-radius:17px;overflow:hidden;margin-bottom:34px}.benefit-row{display:grid;grid-template-columns:2fr repeat(5,1fr);border-bottom:1px solid var(--border)}.benefit-row:last-child{border:0}.benefit-row>*{padding:12px;text-align:center;font-size:11px}.benefit-row>*:first-child{text-align:left}.benefit-row.head{background:var(--bg2);color:var(--saffron)}
.badge-count{background:var(--gold-bg);color:var(--gold);padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:34px}.achievement-card{border:2px dashed var(--border);border-radius:17px;padding:22px 15px;text-align:center;display:grid;place-items:center}.achievement-card.earned{border-style:solid;border-color:var(--gold);background:var(--gold-bg)}.achievement-card.locked{opacity:.55}.achievement-icon{font-family:'Baloo 2';font-size:28px;font-weight:800;color:var(--gold)}.achievement-card h3{font-size:13px}.achievement-card p{font-size:10px;margin:3px 0}.achievement-card span,.achievement-card>b{font-size:9px;color:var(--green);background:var(--green-bg);border-radius:20px;padding:3px 8px}
.points-intro{background:var(--gold-bg);border:2px solid rgba(245,158,11,.35);border-radius:15px;padding:17px;margin-bottom:28px;font-size:12px}.points-rules{border:2px solid var(--border);border-radius:17px;overflow:hidden;margin-bottom:30px}.points-rules h3{font-family:'DM Sans';font-size:11px;color:var(--saffron);background:var(--saffron-bg);padding:13px;margin:0}.points-rules h3.green{color:var(--green);background:var(--green-bg)}.points-rules h3.blue{color:var(--blue);background:var(--blue-bg)}.point-rule{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border)}.point-rule div{display:grid}.point-rule b{font-size:12px}.point-rule small{color:var(--text3)}.point-rule strong{background:var(--green-bg);color:var(--green);border-radius:12px;padding:10px;font-size:14px}.penalty-box{background:var(--red-bg);border:2px solid rgba(220,38,38,.2);border-radius:17px;padding:16px;margin-bottom:28px}.penalty-box div{display:flex;justify-content:space-between;padding:12px;background:rgba(255,255,255,.6);border-radius:10px;margin:7px}.penalty-box b,.penalty-box strong{font-size:12px;color:var(--red)}.fast-points{background:var(--green-bg);border:2px solid rgba(0,135,90,.25);border-radius:17px;padding:18px}.fast-points h3{color:var(--green)}.fast-points>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fast-points span{background:#fff;border-radius:12px;padding:14px;display:grid}.fast-points small{color:var(--text3)}
.fraud-hero{background:linear-gradient(135deg,#1c1206,#49300d);border-radius:18px;color:#fff;padding:25px;margin-bottom:30px}.fraud-hero h2{margin:0}.fraud-hero p{color:rgba(255,255,255,.65)}.fraud-card{border:2px solid var(--border);border-radius:17px;overflow:hidden;margin-bottom:17px}.fraud-card h3{font-family:'DM Sans';font-size:12px;color:var(--red);background:var(--red-bg);padding:15px;margin:0}.fraud-card h3 span{float:right;background:var(--red);color:#fff;border-radius:20px;padding:3px 8px;font-size:8px}.fraud-card>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.fraud-card section{background:var(--green-bg);border-radius:12px;padding:14px}.fraud-card section:first-child{background:#fff}.fraud-card p{font-size:11px}.punishment-grid{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--border);border-radius:17px;overflow:hidden;margin-bottom:28px}.punishment-grid div{text-align:center;padding:25px;border-right:1px solid var(--border)}.punishment-grid div:last-child{border:0}.punishment-grid strong{color:var(--saffron)}.punishment-grid p{font-size:11px}.safety-box{background:var(--red-bg);border:2px solid rgba(220,38,38,.25);border-radius:17px;padding:20px}.safety-box h3{color:var(--red)}.safety-box a{display:inline-flex;background:var(--red);color:#fff;border-radius:10px;padding:10px 15px;font-weight:700;font-size:11px}
.settings-card{margin-bottom:16px}.profile-edit-row{display:flex;gap:14px;align-items:center}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.toggle-info{display:grid}.toggle-label{font-size:13px;font-weight:700}.toggle-sub{font-size:10px;color:var(--text3)}.infobox{background:var(--blue-bg);border:2px solid rgba(26,86,219,.15);border-radius:12px;padding:14px 16px;margin-bottom:20px;font-size:12px;color:var(--blue)}.dash-footer{background:#1c1206;color:rgba(255,255,255,.4);padding:24px;text-align:center}.dash-footer .footer-logo{display:block}.dash-footer small{font-size:10px}
.hrgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.hrcard{background:#fff;border:2px solid var(--border);border-radius:var(--r);padding:18px}.hrcard-top{display:flex;justify-content:space-between;margin-bottom:10px}.scat-badge{background:var(--saffron-bg);color:var(--saffron);padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700}.urg{font-size:10px;font-weight:700;padding:4px 9px;border-radius:20px}.urg-h{background:var(--red-bg);color:var(--red)}.urg-n{background:var(--green-bg);color:var(--green)}.hrcard p{font-size:12px;color:var(--text3)}.hrcard-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:10px}.hr-loc,.hr-resp{font-size:10px;color:var(--text3)}.help-btn{background:var(--green);color:#fff;padding:7px 12px;border-radius:8px;font-size:11px;font-weight:700}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:20px 0 16px}.section-head h2,.section-head p{margin:0}.section-head p{font-size:12px}
.listing-page>.grid .card{display:flex;flex-direction:column}.listing-page>.grid .card .meta{margin-top:auto}.listing-page>.grid .card strong{font-family:'Baloo 2';font-size:17px;color:var(--green)}
.listing-page>div[style*="flex-direction: column"] .card{border-radius:var(--r)!important;border:2px solid var(--border)!important}
.help-intro{padding:8px}.help-intro h2{margin-top:14px}.step-card{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--border);border-radius:13px;padding:13px;margin-bottom:10px}
.step-card strong{width:34px;height:34px;border-radius:9px;background:var(--saffron-bg);color:var(--saffron);display:grid;place-items:center;font-size:18px}.step-card span{display:grid}.step-card b{font-size:13px}.step-card small{color:var(--text3)}
.form-card h2{margin-top:0}.btn-full{width:100%}
.help-cta{background:linear-gradient(135deg,#1c1206,#3d2a0a);border-radius:20px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.help-cta h2{color:#fff;margin:0}.help-cta p{color:rgba(255,255,255,.6);margin:3px 0}.cta-btn{background:var(--saffron);color:#fff;padding:12px 18px;border-radius:11px;font-size:12px;font-weight:700;white-space:nowrap}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chip.on{background:var(--saffron);border-color:var(--saffron);color:#fff}
.help-backbar{height:52px;background:#fff;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 24px;font-size:12px;color:var(--text3)}.help-backbar>a{background:var(--bg2);border:2px solid var(--border);border-radius:9px;padding:6px 14px;color:var(--text2);font-weight:700}.help-backbar b{color:var(--saffron)}
.detail-shell{max-width:1150px;margin:0 auto}.help-detail-hero{background:linear-gradient(135deg,#1c1206,#3d2a0a 70%,#5c3f15);color:#fff;padding:36px 24px;position:relative;overflow:hidden}.help-detail-hero::after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-50px;top:-90px;background:rgba(255,255,255,.05)}.detail-pills{display:flex;gap:8px;flex-wrap:wrap;position:relative}.detail-pills span{padding:5px 12px;border-radius:20px;background:rgba(255,107,0,.18);border:1px solid rgba(255,107,0,.35);color:var(--saffron2);font-size:11px;font-weight:700}.help-detail-hero h1{font-size:clamp(26px,4vw,38px);margin:16px 0 18px;position:relative}.detail-stats{display:flex;gap:36px;position:relative}.detail-stats div{display:grid}.detail-stats strong{font-family:'Baloo 2';font-size:21px;color:var(--saffron2)}.detail-stats small{font-size:10px;color:rgba(255,255,255,.5)}
.help-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;padding:30px 20px;align-items:start}.detail-card{background:#fff;border:2px solid var(--border);border-radius:var(--r);padding:22px;margin-bottom:16px}.detail-card h2{font-size:17px;margin:0 0 15px}.detail-card h2 small{font-family:'DM Sans';font-size:11px;color:var(--text3)}.detail-description{font-size:14px;line-height:1.75}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--border);padding-top:15px}.detail-info-grid div{display:grid}.detail-info-grid small{font-size:10px;color:var(--text3)}.detail-info-grid b{font-size:12px}
.poster-row{display:flex;align-items:center;gap:13px;background:var(--bg2);border-radius:12px;padding:14px}.poster-avatar,.offer-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--saffron),var(--saffron2));color:#fff;display:grid;place-items:center;font-weight:800;flex-shrink:0}.poster-row>div:last-child{display:grid}.poster-row small{color:var(--text3)}.verified-pill{width:max-content;margin-top:4px;background:var(--green-bg);color:var(--green);padding:2px 8px;border-radius:20px;font-size:9px;font-weight:700}
.offer-row{display:flex;gap:12px;margin-bottom:13px}.offer-row>div:last-child{flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:0 12px 12px 12px;padding:11px 13px}.offer-row p{font-size:12px;margin:4px 0}.offer-row small{color:var(--text3)}.offer-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.offer-tags span,.offer-tags a{background:var(--green-bg);color:var(--green);padding:3px 8px;border-radius:20px;font-size:9px;font-weight:700}.contact-note{background:var(--saffron-bg);border-radius:10px;padding:11px;text-align:center;font-size:11px;color:var(--text2)}.similar-help{display:flex;justify-content:space-between;align-items:center;border:2px solid var(--border);border-radius:12px;padding:13px;margin-top:9px;font-size:12px;font-weight:700}.similar-help:hover{border-color:var(--saffron)}.similar-help span{display:grid}.similar-help small{font-weight:400;color:var(--text3)}
.detail-sidebar{position:static}.help-offer-form input,.help-offer-form textarea{width:100%;border:2px solid var(--border);border-radius:10px;background:var(--bg);padding:11px 12px;margin-bottom:10px}.help-offer-form textarea{height:105px;resize:vertical}.help-offer-form button{width:100%;border:0;border-radius:11px;background:var(--green);color:#fff;padding:13px;font-weight:700;cursor:pointer}.help-offer-form>small{display:block;text-align:center;margin-top:8px;color:var(--text3)}.share-card>div{display:flex;gap:8px}.share-card a,.share-card button{flex:1;border:2px solid var(--border);border-radius:9px;background:#fff;padding:9px 6px;text-align:center;font-size:10px;font-weight:700;cursor:pointer}.stats-card{background:var(--saffron-bg);border-color:rgba(255,107,0,.25)}

.notif-btn{position:relative}.notif-btn span{position:absolute;right:-7px;top:-7px;min-width:19px;height:19px;padding:0 4px;border-radius:20px;background:var(--red);color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:9px;line-height:1}
.owner-offer-actions{display:flex;gap:8px;margin-top:10px}.owner-offer-actions button,.response-contact button,.owner-close-card button{border:0;border-radius:8px;background:var(--green);color:#fff;padding:8px 12px;font-weight:800;cursor:pointer}.owner-offer-actions .decline,.response-contact .decline{background:#fff;color:var(--red);border:1px solid #ffc7c7}.owner-close-card{background:#fff8ef;border-color:#ffbd80}.owner-close-card button{background:var(--saffron)}.owner-notice{padding:12px;border-radius:10px;background:#effcf7;color:#096c4f;font-size:12px}.owner-notice a{font-weight:800;color:inherit;text-decoration:underline}
.incoming-response{align-items:flex-start}.resp-topline{display:flex;justify-content:space-between;gap:16px}.resp-request{margin:8px 0;font-size:12px;color:var(--text3)}.resp-request a{font-weight:800;color:var(--saffron)}.response-status{padding:5px 9px;border-radius:20px;background:#fff4df;color:#a85b00;font-size:10px}.response-status.accepted{background:#e1faef;color:#00875f}.response-status.declined{background:#fff0f0;color:#c62828}.response-contact{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.response-contact>a{border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800}.response-contact form{display:flex;gap:7px}

.page-hero{padding:42px 0;background:linear-gradient(120deg,#221400 0%,#533100 100%);color:#fff;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-60px;top:-90px;background:rgba(255,139,0,.15)}.page-hero .wrap{position:relative;z-index:1}.page-hero .badge{background:#fff;color:var(--saffron)}.page-hero h1{font-size:34px;margin:12px 0 7px}.page-hero p{max-width:680px;color:#ead9c5}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-actions .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.area-switch{margin-top:-24px;position:relative;z-index:2}.area-switch .search{grid-template-columns:minmax(0,1fr) auto;background:#fff;padding:14px;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.area-switch .location-picker{min-width:0}.area-switch .search>.btn{min-width:145px;align-self:start}
.quick-strip,.daily-stats,.hub-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-tile,.metric-tile{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px}.quick-tile{display:block}.quick-tile b{display:block;margin:7px 0 3px}.quick-tile small,.metric-tile small{color:var(--text3)}.metric-tile strong{display:block;color:var(--saffron);font-size:25px}
.daily-feed-grid,.help-request-grid,.hub-area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.daily-feed-card,.help-request-card,.hub-area-card,.leader-row{background:#fff;border:1px solid var(--border);border-radius:15px;padding:17px}.daily-feed-card h3,.help-request-card h3,.hub-area-card h3{margin:9px 0 6px}.daily-feed-card p,.help-request-card p,.hub-area-card p{color:var(--text2)}.card-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-kicker span{font-size:10px;font-weight:800;color:var(--saffron);background:var(--saffron-bg);padding:5px 8px;border-radius:20px}.card-kicker small{color:var(--text3)}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid var(--border);font-size:11px}.card-footer a{font-weight:800;color:var(--green)}
.help-request-card-link{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.help-request-card-link .card-footer strong{color:var(--green);font-weight:800}.help-request-card-link:hover,.help-request-card-link:focus-visible{color:inherit;border-color:var(--green-border);box-shadow:0 8px 24px rgba(15,110,86,.12);transform:translateY(-2px);outline:none}
.helper-row{display:flex;gap:10px;flex-wrap:wrap}.helper-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:30px;padding:8px 12px;font-weight:700}.online-dot{width:9px;height:9px;border-radius:50%;background:#17b978;box-shadow:0 0 0 3px #dff9ed}
.hub-state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hub-state-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:18px;display:flex;flex-direction:column;gap:12px}.hub-state-card h3{margin:0}.hub-state-card .state-counts{display:flex;gap:14px;color:var(--text3);font-size:11px}.hub-state-card>a{font-weight:800;color:var(--saffron)}
.leader-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end;padding-top:28px}.podium-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px 16px;text-align:center}.podium-card.first{padding-top:35px;border-color:#ffb347;box-shadow:0 12px 28px rgba(255,107,0,.12)}.podium-rank{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:-42px auto 10px;background:#fff0ce;border:4px solid #ffb000;font-size:20px;font-weight:900}.podium-card h3{margin:6px 0}.podium-card strong{color:var(--saffron);font-size:19px}.leader-list{display:grid;gap:10px}.leader-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px}.leader-row .rank{font-size:18px;font-weight:900;color:var(--text3)}.leader-row .leader-score{text-align:right;color:var(--saffron);font-weight:900}.leader-row small{display:block;color:var(--text3);font-weight:500}.points-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.points-guide article{border:1px solid var(--border);border-radius:14px;padding:15px;background:#fff}.points-guide strong{display:block;color:var(--green);margin-top:7px}
.home-v2-hero{background:linear-gradient(135deg,#1d1105 0%,#4b2c08 72%,#724000 100%);color:#fff;padding:62px 0 74px}.home-v2-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.home-v2-grid>*{min-width:0}.home-v2-hero h1{font-size:clamp(40px,6vw,66px);margin:18px 0;overflow-wrap:anywhere}.home-v2-hero h1 span{color:var(--saffron2)}.home-v2-hero p{color:#ead8c5;font-size:17px;max-width:660px}.home-search-card{min-width:0;background:#fff;color:var(--text);padding:23px;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.25)}.home-search-card h2{margin:0 0 14px}.home-search-card form{display:grid;gap:10px;min-width:0}.home-search-card input,.home-search-card select{width:100%;min-width:0;min-height:45px;border:2px solid var(--border);border-radius:10px;padding:9px 12px}.home-search-card .location-picker{grid-template-columns:1fr 1fr;min-width:0}.home-search-card small{display:block;color:var(--text3);margin-top:10px}.home-quick-section{margin-top:-37px;position:relative}.activity-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.activity-strip a{display:grid;background:#fff;border:1px solid var(--border);border-radius:13px;padding:14px}.activity-strip b{font-size:10px;text-transform:uppercase;color:var(--saffron)}.activity-strip span{font-weight:800;margin:5px 0}.activity-strip small{color:var(--text3)}.home-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.home-content-card{display:grid;grid-template-columns:140px 1fr;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}.home-content-card>img{width:100%;height:100%;min-height:190px;object-fit:cover}.home-content-card>div{padding:18px}.home-content-card h3{margin:9px 0}.home-content-card small{display:block;color:var(--text3);margin:10px 0}.home-content-card a{color:var(--green);font-weight:800}.trust-section{background:#fff4e9;border-block:1px solid #ffd5ad;margin:38px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-grid div{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;text-align:center}.trust-grid strong{display:block;font-family:'Baloo 2';font-size:34px;color:var(--saffron)}.trust-grid span{color:var(--text2);font-weight:700}.review-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.review-preview-grid article{background:#fff;border:1px solid var(--border);border-radius:15px;padding:16px}.review-stars{color:#f4a900;letter-spacing:2px}.review-preview-grid small{color:var(--text3)}.help-center>details{background:#fff;border:2px solid var(--border);border-radius:18px;overflow:hidden}.help-center>details>summary{display:flex;justify-content:space-between;align-items:center;padding:20px;cursor:pointer;list-style:none}.help-center>details>summary span{display:grid}.help-center>details>summary small{color:var(--text3)}.help-center-body{border-top:1px solid var(--border);padding:18px}.faq-search{width:100%;min-height:45px;border:2px solid var(--border);border-radius:10px;padding:10px 13px;margin-bottom:12px}.faq-list details{border-bottom:1px solid var(--border);padding:12px}.faq-list summary{font-weight:800;cursor:pointer}.image-preview{margin-top:10px;border:2px dashed var(--border);border-radius:13px;padding:10px}.image-preview img{max-height:260px;width:100%;object-fit:contain;border-radius:9px}.image-preview div{display:flex;gap:8px;margin-top:8px}.image-preview button,.image-preview label{border:1px solid var(--border);background:#fff;border-radius:8px;padding:7px 11px;cursor:pointer;font-weight:700}.need-card-image,.service-card-image{width:100%;height:160px;object-fit:cover;border-radius:11px;margin-bottom:12px}.need-detail-image{width:100%;max-height:470px;object-fit:cover;border-radius:13px;margin-bottom:16px}.multi-image-preview,.service-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.multi-image-preview img,.service-gallery img{width:100%;height:130px;object-fit:cover;border-radius:10px}.simple-form-shell{max-width:780px}.simple-form-shell .panel{padding:25px}.simple-form-shell small a{color:var(--saffron);font-weight:800}.review-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.review-actions select{min-height:42px;border:1px solid var(--border);border-radius:9px}.review-actions .report{color:var(--red)}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px 0}.pagination a,.pagination span{border:1px solid var(--border);background:#fff;border-radius:9px;padding:9px 13px;font-weight:700}.category-admin-row,.category-request-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--border)}.category-admin-row input{flex:1;min-height:40px}.category-request-row{justify-content:space-between}.category-request-row>div{display:grid}.category-request-row small{color:var(--text3)}.account-alert{background:#fff0d8;color:#754300;text-align:center;padding:9px;font-size:12px}.account-alert a{text-decoration:underline;font-weight:800}.cookie-banner{position:fixed;z-index:1000;left:18px;right:18px;bottom:18px;max-width:850px;margin:auto;background:#1c1206;color:#fff;border-radius:15px;padding:14px 16px;display:flex;align-items:center;gap:15px;box-shadow:0 15px 50px rgba(0,0,0,.3)}.cookie-banner p{color:#d7c3ad;margin:2px 0;font-size:11px}.cookie-banner a{margin-left:auto;text-decoration:underline;font-size:12px}.cookie-banner[hidden]{display:none}.email-result{text-align:center}.service-inquiry-form{margin-top:22px;border-top:1px solid var(--border);padding-top:15px}

.directory-strip{border:2px solid var(--border);background:#fff;border-radius:var(--r);overflow:hidden}
.strip-row{display:grid;grid-template-columns:150px 1fr;align-items:center;min-height:66px;border-bottom:1px solid var(--border)}
.strip-row:last-child{border-bottom:0}
.strip-title{padding:14px 18px;color:var(--saffron);font-family:'Baloo 2';font-size:18px;font-weight:800}
.strip-sites{display:flex;align-items:center;gap:16px;overflow:auto;padding:11px 14px}
.strip-site{display:inline-flex;align-items:center;gap:7px;min-width:max-content;font-size:12px;font-weight:700}
.strip-site img{width:30px;height:30px;border-radius:7px;object-fit:contain;border:1px solid var(--border);padding:3px}
.strip-site small{display:block;color:var(--text3);font-size:10px}
.pulse{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pulse .card{border-left:5px solid var(--green)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border:2px solid var(--border);border-radius:20px;background:#fff;color:var(--text2);font-size:11px;font-weight:700}
.chip:hover{border-color:var(--saffron);color:var(--saffron)}

.footer-directory{background:#fff;border-top:2px solid var(--border);padding:22px 0 4px;margin-top:40px}
.footer-directory .wrap{padding-top:10px;padding-bottom:10px}
.dir-group{margin-bottom:17px}.dir-group h4{margin:0 0 8px;font-size:13px}
.dir-links{display:flex;flex-wrap:wrap;gap:7px 14px}.dir-links a{font-size:12px;color:var(--text3)}
.dir-links a:hover{color:var(--saffron)}
.footer-main{background:#1c1206;color:rgba(255,255,255,.64);padding:36px 0 0}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px}
.footer-logo{font-size:27px}.footer-col-brand h3{color:#fff;font-size:18px;margin:8px 0}
.footer-col-brand p{color:rgba(255,255,255,.48);font-size:12px}
.footer-col-links h4{color:#fff;margin:0 0 12px}.footer-col-links a{display:block;color:rgba(255,255,255,.48);font-size:12px;margin:7px 0}
.footer-col-links a:hover{color:var(--saffron2)}
.sub-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.social-section h5{margin:14px 0 8px}.social-icons{display:flex;gap:8px}
.social-icon{width:33px;height:33px;border-radius:8px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff}
.social-icon:hover{background:var(--saffron)}
.footer-copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:28px;text-align:center}
.footer-copyright .wrap{padding-top:15px;padding-bottom:15px}.footer-copyright p{margin:0;color:rgba(255,255,255,.3);font-size:11px}
.adminbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}

@media(max-width:920px){
  .post-need-btn{display:none}.nav-toggle{display:inline-flex;order:2}.topbar-r{margin-left:auto}
  .mobile-menu{position:absolute;top:var(--nav-h);left:12px;right:12px;background:#fff;border:2px solid var(--border);border-radius:12px;padding:10px;box-shadow:var(--shadow)}
  .nav-open .mobile-menu{display:grid;grid-template-columns:1fr 1fr;gap:4px}
  .mobile-menu a{padding:10px;border-radius:8px;font-size:13px;font-weight:700}.mobile-menu a:hover{background:var(--saffron-bg);color:var(--saffron)}
  .search,.grid,.split,.pulse,.ai-home,.area-hero,.dashboard-hero,.stats-grid,.help-detail-layout{grid-template-columns:1fr}.home-quick-grid{grid-template-columns:repeat(3,1fr)}.detail-sidebar{position:static}.fast-points>div,.punishment-grid{grid-template-columns:1fr 1fr}.fraud-card>div{grid-template-columns:1fr}
  .quick-grid{justify-content:flex-start}.location-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .table{display:block;overflow-x:auto}.footer-grid{grid-template-columns:1fr}
  .quick-strip,.daily-stats,.hub-stats,.points-guide{grid-template-columns:repeat(2,1fr)}.hub-state-grid{grid-template-columns:repeat(2,1fr)}
  .home-v2-grid{grid-template-columns:1fr}.activity-strip,.review-preview-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  :root{--nav-h:58px}.nav{padding:0 13px}.brand{font-size:22px}.tbtn.ghost{display:none}.user-avatar{width:34px;height:34px}
  .locbar{padding:0 13px}.navtabs{justify-content:flex-start}.ntab{padding:0 12px}
  .wrap{padding:24px 15px}.hero .wrap{padding:42px 15px}.hero h1{font-size:38px}
  .search{grid-template-columns:1fr}.location-picker{grid-template-columns:1fr}.sbar{display:grid}.home-quick-grid{grid-template-columns:repeat(2,1fr)}.profile-stats{overflow-x:auto}.pstat{min-width:90px}.score-card{align-items:stretch;flex-direction:column}.reference-tabs{justify-content:flex-start}.post-foot{flex-direction:column}
  .card,.panel{padding:15px}.item{grid-template-columns:52px 1fr}.logo{width:48px;height:48px}
  .strip-row{grid-template-columns:1fr}.strip-title{border-bottom:1px solid var(--border)}.help-cta{flex-direction:column;align-items:flex-start}.detail-info-grid{grid-template-columns:1fr}.detail-stats{gap:18px;overflow-x:auto}.help-backbar{padding:0 12px;overflow:hidden}.help-backbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-level-card{grid-template-columns:1fr;text-align:center}.next-level{text-align:center}.level-roadmap{grid-template-columns:repeat(5,120px);overflow-x:auto}.benefit-table{overflow-x:auto}.benefit-row{min-width:700px}.fast-points>div,.punishment-grid{grid-template-columns:1fr}.punishment-grid div{border-right:0;border-bottom:1px solid var(--border)}
  .footer-directory{margin-top:25px}.sub-links-grid{grid-template-columns:1fr}
  .page-hero{padding:30px 0}.page-hero h1{font-size:27px}.quick-strip,.daily-stats,.hub-stats,.daily-feed-grid,.help-request-grid,.hub-area-grid,.hub-state-grid,.leader-podium,.points-guide{grid-template-columns:1fr}.area-switch{margin-top:0}.area-switch .search{grid-template-columns:1fr}.podium-card.first{order:-1}.resp-topline{display:block}.response-status{display:inline-block;margin-top:7px}
  .home-v2-hero{padding:38px 0 55px}.home-v2-hero h1{font-size:32px}.home-v2-hero .hero-actions{display:grid;grid-template-columns:1fr}.home-quick-section{margin-top:-22px}.home-search-card .location-picker,.activity-strip,.home-content-grid,.review-preview-grid,.trust-grid{grid-template-columns:1fr}.home-content-card{grid-template-columns:1fr}.home-content-card>img{height:190px}.multi-image-preview,.service-gallery{grid-template-columns:1fr 1fr}.cookie-banner{display:grid;left:10px;right:10px}.cookie-banner a{margin-left:0}.category-admin-row{align-items:stretch;flex-wrap:wrap}
}

/* Reference homepage */
.reference-home-page{background:#f7f9f8;color:#1c2b26}
.reference-home-page main{overflow:hidden}
.reference-home-page .topbar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e0e8e4;box-shadow:0 1px 8px rgba(0,0,0,.06)}
.reference-home-page .nav{max-width:1100px;height:60px;padding:0 24px}
.reference-home-page .brand{color:#0f6e56;font-size:24px}.reference-home-page .brand span{color:#1d9e75}
.home-nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.home-nav-links a{padding:7px 12px;border-radius:8px;color:#5a7268;font-size:14px}
.home-nav-links a:hover,.home-nav-links a.active{background:#e1f5ee;color:#0f6e56}.reference-home-page .topbar-r{margin-left:10px}
.reference-home-page .tbtn{border-color:#0f6e56;color:#0f6e56}.reference-home-page .tbtn.fill{background:#0f6e56;color:#fff}.reference-home-page .post-need-btn{display:none}
.ref-hero{position:relative;overflow:hidden;padding:64px 24px 48px;text-align:center;background:linear-gradient(135deg,#e1f5ee 0%,#e8f4ff 60%,#f0faf5 100%)}
.ref-hero:before,.ref-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.ref-hero:before{width:300px;height:300px;right:-60px;top:-60px;background:radial-gradient(circle,rgba(29,158,117,.12),transparent 70%)}.ref-hero:after{width:200px;height:200px;left:-40px;bottom:-40px;background:radial-gradient(circle,rgba(15,110,86,.08),transparent 70%)}
.ref-location-pill{position:relative;z-index:1;display:inline-flex;padding:5px 14px;border-radius:20px;background:#0f6e56;color:#9fe1cb;font-size:13px}
.ref-hero h1{position:relative;z-index:1;margin:18px 0 10px;font-size:clamp(30px,5vw,44px);line-height:1.18;letter-spacing:-.5px}.ref-hero h1 em{color:#0f6e56;font-style:normal}
.ref-hero>p{position:relative;z-index:1;max-width:510px;margin:0 auto 28px;color:#5a7268;font-size:16px}.ref-hero-actions{position:relative;z-index:1;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:38px}
.ref-primary-btn,.ref-outline-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 28px;border-radius:12px;font-family:"Baloo 2",sans-serif;font-weight:700}.ref-primary-btn{background:#0f6e56;color:#fff;box-shadow:0 4px 16px rgba(15,110,86,.25)}.ref-outline-btn{background:#fff;border:1.5px solid #9fe1cb;color:#0f6e56}.ref-primary-btn:hover,.ref-outline-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,110,86,.18)}
.ref-stats{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap}.ref-stats>div{min-width:145px;padding:14px 28px;background:#fff;border:1px solid #e0e8e4}.ref-stats>div:first-child{border-radius:12px 0 0 12px}.ref-stats>div:last-child{border-radius:0 12px 12px 0}.ref-stats>div:not(:last-child){border-right:0}.ref-stats strong{display:block;color:#0f6e56;font:700 23px/1.1 "Baloo 2",sans-serif}.ref-stats span{display:block;margin-top:3px;color:#5a7268;font-size:12px}
.ref-search-wrap{max-width:1100px;margin:0 auto;padding:38px 24px 24px}.ref-search-wrap>h2{margin:0 0 14px;font-size:19px}.ref-search-card{padding:20px;background:#fff;border:1.5px solid #e0e8e4;border-radius:12px;box-shadow:0 2px 12px rgba(15,110,86,.07)}
.ref-search-row{display:flex;gap:10px;margin-bottom:14px}.ref-search-row input{flex:1;min-width:0;min-height:48px;padding:12px 16px;border:1.5px solid #e0e8e4;border-radius:8px;background:#f7f9f8}.ref-search-row input:focus{outline:0;border-color:#1d9e75}.ref-search-row button{min-width:118px;border:0;border-radius:8px;background:#0f6e56;color:#fff;font-weight:700}
.ref-search-card .location-picker{margin:0}.ref-search-card .location-picker,.ref-search-card .picker-selects{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ref-search-card .location-picker select{min-width:0;min-height:40px;padding:8px 10px;border:1px solid #e0e8e4;border-radius:8px;background:#f7f9f8;color:#5a7268}.ref-search-card .location-toggle,.ref-search-card .picker-inputs{display:none!important}
.ref-category-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ref-category-pills a{padding:5px 14px;border:1px solid #e0e8e4;border-radius:20px;background:#f7f9f8;color:#5a7268;font-size:13px}.ref-category-pills a:hover,.ref-category-pills a.active{background:#e1f5ee;border-color:#9fe1cb;color:#0f6e56}
.ref-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;max-width:1100px;margin:0 auto;padding:0 24px 48px}.ref-section-header,.ref-list-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.ref-section-header{margin-bottom:16px}.ref-section-header h2{margin:0;font-size:20px}
.ref-tabs{display:flex;gap:4px;padding:3px;border:1px solid #e0e8e4;border-radius:8px;background:#f7f9f8}.ref-tabs button{padding:6px 13px;border:0;border-radius:6px;background:transparent;color:#5a7268;font-size:12px}.ref-tabs button.active{background:#fff;color:#0f6e56;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.ref-tab-panel{display:none}.ref-tab-panel.active{display:block}.ref-list-heading{margin-bottom:14px;color:#5a7268;font-size:13px}.ref-list-heading a{color:#0f6e56;font-weight:700}
.ref-need-card{margin-bottom:12px;padding:20px;background:#fff;border:1px solid #e0e8e4;border-radius:12px;cursor:pointer;transition:.2s}.ref-need-card:hover{transform:translateY(-2px);border-color:#9fe1cb;box-shadow:0 6px 24px rgba(15,110,86,.13)}
.ref-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.ref-badges span{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700}.ref-badges .category{background:#e1f5ee;color:#085041}.ref-badges .urgent{background:#faece7;color:#993c1d}.ref-badges .today{background:#faeeda;color:#8a530e}.ref-badges .open{background:#eaf3de;color:#3b6d11}
.ref-need-card h3{margin:0 0 6px;font-size:18px}.ref-need-card>p{display:-webkit-box;overflow:hidden;margin:0 0 12px;color:#5a7268;font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ref-need-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#8fa99e;font-size:12px}.ref-need-card .meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ref-need-card .meta>span{color:#0f6e56;font-weight:700}.ref-need-card .meta>a{padding:6px 15px;border-radius:8px;background:#0f6e56;color:#fff;font-weight:700}
.ref-center-link{text-align:center;margin-top:16px}.ref-center-link a{display:inline-block;padding:10px 28px;border-radius:12px;background:#e1f5ee;color:#0f6e56;font-weight:700}
.ref-directory-card{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:16px 18px;background:#fff;border:1px solid #e0e8e4;border-radius:12px}.ref-directory-card:hover{transform:translateY(-2px);border-color:#9fe1cb;box-shadow:0 6px 24px rgba(15,110,86,.13)}.ref-directory-card>.icon{display:grid;flex:0 0 48px;height:48px;place-items:center;border-radius:8px;background:#e1f5ee;font-size:23px}.ref-directory-card .body{display:grid;min-width:0;flex:1}.ref-directory-card .body strong{font-family:"Baloo 2",sans-serif;font-size:16px}.ref-directory-card .body small{overflow:hidden;color:#5a7268;text-overflow:ellipsis;white-space:nowrap}.ref-directory-card .body i{margin-top:5px;color:#8fa99e;font-size:11px;font-style:normal}.ref-directory-card .body i b{color:#185fa5}.ref-directory-card .rating{display:grid;text-align:right;color:#ba7517;font-size:12px}.ref-directory-card .rating small{color:#8fa99e}
.ref-sidebar{display:grid;gap:20px}.ref-sidebar-cta{padding:24px;border-radius:12px;background:linear-gradient(135deg,#0f6e56,#1d9e75);color:#fff;text-align:center}.ref-sidebar-cta h3{margin:0 0 6px}.ref-sidebar-cta p{margin:0 0 16px;color:rgba(255,255,255,.82);font-size:13px}.ref-sidebar-cta a{display:block;padding:10px;border-radius:8px;background:#fff;color:#0f6e56;font-weight:800}
.ref-sidebar-card{padding:20px;background:#fff;border:1px solid #e0e8e4;border-radius:12px}.ref-sidebar-card h3{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:16px}.ref-sidebar-card h3 i{width:8px;height:8px;border-radius:50%;background:#1d9e75}.ref-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ref-category-grid a{padding:10px;border:1px solid #e0e8e4;border-radius:8px;background:#f7f9f8;color:#5a7268;text-align:center;font-size:13px}.ref-category-grid a:hover{background:#e1f5ee;border-color:#9fe1cb;color:#0f6e56}.ref-category-grid span{display:block;font-size:20px}
.ref-area-list>a{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e0e8e4}.ref-area-list>a:last-child{border-bottom:0}.ref-area-list span{display:grid;color:#1c2b26;font-size:13px}.ref-area-list small{color:#8fa99e}.ref-area-list em{padding:2px 8px;border-radius:10px;background:#e1f5ee;color:#085041;font-size:11px;font-style:normal}
.ref-add-service{padding:22px;border:1.5px dashed #9fe1cb;border-radius:12px;background:#e1f5ee;text-align:center}.ref-add-service>span{font-size:30px}.ref-add-service h3{margin:5px 0;color:#085041}.ref-add-service p{color:#5a7268;font-size:13px}.ref-add-service a{display:block;padding:9px;border-radius:8px;background:#0f6e56;color:#fff;font-weight:800}
.ref-home-faq{max-width:1100px;margin:0 auto;padding:0 24px 48px}.ref-home-faq>details{overflow:hidden;background:#fff;border:1px solid #e0e8e4;border-radius:12px}.ref-home-faq>details>summary{display:flex;align-items:center;justify-content:space-between;padding:20px;cursor:pointer;list-style:none}.ref-home-faq>details>summary span{display:grid}.ref-home-faq>details>summary small{color:#5a7268}
.ref-footer{padding:40px 24px 22px;background:#1c2b26;color:rgba(255,255,255,.68)}.ref-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px;max-width:1100px;margin:0 auto}.ref-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.ref-footer-grid h4{margin:0 0 12px;color:#fff}.ref-footer-grid a{margin-bottom:7px;color:rgba(255,255,255,.58);font-size:13px}.ref-footer-grid a:hover{color:#9fe1cb}.ref-footer-brand>a{font:700 22px "Baloo 2",sans-serif;color:#9fe1cb}.ref-footer-brand>a span{color:#fff}.ref-footer-brand p{max-width:330px;color:rgba(255,255,255,.55);font-size:13px}.ref-footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:1100px;margin:22px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.38);font-size:12px}
@media(max-width:800px){.home-nav-links{display:none}.reference-home-page .nav{padding:0 14px}.reference-home-page .nav-toggle{display:block}.ref-main-grid{grid-template-columns:1fr}.ref-sidebar{grid-template-columns:1fr 1fr}.ref-sidebar-cta{display:none}.ref-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.reference-home-page .topbar-r .ghost{display:none}.reference-home-page .topbar-r{gap:5px}.ref-hero{padding:42px 14px 30px}.ref-hero h1{font-size:31px}.ref-hero-actions{flex-direction:column;max-width:290px;margin-left:auto;margin-right:auto}.ref-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ref-stats>div{min-width:0;border:1px solid #e0e8e4!important;border-radius:8px!important;padding:12px}.ref-search-wrap,.ref-main-grid,.ref-home-faq{padding-left:14px;padding-right:14px}.ref-search-row{display:grid}.ref-search-row button{min-height:44px}.ref-search-card .location-picker,.ref-search-card .picker-selects{grid-template-columns:1fr 1fr}.ref-section-header{align-items:flex-start;flex-direction:column}.ref-tabs{width:100%}.ref-tabs button{flex:1}.ref-need-card footer{align-items:flex-start;flex-direction:column}.ref-need-card .meta{width:100%}.ref-need-card .meta>a{margin-left:auto}.ref-sidebar{grid-template-columns:1fr}.ref-directory-card .rating{display:none}.ref-footer-grid{grid-template-columns:1fr}.ref-footer-bottom{display:grid}}

/* Site-wide green design system */
body:not(.reference-home-page){background:#f7f9f8}
body:not(.reference-home-page) .topbar{height:60px;border-bottom:1px solid #e0e8e4;box-shadow:0 1px 8px rgba(0,0,0,.06)}
body:not(.reference-home-page) .nav{max-width:1100px;padding:0 24px}
body:not(.reference-home-page) .brand{color:#0f6e56;font-size:24px}
body:not(.reference-home-page) .brand span{color:#1d9e75}
body:not(.reference-home-page) .tbtn.ghost{border:1.5px solid #0f6e56;color:#0f6e56}
body:not(.reference-home-page) .tbtn.fill{background:#0f6e56}
body:not(.reference-home-page) .user-avatar{background:linear-gradient(135deg,#0f6e56,#1d9e75)}
body:not(.reference-home-page) .notif-btn{border:1px solid #dce8e3;background:#f7f9f8}
.locbar{background:#085041;border:0}.lc-crumb b{color:#9fe1cb}.lc-change{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}.lc-change:hover{background:#1d9e75}
.navtabs{border-bottom:1px solid #e0e8e4}.ntab:hover,.ntab.on{color:#0f6e56;border-bottom-color:#0f6e56}
.ph,.page-hero,.green-form-hero{background:linear-gradient(135deg,#e1f5ee 0%,#e8f4ff 60%,#f0faf5 100%)!important;color:#1c2b26;border-bottom:1px solid #dce8e3}
.ph:before,.page-hero:after{background:radial-gradient(circle,rgba(29,158,117,.12),transparent 70%)}
.ph p,.page-hero p{color:#5a7268}.ph-pill,.page-hero .badge{background:#0f6e56;color:#fff;border:0}
.page-hero .hero-actions .btn.ghost{background:#fff;color:#0f6e56;border-color:#9fe1cb}
.panel,.card,.stat-card,.settings-card,.table,.quick-tile,.metric-tile,.daily-feed-card,.help-request-card,.hub-area-card,.hub-state-card,.podium-card,.leader-row{border-width:1px;border-color:#dce8e3;box-shadow:0 2px 12px rgba(15,110,86,.05)}
.card:hover,a.card:hover{border-color:#9fe1cb;box-shadow:0 6px 24px rgba(15,110,86,.12)}
.btn,.cta-btn,.sbar-btn{background:#0f6e56}.btn:hover,.cta-btn:hover,.sbar-btn:hover{background:#1d9e75}
.btn.ghost{border-width:1px}.search{border:1px solid #dce8e3;box-shadow:0 5px 20px rgba(15,110,86,.08)}
.help-cta{background:linear-gradient(135deg,#085041,#0f6e56)}.help-cta p{color:rgba(255,255,255,.75)}
.footer-directory{border-color:#dce8e3}.footer-main,.dash-footer{background:#1c2b26}.footer-col-brand p{color:rgba(255,255,255,.58)}
.footer-main a:hover{color:#9fe1cb}.cookie-banner{background:#1c2b26}
.table th{background:#e1f5ee;color:#085041}.table tr:hover td{background:#f7fbf9}
.adminbar{padding:14px;background:#fff;border:1px solid #dce8e3;border-radius:14px}
.adminbar .btn[style]{background:#0f6e56!important;border-color:#0f6e56!important}
.area-hero{background:linear-gradient(135deg,#e1f5ee,#e8f4ff);border:1px solid #9fe1cb!important;color:#1c2b26!important}

.site-page-hero{position:relative;overflow:hidden;padding:38px 0 34px;background:linear-gradient(135deg,#e1f5ee 0%,#e8f4ff 60%,#f0faf5 100%);border-bottom:1px solid #dce8e3}
.site-page-hero:after{content:"";position:absolute;right:-70px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(29,158,117,.13),transparent 70%)}
.site-page-hero .wrap{position:relative;z-index:1;padding-top:0;padding-bottom:0}.site-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:16px;color:#82988f;font-size:12px}.site-breadcrumb a{color:#0f6e56}.site-eyebrow{display:inline-flex;padding:5px 12px;border-radius:20px;background:#0f6e56;color:#fff;font-size:11px;font-weight:800}.site-page-hero h1{margin:10px 0 5px;font-size:clamp(28px,4vw,38px)}.site-page-hero h1 em{color:#0f6e56;font-style:normal}.site-page-hero p{max-width:620px;margin:0;color:#5a7268}

.service-add-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start;max-width:1100px;margin:0 auto;padding:32px 24px 55px}
.service-add-form{overflow:hidden;background:#fff;border:1px solid #dce8e3;border-radius:12px;box-shadow:0 2px 12px rgba(15,110,86,.07)}
.service-form-head{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#0f6e56,#1d9e75);color:#fff}.service-form-head>span{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:rgba(255,255,255,.18);font-size:22px}.service-form-head h2{margin:0;color:#fff;font-size:20px}.service-form-head p{margin:2px 0 0;color:rgba(255,255,255,.75);font-size:12px}
.service-steps{display:flex;align-items:center;justify-content:center;padding:22px 24px 4px}.service-steps span{display:grid;justify-items:center;gap:4px;color:#82988f;font-size:11px}.service-steps b{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#eef4f1}.service-steps .active{color:#0f6e56}.service-steps .active b{background:#0f6e56;color:#fff}.service-steps i{width:70px;height:2px;margin:0 8px 18px;background:#dce8e3}
.service-form-section{margin:0 24px;padding:22px 0;border-bottom:1px solid #e0e8e4}.service-form-section h3{margin:0 0 16px;font-size:16px}.service-form-section h3 small{color:#82988f;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:500}.service-form-section>small,.service-form-section .field small{color:#82988f;font-size:11px}.service-form-section a{color:#0f6e56;font-weight:800}
.service-category-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.service-category-picker input{position:absolute;opacity:0;pointer-events:none}.service-category-picker span{display:grid;min-height:54px;place-items:center;padding:8px;border:1.5px solid #dce8e3;border-radius:8px;background:#f7f9f8;color:#5a7268;text-align:center;font-size:12px;cursor:pointer}.service-category-picker input:checked+span,.service-category-picker span:hover{background:#e1f5ee;border-color:#0f6e56;color:#085041}
.service-form-section .location-picker,.service-form-section .picker-selects{grid-template-columns:repeat(2,1fr)}
.service-upload-zone{display:grid;justify-items:center;gap:4px;padding:24px;border:2px dashed #9fe1cb;border-radius:12px;background:#e1f5ee;color:#0f6e56;text-align:center;cursor:pointer}.service-upload-zone>span{font-size:32px}.service-upload-zone small{color:#5a7268;font-weight:500}
.service-live-preview{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #dce8e3;border-radius:12px;background:#f7f9f8}.service-live-preview>span{display:grid;flex:0 0 50px;height:50px;place-items:center;border-radius:9px;background:#e1f5ee;font-size:24px}.service-live-preview div{min-width:0}.service-live-preview b{font-family:"Baloo 2",sans-serif;font-size:16px}.service-live-preview p{overflow:hidden;margin:2px 0;color:#5a7268;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.service-live-preview small{color:#0f6e56}
.service-submit-btn{display:block;width:calc(100% - 48px);margin:22px 24px 8px;padding:14px;border:0;border-radius:12px;background:#0f6e56;color:#fff;font:700 16px "Baloo 2",sans-serif;box-shadow:0 4px 16px rgba(15,110,86,.25);cursor:pointer}.service-submit-btn:hover{transform:translateY(-2px);background:#1d9e75}.service-submit-note{margin:0 24px 22px;text-align:center;color:#82988f;font-size:11px}
.service-add-sidebar{display:grid;gap:18px}.service-side-card,.service-results-card,.service-side-help{padding:20px;background:#fff;border:1px solid #dce8e3;border-radius:12px}.service-side-card>h3{display:flex;align-items:center;gap:8px;margin-bottom:13px;font-size:16px}.service-side-card>h3 i{width:8px;height:8px;border-radius:50%;background:#1d9e75}.service-side-card>p{display:grid;grid-template-columns:34px 1fr;column-gap:9px;margin:0;padding:11px 0;border-bottom:1px solid #e0e8e4}.service-side-card>p:last-child{border-bottom:0}.service-side-card>p>span{grid-row:1/3;display:grid;width:32px;height:32px;place-items:center;border-radius:8px;background:#e1f5ee}.service-side-card>p>b{font-size:12px}.service-side-card>p>small{color:#5a7268;font-size:11px}
.recent-service-row{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e0e8e4}.recent-service-row>span{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:#e1f5ee}.recent-service-row b{font-size:12px}.recent-service-row small{display:block;color:#82988f;font-weight:500}.service-side-link{display:block;margin-top:12px;color:#0f6e56;text-align:center;font-size:12px;font-weight:800}
.service-results-card{background:linear-gradient(135deg,#0f6e56,#1d9e75);color:#fff;text-align:center}.service-results-card>span{font-size:30px}.service-results-card h3{color:#fff}.service-results-card p{color:rgba(255,255,255,.78);font-size:12px}.service-side-help{background:#e1f5ee;border-style:dashed;text-align:center}.service-side-help>span{font-size:28px}.service-side-help p{font-size:12px}.service-side-help a{display:block;padding:9px;border-radius:8px;background:#0f6e56;color:#fff;font-weight:800}

@media(max-width:800px){.service-add-shell{grid-template-columns:1fr}.service-add-sidebar{grid-template-columns:1fr 1fr}.home-nav-links{display:none}}
@media(max-width:560px){body:not(.reference-home-page) .nav{padding:0 14px}.service-add-shell{padding:20px 14px 40px}.service-form-head{padding:18px}.service-form-section{margin:0 16px}.service-category-picker{grid-template-columns:1fr 1fr}.service-form-section .location-picker,.service-form-section .picker-selects{grid-template-columns:1fr}.service-submit-btn{width:calc(100% - 32px);margin-left:16px;margin-right:16px}.service-add-sidebar{grid-template-columns:1fr}.service-steps i{width:35px}.site-page-hero{padding:28px 0}}

.service-directory-card{cursor:pointer;overflow:hidden}.service-directory-card>.badge{width:max-content}.service-directory-card h3{margin-top:11px}.service-card-actions{display:flex;gap:7px;margin-top:15px!important}.service-card-actions .btn{flex:1}
.service-detail-heading h1{max-width:800px}.service-detail-layout{padding-top:30px}.service-detail-main>h2{margin-top:16px}.service-detail-main>.meta{padding:13px;border-radius:10px;background:#f7f9f8}.service-inquiry-form{padding:20px;border:1px solid #dce8e3;border-radius:12px;background:#f7f9f8}
.area-faq{margin-top:28px}.area-faq h2{margin-top:0}.area-faq details{padding:13px 0;border-bottom:1px solid #e0e8e4}.area-faq details:last-child{border-bottom:0}.area-faq summary{color:#085041;font-weight:800;cursor:pointer}.area-faq p{margin-bottom:0}
.page-admin-index .wrap>h1,.page-admin-services .wrap>h1,.page-admin-websites .wrap>h1,.page-admin-users .wrap>h1,.page-admin-reviews .wrap>h1,.page-admin-reports .wrap>h1,.page-admin-security .wrap>h1,.page-admin-taxonomy .wrap>h1{padding:24px;border-radius:16px;background:linear-gradient(135deg,#e1f5ee,#e8f4ff);border:1px solid #9fe1cb}
body[class*="page-admin-"] .panel,body[class*="page-admin-"] .card{border-width:1px}
.page-login main,.page-register main,.page-forgot-password main,.page-reset-password main,.page-resend-verification main{background:linear-gradient(135deg,#e1f5ee 0%,#f7f9f8 55%,#e8f4ff 100%);padding-block:20px}
.page-login main>.wrap,.page-register main>.wrap{margin-top:20px!important;margin-bottom:20px!important}
.page-login main>.wrap>.panel,.page-register main>.wrap>.panel{border:1px solid #dce8e3!important;border-radius:16px!important;box-shadow:0 14px 40px rgba(15,110,86,.12)!important}
.faq-page{max-width:900px;padding-top:32px;padding-bottom:55px}.faq-page>.panel{padding:24px}.faq-list{display:grid;margin-top:18px}.faq-item{border-bottom:1px solid #dce8e3}.faq-item:first-child{border-top:1px solid #dce8e3}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 4px;color:#1c2b26;font-weight:800;cursor:pointer}.faq-item summary span{display:grid;flex:0 0 28px;height:28px;place-items:center;border-radius:50%;background:#e1f5ee;color:#0f6e56}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{margin:0;padding:0 45px 18px 4px;color:#5a7268}

/* ── DASHBOARD GRID LAYOUT ── */
.dash-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 2rem 1.5rem;
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 1.5rem;
  align-items: start;
}
.dash-sidebar {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: sticky;
  top: 76px;
}
.profile-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1.25rem;
  text-align: center;
  box-shadow: var(--shadow);
  margin-bottom: 0.25rem;
}
.profile-avatar {
  width: 64px; height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--green-dark), var(--green-mid));
  color: #fff;
  font-family: 'Baloo 2', sans-serif;
  font-size: 26px;
  font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 0.75rem;
  border: 3px solid var(--green-border);
}
.profile-name {
  font-family: 'Baloo 2', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--text);
}
.profile-area {
  font-size: 12px;
  color: var(--text-muted);
  margin-top: 2px;
  display: flex; align-items: center; justify-content: center; gap: 4px;
}
.profile-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--green-light);
  color: var(--green-dark);
  border: 1px solid var(--green-border);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  margin-top: 8px;
}
.profile-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}
.pstat {
  text-align: center;
}
.pstat-num {
  font-family: 'Baloo 2', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--green-dark);
}
.pstat-label {
  font-size: 11px;
  color: var(--text-hint);
}
.sidebar-nav {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
}
.snav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 16px;
  font-size: 14px;
  color: var(--text-muted);
  cursor: pointer;
  border-left: 3px solid transparent;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  text-decoration: none;
}
.snav-item:hover {
  background: var(--green-light);
  color: var(--green-dark);
}
.snav-item.active {
  background: var(--green-light);
  color: var(--green-dark);
  border-left-color: var(--green-dark);
  font-weight: 600;
}
.snav-item + .snav-item {
  border-top: 1px solid var(--border);
}
.snav-icon { font-size: 16px; width: 20px; text-align: center; }
.snav-badge {
  margin-left: auto;
  background: var(--green-dark);
  color: #fff;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  padding: 1px 8px;
}
.snav-badge.amber {
  background: var(--amber);
}

/* ── STATS STRIP ── */
.stats-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.stat-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1.1rem 1.25rem;
  box-shadow: var(--shadow);
  display: flex;
  align-items: center;
  gap: 12px;
  transition: box-shadow 0.18s;
}
.stat-card:hover { box-shadow: var(--shadow-hover); }
.stat-icon {
  width: 44px; height: 44px;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}
.stat-icon.green { background: var(--green-light); }
.stat-icon.amber { background: var(--amber-light); }
.stat-icon.blue { background: var(--blue-light); }
.stat-icon.red { background: var(--red-light); }
.stat-num {
  font-family: 'Baloo 2', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--text);
  line-height: 1;
}
.stat-label {
  font-size: 12px;
  color: var(--text-muted);
  margin-top: 2px;
}

/* ── TABS ── */
.tab-bar {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--border);
  padding: 0 1.25rem;
  background: var(--card);
  overflow-x: auto;
}
.tab-btn {
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-muted);
  border: none;
  background: transparent;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  white-space: nowrap;
  font-family: 'Noto Sans', sans-serif;
  transition: color 0.15s;
}
.tab-btn:hover { color: var(--green-dark); }
.tab-btn.active {
  color: var(--green-dark);
  font-weight: 600;
  border-bottom-color: var(--green-dark);
}

/* ── NEW SERVICE FORM ADDITIONS ── */
.type-card-label {
  transition: transform 0.2s, box-shadow 0.2s;
}
.type-card-label:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow);
}
.cat-pill-label {
  display: inline-block;
  cursor: pointer;
  margin: 4px;
}
.cat-pill-label input[type="radio"] {
  display: none;
}
.cat-pill-label span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1.5px solid var(--border);
  border-radius: 30px;
  font-size: 13px;
  transition: background 0.2s, border-color 0.2s;
}
.cat-icon-span {
  font-size: 15px;
}
.scope-btn-label input[type="radio"] {
  cursor: pointer;
}
.scope-btn-label {
  transition: background 0.2s, border-color 0.2s;
}
.scope-btn-label:has(input[type="radio"]:checked) {
  border-color: var(--green-mid) !important;
  background: var(--green-light) !important;
  font-weight: bold;
}

@media (max-width: 820px) {
  .dash-wrap {
    grid-template-columns: 1fr;
  }
  .stats-strip {
    grid-template-columns: 1fr 1fr;
  }
}
