:root{--navy:#082b4b;--green:#168a5b;--mint:#eaf6f1;--orange:#f28b35;--ink:#152530;--muted:#6d7d85;--line:#d8e3e2;--bg:#edf4f3;--white:#fff;--red:#bd4037}*{box-sizing:border-box}[hidden]{display:none!important}html{min-width:320px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans Thai",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:10px max(24px,calc((100% - 1440px)/2));border-bottom:1px solid rgba(8,43,75,.08);background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px}.brand img{width:45px;height:45px;border-radius:13px;object-fit:cover}.brand b{display:block;color:var(--navy);font:600 1.05rem/1.1 "Prompt",sans-serif}.brand small{display:block;margin-top:4px;color:var(--green);font-size:.7rem;font-weight:700}.header-user{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:700}.header-user button,.secondary{border:1px solid var(--line);border-radius:11px;padding:8px 12px;background:#fff;color:var(--navy);font-weight:700}main{width:min(1440px,calc(100% - 40px));margin:0 auto;padding:34px 0 70px}.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:10px 4px 27px}.welcome p,.panel-heading p,.editor-head p{margin:0 0 3px;color:var(--orange);font-weight:700}.welcome h1{margin:0;color:var(--navy);font:600 clamp(1.75rem,3vw,2.7rem)/1.2 "Prompt",sans-serif}.welcome span,.panel-heading span{display:block;margin-top:7px;color:var(--muted)}.primary{border:0;border-radius:12px;padding:12px 18px;background:var(--orange);color:#10283c;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats article{padding:18px 20px;border:1px solid rgba(22,138,91,.15);border-radius:17px;background:#fff}.stats span{display:block;color:var(--muted);font-size:.85rem}.stats strong{display:block;margin-top:4px;color:var(--navy);font:600 1.8rem "Prompt",sans-serif}.tabs{display:flex;gap:7px;margin:24px 0 16px;padding:5px;border:1px solid var(--line);border-radius:15px;background:#fff}.tabs button{border:0;border-radius:10px;padding:10px 17px;background:transparent;color:#67767d;font-weight:700}.tabs button.active{background:var(--navy);color:#fff}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px}.panel{border:1px solid rgba(8,43,75,.08);border-radius:19px;background:#fff;box-shadow:0 16px 45px rgba(8,43,75,.06)}.list-panel{align-self:start;position:sticky;top:94px;max-height:calc(100vh - 115px);overflow:auto;padding:18px}.panel-heading,.editor-head,.image-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-heading h2,.editor-head h2{margin:0;color:var(--navy);font:600 1.25rem "Prompt",sans-serif}.listing-list{display:grid;gap:9px;margin-top:14px}.listing-card{width:100%;display:grid;gap:5px;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;text-align:left}.listing-card.active{border-color:var(--green);background:#f3fbf7;box-shadow:0 0 0 2px rgba(22,138,91,.08)}.listing-card strong{color:var(--navy)}.listing-card small{color:var(--muted)}.badge,.status{justify-self:start;border-radius:999px;padding:4px 8px;background:#edf1f2;color:#64747b;font-size:.72rem;font-weight:800}.badge.published,.status.published{background:#e2f6eb;color:#14724d}.badge.pending,.status.pending{background:#fff1dd;color:#a65c13}.badge.rejected,.status.rejected{background:#ffe8e6;color:#b53831}.editor-panel{min-height:500px;padding:22px}.editor-empty{display:grid;min-height:430px;place-items:center;align-content:center;color:var(--muted);text-align:center}.editor-empty span{font-size:3.5rem;color:#a9c6bd}.editor-empty h2{margin:5px 0;color:var(--navy)}.editor-empty p{margin:0}.editor-head{padding-bottom:16px;border-bottom:1px solid var(--line)}.notice{margin:16px 0;border-radius:12px;padding:11px 13px;background:#edf8f3;color:#356253}.notice button{border:0;padding:0;background:transparent;color:var(--green);font-weight:800;text-decoration:underline}.form-section{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:15px}.form-section h3{margin:0 0 14px;color:var(--navy);font:600 1rem "Prompt",sans-serif}.form-section h3 span{display:inline-grid;width:28px;height:28px;place-items:center;margin-right:7px;border-radius:8px;background:var(--green);color:#fff;font-size:.75rem}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.fields label,.profile-form label{display:grid;gap:6px;color:var(--navy);font-size:.88rem;font-weight:700}.fields .wide,.profile-form .wide{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink);outline:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,138,91,.1)}.image-head h3{margin-bottom:0}.upload{border-radius:10px;padding:9px 12px;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}.image-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:14px 0}.image-card{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:11px;background:#e7eeee}.image-card img{width:100%;height:100%;object-fit:cover}.image-card button{position:absolute;right:5px;top:5px;border:0;border-radius:8px;padding:5px 7px;background:rgba(8,43,75,.88);color:#fff;font-size:.72rem}.image-card button.cover{right:auto;left:5px;background:rgba(22,138,91,.92)}.image-section>small{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.submit-review{border:0;border-radius:12px;padding:12px 18px;background:var(--green);color:#fff;font-weight:800}.danger{margin-left:auto;border:1px solid #efc6c2;border-radius:12px;padding:11px 16px;background:#fff5f4;color:var(--red);font-weight:800}.form-error{border-radius:10px;padding:10px;background:#fff0ef;color:#a6322b}.simple-panel{padding:24px}.lead-list{display:grid;gap:12px;margin-top:20px}.lead-card{border:1px solid var(--line);border-radius:14px;padding:15px}.lead-card header{position:static;min-height:0;padding:0;border:0;background:transparent}.lead-card h3{margin:0;color:var(--navy)}.lead-card time{color:var(--muted);font-size:.82rem}.lead-card p{margin:10px 0 0;white-space:pre-line}.lead-card a{color:var(--green);font-weight:800}.profile-panel{max-width:900px}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.empty{padding:30px 10px;color:var(--muted);text-align:center}.toast{position:fixed;right:20px;bottom:20px;z-index:50;max-width:min(420px,calc(100% - 40px));transform:translateY(20px);border-radius:12px;padding:12px 16px;background:var(--navy);color:#fff;opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}@media(max-width:980px){.workspace{grid-template-columns:1fr}.list-panel{position:static;max-height:none}.listing-list{grid-template-columns:repeat(2,1fr)}.image-gallery{grid-template-columns:repeat(4,1fr)}}@media(max-width:680px){header{padding:10px 14px}.header-user span{display:none}main{width:calc(100% - 24px);padding-top:20px}.welcome{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.tabs{overflow:auto}.tabs button{flex:0 0 auto}.listing-list{grid-template-columns:1fr}.editor-panel,.simple-panel{padding:14px}.form-section{padding:14px}.fields,.profile-form{grid-template-columns:1fr}.fields .wide,.profile-form .wide{grid-column:auto}.image-gallery{grid-template-columns:repeat(3,1fr)}.danger{margin-left:0}.brand small{display:none}}
input[readonly]{background:#f0f4f4;color:#52636b;cursor:not-allowed}.locked-name-note{color:#8a4b18;font-size:.78rem;font-weight:600;line-height:1.45}
.member-brand{min-width:0}.member-brand img{background:#e5efed}.member-brand span{min-width:0}.member-brand b{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-avatar-setting{display:flex;align-items:center;gap:18px;margin-top:22px;padding:18px;border:1px solid #cfe2dd;border-radius:16px;background:#f4faf7}.profile-avatar-setting>img{width:88px;height:88px;flex:0 0 88px;border:4px solid #fff;border-radius:24px;object-fit:cover;box-shadow:0 9px 24px rgba(8,43,75,.14)}.profile-avatar-setting>div{display:grid;justify-items:start;gap:5px}.profile-avatar-setting strong{color:var(--navy);font:600 1rem "Prompt",sans-serif}.profile-avatar-setting span{color:var(--muted);font-size:.86rem;line-height:1.5}.avatar-picker{display:inline-flex;margin-top:5px;border-radius:10px;padding:9px 13px;background:var(--green);color:#fff;font-size:.86rem;font-weight:800;cursor:pointer}.avatar-picker.is-uploading{pointer-events:none;opacity:.6}@media(max-width:680px){.member-brand b{max-width:150px}.profile-avatar-setting{align-items:flex-start}.profile-avatar-setting>img{width:72px;height:72px;flex-basis:72px;border-radius:20px}}
.location-combobox{position:relative}.location-combobox:after{position:absolute;top:12px;right:13px;color:var(--navy);font-size:1rem;line-height:1;pointer-events:none;content:"⌄"}.location-combobox input{padding-right:36px}.location-options{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 16px 38px rgba(8,43,75,.18);scrollbar-color:var(--green) #eef3f3;scrollbar-width:thin}.location-options button{width:100%;border:0;border-radius:8px;padding:9px 10px;background:#fff;color:var(--ink);text-align:left}.location-options button:hover,.location-options button.active{background:#edf7f3;color:var(--navy);font-weight:700}.location-empty{display:block;padding:12px 10px;color:var(--muted);font-size:.8rem;text-align:center}.fields label>small{color:var(--muted);font-size:.76rem;font-weight:500;line-height:1.4}
.listing-list{gap:0;overflow:hidden;border:1px solid var(--line);border-radius:14px}.listing-card{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:11px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px}.listing-card:last-child{border-bottom:0}.listing-card.active{border-color:var(--line);border-left:4px solid var(--green);padding-left:6px;background:#eef9f4;box-shadow:none}.listing-card>img{width:64px;height:54px;border-radius:9px;object-fit:cover;background:#e5eceb}.listing-summary{display:grid;min-width:0;gap:2px}.listing-summary-top{display:flex;align-items:center;gap:7px;min-width:0}.listing-summary-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--navy)}.listing-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.listing-summary .listing-price{color:#46606c;font-weight:700}.listing-summary .badge{flex:0 0 auto;padding:3px 6px;font-size:.64rem}.editor-head-actions{display:flex;align-items:center;gap:9px}.edit-listing{border:1px solid #f0a363;border-radius:10px;padding:9px 13px;background:#fff7ef;color:#c96313;font-weight:800}.edit-listing:hover{background:var(--orange);color:#12283a}.edit-listing.cancel-edit{border-color:#d8e0e1;background:#f3f6f6;color:#5e6d74}.edit-listing.cancel-edit:hover{border-color:#e3aaa5;background:#fff2f1;color:#a53831}.listing-form-readonly input:disabled,.listing-form-readonly select:disabled,.listing-form-readonly textarea:disabled{border-color:#e1e8e7;background:#f8faf9;color:#233843;opacity:1;-webkit-text-fill-color:#233843;cursor:default}.listing-form-readonly .market-choice button:disabled{border-color:#dce5e4;background:#f6f8f8;color:#53656d;opacity:1;cursor:default}.listing-form-readonly .upload{background:#aeb8bc;cursor:default}.actions button:disabled{border-color:#c9d0d2!important;background:#c9d0d2!important;color:#6c777c!important;opacity:1;cursor:not-allowed;box-shadow:none}.edit-listing:disabled{background:#f2f4f4!important;color:#9ba4a8!important}@media(max-width:680px){.editor-head{align-items:flex-start}.editor-head-actions{flex-direction:column;align-items:flex-end}.edit-listing{padding:8px 10px}.listing-card>img{width:58px;height:50px}}
.list-create-button{flex:0 0 auto;padding:8px 11px;border-radius:10px;font-size:.8rem;white-space:nowrap}.list-panel .panel-heading{align-items:center;margin-bottom:12px}@media(max-width:380px){.list-create-button{padding:8px 9px;font-size:.75rem}}

/* Member inquiry cards */
.lead-list{gap:16px}.lead-card{overflow:hidden;padding:0;border-radius:17px;background:#fff}.lead-listing{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid #dce9e4;background:linear-gradient(135deg,#f2faf6,#f8fcfa)}.lead-listing>div{min-width:0}.lead-listing>div>span,.lead-customer header span{display:block;margin-bottom:5px;color:var(--green);font-size:.76rem;font-weight:800}.lead-listing dl{display:flex;flex-wrap:wrap;gap:9px 28px;margin:0}.lead-listing dl div{display:grid;gap:1px}.lead-listing dt,.lead-details dt{color:var(--muted);font-size:.75rem;font-weight:600}.lead-listing dd{margin:0;color:var(--navy);font:600 1rem/1.4 "Prompt",sans-serif}.lead-listing-link{flex:0 0 auto;border-radius:10px;padding:10px 13px;background:var(--navy);color:#fff!important;font-weight:800;white-space:nowrap}.lead-listing-link:hover,.lead-listing-link:focus-visible{background:#0d416f;outline:3px solid rgba(8,43,75,.12)}.lead-customer{padding:16px 18px}.lead-customer header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.lead-card h3{font:600 1.15rem "Prompt",sans-serif}.lead-phone{display:inline-flex;margin-top:7px;color:var(--green)!important;font-weight:800}.lead-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0}.lead-details div{padding:10px 12px;border-radius:10px;background:#f5f8f7}.lead-details dd{margin:2px 0 0;white-space:pre-line;color:var(--ink);font-weight:600}@media(max-width:680px){.lead-listing{align-items:stretch;flex-direction:column}.lead-listing-link{text-align:center}.lead-details{grid-template-columns:1fr}.lead-customer header{align-items:flex-start;flex-direction:column;gap:5px}}

.lead-summary{display:grid;grid-template-columns:74px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:12px 14px;background:linear-gradient(135deg,#f2faf6,#f8fcfa);cursor:pointer;list-style:none}.lead-summary::-webkit-details-marker{display:none}.lead-summary::marker{display:none;content:""}.lead-summary:hover{background:#eef8f3}.lead-summary:focus-visible{outline:3px solid rgba(22,138,91,.2);outline-offset:-3px}.lead-cover{width:74px;height:60px;border-radius:10px;object-fit:cover;background:#e6eeeb}.lead-summary-copy{display:grid;min-width:0;gap:1px}.lead-summary-copy>span{color:var(--green);font-size:.7rem;font-weight:800}.lead-summary-copy strong{overflow:hidden;color:var(--navy);font:600 1rem/1.35 "Prompt",sans-serif;text-overflow:ellipsis;white-space:nowrap}.lead-summary-copy small{overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.lead-summary time{color:var(--muted);font-size:.76rem;white-space:nowrap}.lead-toggle{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:7px 9px;background:#fff;color:var(--navy);font-size:.75rem}.lead-toggle b{font-weight:800}.lead-toggle i{font-style:normal;font-size:1rem;transition:transform .2s}.lead-close-label{display:none}.lead-card[open] .lead-summary{border-bottom:1px solid #dce9e4}.lead-card[open] .lead-open-label{display:none}.lead-card[open] .lead-close-label{display:inline}.lead-card[open] .lead-toggle i{transform:rotate(180deg)}.lead-expanded{background:#fff}.lead-action-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px 0}.lead-action-row>span{color:var(--green);font-weight:800}.lead-action-row+.lead-customer{padding-top:12px}@media(max-width:680px){.lead-summary{grid-template-columns:60px minmax(0,1fr) auto;gap:10px;padding:10px}.lead-cover{width:60px;height:52px}.lead-summary time{display:none}.lead-toggle{padding:7px}.lead-toggle b{display:none}.lead-action-row{align-items:stretch;flex-direction:column}.lead-listing-link{text-align:center}}
.profile-field-note{color:var(--muted);font-size:.75rem;font-weight:500}.profile-form-column{display:grid;align-content:start;gap:14px;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fbfdfc}.profile-phone-group{border-color:#bcded2;background:#f2faf7}.profile-group-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:2px;padding-bottom:12px;border-bottom:1px solid var(--line)}.profile-phone-group .profile-group-heading{border-bottom-color:#cde4dc}.profile-group-heading h3{margin:0;color:var(--navy);font:600 1rem/1.35 "Prompt",sans-serif}.profile-group-heading small{color:var(--green);font-size:.75rem;font-weight:700;white-space:nowrap}.profile-form-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px}.profile-form-actions .form-error{flex:1;margin:0}@media(max-width:680px){.profile-form-column{padding:15px}.profile-form-actions{grid-column:auto;align-items:stretch;flex-direction:column}.profile-form-actions .primary{width:100%}}
