:root{
  --bg:#f6f7fb; --card:#ffffff; --text:#172033; --muted:#667085; --primary:#d71920; --primary2:#ff5a3d; --gold:#ffb703; --line:#e8edf5; --dark:#101828; --green:#12b76a;
  --shadow:0 18px 50px rgba(17,24,39,.08); --radius:22px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} input,select,textarea,button{font-family:inherit} button{cursor:pointer}
.container{width:min(1180px,calc(100% - 28px));margin:auto}.hidden{display:none!important}.full{width:100%}.span-2{grid-column:span 2}.hint{color:var(--muted);font-size:13px;line-height:1.55}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--primary);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.top-runner{height:42px;display:flex;align-items:center;background:linear-gradient(90deg,#101828,#1d2939);color:#fff;overflow:hidden}.runner-label{height:100%;display:flex;align-items:center;gap:7px;padding:0 18px;background:linear-gradient(135deg,var(--primary),var(--primary2));font-weight:800;white-space:nowrap}.top-runner marquee{font-weight:700;color:#fff4de}
.main-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{height:74px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:21px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),#7a1111);box-shadow:0 10px 25px rgba(215,25,32,.25)}.nav-links{display:flex;gap:18px;margin-left:auto}.nav-links a{font-weight:700;color:#344054;font-size:14px}.nav-links a:hover{color:var(--primary)}.auth-area{display:flex;align-items:center;gap:10px}.user-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#fff4f3;border:1px solid #ffd6d0;border-radius:999px;font-weight:800;font-size:13px}.points-badge{display:inline-flex;align-items:center;gap:5px;background:#fff7e6;color:#a15c00;border:1px solid #ffd891;border-radius:999px;padding:5px 8px}
.btn{border:0;border-radius:14px;padding:11px 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s;background:#fff;color:var(--text);box-shadow:0 1px 0 rgba(16,24,40,.05), inset 0 0 0 1px var(--line)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 16px 35px rgba(215,25,32,.25)}.btn.ghost{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.btn.tiny{padding:8px 12px;border-radius:12px;font-size:13px}.btn.big{padding:15px 20px;border-radius:16px;font-size:16px}
.hero{background:radial-gradient(circle at 10% 20%,rgba(255,91,61,.35),transparent 32%),linear-gradient(135deg,#6b1116,#131722 58%,#1d2939);color:#fff;padding:62px 0 70px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -120px -160px auto;width:420px;height:420px;border-radius:50%;background:rgba(255,183,3,.16);filter:blur(20px)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center;position:relative;z-index:1}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.03;margin:16px 0 18px;letter-spacing:-.04em}.hero p{font-size:18px;line-height:1.75;color:#ffe6e1;max-width:610px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.search-card{background:rgba(255,255,255,.96);color:var(--text);border-radius:28px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.search-card h3{margin:0 0 16px;font-size:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:800;font-size:13px;color:#344054}.form-grid input,.form-grid select,.form-grid textarea,.auth-form input,.support-window input,.inline-send input{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 13px;outline:none;font-size:14px;transition:.2s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.auth-form input:focus,.support-window input:focus,.inline-send input:focus{border-color:#ff9a8c;box-shadow:0 0 0 4px rgba(255,90,61,.12)}
.page-layout{display:grid;grid-template-columns:1fr 330px;gap:26px;margin-top:30px;align-items:start}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 0 18px}.section-head h2,.section-head h1{margin:6px 0 0;font-size:32px;letter-spacing:-.03em}.section-head.small h2{font-size:26px}.listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.listing-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 20px rgba(16,24,40,.04);transition:.22s;position:relative}.listing-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-img{height:210px;background:#e9edf5;position:relative;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}.no-img{height:100%;display:grid;place-items:center;color:#98a2b3;font-size:42px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;border-radius:999px;padding:7px 10px}.badge.pin{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#ffd166,#ff8a00);color:#4a2500;box-shadow:0 10px 22px rgba(255,138,0,.25)}.badge.type{position:absolute;right:12px;bottom:12px;background:rgba(16,24,40,.82);color:#fff;backdrop-filter:blur(10px)}.card-body{padding:16px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.price{color:var(--primary);font-size:20px;font-weight:900}.area{font-weight:800;color:#344054}.listing-title{font-size:17px;line-height:1.45;margin:12px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.location{display:flex;gap:7px;color:var(--muted);font-size:13px;line-height:1.45}.specs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.specs span{background:#f2f4f7;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;color:#475467}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.share-row{display:flex;gap:7px}.share-btn{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#f2f4f7;border:1px solid #e5e7eb;color:#344054}.share-btn:hover{background:#fff4f3;color:var(--primary)}
.panel,.contact-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 8px 20px rgba(16,24,40,.04);margin-bottom:18px}.sticky{position:sticky;top:92px}.contact-card h3,.panel h3{margin:0 0 12px}.contact-card p{margin:10px 0;color:#344054}.emoji-row{font-size:24px;margin-top:14px}.packages{display:grid;gap:10px}.package{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.package b{font-size:18px;color:var(--primary)}.qr-box{margin-top:14px;border:1px dashed #ff9a8c;background:#fff8f6;border-radius:18px;padding:14px;text-align:center}.qr-box img{margin:10px auto;border-radius:14px;max-width:250px}.pin-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--line)}.pin-row:last-child{border-bottom:0}.pin-row b{color:#9a5a00}.pin-row span{font-weight:800}
.listing-form{display:grid;gap:16px}.editor-label{display:block;font-weight:800;margin-top:10px}.ql-toolbar.ql-snow{border-radius:16px 16px 0 0;border-color:var(--line)}.ql-container.ql-snow{min-height:180px;border-radius:0 0 16px 16px;border-color:var(--line);background:#fff}.ql-editor{min-height:180px}.modal{position:fixed;inset:0;background:rgba(16,24,40,.62);display:grid;place-items:center;z-index:100;padding:18px;backdrop-filter:blur(6px)}.modal-card{background:#fff;border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.25);padding:22px;position:relative;max-height:90vh;overflow:auto}.modal-card.slim{width:min(440px,100%)}.modal-card.wide{width:min(980px,100%)}.modal-close{position:absolute;right:15px;top:12px;border:0;background:#f2f4f7;border-radius:50%;width:36px;height:36px;font-size:22px}.tabs{display:flex;background:#f2f4f7;padding:5px;border-radius:16px;margin-bottom:16px}.tab{flex:1;border:0;background:transparent;border-radius:12px;padding:10px;font-weight:900}.tab.active{background:#fff;box-shadow:0 8px 15px rgba(16,24,40,.08)}.tab-box{display:none}.tab-box.active{display:grid;gap:12px}.auth-form label{display:grid;gap:7px;font-weight:800;font-size:13px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gallery-main{height:430px;border-radius:20px;overflow:hidden;background:#eef2f7}.gallery-main img{width:100%;height:100%;object-fit:cover}.thumbs{display:flex;gap:8px;margin-top:10px;overflow:auto}.thumbs img{width:82px;height:62px;object-fit:cover;border-radius:12px;cursor:pointer;border:3px solid transparent}.thumbs img.active{border-color:var(--primary)}.detail-info h2{margin:0 0 12px;font-size:28px}.detail-price{font-size:28px;color:var(--primary);font-weight:900}.detail-desc{line-height:1.75;color:#344054}.spec-table{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.spec-table div{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:10px}.spec-table small{display:block;color:var(--muted);font-weight:700}.spec-table b{display:block;margin-top:5px}.support-float{position:fixed;right:22px;bottom:22px;z-index:60;border:0;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;padding:14px 18px;display:flex;align-items:center;gap:9px;font-weight:900;box-shadow:0 18px 40px rgba(215,25,32,.3)}.support-window{position:fixed;right:22px;bottom:86px;width:340px;max-width:calc(100% - 28px);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 70px rgba(16,24,40,.22);z-index:70;overflow:hidden}.support-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#101828;color:#fff}.support-head button{border:0;background:rgba(255,255,255,.16);color:#fff;border-radius:10px;width:30px;height:30px;font-size:20px}.support-body{height:260px;overflow:auto;padding:14px;background:#f8fafc}.msg{margin-bottom:10px;display:flex}.msg span{padding:10px 12px;border-radius:16px;max-width:82%;line-height:1.45;font-size:13px}.msg.me{justify-content:flex-end}.msg.me span{background:#ffe1dc}.msg.them span{background:#fff;border:1px solid var(--line)}.support-start,.support-compose{padding:12px;border-top:1px solid var(--line);display:grid;gap:9px}.support-compose{grid-template-columns:1fr 44px}.support-compose button{border:0;border-radius:14px;background:var(--primary);color:#fff}.toast{position:fixed;right:20px;top:70px;background:#101828;color:#fff;padding:13px 15px;border-radius:14px;box-shadow:0 16px 45px rgba(0,0,0,.2);z-index:200;animation:slideIn .25s}.toast.ok{background:#05603a}.toast.err{background:#b42318}@keyframes slideIn{from{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}
.skeleton-wrap:empty:before{content:"Đang tải tin bất động sản...";display:block;background:#fff;border:1px dashed var(--line);border-radius:20px;padding:28px;color:var(--muted);font-weight:800;text-align:center;grid-column:1/-1}.empty{grid-column:1/-1;background:#fff;border:1px dashed var(--line);border-radius:20px;padding:28px;text-align:center;color:var(--muted);font-weight:800}.status{padding:6px 9px;border-radius:999px;font-weight:900;font-size:12px}.status.pending{background:#fff7e6;color:#9a5a00}.status.approved,.status.published,.status.active{background:#e7f8ef;color:#067647}.status.rejected,.status.hidden,.status.locked{background:#fee4e2;color:#b42318}
.admin-body{background:#eef2f7}.admin-shell{margin-top:25px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 8px 20px rgba(16,24,40,.04)}.stat-card span{color:var(--muted);font-weight:800}.stat-card b{display:block;font-size:34px;margin-top:8px}.admin-tabs{display:flex;gap:8px;overflow:auto;margin:18px 0}.admin-tab{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 14px;font-weight:900;white-space:nowrap}.admin-tab.active{background:#101828;color:#fff}.admin-tab-pane{display:none}.admin-tab-pane.active{display:block}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:#475467;background:#f8fafc;font-size:12px;text-transform:uppercase;letter-spacing:.04em}td input,td select{padding:8px;border:1px solid var(--line);border-radius:10px;max-width:150px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.mini{border:0;border-radius:10px;padding:8px 10px;font-weight:900;background:#f2f4f7}.mini.ok{background:#d1fadf;color:#05603a}.mini.bad{background:#fee4e2;color:#b42318}.mini.dark{background:#101828;color:#fff}.qr-mini{width:72px;border-radius:10px}.support-admin-grid{display:grid;grid-template-columns:340px 1fr;gap:16px}.thread-list{display:grid;gap:9px}.thread-item{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}.thread-item.active{border-color:var(--primary);background:#fff8f6}.admin-chat-box{height:360px;overflow:auto;background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:14px}.inline-send{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
@media (max-width:980px){.hero-grid,.page-layout,.detail-grid{grid-template-columns:1fr}.side-bar{order:-1}.listing-grid{grid-template-columns:1fr}.nav-links{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.support-admin-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.form-grid,.form-grid.compact{grid-template-columns:1fr}.gallery-main{height:280px}.hero{padding:42px 0}.sticky{position:static}}
@media (max-width:560px){.nav-wrap{height:auto;min-height:68px;flex-wrap:wrap;padding:10px 0}.auth-area{width:100%;justify-content:flex-end}.hero h1{font-size:35px}.stat-grid{grid-template-columns:1fr}.card-img{height:190px}.support-float span{display:none}.support-window{right:14px;bottom:78px}.modal-card{padding:16px}.spec-table{grid-template-columns:1fr}}
.copy-code{font-weight:900;letter-spacing:.06em;background:#101828;color:#fff;border-radius:14px;padding:12px;margin:8px 0;cursor:pointer;word-break:break-all}
hr{border:0;border-top:1px solid var(--line);margin:22px 0}.admin-login{max-width:620px;margin:38px auto}.admin-login h2{margin-top:0}

.listing-form small.hint{font-weight:600;line-height:1.45;color:#667085;margin-top:-2px}

/* Chat hỗ trợ: đóng/mở và gửi hình/file */
.support-head-actions{display:flex;align-items:center;gap:7px}.support-head-actions button{display:grid;place-items:center}.support-compose{grid-template-columns:1fr 42px 44px;align-items:center}.support-compose .span-full,.inline-send .span-full{grid-column:1/-1}.file-btn{height:42px;border-radius:14px;background:#f2f4f7;border:1px solid var(--line);display:grid!important;place-items:center!important;cursor:pointer;color:#344054}.file-btn input{display:none}.chat-attachment{display:block;margin-top:8px;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);color:#344054}.chat-attachment.image img{width:180px;max-height:160px;object-fit:cover}.chat-attachment.image small{display:block;padding:7px 9px;word-break:break-all}.chat-attachment.file{display:flex;align-items:center;gap:8px;padding:10px 11px;font-weight:800;word-break:break-all}.chat-ended{background:#fff4e5;border:1px dashed #fdb022;border-radius:14px;padding:10px;margin-top:10px}.thread-item.closed{opacity:.78}.thread-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.admin-chat-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-chat-title h3{margin:0}.admin-inline-send{grid-template-columns:1fr 42px auto;align-items:center}.admin-inline-send .file-btn{height:41px}

/* Bản chỉnh chat/admin v1.2 */
.section-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-line h2{margin:0}.admin-quick-nav a{cursor:pointer}.support-status-line{margin:6px 0 10px}.mini:disabled,.btn:disabled,input:disabled{opacity:.5;cursor:not-allowed}.attach-actions{display:flex;gap:8px;flex-wrap:wrap;padding:7px 9px;border-top:1px solid var(--line);background:#f8fafc}.attach-actions a{font-size:12px;font-weight:900;color:#344054;text-decoration:none}.attach-actions a:hover{text-decoration:underline}.msg-time{display:block;margin-top:5px;opacity:.65;font-size:11px}.chat-attachment.file{align-items:flex-start;flex-direction:column}.chat-attachment.file i{display:inline-block;margin-right:6px}.chat-attachment.file span{word-break:break-word}.thread-item.active{box-shadow:0 0 0 2px rgba(255,106,0,.12)}

/* Bản chỉnh v1.3: tích xanh, duyệt xác minh, xóa lịch sử hỗ trợ */
.verified-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;cursor:help;font-size:15px;vertical-align:middle;filter:drop-shadow(0 2px 3px rgba(24,119,242,.22))}.owner-line{display:flex;align-items:center;gap:6px;color:#475467;font-size:12px;font-weight:800;margin:0 0 8px}.verify-panel{border:1px solid #b2ddff;background:linear-gradient(180deg,#f5fbff,#fff)}.verify-form{display:grid;gap:9px}.verify-form input,.verify-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:11px 12px;outline:none;font-family:inherit}.verify-form input:focus,.verify-form textarea:focus{border-color:#53b1fd;box-shadow:0 0 0 4px rgba(83,177,253,.14)}.upload-line{display:grid;gap:6px;font-weight:900;font-size:13px;color:#344054}.verify-status{margin-top:10px;padding:10px;border-radius:14px;background:#f8fafc;border:1px dashed var(--line)}#tabVerifications table td{min-width:120px}#tabVerifications table td:nth-child(3){min-width:260px}.status.approved{background:#e7f8ef;color:#067647}.status.rejected{background:#fee4e2;color:#b42318}.status.pending{background:#fff7e6;color:#9a5a00}

/* Bản chỉnh v1.4: sửa bộ lọc tìm bất động sản */
.search-card.filtering{position:relative;overflow:hidden}.search-card.filtering:after{content:"Đang lọc tin...";position:absolute;inset:auto 18px 18px auto;background:#101828;color:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900;box-shadow:0 12px 25px rgba(16,24,40,.18)}
.filter-actions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.search-card .btn.ghost{background:#fff;color:#344054;box-shadow:inset 0 0 0 1px var(--line)}.search-card .btn.ghost:hover{color:var(--primary);background:#fff8f6}.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.filter-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffd6d0;background:#fff8f6;color:#a11218;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.filter-chip.clear{cursor:pointer;background:#101828;border-color:#101828;color:#fff}.listing-count{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;color:#344054;font-weight:900}.listing-count b{color:var(--primary)}
@media (max-width:560px){.filter-actions{grid-template-columns:1fr}.search-card.filtering:after{right:14px;bottom:14px}}

/* Bản chỉnh v1.5: trung tâm quản lý tài khoản người dùng */
.account-wide{max-width:1180px;max-height:92vh;overflow:auto}.account-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.account-head h2{margin:5px 0}.account-summary-card{min-width:260px;border:1px solid var(--line);background:linear-gradient(135deg,#fff8f6,#fff);border-radius:20px;padding:14px;display:grid;gap:6px;box-shadow:0 12px 25px rgba(16,24,40,.06)}.account-summary-card b{font-size:18px}.account-summary-card span{color:#475467;font-weight:800}.account-tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:16px}.account-tab{border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 12px;font-weight:900;white-space:nowrap;cursor:pointer}.account-tab.active{background:#101828;color:#fff}.account-pane{display:none}.account-pane.active{display:block}.account-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.soft-form{display:grid;gap:11px}.soft-form label{display:grid;gap:6px;font-weight:900;color:#344054}.soft-form input,.big-textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:11px 12px;font-family:inherit;outline:none}.soft-form input:focus,.big-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(239,47,39,.12)}.btn.dark{background:#101828;color:#fff}.account-list{display:grid;gap:10px}.account-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.account-row p{margin:6px 0;color:#344054}.account-row small{display:block;color:#667085;font-weight:700}.admin-note{margin-top:5px;background:#f8fafc;border-radius:10px;padding:6px}.small-empty{padding:18px!important}.my-listing-row{display:grid;grid-template-columns:150px 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px}.my-listing-thumb{height:120px;border-radius:16px;overflow:hidden;background:#f2f4f7;cursor:pointer}.my-listing-thumb img{width:100%;height:100%;object-fit:cover}.tiny-img{height:100%;display:grid;place-items:center}.my-listing-info h4{margin:2px 0 6px;font-size:18px}.my-listing-info p{margin:0 0 5px;color:#344054}.my-listing-info small{color:#667085;font-weight:700}.user-listing-actions{margin-top:10px}.account-pane .qr-box img{max-width:260px;width:100%;display:block;margin:auto;border-radius:18px}.modal-card .big-textarea{min-height:170px;line-height:1.55}.auth-area{gap:8px;flex-wrap:wrap}.auth-area .btn.primary{box-shadow:none}
@media (max-width:760px){.account-head,.account-row{display:grid}.account-grid.two{grid-template-columns:1fr}.my-listing-row{grid-template-columns:1fr}.my-listing-thumb{height:190px}.account-summary-card{min-width:0}.account-wide{max-height:95vh}}

/* Bản chỉnh v1.6: header/menu gọn, đều, bo tròn đẹp */
.main-header{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(232,237,245,.95);
  box-shadow:0 8px 24px rgba(16,24,40,.06);
}
.nav-wrap{
  min-height:76px;
  height:auto;
  padding:10px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.brand{
  flex:0 0 auto;
  max-width:260px;
  min-width:150px;
  overflow:hidden;
  font-size:18px;
  letter-spacing:-.02em;
}
.brand span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.brand-mark{
  width:40px;
  height:40px;
  border-radius:16px;
  flex:0 0 auto;
}
.nav-links{
  margin-left:0;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.nav-links a{
  height:42px;
  min-width:auto;
  padding:0 13px;
  border-radius:999px;
  border:1px solid #e8edf5;
  background:#fff;
  color:#27364f;
  font-weight:850;
  font-size:13px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  white-space:nowrap;
  box-shadow:0 1px 0 rgba(16,24,40,.03);
  transition:.18s ease;
}
.nav-links a:hover{
  color:#d71920;
  background:#fff5f3;
  border-color:#ffd6d0;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(215,25,32,.08);
}
.nav-links a.admin-link{
  background:#eff6ff;
  color:#1d4ed8;
  border-color:#c7ddff;
}
.nav-links a.admin-link:hover{
  background:#dbeafe;
  color:#1e40af;
}
.auth-area{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:max-content;
}
.header-user-pack{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:nowrap;
}
.user-chip-new{
  height:46px;
  max-width:210px;
  padding:5px 11px 5px 6px;
  border-radius:999px;
  background:linear-gradient(135deg,#fff7ed,#fff);
  border:1px solid #fed7aa;
  display:flex;
  align-items:center;
  gap:8px;
  overflow:hidden;
}
.user-avatar-new{
  width:34px;
  height:34px;
  border-radius:999px;
  flex:0 0 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:14px;
  font-weight:900;
  background:linear-gradient(135deg,#d71920,#ff5a3d);
  box-shadow:0 7px 16px rgba(215,25,32,.2);
}
.user-meta-new{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
  line-height:1.1;
}
.user-meta-new b{
  display:flex;
  align-items:center;
  gap:4px;
  max-width:145px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  color:#101828;
}
.user-meta-new small{
  font-size:11px;
  color:#667085;
  font-weight:800;
}
.point-chip-new{
  height:46px;
  min-width:66px;
  padding:0 13px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:#fff7e6;
  color:#9a5a00;
  border:1px solid #ffd891;
  font-weight:900;
}
.account-dropdown-new{
  position:relative;
  flex:0 0 auto;
}
.account-btn-new,
.login-btn{
  height:46px;
  border:0;
  border-radius:999px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff;
  background:linear-gradient(135deg,#d71920,#ff5a3d);
  font-size:13px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(215,25,32,.22);
  white-space:nowrap;
}
.account-btn-new:hover,
.login-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(215,25,32,.26);
}
.account-menu-new{
  display:none;
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:226px;
  padding:7px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e8edf5;
  box-shadow:0 20px 45px rgba(16,24,40,.16);
  z-index:9999;
}
.account-menu-new.show{display:block;}
.account-menu-new a,
.account-menu-new button{
  width:100%;
  min-height:42px;
  border:0;
  background:transparent;
  border-radius:13px;
  padding:10px 11px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#1d2939;
  text-align:left;
  font-size:13px;
  font-weight:850;
  text-decoration:none;
}
.account-menu-new a:hover,
.account-menu-new button:hover{
  background:#fff5f3;
  color:#d71920;
}
.account-menu-new .logout-row{
  color:#b42318;
  background:#fff1f0;
}
.verified-badge{
  margin-left:2px;
  cursor:help;
  flex:0 0 auto;
}
@media (max-width:1180px){
  .nav-wrap{justify-content:center;}
  .brand{order:1;}
  .auth-area{order:2;margin-left:auto;}
  .nav-links{order:3;width:100%;justify-content:center;}
}
@media (max-width:760px){
  .nav-wrap{align-items:center;}
  .brand{max-width:100%;width:100%;justify-content:center;}
  .auth-area{width:100%;justify-content:center;margin-left:0;}
  .nav-links{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding:2px 2px 8px;
    scrollbar-width:thin;
  }
  .nav-links a{flex:0 0 auto;height:40px;padding:0 12px;}
  .header-user-pack{width:100%;justify-content:center;flex-wrap:wrap;}
  .user-chip-new{max-width:100%;}
  .account-menu-new{right:50%;transform:translateX(50%);}
}
@media (max-width:420px){
  .user-meta-new small{display:none;}
  .user-chip-new{height:42px;}
  .point-chip-new,.account-btn-new,.login-btn{height:42px;}
  .account-btn-new span{display:none;}
}
