@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/77d9a04c69f7b11b-s.p.1uklb5el4zgvl.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d81b50f8e1aba043-s.05i4gb4p0piv4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,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(../media/dd018b41519c2d93-s.p.2g-0we2o5_ngd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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:500;font-display:swap;src:url(../media/b4fb5dfe9580f890-s.p.1zvg0ggiaivzo.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1f6c95fdd7b08cc8-s.0jaqhc1tb-5xm.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7f1976624c2b6255-s.p.1hvvd1t-trplq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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:600;font-display:swap;src:url(../media/6ac706d910f2bd04-s.p.25pbmqxk8u2s7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/3c61b7007b1b2764-s.0n_ln9vqskgts.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/25d341d5876d8ede-s.p.2wu4yy186g04j.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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(../media/6bf0d8dd0c866b9f-s.p.10uaeld2xxvpt.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/341181aba0db3eca-s.2bbpeapf-lbjw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,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(../media/83940f62350fcaa7-s.p.13y-iz2lazqtb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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:800;font-display:swap;src:url(../media/7d827713c9830e8a-s.p.1ubek13yfcpkr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/8ff72baa89522a13-s.0t1_atrj_pkiu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/851ce0e34689f040-s.p.0unco9n87mni8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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 Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.HDQ0eG_className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.HDQ0eG_variable{--font-be-vietnam-pro:"Be Vietnam Pro", "Be Vietnam Pro Fallback"}
:root{--color-brand-50:#f1f8f4;--color-brand-100:#e3f1e9;--color-brand-200:#bfe0cd;--color-brand-500:#258a5b;--color-brand-600:#1c6b47;--color-brand-700:#175139;--color-brand-800:#123a2c;--color-brand-900:#0e2b21;--color-bg-page:#f5f6f5;--color-bg-surface:#fff;--color-bg-subtle:#f0f2f0;--color-border-default:#e4e7e4;--color-border-strong:#cdd3ce;--color-text-primary:#14201a;--color-text-secondary:#56625b;--color-text-tertiary:#7f8a84;--color-text-on-brand:#fff;--color-text-on-brand-muted:#a9c9b8;--color-status-success:#1c6b47;--color-status-success-bg:#e3f1e9;--color-status-warning:#b86e00;--color-status-warning-bg:#fff3dc;--color-status-warning-solid:#f2a630;--color-status-danger:#c23b3b;--color-status-danger-bg:#fdecec;--color-status-info:#2563c9;--color-status-info-bg:#e8f0fd;--color-promo-bg:#fff5e8;--color-promo-text:#a2570a;--color-kitchen-bg:#151917;--color-kitchen-card:#212724;--color-kitchen-border:#2e3631;--color-kitchen-text:#f2f5f3;--color-kitchen-text-2:#a3ada7;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--font-family-base:"Be Vietnam Pro", system-ui, sans-serif;--text-display-xl-size:56px;--text-display-xl-line:64px;--text-display-xl-weight:700;--text-display-xl-tracking:-.02em;--text-display-l-size:40px;--text-display-l-line:48px;--text-display-l-weight:700;--text-display-l-tracking:-.015em;--text-heading-h1-size:28px;--text-heading-h1-line:36px;--text-heading-h1-weight:700;--text-heading-h1-tracking:-.01em;--text-heading-h2-size:22px;--text-heading-h2-line:30px;--text-heading-h2-weight:600;--text-heading-h2-tracking:-.005em;--text-heading-h3-size:18px;--text-heading-h3-line:26px;--text-heading-h3-weight:600;--text-heading-h3-tracking:-.003em;--text-heading-h4-size:16px;--text-heading-h4-line:24px;--text-heading-h4-weight:600;--text-heading-h4-tracking:0em;--text-body-l-size:18px;--text-body-l-line:28px;--text-body-l-weight:400;--text-body-l-tracking:0em;--text-body-m-size:16px;--text-body-m-line:24px;--text-body-m-weight:400;--text-body-m-tracking:0em;--text-body-s-size:14px;--text-body-s-line:20px;--text-body-s-weight:400;--text-body-s-tracking:0em;--text-body-xs-size:12px;--text-body-xs-line:16px;--text-body-xs-weight:400;--text-body-xs-tracking:0em;--text-label-m-size:15px;--text-label-m-line:20px;--text-label-m-weight:600;--text-label-m-tracking:0em;--text-label-s-size:13px;--text-label-s-line:18px;--text-label-s-weight:500;--text-label-s-tracking:0em;--text-label-xs-size:11px;--text-label-xs-line:14px;--text-label-xs-weight:500;--text-label-xs-tracking:0em;--text-number-l-size:32px;--text-number-l-line:40px;--text-number-l-weight:700;--text-number-l-tracking:-.01em;--text-number-m-size:20px;--text-number-m-line:28px;--text-number-m-weight:600;--text-number-m-tracking:0em;--text-kitchen-title-size:28px;--text-kitchen-title-line:34px;--text-kitchen-title-weight:700;--text-kitchen-title-tracking:0em;--text-kitchen-item-size:20px;--text-kitchen-item-line:28px;--text-kitchen-item-weight:600;--text-kitchen-item-tracking:0em;--text-kitchen-note-size:17px;--text-kitchen-note-line:24px;--text-kitchen-note-weight:500;--text-kitchen-note-tracking:0em}.text-display-xl{font-size:var(--text-display-xl-size);line-height:var(--text-display-xl-line);font-weight:var(--text-display-xl-weight);letter-spacing:var(--text-display-xl-tracking)}.text-display-l{font-size:var(--text-display-l-size);line-height:var(--text-display-l-line);font-weight:var(--text-display-l-weight);letter-spacing:var(--text-display-l-tracking)}.text-heading-h1{font-size:var(--text-heading-h1-size);line-height:var(--text-heading-h1-line);font-weight:var(--text-heading-h1-weight);letter-spacing:var(--text-heading-h1-tracking)}.text-heading-h2{font-size:var(--text-heading-h2-size);line-height:var(--text-heading-h2-line);font-weight:var(--text-heading-h2-weight);letter-spacing:var(--text-heading-h2-tracking)}.text-heading-h3{font-size:var(--text-heading-h3-size);line-height:var(--text-heading-h3-line);font-weight:var(--text-heading-h3-weight);letter-spacing:var(--text-heading-h3-tracking)}.text-heading-h4{font-size:var(--text-heading-h4-size);line-height:var(--text-heading-h4-line);font-weight:var(--text-heading-h4-weight);letter-spacing:var(--text-heading-h4-tracking)}.text-body-l{font-size:var(--text-body-l-size);line-height:var(--text-body-l-line);font-weight:var(--text-body-l-weight);letter-spacing:var(--text-body-l-tracking)}.text-body-m{font-size:var(--text-body-m-size);line-height:var(--text-body-m-line);font-weight:var(--text-body-m-weight);letter-spacing:var(--text-body-m-tracking)}.text-body-s{font-size:var(--text-body-s-size);line-height:var(--text-body-s-line);font-weight:var(--text-body-s-weight);letter-spacing:var(--text-body-s-tracking)}.text-body-xs{font-size:var(--text-body-xs-size);line-height:var(--text-body-xs-line);font-weight:var(--text-body-xs-weight);letter-spacing:var(--text-body-xs-tracking)}.text-label-m{font-size:var(--text-label-m-size);line-height:var(--text-label-m-line);font-weight:var(--text-label-m-weight);letter-spacing:var(--text-label-m-tracking)}.text-label-s{font-size:var(--text-label-s-size);line-height:var(--text-label-s-line);font-weight:var(--text-label-s-weight);letter-spacing:var(--text-label-s-tracking)}.text-label-xs{font-size:var(--text-label-xs-size);line-height:var(--text-label-xs-line);font-weight:var(--text-label-xs-weight);letter-spacing:var(--text-label-xs-tracking)}.text-number-l{font-size:var(--text-number-l-size);line-height:var(--text-number-l-line);font-weight:var(--text-number-l-weight);letter-spacing:var(--text-number-l-tracking)}.text-number-m{font-size:var(--text-number-m-size);line-height:var(--text-number-m-line);font-weight:var(--text-number-m-weight);letter-spacing:var(--text-number-m-tracking)}.text-kitchen-title{font-size:var(--text-kitchen-title-size);line-height:var(--text-kitchen-title-line);font-weight:var(--text-kitchen-title-weight);letter-spacing:var(--text-kitchen-title-tracking)}.text-kitchen-item{font-size:var(--text-kitchen-item-size);line-height:var(--text-kitchen-item-line);font-weight:var(--text-kitchen-item-weight);letter-spacing:var(--text-kitchen-item-tracking)}.text-kitchen-note{font-size:var(--text-kitchen-note-size);line-height:var(--text-kitchen-note-line);font-weight:var(--text-kitchen-note-weight);letter-spacing:var(--text-kitchen-note-tracking)}
html:root{--font-family-base:var(--font-be-vietnam-pro), system-ui, sans-serif;--cms-menu:248px;--cms-khung-cao:890px;--cms-scrim:color-mix(in srgb, var(--color-text-primary) 45%, transparent);--cms-bong:0 8px 32px color-mix(in srgb, var(--color-text-primary) 12%, transparent)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family-base);font-size:var(--text-body-s-size);line-height:var(--text-body-s-line);color:var(--color-text-primary);background:var(--color-border-default);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}.khung{width:100%;min-width:1280px;height:max(var(--cms-khung-cao), calc(100vh - 10px));background:var(--color-bg-page);border-radius:0 0 20px 20px;display:flex;position:relative;overflow:hidden}.menu-ben{width:var(--cms-menu);background:var(--color-brand-900);color:var(--color-text-on-brand);flex-direction:column;flex-shrink:0;padding:14px 16px 20px;display:flex}.menu-ben__logo{margin-left:6px}.menu-ben__nhan{letter-spacing:.04em;color:var(--color-text-on-brand-muted);text-transform:uppercase;margin:10px 0 18px 6px;font-size:11px;font-weight:500;line-height:14px}.menu-ben__ds{flex-direction:column;gap:4px;display:flex}.menu-ben__muc{border-radius:var(--radius-md);height:42px;color:var(--color-text-on-brand-muted);align-items:center;gap:12px;padding:0 14px;font-size:14px;font-weight:500;line-height:20px;display:flex}.menu-ben__muc--chon{background:var(--color-brand-600);color:var(--color-text-on-brand);font-weight:600}.menu-ben__chan{border-radius:var(--radius-md);background:var(--color-brand-800);align-items:center;gap:10px;height:60px;margin-top:auto;padding:0 14px 0 12px;display:flex}.avatar{border-radius:var(--radius-full);background:var(--color-brand-500);width:36px;height:36px;color:var(--color-text-on-brand);flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.menu-ben__ten{flex:1;min-width:0}.menu-ben__ten b{font-size:13px;font-weight:700;line-height:18px;display:block}.menu-ben__ten span{color:var(--color-text-on-brand-muted);font-size:12px;line-height:16px;display:block}.menu-ben__thoat{color:var(--color-text-on-brand-muted);background:0 0;border:0;padding:4px;display:flex}.noi-dung{flex-direction:column;flex:1;min-width:0;height:100%;padding:18px 32px 28px;display:flex;overflow:hidden}.dau-trang{flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;display:flex}.dau-trang__chu{min-width:0}.dau-trang__hanh-dong{flex-shrink:0;align-items:center;gap:12px;display:flex}.duong-dan{height:16px;color:var(--color-text-tertiary);margin-bottom:6px;font-size:12px;line-height:16px}.duong-dan>*+:before{content:"/";margin:0 7px}.tieu-de-trang{font-size:var(--text-heading-h1-size);line-height:var(--text-heading-h1-line);letter-spacing:var(--text-heading-h1-tracking);align-items:center;gap:12px;font-weight:700;display:flex}.phu-de{color:var(--color-text-secondary);margin-top:4px;font-size:14px;line-height:20px}.than-trang{flex-direction:column;flex:1;gap:18px;min-height:0;margin-top:20px;display:flex}.nut{border-radius:var(--radius-md);border:1.5px solid var(--color-brand-600);background:var(--color-bg-surface);height:44px;color:var(--color-brand-700);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;line-height:20px;display:inline-flex}.nut--chinh{background:var(--color-brand-600);color:var(--color-text-on-brand)}.nut--nhat{background:var(--color-brand-100);color:var(--color-brand-700);border-color:#0000}.nut--do{background:var(--color-status-danger);border-color:var(--color-status-danger);color:var(--color-text-on-brand)}.nut--vien-xam{border-color:var(--color-border-default);color:var(--color-text-primary)}.nut--nho{border-radius:var(--radius-sm);height:36px;padding:0 14px;font-size:13px}.nut--vua{border-radius:var(--radius-sm);height:40px;padding:0 16px;font-size:14px}.nut[disabled],.nut--mo{opacity:.55}.nut[disabled]{cursor:not-allowed}.nut--chu{height:auto;color:var(--color-brand-600);background:0 0;border:0;gap:5px;padding:0;font-size:13px;font-weight:600;line-height:18px}.o-tim{border-radius:var(--radius-md);background:var(--color-bg-subtle);height:44px;color:var(--color-text-tertiary);align-items:center;gap:10px;padding:0 16px;font-size:14px;display:flex}.o-tim input{min-width:0;color:var(--color-text-primary);background:0 0;border:0;outline:0;flex:1;font-size:14px;line-height:20px}.o-tim input::placeholder{color:var(--color-text-tertiary)}.o-chon{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-surface);height:40px;color:var(--color-text-primary);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.chip{border-radius:var(--radius-full);border:1px solid var(--color-border-default);background:var(--color-bg-surface);height:36px;color:var(--color-text-primary);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.chip--chon{border:1.5px solid var(--color-brand-600);background:var(--color-brand-50);color:var(--color-brand-700);font-weight:600}.nhan{border-radius:var(--radius-full);white-space:nowrap;background:var(--color-bg-subtle);height:24px;color:var(--color-text-secondary);align-items:center;padding:0 10px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.nhan--xanh{background:var(--color-status-success-bg);color:var(--color-status-success)}.nhan--cam{background:var(--color-status-warning-bg);color:var(--color-status-warning)}.nhan--do{background:var(--color-status-danger-bg);color:var(--color-status-danger)}.nhan--duong{background:var(--color-status-info-bg);color:var(--color-status-info)}.the{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:auto}.luoi-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.luoi-4{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.the-so{height:128px;padding:18px 20px 0}.the-so__nhan{color:var(--color-text-secondary);font-size:14px;line-height:20px}.the-so__so{letter-spacing:var(--text-heading-h1-tracking);margin-top:4px;font-size:36px;font-weight:700;line-height:44px}.the-so__delta{color:var(--color-text-secondary);align-items:center;gap:5px;margin-top:4px;font-size:12px;line-height:16px;display:flex}.the-so__delta b{color:var(--color-status-success);font-weight:600}.the-so__delta--am b{color:var(--color-status-success)}.bang{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.bang th{text-align:left;height:38px;color:var(--color-text-secondary);background:var(--color-bg-subtle);padding:0 12px;font-size:13px;font-weight:500;line-height:18px}.bang th:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.bang th:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.bang td{border-bottom:1px solid var(--color-border-default);vertical-align:middle;height:61px;padding:0 12px;font-size:14px;line-height:20px}.bang tr.dong-bam{cursor:pointer}.bang tr.dong-to td{background:var(--color-brand-50)}.bang .ten{font-size:13px;font-weight:500;line-height:18px}.bang .phu{color:var(--color-text-tertiary);font-size:12px;font-weight:400;line-height:16px;display:block}.bang .cam{color:var(--color-status-warning)}.bang .do{color:var(--color-status-danger)}.chu-phu{color:var(--color-text-secondary)}.chu-nho{color:var(--color-text-tertiary);font-size:12px;line-height:16px}.chan-bang{color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:14px;line-height:20px;display:flex}.phan-trang{align-items:center;gap:10px;display:flex}.phan-trang .nut{border:1px solid var(--color-border-default);height:36px;color:var(--color-text-primary);border-radius:var(--radius-full);padding:0 14px;font-size:13px;font-weight:500}.phan-trang .o-so{width:36px;padding:0}.phan-trang .o-so--chon{border:1.5px solid var(--color-brand-600);background:var(--color-brand-50);color:var(--color-brand-700);font-weight:600}.phu-lop{z-index:50;background:var(--cms-scrim);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.phu-lop--dac{background:var(--color-text-primary);justify-content:flex-end;align-items:stretch}.hop{border-radius:var(--radius-xl);background:var(--color-bg-surface);width:560px;max-height:calc(100% - 24px);box-shadow:var(--cms-bong);flex-direction:column;gap:16px;padding:28px;display:flex;overflow:hidden}.hop__dau{align-items:flex-start;gap:14px;display:flex}.hop__bieu-tuong{border-radius:var(--radius-md);background:var(--color-status-success-bg);width:48px;height:48px;color:var(--color-brand-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hop__bieu-tuong--do{background:var(--color-status-danger-bg);color:var(--color-status-danger)}.hop__tieu-de{letter-spacing:var(--text-heading-h2-tracking);font-size:22px;font-weight:600;line-height:28px}.hop__phu{color:var(--color-text-secondary);margin-top:2px;font-size:14px;line-height:20px}.hop__chan{gap:12px;display:flex}.hop__chan .nut{flex:1;height:52px;font-size:15px}.ngan{background:var(--color-bg-surface);flex-direction:column;gap:14px;width:540px;height:100%;padding:20px 28px;display:flex}.ngan__dau{justify-content:space-between;align-items:flex-start;display:flex}.nut-dong{border-radius:var(--radius-full);background:var(--color-bg-subtle);width:36px;height:36px;color:var(--color-text-primary);border:0;justify-content:center;align-items:center;display:flex}.hop-tin{border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px 16px;font-size:14px;line-height:20px;display:flex}.hop-tin--do{background:var(--color-status-danger-bg);color:var(--color-status-danger)}.hop-tin--vang{background:var(--color-status-warning-bg);color:var(--color-text-primary)}.hop-tin--xanh{background:var(--color-status-success-bg);color:var(--color-text-primary)}.hop-tin--duong{background:var(--color-status-info-bg);color:var(--color-status-info)}.hop-tin--cam{background:var(--color-promo-bg);color:var(--color-promo-text)}.hop-tin__dong{align-items:flex-start;gap:10px;display:flex}.hop-tin__dong svg{flex-shrink:0;margin-top:2px}.hop-tin--do .hop-tin__dong{color:var(--color-status-danger)}.hop-tin--vang .hop-tin__dong svg,.hop-tin--cam .hop-tin__dong svg{color:var(--color-status-warning)}.truong{flex-direction:column;gap:8px;display:flex}.truong__nhan{color:var(--color-text-secondary);font-size:13px;font-weight:500;line-height:18px}.o-nhap{border-radius:var(--radius-md);background:var(--color-bg-subtle);width:100%;height:48px;color:var(--color-text-primary);border:1.5px solid #0000;align-items:center;gap:10px;padding:0 14px;font-size:15px;line-height:22px;display:flex}.o-nhap input,.o-nhap select,.o-nhap textarea{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px;line-height:22px}.o-nhap select{appearance:none;cursor:pointer}.o-nhap--tieu-diem{background:var(--color-bg-surface);border-color:var(--color-brand-600)}.o-nhap--loi{background:var(--color-bg-surface);border-color:var(--color-status-danger)}.o-nhap input::placeholder,.o-nhap textarea::placeholder{color:var(--color-text-tertiary)}.o-nhap__dv{color:var(--color-text-secondary);font-size:13px}.hang-pin{gap:10px;display:flex}.o-pin{border-radius:var(--radius-md);background:var(--color-bg-subtle);border:1.5px solid #0000;justify-content:center;align-items:center;width:48px;height:52px;display:flex;position:relative}.o-pin--tieu-diem{background:var(--color-bg-surface);border-color:var(--color-brand-600)}.o-pin--loi{background:var(--color-status-danger-bg);border-color:var(--color-status-danger)}.o-pin__cham{border-radius:var(--radius-full);background:var(--color-text-primary);width:10px;height:10px}.o-pin--loi .o-pin__cham{background:var(--color-status-danger)}.o-pin__input{opacity:0;cursor:text;border:0;width:100%;height:100%;position:absolute;inset:0}.chu-chan{color:var(--color-text-tertiary);font-size:12px;line-height:16px}.loi-dong{color:var(--color-status-danger);font-size:13px;line-height:18px}.dang-nhap{height:max(var(--cms-khung-cao), calc(100vh - 10px));background:var(--color-bg-page);border-radius:0 0 20px 20px;display:flex;position:relative;overflow:hidden}.dang-nhap__trai{background:var(--color-brand-900);width:560px;color:var(--color-text-on-brand);flex-direction:column;flex-shrink:0;padding:54px 64px;display:flex}.dang-nhap__giua{margin-top:auto;margin-bottom:auto;padding-top:36px}.dang-nhap__nhan{border-radius:var(--radius-full);background:var(--color-brand-800);color:var(--color-text-on-brand-muted);padding:4px 12px;font-size:12px;font-weight:500;line-height:16px;display:inline-block}.dang-nhap__tieu-de{letter-spacing:var(--text-display-l-tracking);margin-top:16px;font-size:40px;font-weight:700;line-height:48px}.dang-nhap__phu{color:var(--color-text-on-brand-muted);margin-top:16px;font-size:18px;line-height:28px}.dang-nhap__ds{flex-direction:column;gap:18px;margin-top:32px;padding:0;list-style:none;display:flex}.dang-nhap__ds li{align-items:center;gap:12px;font-size:16px;line-height:20px;display:flex}.dang-nhap__ds svg{color:var(--color-text-on-brand-muted)}.dang-nhap__chan{color:var(--color-text-on-brand-muted);font-size:14px;line-height:20px}.dang-nhap__phai{flex:1;justify-content:center;align-items:center;display:flex}.the-dang-nhap{border-radius:var(--radius-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-default);width:440px;box-shadow:0 4px 16px color-mix(in srgb, var(--color-text-primary) 6%, transparent);padding:40px}.the-dang-nhap--hep{width:460px;padding:32px}.the-dang-nhap h1{letter-spacing:var(--text-heading-h1-tracking);font-size:28px;font-weight:700;line-height:36px}.the-dang-nhap--hep h1{margin-top:16px;font-size:22px;font-weight:600;line-height:30px}.bieu-do{align-items:flex-end;gap:35px;height:100%;padding-bottom:0;display:flex}.bieu-do__cot{height:100%;color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;font-size:13px;line-height:18px;display:flex}.bieu-do__thanh{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-brand-200);width:100%}.bieu-do__thanh--cuoi{background:var(--color-brand-600)}.viec{border-bottom:1px solid var(--color-border-default);align-items:center;gap:12px;height:69px;padding:0;display:flex}.viec__bt{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.viec__bt--warning{background:var(--color-status-warning-bg);color:var(--color-status-warning)}.viec__bt--danger{background:var(--color-status-danger-bg);color:var(--color-status-danger)}.viec__bt--info{background:var(--color-status-info-bg);color:var(--color-status-info)}.viec__bt--success{background:var(--color-status-success-bg);color:var(--color-status-success)}.viec__chu{flex:1}.viec__chu b{font-size:16px;font-weight:600;line-height:22px;display:block}.viec__chu span{color:var(--color-text-secondary);font-size:12px;line-height:16px;display:block}.so-tron{border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:34px;height:24px;padding:0 10px;font-size:13px;font-weight:600;display:flex}.cap-the h2,.cap-the h3{letter-spacing:var(--text-heading-h3-tracking);font-size:18px;font-weight:600;line-height:26px}.cap-the .mo-ta{color:var(--color-text-secondary);font-size:12px;line-height:16px}.cap-the h2+.mo-ta{margin-top:0}.thong-tin{grid-template-columns:repeat(3,1fr);gap:12px 24px;display:grid}.thong-tin__nhan{color:var(--color-text-secondary);font-size:12px;line-height:16px}.thong-tin__gt{font-size:15px;font-weight:600;line-height:20px}.chuyen-tab{border-bottom:1px solid var(--color-border-default);flex-shrink:0;gap:28px;margin-top:16px;display:flex}.chuyen-tab a{color:var(--color-text-secondary);border-bottom:2px solid #0000;margin-bottom:-1px;padding:4px 0 9px;font-size:16px;font-weight:600;line-height:20px}.chuyen-tab a.chon{color:var(--color-brand-600);border-bottom-color:var(--color-brand-600)}.thanh-thao-tac{border-radius:var(--radius-md);background:var(--color-bg-subtle);align-items:center;gap:8px;height:54px;padding:0 8px 0 14px;display:flex}.hang-nut{gap:10px;display:flex}.nhan-xanh-nhat{display:inline-block}.bong-chat{border-radius:var(--radius-lg);background:var(--color-bg-surface);border:1px solid var(--color-border-default);max-width:440px;padding:12px 16px;font-size:15px;line-height:20px}.bong-chat--coreqr{background:var(--color-brand-600);color:var(--color-text-on-brand);border-color:#0000;align-self:flex-end}.bong-chat time{opacity:.75;margin-top:6px;font-size:12px;line-height:16px;display:block}.hang-chat{border-bottom:1px solid var(--color-border-default);align-items:center;gap:12px;height:65px;padding:0 18px;display:flex}.hang-chat--chon{background:var(--color-brand-50)}.hang-chat__bt{border-radius:var(--radius-md);background:var(--color-brand-100);width:40px;height:40px;color:var(--color-brand-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cham-chua-doc{border-radius:var(--radius-full);background:var(--color-brand-600);width:8px;height:8px}.hop-soan{background:var(--color-bg-surface)}.doan-mau{border-radius:var(--radius-md);background:var(--color-bg-subtle);padding:14px}.cuon-ngang{overflow:hidden}.khung-anh{border-radius:var(--radius-md);display:block;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.man{flex-direction:column;flex:1;min-height:0;display:flex}.nut--rong{width:100%;height:52px}.the-dang-nhap .o-pin{width:50px;height:54px}.the-dang-nhap--hep .hang-pin{gap:8px}.the-dang-nhap--hep .o-pin{width:56px;height:52px}.hop .o-pin{width:48px;height:52px}.nut--gian{flex:1}.phu-lop{padding-bottom:10px}.phu-lop--dac{padding-bottom:0}.hop .truong{gap:6px}.nut--44{height:44px!important}