@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/phong/be-vietnam-pro-400-vietnamese.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-style:normal;font-weight:400;font-display:swap;src:url(/phong/be-vietnam-pro-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/phong/be-vietnam-pro-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/phong/be-vietnam-pro-700-vietnamese.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-style:normal;font-weight:700;font-display:swap;src:url(/phong/be-vietnam-pro-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/phong/be-vietnam-pro-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--nen: #F3F5F8;--be-mat: #FFFFFF;--chu: #142338;--chu-phu: #526277;--vien: #DDE3EB;--vien-o: #7C899B;--vang: #F3C649;--vang-chu: #8A5B00;--navy: #112339;--do: #B72B36;--xanh-la: #187044;--xanh-duong: #2459B3;--cam: #A84B13;--tim: #7240AC;--xam: #586476;--vang-nhat: #FFF5D2;--do-nhat: #FCECEF;--xanh-la-nhat: #E9F5ED;--xanh-duong-nhat: #EAF1FD;--cam-nhat: #FFF0E4;--tim-nhat: #F1EBFC;--xam-nhat: #EEF1F5;--bong-the: 0 4px 20px rgba(20, 35, 56, .045);--navy-sidebar: #112339;--bo-goc: 14px;--co-than: 16px;--cao-than: 24px;--co-phu: 14px;--cao-phu: 21px;--co-nhan: 14px;--cao-nhan: 28px;--co-so: 22px;--co-tong: 32px;--co-nut: 17px;--cao-nut: 52px;--co-nut-phu: 15px;--cao-nut-phu: 44px;--co-o: 17px;--cao-o: 48px;--co-icon-the: 40px;--co-hinh-the: 20px;--co-tieu-de-khoi: 18px;--khoang-the: 12px;--dem-the: 16px;--bo-the: 16px;--navy-950: #0B1A2E;--navy-900: #112339;--navy-800: #1C3352;--gold: var(--vang);--gold-manh: var(--vang-chu);--gold-nhat: var(--vang-nhat);--muc: var(--chu);--trang: var(--be-mat);--xanh: var(--xanh-la);--do-bong: 0 18px 44px rgba(16, 30, 54, .12)}@media(max-width:767px){:root{--co-than: 15px;--cao-than: 22px;--co-phu: 13px;--cao-phu: 19px;--co-nhan: 13px;--cao-nhan: 24px;--co-so: 20px;--co-tong: 26px;--co-nut: 15px;--cao-nut: 48px;--co-nut-phu: 14px;--cao-nut-phu: 40px;--co-o: 15px;--cao-o: 44px;--co-icon-the: 36px;--co-hinh-the: 18px;--co-tieu-de-khoi: 16px;--khoang-the: 10px;--dem-the: 14px;--bo-the: 14px}}:root[data-theme=dark]{color-scheme:dark;--nen: #0D1726;--be-mat: #182638;--chu: #F0F4FA;--chu-phu: #B2BED0;--vien: #35455A;--vien-o: #7D8DA6;--vang: #F3C649;--vang-chu: #F3C649;--navy: #DFE7F6;--do: #FFADB4;--xanh-la: #89DBAF;--xanh-duong: #8DB6FF;--cam: #FFC099;--tim: #CDB1FF;--xam: #B5C0D0;--vang-nhat: #3A321B;--do-nhat: #46232E;--xanh-la-nhat: #193C2C;--xanh-duong-nhat: #1C355B;--cam-nhat: #423024;--tim-nhat: #352744;--xam-nhat: #293648;--bong-the: 0 4px 20px rgba(0, 0, 0, .25);--do-bong: 0 18px 44px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{margin:0;font-family:Be Vietnam Pro,Segoe UI,Roboto,Arial,sans-serif;background:var(--nen);color:var(--chu);font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums;min-height:100vh}button,select,input,textarea{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy-900),var(--navy-950));color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:40;overflow-y:auto}.brand{display:block;padding:0 0 22px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-logo{width:100%;height:132px;border-radius:17px;background-color:#ffffff09;background-image:url(/logo-hb-full.png);background-repeat:no-repeat;background-size:contain;background-position:center;border:1px solid rgba(238,190,72,.18);box-shadow:0 12px 30px #0003,0 0 30px #eebe480b inset}.nav-label{margin:25px 11px 9px;color:#8190aa;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nhom-lon{margin-bottom:3px}.nhom-dau{border:0;background:transparent;color:#cfd6e4;display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:.18s;border-left:4px solid var(--mau-nhom, transparent)}.nhom-dau:hover{background:#ffffff12;color:#fff}.nhom-dau.xo{background:#ffffff17;color:#fff}.nhom-dau .nav-icon{background:var(--mau-nhom, rgba(255, 255, 255, .09));color:#fff}.nhom-mui{color:#8190aa;font-size:12px;margin-left:4px}.nhom-lon .nav{padding-left:16px;margin:4px 0 8px}.nhom-lon .nav button{padding:9px 12px;font-size:14px;font-weight:600}.nhom-lon .nav button.active{background:var(--mau-nhom, var(--gold));color:#fff}.nav{display:flex;flex-direction:column;gap:5px}.nav button{border:0;background:transparent;color:#b8c1d2;display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border-radius:12px;text-align:left;font-size:14px;font-weight:650;transition:.2s}.nav button:hover{background:#ffffff12;color:#fff}.nav button.active{background:var(--gold);color:var(--navy-950)}.nav-icon{width:30px;height:30px;min-width:30px;border-radius:8px;background:#ffffff17;display:grid;place-items:center}.nav button.active .nav-icon{background:#0b17301a}.nav-dem{margin-left:auto;background:var(--do);color:#fff;border-radius:999px;min-width:22px;padding:2px 6px;font-size:11px;font-weight:800;text-align:center}.sidebar-foot{margin-top:auto;padding:14px 11px;border-radius:14px;background:#ffffff0f;display:flex;gap:10px;align-items:center}.status-dot{width:9px;height:9px;background:#41d68f;border-radius:50%;box-shadow:0 0 0 4px #41d68f1f;flex-shrink:0}.sidebar-foot strong{font-size:13px;display:block}.sidebar-foot small{font-size:13px;color:#8e9bb0}.bao-sidebar{display:block;width:110px;height:auto;margin:18px auto 6px;opacity:.95;pointer-events:none}.main{min-width:0}.topbar{min-height:76px;padding:0 30px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--vien);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:30}.mobile-menu{display:none;border:0;background:#eef1f6;width:44px;height:44px;border-radius:12px;color:var(--muc);font-size:18px}.crumb{font-weight:800;min-width:0}.crumb small{display:block;font-size:14px;color:var(--xam);font-weight:500;margin-top:3px}.crumb-dau{display:flex;align-items:center;gap:7px;margin-bottom:2px}.hb-mark{display:none;width:28px;height:28px;object-fit:contain;flex-shrink:0}.crumb-nhom{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-manh)}.crumb-man{display:block;font-size:21px;font-weight:850;letter-spacing:-.02em;line-height:1.2}.topbar{border-left:4px solid var(--mau-nhom, transparent)}.top-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.icon-btn{height:42px;min-width:42px;border:1px solid var(--vien);border-radius:11px;background:#fff;color:var(--muc);padding:0 12px;font-size:14px;font-weight:650}.icon-btn:hover{border-color:#ccd2df;background:#f9fafc}.profile{display:flex;align-items:center;gap:9px;padding:4px 6px 4px 5px;border:0;background:transparent;color:inherit;border-radius:12px;min-height:48px;text-align:left}.profile:hover{background:#f1f3f7}.avatar{width:40px;height:40px;border-radius:50%;background:var(--navy-900);color:var(--gold);font-weight:900;display:grid;place-items:center;flex-shrink:0}.profile strong{font-size:13px;display:block}.profile small{font-size:13px;color:var(--xam)}.content{padding:28px 30px 42px;max-width:1540px;margin:0 auto}.page-head{margin-bottom:20px}.content h1{font-size:28px;line-height:1.25;margin:0 0 7px;letter-spacing:-.035em;font-weight:800}.page-head p{margin:0;color:var(--xam);font-size:14px}.tab-con{display:flex;flex-wrap:wrap;gap:6px;background:#f1f3f7;padding:5px;border-radius:12px;margin-bottom:18px}.tab-con button{border:0;background:transparent;border-radius:9px;padding:10px 14px;color:var(--xam);font-size:14px;font-weight:700;min-height:44px}.tab-con button.active{background:#fff;color:var(--muc);box-shadow:0 2px 7px #17233a14}.card{background:linear-gradient(155deg,#fff,#fdfdfe);border:1px solid rgba(221,226,235,.88);border-radius:var(--bo-goc);box-shadow:0 7px 26px #15233c0e}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}.kpi{padding:19px}.luoi-o{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}@media(max-width:780px){.luoi-o{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.luoi-anh{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:780px){.luoi-anh{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:var(--xam);font-size:15px;font-weight:650;gap:8px}.kpi-value{font-size:25px;font-weight:850;letter-spacing:-.03em;margin:14px 0 7px}.kpi-phu{font-size:15px;color:var(--xam);line-height:1.5}.data-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:13px 12px;border-bottom:1px solid #edf0f4;font-size:14px}.data-table th{color:var(--xam);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.badge{display:inline-block;background:#eef3fa;padding:6px 10px;border-radius:8px;font-size:14px;font-weight:750}.badge.good{background:#e8f7ef;color:#117847}.badge.bad{background:#ffedf0;color:#b52e3b}.badge.warn{background:var(--gold-nhat);color:#a96e00}.mobile-bottom-nav,.muc-con,.overlay{display:none}@media(max-width:1120px){.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:1023px){.chi-may-tinh{display:none!important}}@media(max-width:1023px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}button,select,input[type=date],input[type=month],input[type=time],.nav button,.tab-con button{min-height:44px}.mobile-menu{width:48px;height:48px}.kpi-phu,.crumb small,.sidebar-foot small,.profile small,.data-table th,.data-table td{font-size:15px}.data-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;padding-bottom:4px}.bang-cuon{table-layout:auto!important;width:auto!important;min-width:100%}.bang-cuon th,.bang-cuon td{white-space:nowrap}.bang-cuon td:first-child{white-space:normal;min-width:128px}.bang-cuon th:first-child,.bang-cuon td:first-child{position:sticky;left:0;z-index:2;background:#fff}.bang-cuon thead th:first-child{background:#eef1f6;z-index:3}.bang-cuon th[style*=width],.bang-cuon td[style*=width]{width:auto!important}.app{display:block}.sidebar{position:fixed;left:-270px;width:250px;transition:.25s;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.sidebar.open{left:0}.overlay{display:block;position:fixed;inset:0;background:#03091466;z-index:35;opacity:0;pointer-events:none;transition:.25s}.overlay.show{opacity:1;pointer-events:auto}.mobile-menu{display:block}.topbar{padding:0 14px;min-height:74px;height:74px;gap:10px}.hb-mark{display:block}.crumb small{display:none}.crumb{flex:1;min-width:0;font-size:17px}.crumb-man{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile div:last-child{display:none}.profile{padding:0}.content{padding:20px 14px calc(150px + env(safe-area-inset-bottom))}.content h1{font-size:22px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px;min-width:0}.kpi-top{align-items:flex-start;font-size:14px;line-height:1.4}.kpi-value{font-size:19px;margin:11px 0 6px}.bao-sidebar{display:none}}@media(max-width:350px){.kpis{grid-template-columns:1fr}}.man-giua{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,var(--navy-900),var(--navy-950))}.the-giua{width:100%;max-width:420px;background:var(--trang);border-radius:var(--bo-goc);padding:28px 24px;box-shadow:var(--do-bong)}.logo-dang-nhap{display:block;width:273px;max-width:70%;height:auto;margin:12px auto 20px}.khi-dang-nhap{position:fixed;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;z-index:5;pointer-events:none;max-width:calc(100vw - 16px)}.khi-dang-nhap img{width:86px;height:auto;flex-shrink:0}.khi-dang-nhap span{background:var(--gold-nhat);border:1px solid #f3dca0;color:#6b4e00;border-radius:14px;padding:8px 12px;font-size:13px;font-weight:650;box-shadow:0 6px 16px #0812262e}@media(min-width:781px){.logo-dang-nhap{width:260px;max-width:80%}}.the-giua .logo-tron{width:180px;height:112px;margin:0 auto 16px;border-radius:24px;padding:10px;background:var(--navy-900) url(/logo-hb-full.png) no-repeat center;background-size:contain;background-origin:content-box;border:1px solid rgba(238,190,72,.25)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{body{padding:0;background:#fff}body *{visibility:hidden}.khu-in,.khu-in *{visibility:visible}.khu-in{position:absolute;left:0;top:0;width:100%}.khong-in,.the-khi,.bao-sidebar,.mobile-bottom-nav,.muc-con{display:none!important}.data-wrap{overflow:visible!important}.khu-in table{font-size:11px}.khu-in th,.khu-in td{padding:4px 3px}}.bang-dinh th:first-child,.bang-dinh td:first-child{position:sticky;left:0;z-index:2;background:#fff}.bang-dinh thead th:first-child{background:#eef1f6;z-index:4}@media print{.bang-dinh th,.bang-dinh td{position:static!important}}.syncbar{display:flex;align-items:center;gap:10px;overflow-x:auto;margin:-4px 0 16px;padding-bottom:2px;scrollbar-width:none}.syncbar::-webkit-scrollbar{display:none}.sync-pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:#fff;border:1px solid var(--vien);border-radius:999px;padding:9px 13px;font-size:14px;font-weight:650;color:var(--xam)}.sync-pill strong{color:var(--muc)}.sync-pill i{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--xanh);box-shadow:0 0 0 3px #159a621f}.sync-pill.warn i{background:var(--gold-manh);box-shadow:0 0 0 3px #e69a1624}.ops-strip{padding:18px 20px;margin-bottom:16px;overflow:hidden}.ops-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.ops-head h2{font-size:17px;margin:0}.ops-head p{font-size:14px;color:var(--xam);margin:4px 0 0}.ops-link{border:0;background:transparent;color:#906100;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;min-height:48px;padding:0 4px}.ops-scroll{overflow-x:auto;padding-bottom:2px}.ops-timeline{display:grid;grid-template-columns:104px repeat(7,minmax(92px,1fr));gap:8px;min-width:800px}.ops-time,.ops-block{border-radius:12px;padding:10px 9px;min-height:60px}.ops-time{background:var(--navy-900);color:#fff;display:flex;align-items:center;font-size:14px;font-weight:800}.ops-block{background:#f7f8fb;border:1px solid #e8ebf0}.ops-block strong{display:block;font-size:14px}.ops-block small{display:block;color:var(--xam);font-size:13px;margin-top:4px}.ops-block.good{background:#eff9f4;border-color:#cfeadd}.ops-block.bad{background:#fff1f2;border-color:#f3d0d4}.ops-block.bad strong,.ops-block.bad small{color:#b22d3a}.luoi-dieu-hanh{display:grid;grid-template-columns:1.05fr 1fr;gap:16px;margin-bottom:16px}.the-be-kem{position:relative;overflow:hidden;padding:22px;background:linear-gradient(150deg,#fff8df,#fff 64%);min-height:250px}.be-kem-chu{position:relative;z-index:2;max-width:60%}.be-kem-chu h2{font-size:20px;margin:8px 0}.be-kem-chu p{font-size:15px;line-height:1.55;color:var(--xam);margin:0}.the-be-kem img{position:absolute;right:-6px;bottom:-6px;height:190px;max-width:52%;object-fit:contain;object-position:bottom right;z-index:1;pointer-events:none}.eyebrow{font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:#a96e00}.task-pill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #f0dfad;border-radius:10px;padding:10px 11px;font-size:14px;font-weight:700;margin-top:10px}.task-pill span{width:24px;height:24px;border-radius:7px;background:var(--gold);display:grid;place-items:center;color:var(--navy-950);font-size:13px;flex-shrink:0}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h2{font-size:17px;margin:0}.section-head p{font-size:14px;color:var(--xam);margin:4px 0 0}.action-list{display:flex;flex-direction:column;gap:10px}.dong-viec{display:flex;align-items:center;gap:12px;border:1px solid var(--vien);border-radius:14px;padding:12px 14px;background:#fff}.dong-viec strong{display:block;font-size:16px}.dong-viec small{display:block;font-size:14px;color:var(--xam);margin-top:3px}.action-mark{width:40px;height:40px;border-radius:12px;background:#fff2d4;color:#a46a00;display:grid;place-items:center;font-weight:900;font-size:15px;flex-shrink:0}.segmented{display:flex;background:#f1f3f7;padding:4px;border-radius:12px}.segmented button{border:0;background:transparent;border-radius:9px;padding:10px 14px;color:var(--xam);font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;min-height:44px}.segmented button.active{background:#fff;color:var(--muc);box-shadow:0 2px 7px #17233a14}@keyframes hb-quay{to{transform:rotate(360deg)}}.quay-tron{animation:hb-quay .9s linear infinite}@media(prefers-reduced-motion:reduce){.quay-tron{animation:none}}@media(max-width:980px){.luoi-dieu-hanh{grid-template-columns:1fr}}@media(max-width:780px){.ops-strip{padding:15px}.ops-head{flex-direction:column;align-items:flex-start;gap:6px}.the-be-kem{min-height:210px;padding:17px}.be-kem-chu{max-width:64%}.the-be-kem img{height:150px;max-width:42%}.sync-pill{font-size:14px}.dong-viec{flex-wrap:wrap}}@keyframes hb-rung{0%,to{transform:rotate(0)}15%{transform:rotate(-14deg)}30%{transform:rotate(12deg)}45%{transform:rotate(-9deg)}60%{transform:rotate(7deg)}75%{transform:rotate(-4deg)}}.chuong-rung{display:inline-block;animation:hb-rung .7s ease-in-out 2;transform-origin:50% 10%}@media(prefers-reduced-motion:reduce){.chuong-rung{animation:none}}.cham-do{display:inline-block;width:8px;height:8px;border-radius:4px;background:#dc2626;margin-left:6px;vertical-align:middle;box-shadow:0 0 0 2px #ffffffe6}.the-bam:active{background:#f3f5f9}@media(hover:hover)and (pointer:fine){.the-bam:hover{background:#fafbfd}}.app{grid-template-columns:248px minmax(0,1fr)}.sidebar{width:248px;background:var(--navy-sidebar);color:#cad5e5;padding:16px 12px;--vang-chu: #F3C649;--do: #FFADB4;--xanh-la: #89DBAF;--xanh-duong: #8DB6FF;--cam: #FFC099;--tim: #CDB1FF;--xam: #B5C0D0;--navy: #E1E8F2}.brand{padding:0 0 14px}.brand-logo{height:96px;border:0;box-shadow:none;background-color:transparent;border-radius:0}.nav-label{font-size:14px}.nhom-dau{font-size:15px;color:#cad5e5;border-left:3px solid var(--mau-nhom, transparent);min-height:48px}.nhom-dau .nav-icon{background:transparent;color:var(--mau-nhom, #fff)}.nhom-mui{font-size:14px}.nhom-lon .nav button{font-size:15px;color:#cad5e5;min-height:44px}.nhom-lon .nav button.active,.nav button.active{background:var(--vang);color:#142338}.nav-dem{font-size:11px;min-width:18px;height:18px;line-height:18px;padding:0 5px;border-radius:9px;background:#b72b36;color:#fff}.sidebar .nav-dem{background:#ffadb4;color:#142338}.sidebar-foot strong{font-size:14px}.sidebar-foot small{font-size:14px;color:#b2bed0}.topbar{background:var(--be-mat);-webkit-backdrop-filter:none;backdrop-filter:none;border-left:0;border-bottom:1px solid var(--vien);min-height:72px}.crumb-dau{display:flex;align-items:center;gap:0;margin-bottom:0}.crumb-nhom{font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--chu-phu)}.crumb-cach{color:var(--chu-phu);margin:0 6px;font-size:14px}.crumb-man{font-size:20px}.vach-nhom{display:block;width:28px;height:3px;border-radius:2px;background:var(--mau-nhom, transparent);margin-top:4px}.hb-mark{display:none!important}.nut-lui,.mobile-menu{display:none;width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--chu);place-items:center;padding:0;flex-shrink:0}.icon-btn{background:var(--be-mat);color:var(--chu);border-color:var(--vien)}.icon-btn:hover{background:var(--xam-nhat);border-color:var(--vien-o)}.profile:hover{background:var(--xam-nhat)}.profile strong{font-size:14px}.profile small{font-size:14px;color:var(--chu-phu)}.avatar{background:var(--navy-900);color:var(--vang)}.content h1{font-size:28px}.page-head p{color:var(--chu-phu)}.tab-con{background:var(--xam-nhat)}.tab-con button{color:var(--chu-phu)}.tab-con button.active{background:var(--be-mat);color:var(--chu);box-shadow:var(--bong-the)}.card{background:var(--be-mat);border-color:var(--vien);box-shadow:var(--bong-the)}.data-table th,.data-table td{border-bottom-color:var(--vien)}.data-table th{color:var(--chu-phu)}.badge{background:var(--xam-nhat);color:var(--chu)}.badge.good{background:var(--xanh-la-nhat);color:var(--xanh-la)}.badge.bad{background:var(--do-nhat);color:var(--do)}.badge.warn{background:var(--vang-nhat);color:var(--vang-chu)}.cham-do{background:var(--do);box-shadow:0 0 0 2px var(--be-mat)}.the-bam:active{background:var(--xam-nhat)}@media(hover:hover)and (pointer:fine){.the-bam:hover{background:var(--nen)}}.overlay.show{background:#03091480}.man-giua{background:linear-gradient(160deg,#112339,#0b1a2e)}.the-giua{background:var(--be-mat);border-radius:20px}.logo-dang-nhap{width:220px;max-width:100%;height:96px;object-fit:contain;margin:4px auto 16px}.khi-dang-nhap span{font-size:14px}.man-luoi{max-width:940px}.the-ho-so{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:14px 16px;margin-bottom:12px;border:1px solid var(--vien);border-radius:16px;background:var(--be-mat);box-shadow:var(--bong-the);color:var(--chu);text-align:left;font:inherit;cursor:pointer}.the-ho-so-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;background:var(--navy-900);color:var(--vang);font-weight:900;font-size:18px;display:grid;place-items:center}.the-ho-so-chu{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.the-ho-so-chu strong{font-size:17px;line-height:1.3}.the-ho-so-chu span{font-size:14px;color:var(--chu-phu);line-height:1.4}.nhom-luoi{background:var(--be-mat);border:1px solid var(--vien);border-left:3px solid var(--mau-nhom, var(--vien));border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:var(--bong-the)}.nhom-luoi-dau{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:17px;font-weight:800;line-height:1.3}.nhom-luoi-icon{color:var(--mau-nhom, var(--chu));display:grid;place-items:center}.nhom-luoi-dau .nav-dem{margin-left:4px}.luoi-o-viec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.o-viec{position:relative;display:grid;grid-template-columns:1fr auto;gap:6px;align-content:start;min-height:144px;min-width:0;padding:12px;border:1px solid var(--vien);border-radius:12px;background:var(--be-mat);color:var(--chu);text-align:left;font:inherit;cursor:pointer}.o-viec:active{transform:scale(.98)}.o-viec-icon{width:48px;height:48px;border-radius:13px;background:var(--mau-nhat, var(--xam-nhat));color:var(--mau-nhom, var(--chu));display:grid;place-items:center;grid-column:1;grid-row:1;margin-bottom:4px}.o-viec-dem{grid-column:2;grid-row:1;align-self:start;justify-self:end;margin:0}.o-viec strong{grid-column:1 / -1;font-size:16px;line-height:1.4;overflow-wrap:anywhere}.o-viec-goi-y{grid-column:1 / -1;font-size:14px;line-height:1.4;color:var(--chu-phu);overflow-wrap:anywhere;padding-right:16px}.o-viec .o-viec-mui{position:absolute;right:12px;bottom:12px;font-size:16px;color:var(--chu-phu);line-height:1}.the-ho-so .o-viec-mui{position:static;font-size:20px}@media(hover:hover)and (pointer:fine){.o-viec:hover{border-color:var(--mau-nhom, var(--vien-o));background:var(--nen)}.the-ho-so:hover{background:var(--nen)}}.nut-dang-xuat{display:block;width:100%;min-height:48px;margin-top:8px;border:1px solid var(--do);border-radius:10px;background:var(--be-mat);color:var(--do);font:inherit;font-size:16px;font-weight:800;cursor:pointer}.luoi-phien-ban{margin:14px 0 4px;text-align:center;font-size:14px;color:var(--chu-phu)}@media(min-width:768px){.luoi-o-viec{grid-template-columns:repeat(3,minmax(0,1fr))}.nhom-luoi{padding:20px}.nhom-luoi-dau{font-size:18px}}@media(max-width:1023px){.sidebar,.profile,.page-head{display:none}.nut-lui,.mobile-menu{display:grid;width:40px;height:40px}.topbar{padding:0 8px 0 12px;min-height:52px;height:auto;gap:6px}.topbar .crumb{padding:4px 0}.topbar .icon-btn{height:40px;min-width:40px;padding:0}.crumb-nhom{font-size:12px;line-height:1.2}.crumb-man{font-size:20px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vach-nhom{margin-top:2px}.content{padding:16px 16px calc(96px + env(safe-area-inset-bottom))}.content h1{font-size:24px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0;right:0;bottom:0;height:calc(60px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);background:var(--be-mat);border-top:1px solid var(--vien);box-shadow:0 -4px 20px #1423380f;z-index:65;overflow:visible}.mobile-bottom-nav button{position:relative;border:0;background:transparent;color:var(--chu-phu);min-width:0;height:60px;padding:0 0 15px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;font:inherit;font-weight:700;line-height:1.2;overflow:visible}.mobile-bottom-nav button>span:last-child{display:block;white-space:nowrap;font-size:12px;line-height:15px;height:15px;text-align:center}.mobile-nav-icon{position:relative;display:grid;place-items:center;width:22px;height:22px}.cham-nav{position:absolute;top:-3px;right:-4px;margin:0}.mobile-bottom-nav button.active{color:var(--chu)}.mobile-bottom-nav button.active:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:9px;width:24px;height:2px;border-radius:1px;background:var(--vang)}.mobile-bottom-nav button.giua{color:var(--chu)}.tron-cham-cong{position:absolute;left:50%;top:-26px;transform:translate(-50%);width:52px;height:52px;border-radius:50%;background:#f3c649;color:#142338;display:grid;place-items:center;box-shadow:0 0 0 4px var(--be-mat),0 4px 12px #1423382e}.tron-cham-cong svg{width:24px;height:24px}@media(max-width:379px){.mobile-bottom-nav button.giua.trong-ca>span:last-child{font-size:11px}}.mobile-bottom-nav button.giua>span:last-child{color:#142338}.mobile-bottom-nav button.giua.trong-ca>span:last-child{color:#187044;letter-spacing:-.2px}.cham-xanh{position:absolute;top:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#187044;box-shadow:0 0 0 2px #fff}}.the-khi{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:0 0 12px;border:1px solid var(--vien);border-radius:14px;background:var(--vang-nhat);color:var(--chu)}.the-khi-anh{width:56px;height:auto;flex-shrink:0;align-self:flex-start}.the-khi-chu{min-width:0;flex:1;font-size:14px;line-height:1.45;display:flex;flex-direction:column;gap:4px}.the-khi-ten{display:block;font-size:12px;font-weight:800;color:var(--vang-chu);line-height:1.2}.the-khi-cau{font-size:14px}.the-khi-nhac{background:var(--do-nhat);border-left:3px solid var(--do)}.the-khi-nhac .the-khi-ten{color:var(--do)}.the-khi-tieu-de{font-size:var(--co-tieu-de-khoi, 16px);line-height:1.3}.the-khi-hang{display:flex;align-items:center;gap:6px;width:100%;min-height:40px;padding:6px 10px;margin-top:2px;border:1px solid var(--vien);border-radius:10px;background:var(--be-mat);color:var(--chu);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}.the-khi-hang b{font-size:16px;min-width:20px}.the-khi-hang span{margin-left:auto;color:var(--chu-phu)}.the-bam-icon svg{width:var(--co-hinh-the, 20px);height:var(--co-hinh-the, 20px)}