@font-face{font-family:"Be Vietnam Pro";font-weight:400;font-display:swap;src:url(fonts/be-vietnam-pro-400-vi.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-weight:400;font-display:swap;src:url(fonts/be-vietnam-pro-400-la.woff2) format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-weight:600;font-display:swap;src:url(fonts/be-vietnam-pro-600-vi.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-weight:600;font-display:swap;src:url(fonts/be-vietnam-pro-600-la.woff2) format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-weight:700;font-display:swap;src:url(fonts/be-vietnam-pro-700-vi.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-weight:700;font-display:swap;src:url(fonts/be-vietnam-pro-700-la.woff2) format("woff2")}

:root{
  --nen:#eef1f5; --giay:#fff; --chu:#1b2430; --mo:#5a6474; --vien:#c3ccd9; --ke:#d5dce6;
  --chinh:#0b4fb3; --chinh-dam:#0a3b85; --dai:#e4ebf6; --dai-chu:#0a3b85;
  --do:#c4161c; --do-nhat:#fdeceb; --xanh:#137333; --xanh-nhat:#e6f4ea; --cam:#b25e00; --vang-nhat:#fff6dc;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nen);color:var(--chu);font:15px/1.5 "Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
/* thanh tiêu đề + menu kiểu cổng hành chính */
.dau-trang{background:var(--chinh-dam);color:#fff}
.dau-trang .trong{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;justify-content:space-between}
.dau-trang .trong>div{min-width:0}
/* logo Trung tâm: đầu trang (cạnh tên đơn vị) và màn hình đăng nhập */
.ten-dv{display:flex;align-items:center;gap:10px}
.ten-dv>div{min-width:0}
.logo-dau{flex:none;width:44px;height:44px}
.logo-dn{display:block;width:120px;height:120px;margin:20px auto 0}
.dau-trang b{font-size:16px;font-weight:700;display:block;line-height:1.3;text-transform:uppercase;letter-spacing:.01em}
.dau-trang small{opacity:.9;font-size:13px}
.dau-trang button{background:transparent;border:1px solid #ffffffb0;color:#fff;border-radius:3px;padding:5px 10px;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}
nav.tab{background:var(--chinh);position:sticky;top:0;z-index:5}
nav.tab .trong{max-width:1100px;margin:0 auto;padding:0 8px;display:flex;overflow-x:auto}
nav.tab button{flex:none;background:none;border:0;padding:11px 14px;font:inherit;font-size:14px;font-weight:600;color:#fff;cursor:pointer;opacity:.88}
nav.tab button.chon{background:var(--chinh-dam);opacity:1;box-shadow:inset 0 -3px 0 #ffc61a}
nav.tab .dem{display:inline-block;min-width:18px;padding:0 4px;margin-left:5px;border-radius:2px;background:var(--do);color:#fff;font-size:12px;line-height:18px;text-align:center}
main{max-width:1100px;margin:0 auto;padding:14px 16px}
/* khung có dải tiêu đề */
.the{background:var(--giay);border:1px solid var(--vien);padding:0 14px 14px;margin-bottom:14px}
.the>h2:first-child,.the>h3:first-child{margin:0 -14px 12px;padding:8px 14px;background:var(--dai);border-bottom:1px solid var(--vien);color:var(--dai-chu);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.4}
.the>:first-child:not(h2):not(h3){margin-top:14px}
h2{font-size:17px;margin:0 0 10px;font-weight:700;line-height:1.3}
h3{font-size:15px;margin:0 0 8px;font-weight:700}
label{display:block;font-size:14px;color:var(--chu);font-weight:600;margin:10px 0 4px}
input,select,textarea{width:100%;font:inherit;padding:8px 10px;border:1px solid #a9b4c4;border-radius:2px;background:#fff;color:var(--chu)}
textarea{resize:vertical;min-height:60px}
input:focus,select:focus,textarea:focus{outline:2px solid #9cc0f5;outline-offset:0;border-color:var(--chinh)}
.nut{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:14px;font-weight:600;line-height:1.1;padding:9px 14px;border-radius:3px;border:1px solid var(--chinh);background:var(--chinh);color:#fff;cursor:pointer;text-decoration:none}
.nut:active{background:var(--chinh-dam)}
.nut:disabled{opacity:.45;cursor:default}
.nut.phu{background:#fff;color:var(--chinh);border-color:#9fb3cf}
.nut.xanh{background:var(--xanh);border-color:var(--xanh)}
.nut.do{background:#fff;color:var(--do);border-color:#e3a3a5}
.nut.nho{padding:5px 9px;font-size:13px}
.hang{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hang>*{flex:none}
.loi{background:var(--do-nhat);color:#8f1a12;border:1px solid #f0b8b5;padding:8px 12px;margin:10px 0;font-weight:500}
.tot{background:var(--xanh-nhat);color:#0b5a33;border:1px solid #b5dcc0;padding:8px 12px;margin:10px 0}
.chu-y{background:var(--vang-nhat);color:#5f4300;border:1px solid #ecd48c;padding:8px 12px;margin:10px 0}
.mo{color:var(--mo);font-size:13px}
.an{display:none!important}
/* bảng kẻ ô đầy đủ */
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:7px 8px;border:1px solid var(--ke);text-align:left;vertical-align:top}
thead th{background:#f2f5fa;font-weight:700;color:var(--chu);font-size:13px}
td.so,th.so{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.bang{overflow-x:auto}
tr.cho-toi td{background:var(--vang-nhat)}
tr.dau-phong td{background:var(--dai);color:var(--dai-chu);font-weight:700;font-size:13px;text-transform:uppercase}
#bangDs td:first-child{min-width:140px}
#bangDs tr[data-nv]{cursor:pointer}
#bangDs tr[data-nv]:hover td{background:#f5f8fd}
.dg-dong{display:flex;gap:4px}
.dg-dong>.mo{flex:none;width:28px;font-weight:600}
#bangDs .muc{white-space:normal}
.nhan{font-size:13px;color:var(--mo)}
/* chọn tuần */
.chon-tuan{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.chon-tuan b{font-size:15px;min-width:0}
.chon-tuan .nut{padding:6px 11px}
/* bảng công việc trong tuần */
.bang-viec .c-ngay{width:64px;white-space:nowrap}
.bang-viec .c-tt{width:96px;white-space:nowrap}
.bang-viec .nd{white-space:pre-wrap;font-weight:600}
.bang-viec .kq{white-space:pre-wrap;color:var(--mo);font-size:13px;margin-top:2px}
.bang-viec .thao-tac{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.bang-viec tr.hom-nay td.c-ngay{font-weight:700;color:var(--chinh)}
.tt{font-size:13px;font-weight:600;white-space:nowrap}
.tt.dang_lam{color:var(--cam)}
.tt.da_xong{color:var(--xanh)}
/* bảng thông tin + kết quả đánh giá: 2 cột nhãn/giá trị */
.bang-tt th{width:38%;background:#f2f5fa;font-weight:600;font-size:13px}
.bang-tt .nx{white-space:pre-wrap;margin-top:3px;color:var(--chu)}
/* mức đánh giá: chữ in đậm có màu, không nền */
.muc{font-weight:700;white-space:nowrap}
.muc.hoan_thanh{color:var(--chu)}
.muc.tot{color:var(--chinh);background:none;border:0;padding:0;margin:0}
.muc.xuat_sac{color:var(--do)}
.muc.cho{color:var(--mo);font-weight:400;font-style:italic}
/* chọn mức: nút tròn thường, xếp dọc */
.chon-muc{margin:6px 0 4px}
.chon-muc label{display:flex;align-items:center;gap:8px;margin:0;padding:7px 0;font-weight:600;cursor:pointer}
.chon-muc input{width:18px;height:18px;margin:0;accent-color:var(--chinh);flex:none}
.mk-moi{font:600 20px/1.4 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;background:#fff;border:1px dashed var(--chinh);padding:8px 12px;display:inline-block;margin:6px 0}
.dang-nhap{max-width:420px;margin:16px auto 30px}
@media (max-width:640px){
  main{padding:10px}
  .the{padding:0 10px 12px}
  .the>h2:first-child,.the>h3:first-child{margin:0 -10px 10px;padding:8px 10px}
  th,td{padding:6px}
  .an-dt{display:none}
  .logo-dau{width:38px;height:38px}
}
@media print{
  .dau-trang,nav.tab,.chon-tuan,.khong-in,button,form{display:none!important}
  body{background:#fff}
  .the{border:0;padding:0}
}