/* Giao diện kiểu Morman cho Admin ATP (anh yêu cầu 19/10/2026: nhân viên đã quen Morman).
   Số đo lấy trên Morman bản 8.1: menu + thanh trên #056569, nền #F4F5FA, chữ nội dung Oswald 13px, menu Nunito Sans 15px,
   xanh ngọc #00B69B (mã HĐ, "Đủ lãi"), đỏ #FF5170 (tiền vay), tiêu đề bảng #2B335E đậm, bo góc 10px. Font: Inter (anh chọn 19/10/2026).
   Giữ logo / tên An Tín Phát; không dùng logo hay ảnh của Morman. */
:root{
  --primary:#056569;
  --primary-dark:#004f52;
  --primary-light:#006266;
  --sidebar:#056569;
  --sidebar-active:#ffffff;
  --sidebar-hover:rgba(255,255,255,.10);
  --header:#056569;
  --bg:#f4f5fa;
  --border:#e3ebf3;
  --text:#2b335e;
  --text-light:#6b6f82;
  --success:#00b69b;
  --danger:#ff5170;
  --money-pos:#00b69b;
  --money-neg:#ff5170;
  --mm-teal:#00b69b;
  --mm-dark:#056569;
  --mm-head:#f5f8fe;
  --mm-input:#d5d8e5;
}
html,body{font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:13px;color:var(--text-light);background:var(--bg)}
input,select,textarea,button{font-family:Inter,'Segoe UI',Arial,sans-serif}

/* Menu trái */
.sidebar{width:250px;background:var(--mm-dark)}
.sb-menu{padding:6px 0}
.sb-item{font-family:Inter,sans-serif;font-size:15px;font-weight:500;color:#fff;margin:2px 10px;padding:9px 12px 9px 15px;border-left:0;border-radius:10px}
.sb-item i:first-child{width:20px;text-align:center;font-size:15px}
.sb-item:hover{background:var(--sidebar-hover)}
.sb-item.active{background:#fff;color:var(--mm-dark);font-weight:700;border-left:0}
.sb-item.open{background:rgba(255,255,255,.06)}
.sb-sub{background:transparent;margin:0 10px}
.sb-subitem{font-family:Inter,sans-serif;font-size:14px;color:rgba(255,255,255,.92);padding:8px 12px 8px 42px;border-radius:10px;margin:1px 0}
.sb-subitem::before{content:'•';font-size:12px;opacity:.8}
.sb-subitem:hover{background:var(--sidebar-hover);color:#fff}
.sb-subitem.active{background:#fff;color:var(--mm-dark);font-weight:700}
.sb-badge{background:#ff5170;font-family:Inter,sans-serif}

/* Thanh trên */
.topbar{height:60px;background:var(--mm-dark);border-bottom:1px solid #a7a7a7;font-family:Inter,sans-serif}
.topbar .branch-pick{background:transparent;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:.2px;padding:6px 4px}
.topbar .branch-pick .fa-store{display:none}
@media (max-width: 860px){.topbar{height:auto;min-height:56px}}

/* Tiêu đề trang */
.page-title{font-family:Inter,sans-serif;font-size:20px;font-weight:700;color:var(--text);margin:4px 0 16px;gap:12px}
.page-title i{width:40px;height:40px;border-radius:12px;background:#e0f2ef;color:var(--mm-dark);font-size:17px}

/* Khung, ô nhập, nút */
.panel{border-radius:15px;box-shadow:0 2px 10px rgba(43,51,94,.04)}
.content input[type=text],.content input[type=date],.content input[type=number],.content input:not([type]),.content select{
  border:1px solid var(--mm-input);border-radius:10px;min-height:40px;font-family:Inter,sans-serif;font-size:15px;color:var(--text);background:#fff}
.btn{border-radius:10px;font-family:Inter,sans-serif}
.btn-primary{background:var(--mm-dark);border-color:var(--mm-dark);color:#fff}
.btn-primary:hover{background:var(--primary-dark)}
.btn-outline{border:1px solid var(--mm-teal);color:var(--mm-teal);background:#fff}
.btn-success{background:var(--mm-teal)}

/* Bảng */
.tbl{font-family:Inter,sans-serif;font-size:13px;color:var(--text)}
.tbl thead th{background:var(--mm-head);color:var(--text);font-weight:700;font-size:13px;border-bottom:1px solid var(--border);padding:12px}
.tbl thead th .sub{color:#ff5170;font-weight:700}
.tbl tbody td{border-bottom:1px solid var(--border);padding:12px}
.tbl tbody tr:hover{background:#f8fbfd}
.tbl .code-link{color:var(--mm-teal);font-weight:700}

/* Cửa sổ */
.modal{border-radius:15px}
.modal-head h3{font-family:Inter,sans-serif;color:var(--text);font-weight:700}
.modal-foot .btn-primary{background:var(--mm-dark)}