:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#233142;background:#f3f5f8}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.45}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:10px;padding:10px 15px;font-weight:650}button:hover{filter:brightness(.97)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f99b76}button.primary{background:#ef5127;color:#fff}button.secondary{background:white;border:1px solid #cdd5df;color:#33445b}button.full{width:100%;margin-top:12px}label{display:block;color:#435165;font-size:13px;font-weight:600;margin-bottom:13px}label>input,label>select,label>textarea{display:block;margin-top:6px;width:100%;background:#fff;border:1px solid #ccd5df;border-radius:9px;padding:11px;color:#263444;font-weight:400;min-width:0}textarea{resize:vertical}.check{display:flex;gap:9px;align-items:center;margin:10px 0}.check input{width:auto;margin:0;accent-color:#ef5127}#workspace{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:#192a3d;color:#fff;padding:24px 16px;display:flex;flex-direction:column;min-height:100vh}.logo{padding:4px 8px 30px}.logo b{display:block;font-size:20px;letter-spacing:.5px}.logo b span{color:#ff8157}.logo small{color:#9eafbf;font-size:10px;letter-spacing:2px}.choose-region{padding:0 8px 15px}.choose-region label{color:#b2c0d0;font-size:12px}.choose-region select{background:#324358;color:#fff;border-color:#556679}nav{display:grid;gap:7px}nav button{text-align:left;background:transparent;color:#bccddd;font-weight:600;border-radius:9px}nav button.active,nav button:hover{background:#34475c;color:#fff}.sidefoot{margin-top:auto;padding:25px 8px 0;display:flex;gap:10px;flex-direction:column}.sidefoot small{color:#b2c0d0}.main{padding:30px 38px 70px;min-width:0;max-width:1600px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.topbar h1{font-size:27px;margin:5px 0}.eyebrow{font-size:11px;font-weight:800;color:#ee552e;letter-spacing:1.6px}.muted{color:#708093}.tab{display:grid;gap:18px}.panel{background:#fff;border:1px solid #e4e9ef;border-radius:14px;padding:22px;box-shadow:0 2px 10px #20304407;min-width:0}.panel h2{font-size:17px;margin:0 0 15px;color:#243246}.panel p{line-height:1.6}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{background:white;border:1px solid #e4e9ef;border-radius:14px;padding:20px}.stat .num{font-size:29px;font-weight:800;color:#e84b24}.stat small{color:#657587}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .wide{grid-column:1/-1}.tablewrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:#627185;background:#f6f8fa;white-space:nowrap}td,th{padding:11px 13px;border-bottom:1px solid #ebeff3}td{vertical-align:top}td button{padding:5px 10px;font-size:12px}td:nth-child(4){max-width:440px;overflow-wrap:anywhere}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-head h2{margin:0}.panel-head input{width:min(260px,60%);border:1px solid #d0d9e2;border-radius:9px;padding:10px}.pill{display:inline-block;border-radius:50px;padding:4px 9px;background:#eaf1fa;color:#365c7a;font-size:12px;font-weight:700}.pill.success{color:#207447;background:#e4f6e9}.pill.uncertain{color:#9b5c06;background:#fff2d5}.pill.failed,.pill.rejected{color:#a63f3c;background:#ffeae7}.warning{border:1px solid #f4d5a7;border-radius:10px;background:#fffcf3;padding:12px;color:#805420;margin-top:20px}.audit-list{max-height:420px;overflow:auto}.audit-row{padding:10px;border-bottom:1px solid #eee;word-break:break-word}.audit-row small{color:#657587}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 30% 20%,#ffe9e0,transparent 45%),#f3f5f8}.login-card{background:#fff;padding:36px 32px;width:min(420px,100%);border:1px solid #e1e6eb;border-radius:20px;box-shadow:0 14px 55px #21375222}.login-card h1{margin:8px 0 6px;font-size:27px}.login-card p{color:#627185;line-height:1.6}.login-brand,.sidebar-brand{display:block;width:100%;height:auto;border-radius:8px}.login-brand{max-width:270px;margin:0 auto 16px}.sidebar-brand{max-width:180px;margin-bottom:8px}.hint{font-size:12px;color:#7a8798;overflow-wrap:anywhere}.login-card form{margin-top:22px}.login-card form label{margin-bottom:16px}#toast{position:fixed;top:12px;right:12px;z-index:10;background:#273d51;color:white;padding:13px 17px;box-shadow:0 5px 25px #0003;border-radius:10px;max-width:min(450px,90vw);display:none}#toast.error{background:#aa3b32}#toast.show{display:block}code{font-family:Consolas,monospace;overflow-wrap:anywhere}@media(max-width:1000px){.main{padding:22px}.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media(max-width:680px){#workspace{display:block}.sidebar{min-height:0;padding:15px}.logo{padding:0 0 10px}.logo b{font-size:17px}.choose-region{padding:0 0 8px}.choose-region label{margin-bottom:4px}nav{display:flex;overflow:auto;gap:6px;margin:2px -4px 5px;padding:2px 4px}nav button{white-space:nowrap;font-size:12px;padding:9px 12px}.sidefoot{display:none}.main{padding:18px 12px 45px}.topbar h1{font-size:22px}.topbar{align-items:flex-start}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.stat{padding:12px}.stat .num{font-size:23px}.panel{padding:16px;border-radius:12px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.panel-head{align-items:flex-start;flex-direction:column}.panel-head input{width:100%}td,th{padding:9px;font-size:12px}}[hidden]{display:none!important}
#reward-tiers input{width:130px;max-width:100%;border:1px solid #ccd5df;border-radius:8px;padding:8px}.panel-lite{padding:15px;margin-top:18px;border:1px solid #e4e9ef;border-radius:12px;background:#f8fafb}.panel-lite textarea{width:100%;margin-top:12px}.panel h3{font-size:14px;color:#253a4c;margin:9px 0}

/* VNSHIP - Bảng "Báo cáo đã lưu": cuộn tối đa 5 dòng, giữ tiêu đề.
   Chỉ áp dụng bảng DANH SÁCH báo cáo, không ảnh hưởng bảng CHI TIẾT. */
#tab-reports > .panel:first-child > .tablewrap {
  max-height: 322px; /* tiêu đề 42px + 5 dòng x 56px */
  overflow-x: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
#tab-reports > .panel:first-child > .tablewrap thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  height: 42px;
  background: #f6f8fa;
}
#tab-reports > .panel:first-child > .tablewrap tbody tr {
  height: 56px;
}

.account-list-wrap{max-height:350px;overflow:auto}.account-list-wrap th{position:sticky;top:0;background:#f6f8fa;z-index:1}.account-edit{padding:18px;margin-top:20px;border:1px solid #d9e2eb;border-radius:14px;background:#fbfcfe}.account-edit h3{margin-top:0}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.account-edit select:disabled{background:#eef0f3;color:#768291}.account-list-wrap button{white-space:nowrap}

/* Xóa tài khoản quản lý khu vực (quản trị trung tâm) */
.account-list-wrap .account-delete{margin-left:7px}
button.danger{background:#fff2ef;color:#9e3328;border:1px solid #e8aaa2}
button.danger:hover{background:#ffe0da}

/* Danh sách tài khoản quản lý: trạng thái rõ ràng và không kéo giãn trang */
.account-empty {text-align:center;padding:20px 12px;color:var(--muted,#64748b)}
#admin-users-status {min-height:1.4em;margin:8px 0 12px}

#nav{max-height:none;overflow:visible} @media(max-width:680px){#nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}#nav button{white-space:normal}}