:root{--bg:#0b0b0b;--card:#171717;--line:#303030;--blue:#244b87;--red:#ff1010;--txt:#fff;--muted:#bfc5d0;--primary:#112c52;--primary-2:#1f447b;--primary-light:#416ee3;--surface:#f4f7fb;--surface-2:#ffffff;--text:#0f172a;--border:#dbe3ec}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef3f8;color:#07111f}a{text-decoration:none;color:inherit}.dark{background:#080808;color:#fff}.topbar{height:64px;background:#111;border-bottom:1px solid #2b2b2b;display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:5}.logo{color:var(--red);font-weight:900;font-size:24px}.pill{border:1px solid #333;border-radius:22px;padding:10px 18px}.btn{border:0;border-radius:14px;padding:13px 22px;background:#416ee3;color:#fff;font-weight:700;cursor:pointer}.btn.red{background:var(--red)}.btn.gray{background:#607085}.btn.darkbtn{background:#282828}.commission-frame{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border:1px solid #dbe1e7;background:#f8fafc;border-radius:14px;min-width:220px;max-width:280px}.commission-empty{opacity:0.8}.commission-label{font-weight:700;color:#0f172a}.commission-value{font-size:15px;font-weight:800;color:#1f7a2f}.commission-note{font-size:12px;color:#334155}.action-cell{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap}.order-btn{min-width:120px}.commission-cell .btn{min-width:120px;justify-content:center}.layout{display:flex}.sidebar{width:190px;min-height:100vh;background:#112c52;color:#fff;padding:22px 10px;position:sticky;top:0}.sidebar h2{font-size:24px}.menu a{display:block;background:#1f447b;margin:10px 4px;padding:14px 16px;border-radius:12px;font-weight:700}.menu a.active,.menu a:hover{background:#416ee3}.main{flex:1;padding:24px}.panel{background:#fff;border-radius:24px;padding:22px;box-shadow:0 12px 30px #0001;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.stat{background:#fff;border-radius:18px;padding:22px;box-shadow:0 12px 28px #0000000a}.stat b{font-size:28px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}th,td{padding:13px;border-bottom:1px solid #e5e8ef;text-align:left;vertical-align:middle}.panel,.panel h1,.panel h2,.panel p,.panel label,.panel td,.panel th,.panel input,.panel select,.panel textarea,.panel a,.stat,.stat b,.stat p,table,table th,table td,.input,.admin-input,.admin-select,.admin-textarea,.member-panel,.member-panel input,.member-panel select,.member-panel textarea,.member-panel label,.member-panel td,.member-panel th{color:#111!important}.badge{display:inline-block;padding:9px 12px;border-radius:22px;font-weight:700;font-size:13px}.ok{background:#d9fae6;color:#08612f}.warn{background:#fff0c3;color:#7a5200}.danger{background:#ffe0e0;color:#a00000}.hero{max-width:1180px;margin:0 auto;padding:55px 20px}.hero-card{background:linear-gradient(135deg,#191919,#090909);border:1px solid #282828;border-radius:26px;padding:42px;box-shadow:0 25px 60px #0008}.hero h1{font-size:46px;margin:0 0 14px;color:#fff}.hero p{color:#d9d9d9;font-size:18px;line-height:1.6}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:25px}.product{background:#151515;border:1px solid #2b2b2b;border-radius:20px;padding:18px;color:#fff}.price{font-size:24px;font-weight:900;color:#ff3030}.modal{position:fixed;inset:0;background:#000b;display:none;align-items:center;justify-content:center;z-index:20;padding:20px}.modal.show{display:flex}.authbox{width:min(760px,95vw);background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px;color:#111;box-shadow:0 12px 30px rgba(17,44,82,0.12)}.authbox h2{text-align:center;color:var(--red);font-size:28px}.authbox-login{max-width:460px;padding:24px}.auth-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.auth-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-light),var(--red));color:#fff;font-size:22px}.auth-header h2{margin:0 0 4px;text-align:left;font-size:24px}.auth-header p{margin:0;color:#4b5563;font-size:14px}.auth-actions{display:flex;flex-direction:column;gap:8px}.authbox input,.authbox select,textarea,.input{width:100%;background:#fff;color:#111;border:1px solid #cbd5e1;border-radius:12px;padding:14px;margin:8px 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.notice{background:#eef5ff;color:#112c52;border:1px solid #c8daff;border-radius:14px;padding:16px}.notice.success{background:#e8f8ee;border-color:#b6e5c8;color:#13613c}.member-wrap{display:flex;background:#f8fafc;min-height:100vh;color:#111}.member-side{width:260px;padding:42px 18px;border-right:1px solid #dbe3ec;background:#fff}.member-side a{display:block;background:#eaf2ff;margin:9px 0;padding:13px 18px;border-radius:13px;font-weight:700;color:#112c52}.member-main{flex:1;padding:40px;background:#f8fafc}.member-panel{background:#fff;border:1px solid #dbe3ec;border-radius:24px;padding:22px;box-shadow:0 8px 24px rgba(17,44,82,0.06)}.member-stat{background:#fff;border:1px solid #dbe3ec;border-radius:15px;padding:20px;color:#111}.team-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;margin:16px 0 18px}.team-filter .field{display:flex;flex-direction:column;gap:6px}.team-filter label{font-weight:700;color:#111}.team-filter input,.team-filter select{min-height:42px;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#fff;color:#111}.team-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0 18px}.team-stat{background:linear-gradient(135deg,#f8fbff,#eef4ff);border:1px solid #dbe7f8;border-radius:14px;padding:14px}.team-stat span{color:#4b5563;font-size:13px}.team-stat b{font-size:22px;color:#112c52}.table-responsive{overflow:auto}@media(max-width:800px){.layout,.member-wrap{display:block}.sidebar,.member-side{width:100%;min-height:auto;position:relative}.formgrid{grid-template-columns:1fr}.hero h1{font-size:34px}}

/* ===== MOBILE FIRST BDS HOME UPDATE ===== */
.home-light{background:var(--surface);color:var(--text);font-size:16px}.public-head{height:54px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid #244b87;background:var(--primary);position:sticky;top:0;z-index:10;color:#fff}.brand-text{font-weight:800;color:#fff;font-size:18px}.mobile-login{margin-left:auto}.btn.blue{background:var(--primary-light)}.btn.blue:hover{background:var(--primary-2)}.btn.full{width:100%;margin-top:10px}.btn.half{width:48%;margin-top:12px}.home-container{max-width:1200px;margin:0 auto;padding:12px 14px}.home-layout{display:grid;grid-template-columns:1fr 280px;gap:22px}.bds-filter{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 30px;margin-bottom:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(17,44,82,0.06)}.bds-filter .field label{display:block;margin-bottom:7px;font-size:14px;color:#111}.bds-filter input,.bds-filter select{width:100%;height:35px;border:1px solid #c9d0d8;border-radius:4px;background:#fff;color:#111;padding:5px 9px;font-size:14px}.bds-filter .search-action{display:flex;align-items:end;justify-content:center}.list-tools{margin:10px 0;color:#111}.list-tools select{height:32px;border:1px solid #999;border-radius:4px}.bds-table-wrap{overflow:auto}.property-table{border-radius:0;border:1px solid #dbe1e7;box-shadow:none}.property-table th{background:var(--primary)!important;color:#fff!important;text-align:center;border:1px solid var(--border);padding:12px}.property-table td{border:1px solid #dbe1e7;background:#fff;color:#111!important;vertical-align:top}.property-table .property-title{color:#005aa4!important;text-decoration:underline;font-weight:700;line-height:1.45}.property-meta{font-size:14px;margin-top:5px;color:#111}.xemthem{color:#ff2626!important;font-weight:700;display:inline-block;margin-top:5px}.price-cell{font-weight:700;text-align:center;white-space:nowrap}.loc-cell{text-align:center}.save-col{text-align:center;color:#005aa4!important;font-size:22px;font-weight:900}.cat-box{border:1px solid var(--border);padding:14px;background:var(--surface-2);align-self:start;border-radius:14px}.cat-box h3{margin:0 0 10px;font-size:18px;color:#095c9f}.cat-box ul{padding-left:18px;margin:0}.cat-box li{margin:7px 0}.cat-box a{color:#064f91;text-decoration:none}.adbox{margin-top:16px;background:#095c9f;color:#fff;border-radius:8px;padding:16px;line-height:1.5;font-weight:700;text-align:center}.pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin:14px 0;color:#111}.pager a,.pager b{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#095c9f}.empty{text-align:center;padding:24px!important}.success-box{background:#dcfce7;color:#166534;border:1px solid #86efac;border-radius:12px;padding:12px;margin-bottom:12px;font-weight:700}.table-responsive{overflow:auto}

/* ===== ADMIN + MEMBER MOBILE OPTIMIZATION ===== */
.sidebar,.member-side{z-index:12}.sidebar h2,.member-side .logo{line-height:1.2}.panel,.member-panel{overflow:hidden}.panel input,.panel select,.panel textarea,.member-panel input,.member-panel select,.member-panel textarea{max-width:100%;min-height:42px;background:#fff!important;color:#111!important;border:1px solid #cbd5e1!important;border-radius:10px;padding:10px 12px}.admin-actions,.actions{display:flex;gap:8px;flex-wrap:wrap}.badge{white-space:nowrap}.member-main,.main{min-width:0}

@media(max-width:900px){
  body{font-size:15px}.home-container{padding:10px}.home-layout{display:block}.cat-box{display:none}.bds-filter{grid-template-columns:1fr 1fr;gap:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.bds-filter .search-action{grid-column:1/-1}.bds-filter .search-action .btn{width:100%;border-radius:8px}.public-head{height:50px}.brand-text{font-size:16px}.property-table thead{display:none}.property-table,.property-table tbody,.property-table tr,.property-table td{display:block;width:100%}.property-table{border:0;background:transparent}.property-table tr{border:1px solid #dbe1e7;border-radius:12px;margin-bottom:10px;overflow:hidden;background:#fff;box-shadow:0 5px 16px #0000000d}.property-table td{border:0;border-bottom:1px solid #edf0f4;padding:10px 12px}.property-table td:last-child{border-bottom:0}.price-cell,.loc-cell,.save-col{text-align:left!important;white-space:normal}.price-cell:before{content:'Giá: ';font-weight:700;color:#111}.loc-cell:before{content:'Vị trí: ';font-weight:700;color:#111}.save-col:before{content:'Lưu tin: ';font-size:14px;color:#111;margin-right:6px}.action-cell{display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:stretch}.action-cell>.commission-frame{width:100%}.action-cell>.order-btn{width:100%;}.commission-frame{min-width:auto;max-width:none;width:100%}.order-btn{min-width:auto;}.pager{justify-content:center;flex-wrap:wrap}.pager span{width:100%;text-align:center}.modal{align-items:flex-start;overflow:auto;padding:14px}.authbox{margin-top:20px;padding:20px;border-radius:18px}.authbox h2{font-size:22px}.formgrid{grid-template-columns:1fr!important}.btn.half{width:100%}

  .layout,.member-wrap{display:block;overflow-x:hidden}.sidebar,.member-side{width:100%;min-height:auto;position:relative;top:auto;padding:10px;background:#112c52;box-shadow:none;overflow:visible}.sidebar h2,.sidebar p,.member-side .logo{display:inline-block;margin:4px 10px 4px 0;font-size:18px}.menu,.member-side{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;white-space:normal}.menu a,.member-side a{display:block;margin:0;padding:10px 12px;border-radius:10px;font-size:14px;flex:1 1 calc(50% - 8px);min-width:0}.main,.member-main{padding:12px;overflow-x:hidden}.panel,.member-panel{border-radius:14px;padding:14px;margin-bottom:12px}.grid{grid-template-columns:1fr 1fr;gap:10px}.stat,.member-stat{padding:14px;border-radius:12px}.stat b{font-size:23px}
  .panel table thead,.member-panel table thead{display:none}.panel table,.panel tbody,.panel tr,.panel td,.member-panel table,.member-panel tbody,.member-panel tr,.member-panel td{display:block;width:100%}.panel tr,.member-panel tr{border:1px solid #e5e8ef;border-radius:12px;margin-bottom:10px;overflow:hidden;background:#fff}.panel th,.member-panel th{display:none}.panel td,.member-panel td{border:0;border-bottom:1px solid #edf0f4;padding:10px 12px}.panel td:last-child,.member-panel td:last-child{border-bottom:0}.panel td[data-label]:before,.member-panel td[data-label]:before{content:attr(data-label) ': ';font-weight:800;color:#111;display:inline-block;min-width:94px}table{border-radius:0;background:transparent}.btn{padding:11px 14px;border-radius:10px}.authbox input,.authbox select,textarea,.input{font-size:16px;background:#fff!important;color:#111!important;border:1px solid #cbd5e1!important;border-radius:10px;padding:10px 12px}
}
@media(max-width:520px){.bds-filter{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.title-cell{font-size:15px}.property-meta{font-size:13px}.price-cell{font-size:15px}.logo{font-size:18px}.topbar{padding:0 10px;gap:8px}.pill{padding:8px 12px}.member-side a,.menu a{font-size:13px}}