body {
   background: #f9fbff;
   color: #1a1c1f;
   font-family: "Inter", "Roboto", Arial, sans-serif;
   font-size: 16px;
   margin: 32px;
   min-height: 100vh;
}

label {
  font-size:1em;
  display:block;
  margin-bottom:6px;
  color:#234e83;
  font-weight:500;
}

table {
  border: 1px solid #333 !important;
  border-collapse:collapse;
  margin:10px 0;
}

th, td {
  border: 1px solid #333 !important;
  padding:6px 8px;
  text-align:center;
}

th {
  background:#eee;
}

ul {
	list-style-type: none;
	padding: 0;
}

li { 
	margin: 10px 0 0 0;
	padding: 10px 18px;
}

input, select, textarea {
  width:100%;
  font-size:1.05em;
  padding:9px 11px;
  margin:0 0 14px 0;
  border:1.5px solid #bcd1ea;
  border-radius:5px;
  background:#f7fafc;
  transition:border .15s,background .18s;
  box-sizing:border-box;
}

form {
  background:#f8f8f8;
  border-radius:6px;
  width:350px;
}

button[type="submit"], button, .btn {
  background:linear-gradient(90deg,#1976d2 0%,#1897cc 100%);
  color:#fff;
  font-size:1.12em;
  border:none;
  border-radius:6px;
  padding:10px 38px;
  cursor:pointer;
  margin-top:9px;
  font-weight:600;
  transition:background .16s;
  box-shadow:0 3px 12px rgba(32,90,173,0.07);
}

button[type="submit"]:hover, button:hover {
  background:linear-gradient(90deg,#1976d2 0%,#1897cc 100%);
}

a {
  color:#205aad;
  text-decoration:none;
  font-size: 16px;
}

a:hover {
  text-decoration:none;
}

/* Đảm bảo mọi select sử dụng class chung */
select.custom-select {
    appearance: none;            
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #f7fafc;
    border: 1.5px solid #bcd1ea;
    border-radius: 5px;
    padding: 9px 36px 9px 11px; 
    font-size: 1.07em;
    color: #1a1c1f;
    font-weight: 500;
    outline: none;
    margin-bottom: 14px;
    position: relative;
    background-image:
       url("data:image/svg+xml;utf8,<svg fill='gray' height='16' viewBox='0 0 20 20' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7.293 8.293a1 1 0 0 1 1.414 0L10 9.586l1.293-1.293a1 1 0 1 1 1.414 1.414l-2 2a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 0-1.414z'/></svg>"),
       linear-gradient(0deg, #f7fafc, #f7fafc);
    background-repeat: no-repeat, repeat;
    background-position: right 11px center, 0 0;
    background-size: 18px 18px, 100%;
    cursor: pointer;
    transition: border .14s;
}

/* Đổi border, màu icon khi focus */
select.custom-select:focus {
    border-color: #2196f3;
    background-color: #fff;
}

/* Optional: ẩn mũi tên trên Firefox (nếu cần đồng nhất) */
select.custom-select::-ms-expand { display: none; }
select.custom-select::-webkit-input-placeholder { color: #bbb; }

#overlay {
  position: fixed; top:0; left:0; width:100vw; height:100vh;
  background: rgb(0 0 0 / 70%); z-index: 999;
}
#exportPopup {
  display: none; position: fixed;
  left: 50%; top: 50%; transform: translate(-50%,-50%);
  z-index: 1000; background: #fff; border-radius: 12px;
  width: 85%; height: 85%;
  padding: 26px; box-shadow: 0 6px 24px rgba(0,0,0,0.19);
  flex-direction: column; align-items: center;
}
.popup-content { width: 100%; height: 100%; display:flex; flex-direction:column; }
#tableExportArea {
  flex: 1 1 0; overflow-y: auto; max-height: calc(76vh); /* tùy chỉnh */
  margin-bottom: 14px;
  background: #fafcff;
  border-radius: 5px;
  padding: 12px;
}
#tableExportArea table { width:100%; min-width:600px;}