:root{--primary:#0866e6;--primary-dark:#084aa8;--ink:#152033;--muted:#718096;--line:#e6ebf2;--surface:#fff;--bg:#f5f8fc;--green:#16b364;--orange:#f59e0b;--radius:14px}*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans Thai',sans-serif;color:var(--ink);background:var(--bg);font-size:15px}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:1040}.brand{display:flex;align-items:center;gap:10px;color:#111827;text-decoration:none;font-size:21px}.brand span{color:var(--primary)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:#eaf3ff;border-radius:10px;color:var(--primary);font-size:19px}.topnav{gap:30px;margin-left:60px}.topnav a{color:#344054;text-decoration:none}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dbeafe,#bfdbfe);color:#174c91;font-weight:700}.avatar-lg{width:54px;height:54px}.icon-btn{width:40px;height:40px;border:0;background:#fff;border-radius:10px;position:relative;font-size:18px}.badge-dot,.nav-badge{background:#ef4444;color:white;border-radius:999px;font-size:10px;padding:2px 6px}.badge-dot{position:absolute;right:2px;top:1px}.muted{color:var(--muted)}.app-shell{display:flex;min-height:calc(100vh - 72px)}.sidebar{width:250px;background:white;border-right:1px solid var(--line);padding:20px 14px;position:fixed;left:0;top:72px;bottom:0;overflow:auto;z-index:1030}.profile-card{display:flex;gap:12px;align-items:center;padding:8px 6px 18px}.profile-card small{display:block;color:var(--muted);font-size:11px}.member-pill{font-size:10px;border:1px solid #9ec5fe;color:var(--primary);padding:1px 8px;border-radius:99px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;color:#43506a;text-decoration:none;margin:2px 0}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#0866e6,#0758c7);color:white}.sidebar nav i{width:18px}.sidebar .nav-badge{margin-left:auto}.nav-label{color:#789;display:block;padding:0 12px 6px}.main-content{margin-left:250px;padding:28px;min-width:0;width:calc(100% - 250px)}.page-title{font-size:27px;font-weight:700;margin:0}.page-subtitle{color:var(--muted);margin:5px 0 22px}.card-soft{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 16px rgba(27,50,90,.035)}.kpi-card{padding:20px;height:100%;position:relative;overflow:hidden}.kpi-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:22px}.kpi-value{font-size:27px;font-weight:700}.kpi-label{color:#536078}.kpi-blue{background:#eaf3ff;color:#0866e6}.kpi-green{background:#eafaf1;color:#16a060}.kpi-purple{background:#f1ecff;color:#7b4cda}.kpi-orange{background:#fff4df;color:#e58b00}.section-card{padding:20px}.section-title{font-size:18px;font-weight:700}.chart-wrap{height:280px}.property-thumb{width:70px;height:52px;object-fit:cover;border-radius:8px}.status{font-size:12px;padding:4px 9px;border-radius:99px}.status-live{background:#e8f8ef;color:#14834b}.status-review{background:#fff4dd;color:#a76500}.property-card{overflow:hidden;height:100%}.property-card img{width:100%;height:170px;object-fit:cover}.property-card .body{padding:15px}.price{font-size:17px;font-weight:700;color:var(--primary)}.favorite-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 8px #0002;color:#667}.favorite-btn.active{color:#e53956}.premium-card{background:linear-gradient(140deg,#075ecf,#063d91);color:#fff}.sidebar-backdrop{display:none}.wizard-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:20px}.wizard-steps{padding:16px}.step-item{display:flex;gap:10px;padding:12px 8px;border-left:2px solid var(--line)}.step-item.active{background:#edf5ff;color:var(--primary);border-color:var(--primary)}.step-item.done{color:#168852;border-color:#35bd72}.step-num{width:28px;height:28px;flex:0 0 28px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.wizard-panel{padding:24px}.wizard-aside{position:sticky;top:92px;align-self:start}.preview-img{width:100%;height:190px;object-fit:cover;border-radius:10px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice{border:1px solid var(--line);padding:20px 12px;text-align:center;border-radius:11px;cursor:pointer;transition:.2s}.choice:hover,.choice.selected{border-color:var(--primary);background:#f3f8ff;color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.choice i{font-size:28px;display:block;margin-bottom:8px}.form-label{font-weight:600}.upload-zone{border:2px dashed #cbd6e5;border-radius:12px;padding:36px;text-align:center;cursor:pointer;background:#fbfdff}.upload-zone.drag{border-color:var(--primary);background:#eef6ff}.image-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.image-tile{position:relative}.image-tile img{width:100%;height:120px;object-fit:cover;border-radius:9px}.image-remove{position:absolute;top:5px;right:5px;border:0;width:28px;height:28px;border-radius:50%;background:#17202bcc;color:white}.progress-thin{height:7px}.review-block{border:1px solid var(--line);border-radius:11px;padding:16px;margin-bottom:12px}.chat-shell{display:grid;grid-template-columns:300px 1fr;height:650px}.chat-list{border-right:1px solid var(--line);overflow:auto}.chat-person{display:flex;gap:10px;padding:14px;border-bottom:1px solid var(--line);cursor:pointer}.chat-person.active{background:#edf5ff}.chat-area{display:flex;flex-direction:column}.messages{flex:1;padding:20px;overflow:auto;background:#f8fbff}.bubble{max-width:70%;padding:10px 14px;border-radius:14px;margin:8px 0;background:white;border:1px solid var(--line)}.bubble.me{margin-left:auto;background:#0967e5;color:white}.empty-state{text-align:center;padding:60px 20px}.empty-state i{font-size:52px;color:#a9b8cc}.auth-wrap{max-width:440px;margin:40px auto}.search-hero{background:linear-gradient(135deg,#0758c8,#0a78ec);color:white;border-radius:16px;padding:24px}.filter-bar{background:#fff;border-radius:12px;padding:12px}.toast{background:#fff;box-shadow:0 12px 30px #18304a2b}.map-frame{width:100%;height:320px;border:0;border-radius:10px}.table>:not(caption)>*>*{padding:.85rem}.faq .accordion-button{font-weight:600}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
@media(max-width:1199px){.wizard-layout{grid-template-columns:190px minmax(0,1fr)}.wizard-aside{display:none}}@media(max-width:991px){.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:none}.sidebar-backdrop.show{display:block;position:fixed;inset:72px 0 0;background:#1722387a;z-index:1020}.main-content{margin-left:0;width:100%;padding:20px}.wizard-layout{grid-template-columns:1fr}.wizard-steps{display:flex;overflow:auto}.step-item{min-width:150px;border-left:0;border-bottom:2px solid var(--line)}}@media(max-width:767px){body{font-size:14px}.topbar{height:64px;padding:0 10px}.sidebar{top:64px}.brand{font-size:18px}.main-content{padding:14px}.page-title{font-size:22px}.choice-grid{grid-template-columns:repeat(2,1fr)}.wizard-panel{padding:17px}.chat-shell{grid-template-columns:1fr;height:70vh}.chat-list{display:none}.image-preview-grid{grid-template-columns:repeat(2,1fr)}.table-responsive{font-size:13px}.kpi-card{padding:15px}}
.wizard-steps button.step-item{width:100%;background:transparent;text-align:left;border-top:0;border-right:0;border-bottom:0;color:inherit}.wizard-steps button.step-item.active{background:#edf5ff;color:var(--primary)}.image-tile{cursor:grab}.image-tile .set-cover{position:absolute;left:6px;bottom:6px}.is-invalid{border-color:#dc3545!important}
.progress-card{border-top:3px solid var(--primary)}.progress-percent{font-size:1.35rem;font-weight:700;color:var(--primary)}.progress-checklist{display:grid;gap:9px}.progress-check-item{display:flex;align-items:center;gap:9px;color:#8a96a8;font-size:.9rem}.progress-check-item.current{color:var(--primary);font-weight:600}.progress-check-item.done{color:var(--green)}.progress-check-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#f0f4f8;font-size:.7rem}.progress-check-item.current .progress-check-icon{background:#eaf3ff}.progress-check-item.done .progress-check-icon{background:#e8f8ef}.draft-save-state{display:flex;align-items:flex-start;gap:10px}.draft-save-state>i{font-size:1.25rem;margin-top:1px}.draft-save-state small{font-size:.78rem}
@media(max-width:1199px){.wizard-aside{display:block;position:static;grid-column:2}.progress-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:991px){.wizard-aside{grid-column:1}.progress-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.progress-checklist{grid-template-columns:1fr}}
.property-cover-thumb{width:92px;height:68px;flex:0 0 92px;border-radius:9px;overflow:hidden;background:#edf2f7}.property-cover-thumb img{width:100%;height:100%;object-fit:cover}.property-cover-thumb span{width:100%;height:100%;display:grid;place-items:center;color:#9aa8ba;font-size:1.5rem}.property-list-title{display:inline-block;color:var(--ink);font-weight:600;text-decoration:none;margin-bottom:4px}.property-list-title:hover{color:var(--primary)}.status-draft{background:#eef1f5;color:#667085}.status-pending{background:#fff4dd;color:#a76500}.status-published{background:#e8f8ef;color:#14834b}.status-rejected{background:#feeceb;color:#c53030}.status-sold,.status-rented{background:#eaf3ff;color:#0866e6}.status-expired{background:#f1ecff;color:#7146c6}.property-detail-gallery{overflow:hidden}.detail-main-image{width:100%;height:520px;display:block;object-fit:cover;background:#edf2f7}.detail-thumbnails{display:flex;gap:10px;padding:12px;overflow-x:auto}.detail-thumb{width:92px;height:68px;flex:0 0 92px;border:2px solid transparent;border-radius:8px;padding:0;overflow:hidden;background:#fff}.detail-thumb.active{border-color:var(--primary)}.detail-thumb img{width:100%;height:100%;object-fit:cover}.detail-no-image{height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9aa8ba;font-size:1.1rem}.detail-no-image i{font-size:4rem}.detail-price{font-size:2rem}.property-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.property-spec-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;padding:12px;border-radius:10px;background:#f8fafc}.property-spec-grid i{grid-row:1/3;font-size:1.4rem;color:var(--primary)}.property-spec-grid small{color:var(--muted)}.property-description{line-height:1.85}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-grid>div{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:9px}.feature-grid i{color:var(--green)}.property-contact-card{position:sticky;top:92px}.detail-info-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.detail-info-row span{color:var(--muted)}
@media(max-width:767px){.property-cover-thumb{width:72px;height:56px;flex-basis:72px}.property-list-table th:nth-child(2),.property-list-table td:nth-child(2){display:none}.detail-main-image{height:300px}.property-spec-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.property-contact-card{position:static}}
/* Keep uploaded portraits inside the existing circular avatar frames. */
.topbar .avatar,.sidebar .avatar,#profileAvatar{
  flex-shrink:0;
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  aspect-ratio:1;
  overflow:hidden;
  border-radius:50%;
}
.sidebar .avatar.avatar-lg,#profileAvatar.avatar-lg{
  width:54px;
  height:54px;
  min-width:54px;
  min-height:54px;
}
.topbar .avatar img,.sidebar .avatar img,#profileAvatar img{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  max-width:100%;
  max-height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:50%;
}