@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Be+Vietnam+Pro:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.navbar{z-index:1000;background-color:#fff;border-bottom:1px solid #f0f0f0;padding:15px 0;position:sticky;top:0}.navbar-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.navbar-brand{cursor:pointer;align-items:center;text-decoration:none;transition:transform .2s;display:flex}.navbar-brand:hover{transform:scale(1.05)}.logo-image{object-fit:contain;width:auto;height:50px}.navbar-menu{align-items:center;gap:24px;display:flex}.user-name{color:#333;font-size:14px;font-weight:600}.menu-container{position:relative}.menu-toggle{cursor:pointer;color:#333;background:#f7f7f7;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.menu-toggle:hover{background:#f0f0f0;border-color:#d0d0d0}.menu-toggle:active{background:#e8e8e8}.menu-icon{font-size:10px;transition:transform .2s}.menu-container.active .menu-icon{transform:rotate(180deg)}.menu-dropdown{z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:220px;margin-top:8px;animation:.2s slideDown;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000014}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;font-size:14px;transition:all .2s;display:block}.menu-item:first-child{border-radius:8px 8px 0 0}.menu-item:last-child{border-radius:0 0 8px 8px}.menu-item:hover{background:#f7f7f7}.menu-item:last-child:hover{color:#d32f2f}.btn-logout{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:500;transition:opacity .2s}.btn-logout:hover{opacity:.8}@media (width<=768px){.navbar-content{padding:0 20px}.logo-image{height:40px}.navbar-menu{gap:12px}.user-name{display:none}.menu-dropdown{min-width:200px}}@media (width<=480px){.navbar-content{flex-direction:row;gap:10px;padding:0 15px}.navbar-brand{flex:1}.logo-image{height:35px}.navbar-menu{flex:1;justify-content:flex-end;gap:8px}.user-name{display:none}.menu-toggle{padding:8px 12px;font-size:13px}.btn-logout{padding:8px 16px;font-size:12px}}.main-layout{background-color:#fff;flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding-top:20px}.login-container{width:100%;min-height:100vh;display:flex}.login-left{background-color:#f8f9fa;background-image:url(/assets/baodenlogo-CzEX5ELo.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:1}.login-right{background:#f8f9fa;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.login-card{background:#fff;border-radius:10px;width:100%;max-width:400px;padding:40px;animation:.5s slideUp;box-shadow:0 10px 40px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-title{text-align:center;color:#333;margin-bottom:30px;font-size:24px;font-weight:600}.login-form{flex-direction:column;gap:20px;display:flex}.form-group label{color:#555;font-size:14px;font-weight:500}.form-group input{border:1px solid #fff;border-radius:5px;padding:12px;font-size:14px}.form-group input:focus{border-color:#ea6666;outline:none}.btn-login{color:#fff;cursor:pointer;background:#ca554f;border:none;border-radius:5px;margin-top:10px;padding:12px;font-size:16px;font-weight:600;transition:all .2s}.btn-login:hover{transform:translateY(-2px)}@media (width<=768px){.login-container{flex-direction:column}.login-left{min-height:250px}}.dashboard-container{color:#000;background-color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dashboard-main{max-width:1000px;margin:0 auto;padding:40px}.welcome-section{text-align:center;background:#fff;margin-bottom:60px;padding:30px 0}.welcome-section h2{color:#333;margin:0;font-size:28px;font-weight:600}.info-card-centered{background:#fff;max-width:600px;margin:0 auto}.info-card-centered h3{text-transform:uppercase;letter-spacing:1px;color:#666;text-align:center;margin:0 0 30px;font-size:14px;font-weight:600}.info-content{flex-direction:column;gap:0;display:flex}.info-content p{border-bottom:1px solid #f0f0f0;justify-content:space-between;margin:0;padding:16px 0;font-size:16px;display:flex}.info-content p strong{color:#333;font-weight:600}.info-content p span{color:#666}.info-content p:last-child{border-bottom:none}@media (width<=768px){.dashboard-main{padding:20px}.welcome-section{margin-bottom:40px;padding:20px 0}.welcome-section h2{font-size:22px}.info-card-centered{max-width:100%}}@media (width<=480px){.dashboard-main{padding:15px}.welcome-section h2{margin-bottom:20px;font-size:18px}.info-content p{padding:12px 0;font-size:14px}}html,body,#app,#root{width:100%;height:100%}body{color:#333;background:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}button,input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.loading-container{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{flex-direction:column;align-items:center;gap:20px;display:flex}.spinner{border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{color:#667eea;font-size:16px;font-weight:500}.bcs-action-btn{cursor:pointer;white-space:nowrap;text-align:center;box-sizing:border-box;color:#333;background:0 0;border:1px solid #ccc;border-radius:4px;flex:1;min-width:0;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.bcs-action-btn:hover{background:#f0f0f0;border-color:#999}.dropdown-menu::-webkit-scrollbar{width:6px}.staff-list-container::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.staff-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.staff-list-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.staff-list-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (width<=1200px){.controls-section{padding:15px 20px}.table-title{margin-left:20px}.table-wrapper{margin:0 20px}.metadata-info{margin:0 20px 16px}}@media (width<=1024px){.controls-section{flex-direction:column;align-items:stretch;gap:12px}.controls-left,.controls-right{justify-content:flex-start;width:100%}.bang-chi-so-table{font-size:11px}.sub-header{min-width:40px;padding:8px 4px}}@media (width<=768px){.controls-section{gap:8px;padding:12px 16px}.controls-left,.controls-right{flex-direction:column;align-items:flex-start;gap:8px}.dropdown-container,.dropdown-toggle{width:100%}.table-title{margin-left:16px;font-size:14px}.table-wrapper{margin:0 16px}.metadata-info{text-align:left;margin:0 16px 12px}.bang-chi-so-table{font-size:10px}.sub-header{min-width:35px;padding:6px 3px}.data-cell{min-width:35px;padding:8px 4px}.time-cell{min-width:50px;padding:8px 6px}}.dropdown-menu{z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:8px;max-height:450px;margin-top:8px;animation:.2s slideDown;position:absolute;top:100%;left:0;right:0;overflow:hidden auto;box-shadow:0 4px 12px #00000014}.dropdown-actions{z-index:2;box-sizing:border-box;background:#fff;border-bottom:1px solid #eee;flex-direction:row;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}.gmv-action-btn{cursor:pointer;white-space:nowrap;text-align:center;box-sizing:border-box;color:#333;background:0 0;border:1px solid #ccc;border-radius:4px;flex:1;min-width:0;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.gmv-action-btn:hover{background:#f0f0f0;border-color:#999}.dropdown-menu::-webkit-scrollbar{width:6px}.staff-list-container::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.staff-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.staff-list-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.staff-list-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-title{color:#333;text-transform:uppercase;letter-spacing:.5px;text-align:left;margin:20px 0 16px 40px;font-size:16px;font-weight:700}.time-header{text-align:center;vertical-align:middle;text-transform:uppercase;color:#fff;background:linear-gradient(#4a5f8f,#3d4d7a);border-right:1px solid #ccc;padding:12px 8px;font-size:12px;font-weight:700}.team-header{text-align:center;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px #0003;border-right:1px solid #fff3;padding:12px 8px;font-size:14px;font-weight:700}.sub-time-header{text-align:center;vertical-align:middle;border-right:1px solid #ccc;padding:10px 6px;font-size:11px;font-weight:600}.staff-header{text-align:center;vertical-align:middle;color:#fff;background:linear-gradient(#4a5f8f,#3d4d7a);border-right:1px solid #ccc;min-width:280px;padding:12px 8px;font-size:13px;font-weight:600}.category-header{text-align:center;vertical-align:middle;text-transform:uppercase;border-right:1px solid #ccc;padding:10px 6px;font-size:11px;font-weight:600}.sub-header{text-align:center;vertical-align:middle;border-right:1px solid #ccc;min-width:45px;padding:10px 6px;font-size:11px;font-weight:600}.time-cell{text-align:center;vertical-align:middle;color:#333;background:#f5f5f5;border-right:1px solid #ccc;min-width:60px;padding:12px 8px;font-weight:600}.data-cell{text-align:center;vertical-align:middle;color:#333;background:#fff;border-right:1px solid #e0e0e0;min-width:45px;padding:12px 6px;font-size:12px}@media (width<=1200px){.controls-section{padding:15px 20px}.table-title{margin-left:20px}.table-wrapper{margin:0 20px}.metadata-info{margin:0 20px 16px}}@media (width<=1024px){.controls-section{flex-direction:column;align-items:stretch;gap:12px}.controls-left,.controls-right{justify-content:flex-start;width:100%}.bang-chi-so-table{font-size:11px}.sub-header{min-width:40px;padding:8px 4px}}@media (width<=768px){.controls-section{gap:8px;padding:12px 16px}.controls-left,.controls-right{flex-direction:column;align-items:flex-start;gap:8px}.dropdown-container,.dropdown-toggle{width:100%}.table-title{margin-left:16px;font-size:14px}.table-wrapper{margin:0 16px}.metadata-info{text-align:left;margin:0 16px 12px}.bang-chi-so-table{font-size:10px}.sub-header{min-width:35px;padding:6px 3px}.data-cell{min-width:35px;padding:8px 4px}.time-cell{min-width:50px;padding:8px 6px}}.bang-chi-so-container{background:#fff;min-height:100vh;padding:20px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.controls-section{background-color:#fff;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:15px 40px;display:flex}.controls-left{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.controls-right{align-items:center;gap:12px;display:flex}.filter-item{flex-direction:column;gap:6px;display:flex}.date-input{color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.date-input:hover{border-color:#d0d0d0}.date-input:focus{border-color:#333;outline:none;box-shadow:0 0 0 2px #0000000d}.dropdown-container{min-width:220px;position:relative}.dropdown-toggle{cursor:pointer;color:#333;background:#f7f7f7;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.dropdown-toggle-text{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dropdown-toggle:hover{background:#f0f0f0;border-color:#d0d0d0}.dropdown-icon{flex-shrink:0;font-size:10px;transition:transform .2s}.dropdown-menu{z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:8px;max-height:450px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow:hidden auto;box-shadow:0 4px 12px #00000014}.dropdown-actions{z-index:2;box-sizing:border-box;background:#fff;border-bottom:1px solid #eee;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px;display:grid;position:sticky;top:0}.tdt-action-btn{cursor:pointer;white-space:nowrap;text-align:center;box-sizing:border-box;color:#333;background:0 0;border:1px solid #ccc;border-radius:4px;width:100%;padding:8px 0;font-size:12px;font-weight:500;transition:all .2s}.tdt-action-btn:hover{background:#f0f0f0;border-color:#999}.dropdown-search{z-index:1;background:#fff;border-bottom:1px solid #eee;padding:8px 12px;position:sticky;top:36px}.search-input{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:all .2s}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.search-input::placeholder{color:#999;font-size:12px}.staff-list-container{max-height:280px;overflow-y:auto}.dropdown-item{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;transition:background .2s;display:flex}.dropdown-item:hover{background:#f7f7f7}.dropdown-item input[type=checkbox]{cursor:pointer;flex-shrink:0;width:14px;height:14px;margin:0}.dropdown-item span{color:#333;text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:400;overflow:hidden}.dropdown-empty{text-align:center;color:#999;padding:12px;font-size:13px;font-style:italic}.dropdown-menu::-webkit-scrollbar{width:6px}.staff-list-container::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.staff-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.staff-list-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.staff-list-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.btn-action{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-action:hover{opacity:.8}.btn-action:disabled{opacity:.5;cursor:not-allowed}.table-title{color:#333;text-transform:uppercase;letter-spacing:.5px;margin:20px 0 16px 40px;font-size:16px;font-weight:700}.table-wrapper{cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:0 40px;overflow-x:auto;box-shadow:0 1px 3px #00000014}.table-wrapper.dragging{cursor:grabbing}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f5f5f5}.table-wrapper::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#999}.bang-chi-so-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.header-row-1{background:0 0}.header-row-2{color:#fff;background:linear-gradient(#4a5f8f,#3d4d7a);border-bottom:1px solid #ccc;font-weight:600}.header-row-3{color:#fff;background:linear-gradient(#5a7bb8,#4d6ca3);border-bottom:1px solid #ccc;font-weight:600}.header-row-4{color:#fff;background:linear-gradient(#7a96c9,#6d89b6);border-bottom:1px solid #ccc;font-weight:600}.time-header{text-align:center;vertical-align:middle;text-transform:uppercase;color:#fff;white-space:nowrap;background:linear-gradient(#5a7bb8,#4d6ca3);border-right:1px solid #ffffff4d;min-width:60px;padding:12px 8px;font-size:11px;font-weight:700}.team-header-order,.team-header-kygui-dt{text-align:center;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px #0003;background:linear-gradient(#5a7bb8,#4d6ca3);border-right:1px solid #fff3;padding:10px 8px;font-size:12px;font-weight:700}.team-header-kygui-kl{text-align:center;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px #0003;background:#da425c;border-right:1px solid #fff3;padding:10px 8px;font-size:12px;font-weight:700}.sub-header-order,.sub-header-kygui-dt{text-align:center;vertical-align:middle;color:#fff;white-space:nowrap;background:linear-gradient(#5a7bb8,#4d6ca3);border-right:1px solid #fff3;padding:8px 6px;font-size:11px;font-weight:600}.sub-header-kygui-kl{text-align:center;vertical-align:middle;color:#fff;white-space:nowrap;background:#db1c3c;border-right:1px solid #fff3;padding:8px 6px;font-size:11px;font-weight:600}.col-header-time{text-align:center;vertical-align:middle;color:#fff;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#4a5f8f,#3d4d7a);border-right:1px solid #fff3;min-width:60px;padding:8px 6px;font-size:10px;font-weight:600}.col-header-order,.col-header-kygui-dt{text-align:center;vertical-align:middle;color:#fff;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#7a96c9,#6d89b6);border-right:1px solid #fff3;min-width:100px;padding:8px 6px;font-size:10px;font-weight:600}.col-header-kygui-kl{text-align:center;vertical-align:middle;color:#fff;text-transform:uppercase;white-space:nowrap;background:#db1c3c;border-right:1px solid #fff3;min-width:100px;padding:8px 6px;font-size:10px;font-weight:600}.data-row{background:#fff;border-top:1px solid #e0e0e0}.data-row:hover{background:#fafafa}.time-cell{text-align:center;vertical-align:middle;color:#333;white-space:nowrap;background:#f5f5f5;border-right:1px solid #ccc;min-width:60px;padding:10px 8px;font-weight:600}.data-cell{text-align:center;vertical-align:middle;color:#333;white-space:nowrap;background:#fff;border-right:1px solid #e0e0e0;min-width:80px;padding:10px 6px;font-size:12px}.data-cell:hover{background:#f9f9f9}.total-cell{color:#2d5aa0;background:#e8f0ff;font-weight:600}.total-cell:hover{background:#dfe8f7}.total-summary-row .time-cell{background:#eee}.empty-cell,.loading-cell{text-align:center;color:#999;padding:40px;font-style:italic}.metadata-info{color:#666;text-align:right;background:#f5f5f5;border-radius:6px;margin:0 40px 16px;padding:8px 12px;font-size:12px}@media (width<=1200px){.controls-section{padding:15px 20px}.table-title{margin-left:20px}.table-wrapper{margin:0 20px}.metadata-info{margin:0 20px 16px}}@media (width<=1024px){.controls-section{flex-direction:column;align-items:stretch;gap:12px}.controls-left,.controls-right{justify-content:flex-start;width:100%}.bang-chi-so-table{font-size:11px}}@media (width<=768px){.controls-section{gap:8px;padding:12px 16px}.controls-left,.controls-right{flex-direction:column;align-items:flex-start;gap:8px}.dropdown-container,.dropdown-toggle{width:100%}.table-title{margin-left:16px;font-size:14px}.table-wrapper{margin:0 16px}.data-cell{min-width:70px;padding:8px 4px}.time-cell{min-width:50px;padding:8px 6px}}:root{--green-dark:#2d6a4f;--green-mid:#40916c;--green-light:#d8f3dc;--green-header-bg:#52b788;--green-header-text:#fff;--pink-bg:#ffe0eb;--pink-header:#c9184a;--pink-header-text:#fff;--pink-cell:#fff0f5;--orange-bg:#fff3e0;--orange-header:#e07c24;--orange-header-text:#fff;--orange-cell:#fffaf4;--row-even:#fff;--row-odd:#f7fbf8;--row-hover:#eaf6ee;--border:#d4e9d9;--border-strong:#b7d5bf;--text-main:#1b3a2d;--text-muted:#6b8f74;--font-main:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "Fira Mono", monospace}.ckh-container{min-height:100vh;font-family:var(--font-main);background:#f4f9f5;flex-direction:column;padding:0;display:flex}.ckh-header{background:linear-gradient(135deg,#1b4332 0%,#2d6a4f 60%,#40916c 100%);border-bottom:3px solid #52b788;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px 18px;display:flex}.ckh-header-left{flex-direction:column;gap:4px;display:flex}.ckh-title{color:#fff;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:20px;font-weight:700}.ckh-subtitle{color:#95d5b2;margin:0;font-size:12px;font-style:italic}.ckh-header-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ckh-search{color:#fff;font-size:13px;font-family:var(--font-main);background:#ffffff1f;border:1.5px solid #ffffff4d;border-radius:8px;outline:none;width:220px;padding:9px 14px;transition:all .2s}.ckh-search::placeholder{color:#ffffff8c}.ckh-search:focus{background:#fff3;border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a}.ckh-select{color:#fff;font-size:13px;font-family:var(--font-main);cursor:pointer;background:#ffffff1f;border:1.5px solid #ffffff4d;border-radius:8px;outline:none;padding:9px 14px;transition:all .2s}.ckh-select option{color:#1b3a2d;background:#fff}.ckh-select:focus{background:#fff3;border-color:#fff9}.ckh-count{color:#d8f3dc;letter-spacing:.5px;white-space:nowrap;background:#ffffff2e;border:1px solid #fff3;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.ckh-table-wrapper{background:#f4f9f5;flex:1;padding:20px 24px;overflow:auto}.ckh-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.ckh-table-wrapper::-webkit-scrollbar-track{background:#e8f5ec;border-radius:4px}.ckh-table-wrapper::-webkit-scrollbar-thumb{background:#74c69d;border-radius:4px}.ckh-table-wrapper::-webkit-scrollbar-thumb:hover{background:#52b788}.ckh-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border-strong);background:#fff;border-radius:10px;width:100%;font-size:12px;overflow:hidden;box-shadow:0 2px 12px #2d6a4f1a}.ckh-th{text-align:center;vertical-align:middle;letter-spacing:.3px;white-space:nowrap;z-index:10;border-bottom:1px solid #ffffff26;border-right:1px solid #fff3;padding:11px 10px;font-size:11px;font-weight:700;line-height:1.4;position:sticky;top:0}.ckh-thead-group .ckh-th{letter-spacing:.5px;padding:13px 10px;font-size:12px}.ckh-thead-sub .ckh-th{padding:9px 8px;font-size:11px;font-weight:600;top:43px}.green-header{color:#fff;background:linear-gradient(#40916c,#2d6a4f)}.green-sub{color:#fff;background:linear-gradient(#52b788,#40916c)}.pink-header{color:#fff;background:linear-gradient(#e05780,#c9184a)}.orange-header,.orange-sub{color:#fff;background:linear-gradient(#f4a261,#e07c24)}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.sort-icon{opacity:.7;margin-left:4px;font-size:10px}.sort-icon.active{opacity:1;color:#d8f3dc}.sort-icon.neutral{opacity:.4}.ckh-row{transition:background .12s}.ckh-row.even{background:var(--row-even)}.ckh-row.odd{background:var(--row-odd)}.ckh-row:hover td{background:var(--row-hover)!important}.ckh-td{vertical-align:middle;border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-main);white-space:nowrap;padding:10px 9px;font-size:12px}.ckh-td:last-child{border-right:none}.fixed-col{z-index:5;border-right:1px solid var(--border-strong);min-width:80px;max-width:140px;position:sticky;left:0}.ckh-th.fixed-col:first-child,.ckh-td.fixed-col:first-child{min-width:110px;left:0;box-shadow:2px 0 4px #0000000a}.ckh-th.fixed-col:nth-child(2),.ckh-td.fixed-col:nth-child(2){min-width:70px;left:110px}.ckh-th.fixed-col:nth-child(3),.ckh-td.fixed-col:nth-child(3){min-width:90px;left:180px}.ckh-th.fixed-col:nth-child(4),.ckh-td.fixed-col:nth-child(4){min-width:70px;left:270px}.ckh-th.fixed-col:nth-child(5),.ckh-td.fixed-col:nth-child(5){min-width:80px;left:340px}.ckh-th.fixed-col:nth-child(6),.ckh-td.fixed-col:nth-child(6){border-right:2px solid var(--green-mid);min-width:90px;left:420px;box-shadow:3px 0 6px #2d6a4f1a}.pink-cell{background:var(--pink-cell)!important}.orange-cell{background:var(--orange-cell)!important}.grade-badge{font-size:11px;font-weight:700;font-family:var(--font-mono);background:color-mix(in srgb, var(--grade-color) 15%, white);color:var(--grade-color);border:1.5px solid color-mix(in srgb, var(--grade-color) 40%, transparent);letter-spacing:.3px;white-space:nowrap;border-radius:20px;padding:3px 10px;display:inline-block}.ckh-empty{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:14px;font-style:italic}@media (width<=1024px){.ckh-header{padding:16px 20px}.ckh-table-wrapper{padding:12px 16px}.ckh-title{font-size:16px}.ckh-search{width:160px}}@media (width<=768px){.ckh-header{flex-direction:column;align-items:flex-start}.ckh-header-right{width:100%}.ckh-search{flex:1;width:100%}.ckh-table-wrapper{padding:8px}}:root{--teal-dark:#0d4f4f;--teal-mid:#1a7a7a;--teal-light:#e0f5f5;--teal-cell:#f2fbfb;--navy-dark:#1a2744;--navy-mid:#243460;--navy-light:#e8ecf6;--navy-cell:#f4f6fb;--row-even:#fff;--row-odd:#f8fafb;--row-hover:#edf4f4;--border:#dce8e8;--border-navy:#cdd4e8;--text-main:#1a2744;--text-muted:#7a8aaa;--font-main:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "Fira Mono", monospace}.vcl-container{min-height:100vh;font-family:var(--font-main);background:#f0f4f8;flex-direction:column;display:flex}.vcl-header{background:linear-gradient(135deg,#0d2137 0%,#1a3a5c 55%,#1a7a7a 100%);border-bottom:3px solid #1a7a7a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px 18px;display:flex}.vcl-header-left{flex-direction:column;gap:4px;display:flex}.vcl-title{color:#fff;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:20px;font-weight:700}.vcl-subtitle{color:#7ecece;margin:0;font-size:12px;font-style:italic}.vcl-header-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.vcl-search{color:#fff;font-size:13px;font-family:var(--font-main);background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:8px;outline:none;width:220px;padding:9px 14px;transition:all .2s}.vcl-search::placeholder{color:#ffffff80}.vcl-search:focus{background:#ffffff2e;border-color:#ffffff8c;box-shadow:0 0 0 3px #ffffff14}.vcl-select{color:#fff;font-size:13px;font-family:var(--font-main);cursor:pointer;background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:8px;outline:none;padding:9px 14px;transition:all .2s}.vcl-select option{color:#1a2744;background:#fff}.vcl-select:focus{background:#ffffff2e;border-color:#ffffff8c}.vcl-count{color:#b2e4e4;letter-spacing:.4px;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff2e;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.vcl-table-wrapper{background:#f0f4f8;flex:1;padding:20px 24px;overflow:auto}.vcl-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.vcl-table-wrapper::-webkit-scrollbar-track{background:#dde6ec;border-radius:4px}.vcl-table-wrapper::-webkit-scrollbar-thumb{background:#1a7a7a;border-radius:4px}.vcl-table-wrapper::-webkit-scrollbar-thumb:hover{background:#0d4f4f}.vcl-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;font-size:12px;overflow:hidden;box-shadow:0 2px 14px #1a375c1a}.vcl-th{text-align:center;vertical-align:middle;letter-spacing:.3px;white-space:nowrap;z-index:10;border-bottom:1px solid #ffffff1f;border-right:1px solid #ffffff2e;padding:11px 10px;font-size:11px;font-weight:700;line-height:1.4;position:sticky;top:0}.vcl-thead-group .vcl-th{letter-spacing:.6px;padding:13px 10px;font-size:12px}.vcl-thead-sub .vcl-th{padding:9px 8px;font-size:11px;font-weight:600;top:43px}.dark-header{color:#fff;background:linear-gradient(#1a2744,#0d1a30)}.teal-header{color:#fff;background:linear-gradient(#1a7a7a,#0d4f4f)}.teal-sub{color:#fff;background:linear-gradient(#239090,#1a7a7a)}.navy-header{color:#fff;background:linear-gradient(#243460,#1a2744)}.navy-sub{color:#fff;background:linear-gradient(#2d3f78,#243460)}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{filter:brightness(1.12)}.vcl-sort{opacity:.5;margin-left:4px;font-size:10px}.vcl-sort.active{opacity:1;color:#9de4e4}.vcl-sort.neutral{opacity:.35}.fixed-col{z-index:5;min-width:80px;position:sticky;left:0;box-shadow:3px 0 6px #0d4f4f1f;border-right:2px solid var(--teal-mid)!important}.vcl-row{transition:background .1s}.vcl-row.even{background:var(--row-even)}.vcl-row.odd{background:var(--row-odd)}.vcl-row:hover td{background:var(--row-hover)!important}.vcl-td{vertical-align:middle;border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-main);white-space:nowrap;padding:10px 9px;font-size:12px}.vcl-td:last-child{border-right:none}.td-num{text-align:right;font-family:var(--font-mono);padding-right:12px;font-size:11.5px}.td-bold{font-weight:600}.td-code{font-family:var(--font-mono);color:var(--teal-dark);font-size:11px;font-weight:600}.td-center{text-align:center}.teal-cell{background:var(--teal-cell)!important;border-right-color:#c5e8e8!important}.navy-cell{background:var(--navy-cell)!important;border-right-color:var(--border-navy)!important}.vcl-badge{font-size:11px;font-weight:700;font-family:var(--font-mono);background:color-mix(in srgb, var(--gc) 14%, white);color:var(--gc);border:1.5px solid color-mix(in srgb, var(--gc) 38%, transparent);letter-spacing:.3px;white-space:nowrap;border-radius:20px;padding:3px 10px;display:inline-block}.vcl-empty{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:14px;font-style:italic}@media (width<=1024px){.vcl-header{padding:16px 20px}.vcl-table-wrapper{padding:12px 16px}.vcl-title{font-size:16px}.vcl-search{width:160px}}@media (width<=768px){.vcl-header{flex-direction:column;align-items:flex-start}.vcl-header-right{width:100%}.vcl-search{flex:1;width:100%}.vcl-table-wrapper{padding:8px}}:root{--red:#c0392b;--red-dark:#96281b;--red-light:#fdf2f1;--red-mid:#f5c6c2;--text-main:#1a1a2e;--text-sub:#6b7280;--text-light:#9ca3af;--bg-page:#f8f7f5;--bg-card:#fff;--border:#e5e7eb;--border-mid:#d1d5db;--row-hover:#fdf7f6;--row-sel:#fef2f1;--font:"Be Vietnam Pro", sans-serif;--mono:"JetBrains Mono", monospace;--radius:10px;--shadow:0 1px 3px #00000012, 0 4px 16px #0000000d}svg{flex-shrink:0;width:16px;height:16px;display:inline-block}.bg-page{background:var(--bg-page);min-height:100vh;font-family:var(--font)}.bg-navbar{border-bottom:1px solid var(--border);z-index:100;background:#fff;position:sticky;top:0}.bg-navbar-inner{justify-content:space-between;align-items:center;max-width:1440px;height:52px;margin:0 auto;padding:0 32px;display:flex}.bg-nav-links{align-items:center;gap:0;height:100%;display:flex}.bg-nav-item{height:100%;font-family:var(--font);color:var(--text-sub);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;margin-bottom:-1px;padding:0 18px;font-size:13.5px;font-weight:500;transition:color .15s,border-color .15s}.bg-nav-item:hover{color:var(--text-main)}.bg-nav-active{border-bottom-color:var(--red);font-weight:600;color:var(--red)!important}.bg-nav-icons{align-items:center;gap:4px;display:flex}.nav-icon-btn{width:34px;height:34px;color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.nav-icon-btn svg{width:18px;height:18px}.nav-icon-btn:hover{background:var(--bg-page);color:var(--text-main)}.bg-container{flex-direction:column;gap:20px;max-width:1440px;margin:0 auto;padding:28px 32px 48px;display:flex}.bg-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.bg-page-header-left{text-align:left;flex:1}.bg-title{color:var(--text-main);letter-spacing:-.5px;font-size:26px;font-weight:700;line-height:1.2}.bg-subtitle{color:var(--text-sub);margin-top:4px;font-size:13px;font-weight:400}.bg-page-header-right{align-items:center;gap:10px;display:flex}.btn-outline{border:1.5px solid var(--border-mid);color:var(--text-main);font-family:var(--font);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.btn-outline svg{width:15px;height:15px}.btn-outline:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.btn-export{color:var(--red);border-color:var(--red-mid);background:var(--red-light)}.btn-export:hover{border-color:var(--red);background:#fde8e6}.btn-primary{background:var(--red);color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #c0392b40}.btn-primary svg{width:15px;height:15px}.btn-primary:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 4px 14px #c0392b59}.bg-filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.bg-search-wrap{flex:1;min-width:240px;position:relative}.bg-search-icon{color:var(--text-light);display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.bg-search-icon svg{width:16px;height:16px}.bg-search-input{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;font-family:var(--font);color:var(--text-main);background:#fff;outline:none;height:40px;padding:10px 14px 10px 40px;font-size:13px;transition:border-color .18s,box-shadow .18s}.bg-search-input::placeholder{color:var(--text-light)}.bg-search-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.bg-date-group{align-items:flex-end;gap:10px;display:flex}.bg-date-wrap{flex-direction:column;gap:4px;display:flex}.bg-date-label{color:var(--text-light);letter-spacing:.7px;text-transform:uppercase;padding-left:2px;font-size:10px;font-weight:700}.bg-date-input{border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--font);color:var(--text-main);background:#fff;outline:none;min-width:160px;height:40px;padding:9px 12px;font-size:13px;transition:border-color .18s}.bg-date-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.btn-icon-filter{border-radius:var(--radius);border:1.5px solid var(--border);width:40px;height:40px;color:var(--text-sub);cursor:pointer;background:#fff;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.btn-icon-filter svg{width:15px;height:15px}.btn-icon-filter:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.bg-error-bar{background:var(--red-light);border:1px solid var(--red-mid);color:var(--red);border-radius:var(--radius);padding:10px 16px;font-size:13px;font-weight:500}.bg-table-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:6px;overflow:visible}.bg-table-wrap{overflow:auto visible}.bg-table-wrap::-webkit-scrollbar{height:6px}.bg-table-wrap::-webkit-scrollbar-track{background:#f3f4f6}.bg-table-wrap::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.bg-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--red-mid)}.bg-table{border-collapse:collapse;width:100%;font-size:13px}.bg-table thead tr{border-bottom:2px solid var(--border);background:#fafafa}.bg-table th{text-align:left;color:var(--text-sub);letter-spacing:.5px;text-transform:uppercase;border-right:1px solid var(--border);white-space:normal;word-break:keep-all;vertical-align:top;padding:11px 14px;font-size:11px;font-weight:700;line-height:1.35}.bg-table th:last-child{border-right:none}.th-check{text-align:center;white-space:nowrap;width:40px;padding:11px 0}.th-num{text-align:right}.th-action{text-align:center;white-space:nowrap}.bg-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.bg-table tbody tr:last-child{border-bottom:none}.bg-table tbody tr:hover{background:var(--row-hover)}.bg-table tbody tr.row-selected{background:var(--row-sel)}.bg-table td{color:var(--text-main);vertical-align:middle;white-space:nowrap;border-right:1px solid #f3f4f6;padding:12px 14px}.bg-table td:last-child{border-right:none}.td-check{text-align:center;width:40px;padding:12px 0;position:relative}.td-id{font-family:var(--mono);color:var(--red);font-size:12px;font-weight:600}.td-img{width:60px;padding:8px 12px}.td-name{white-space:normal;word-break:break-word;min-width:160px;font-weight:600}.td-sp{color:var(--text-sub);white-space:normal;word-break:break-word;min-width:140px}.td-num{text-align:right;font-family:var(--mono);font-size:12px}.td-highlight{color:var(--red);font-weight:600}.td-date{color:var(--text-sub);font-size:12px}.td-action{text-align:center;width:100px;position:relative;overflow:visible}.td-empty{text-align:center;color:var(--text-light);padding:48px;font-style:italic}.row-img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:44px;height:44px;display:block}.row-avatar{width:44px;height:44px;font-family:var(--font);letter-spacing:.3px;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.bg-checkbox{width:15px;height:15px;accent-color:var(--red);cursor:pointer}.status-badge{letter-spacing:.5px;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.badge-xuat{color:#c0392b;background:#fde8e6;border:1px solid #f5c6c2}.badge-cho{color:#d97706;background:#fef3cd;border:1px solid #fde68a}.badge-nhap{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.badge-huy{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;text-decoration:line-through}.action-btn{cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;margin:0 2px;transition:all .15s;display:inline-flex}.action-btn svg{width:14px;height:14px}.action-info{color:#3b82f6;background:#eff6ff}.action-info:hover{background:#dbeafe}.action-view{color:#16a34a;background:#f0fdf4}.action-view:hover{background:#dcfce7}.action-del{color:#c0392b;background:#fef2f1}.action-del:hover{background:#fde8e6}.loading-spin{border:2px solid var(--border);border-top-color:var(--red);vertical-align:middle;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.loading-spin-sm{border:2px solid var(--border);border-top-color:var(--red);vertical-align:middle;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin;display:inline-block}.bg-table-footer{border-top:1px solid var(--border);background:#fafafa;padding:12px 20px}.footer-count{color:var(--text-sub);font-size:12px;font-weight:500}.row-tooltip{color:var(--text-main);border:1.5px solid var(--border);white-space:normal;word-break:break-word;z-index:200;pointer-events:none;text-align:left;background:#fff;border-radius:6px;width:max-content;min-width:120px;max-width:320px;margin-bottom:10px;padding:8px 12px;font-size:12.5px;font-weight:500;line-height:1.4;position:absolute;bottom:100%;left:auto;right:0;box-shadow:0 4px 14px #00000026}.row-tooltip:before,.row-tooltip:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;position:absolute;right:14px}.row-tooltip:before{border-top:8px solid var(--text-main);top:100%}.row-tooltip:after{border-top:7px solid #fff;margin-top:-1px;top:100%}.row-tooltip-portal{color:var(--text-main);border:1.5px solid var(--border);white-space:normal;word-break:break-word;z-index:9999;pointer-events:none;text-align:left;background:#fff;border-radius:6px;width:max-content;min-width:120px;max-width:320px;padding:8px 12px;font-size:12.5px;font-weight:500;line-height:1.4;box-shadow:0 4px 14px #00000026}@media (width<=1024px){.bg-container{padding:24px 20px 40px}.bg-navbar-inner{padding:0 20px}}@media (width<=768px){.bg-page-header{flex-direction:column;align-items:flex-start}.bg-page-header-right{justify-content:flex-start;width:100%}.bg-filter-bar{flex-direction:column;align-items:stretch}.bg-date-group{flex-wrap:wrap}.bg-container{padding:20px 16px 40px}.bg-title{font-size:22px}.bg-nav-links{gap:0;overflow-x:auto}.bg-nav-item{padding:0 12px;font-size:12.5px}}.td-img{text-align:center}.td-img-thumb{object-fit:cover;border:1px solid #e5e7eb;border-radius:6px;width:36px;height:36px}.td-img-placeholder{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;width:36px;height:36px;margin:0 auto}.them-page{--red:#c0392b;--red-dark:#96281b;--red-light:#f5f2f2;--red-mid:#f5c6c2;--green:#16a34a;--green-light:#f0fdf4;--green-mid:#bbf7d0;--text-main:#1a1a2e;--text-sub:#6b7280;--text-light:#9ca3af;--bg-page:#f8f7f5;--bg-card:#fff;--border:#e5e7eb;--border-mid:#d1d5db;--font:"Be Vietnam Pro", sans-serif;--radius-card:12px;--shadow:0 1px 3px #0000000f, 0 4px 16px #0000000a;background:var(--bg-page);min-height:100vh;font-family:var(--font);max-width:1300px;margin:0 auto;padding:16px 40px 60px;transition:background .4s}.them-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.them-header-left{text-align:left;flex:1}.them-title{color:var(--text-main);letter-spacing:-.3px;font-size:22px;font-weight:700}.them-subtitle{color:var(--text-sub);margin-top:1px;font-size:12.5px}.them-header-right{align-items:center;gap:10px;display:flex}.save-error{color:#e53e3e;max-width:280px;margin-right:8px;font-size:.85rem}.btn-huy{border:1.5px solid var(--border-mid);color:var(--text-main);font-family:var(--font);cursor:pointer;background:#fff;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:500;transition:all .18s}.btn-huy:hover:not(:disabled){border-color:var(--red);color:var(--red);background:var(--red-light)}.btn-huy:disabled{opacity:.5;cursor:not-allowed}.btn-luu{background:var(--red);color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 24px;font-size:13px;font-weight:600;transition:background .3s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 8px #c0392b40}.btn-luu:hover:not(:disabled){background:var(--red-dark);transform:translateY(-1px);box-shadow:0 4px 14px #c0392b59}.btn-luu:disabled{cursor:not-allowed;opacity:.75}.btn-luu--success{animation:.35s cubic-bezier(.34,1.56,.64,1) btnPop;background:var(--green)!important;transform:none!important;box-shadow:0 2px 8px #16a34a4d!important}@keyframes btnPop{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}.btn-check{align-items:center;animation:.4s forwards checkDraw;display:inline-flex}.btn-check svg{width:15px;height:15px}@keyframes checkDraw{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.toast-success{z-index:99999;color:#fff;font-family:var(--font);pointer-events:none;white-space:nowrap;background:#16a34a;border-radius:40px;align-items:center;gap:10px;padding:13px 24px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) toastIn,.3s 1.25s forwards toastOut;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #16a34a66}.toast-icon{background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.toast-icon svg{stroke:#fff;width:13px;height:13px}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-16px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)scale(.95)}}.them-body{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.them-card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:20px;padding:22px 24px}.them-card:last-child{margin-bottom:0}.them-card-title{color:var(--red);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:14px;font-size:13.5px;font-weight:700;display:flex}.them-card-title svg{flex-shrink:0;width:15px;height:15px}.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text-main);text-align:left;font-size:12px;font-weight:600}.form-label-note{color:var(--text-light);font-weight:400}.req{color:var(--red)}.them-page .form-input{border:1.5px solid var(--red-mid);font-family:var(--font);color:var(--text-main);background:var(--red-light);outline:none;width:100%;padding:9px 16px;font-size:13px;transition:border-color .18s,box-shadow .18s;border-radius:999px!important}.them-page .form-input::placeholder{color:var(--text-light)}.them-page .form-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.phi-dv-group{margin-bottom:16px}.phi-dv-label{color:var(--text-sub);margin-bottom:5px;font-size:11.5px;font-weight:600;display:block}.form-input-highlight{background:var(--red-light);border-color:var(--red-mid);color:var(--red);border:1.5px solid var(--red-mid);width:100%;font-size:14px;font-weight:700;font-family:var(--font);border-radius:20px;outline:none;padding:10px 16px;transition:border-color .18s}.form-input-highlight:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b1a}.them-page .form-select{border:1.5px solid var(--red-mid);font-family:var(--font);color:var(--text-main);background:var(--red-light);cursor:pointer;appearance:auto;outline:none;width:100%;padding:9px 16px;font-size:13px;transition:border-color .18s;border-radius:999px!important}.them-page .form-select:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.them-page .form-select:disabled{opacity:.6;cursor:not-allowed}.form-textarea{border:1.5px solid var(--border);font-family:var(--font);color:var(--text-main);resize:vertical;background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:13px;line-height:1.6;transition:border-color .18s}.form-textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.form-textarea::placeholder{color:var(--text-light)}.upload-zone{border:1.5px dashed var(--red-mid);background:var(--red-light);cursor:pointer;color:var(--text-sub);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:72px;padding:14px;font-size:12px;transition:all .18s;display:flex}.upload-zone:hover{border-color:var(--red);color:var(--red)}.upload-zone svg{width:16px;height:16px}.upload-preview{object-fit:cover;border-radius:8px;width:56px;height:56px}.summary-card{position:static}.summary-title{justify-content:space-between!important;align-items:center!important;display:flex!important}.summary-list{flex-direction:column;display:flex}.summary-row{color:var(--text-sub);border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.summary-row:last-child{border-bottom:none}.summary-row span:last-child{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:500}.sum-red{color:var(--red)!important;font-weight:700!important}.summary-divider{background:var(--border);height:1px;margin:4px 0}.summary-row-highlight span:first-child{color:var(--red);letter-spacing:.2px;font-size:11px;font-weight:700}.summary-row-highlight span:last-child{font-weight:600}.them-summary-col{flex-direction:column;gap:16px;display:flex}@media (width<=1024px){.them-body{grid-template-columns:1fr}.them-page{padding:20px 20px 40px}}@media (width<=640px){.form-grid-2{grid-template-columns:1fr}.them-header{flex-direction:column}.them-page{padding:16px 16px 40px}}.section-label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-light);border-bottom:1px dashed var(--border);margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:700}.detail-loading{z-index:9998;font-family:var(--font);color:var(--text-sub);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffbf;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex;position:fixed;inset:0}.detail-spin{border:2.5px solid #e5e7eb;border-top-color:var(--red);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.sbd-page{--red:#c0392b;--red-dark:#96281b;--red-light:#f5f2f2;--red-mid:#f5c6c2;--text-main:#1a1a2e;--text-sub:#6b7280;--text-light:#9ca3af;--bg-page:#f8f7f5;--bg-card:#fff;--border:#e5e7eb;--border-mid:#d1d5db;--font:"Be Vietnam Pro", sans-serif;--radius-card:12px;--shadow:0 1px 3px #0000000f, 0 4px 16px #0000000a;background:var(--bg-page);min-height:100vh;font-family:var(--font);max-width:1300px;margin:0 auto;padding:16px 40px 60px}.sbd-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.sbd-header-left{text-align:left;flex:1}.sbd-title{color:var(--text-main);letter-spacing:-.3px;font-size:22px;font-weight:700}.sbd-subtitle{color:var(--text-sub);margin-top:1px;font-size:12.5px}.sbd-header-right{align-items:center;gap:10px;display:flex}.sbd-btn-huy{border:1.5px solid var(--border-mid);color:var(--text-main);font-family:var(--font);cursor:pointer;background:#fff;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:500;transition:all .18s}.sbd-btn-huy:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.sbd-btn-luu{background:var(--red);color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 24px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #c0392b40}.sbd-btn-luu:hover:not(:disabled){background:var(--red-dark);transform:translateY(-1px);box-shadow:0 4px 14px #c0392b59}.sbd-btn-luu:disabled{cursor:not-allowed;opacity:.75}.sbd-btn-luu--success{animation:.35s cubic-bezier(.34,1.56,.64,1) sbdBtnPop;background:#16a34a!important;transform:none!important;box-shadow:0 2px 8px #16a34a4d!important}@keyframes sbdBtnPop{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}.sbd-btn-check{align-items:center;animation:.4s forwards sbdCheckDraw;display:inline-flex}.sbd-btn-check svg{width:14px;height:14px}@keyframes sbdCheckDraw{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.sbd-save-error{color:var(--red);max-width:260px;font-size:12px;font-weight:500}.sbd-toast-success{z-index:99999;color:#fff;font-family:var(--font);pointer-events:none;white-space:nowrap;background:#16a34a;border-radius:40px;align-items:center;gap:10px;padding:13px 24px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) sbdToastIn,.3s 1.25s forwards sbdToastOut;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #16a34a66}.sbd-toast-icon{background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.sbd-toast-icon svg{stroke:#fff;width:13px;height:13px}@keyframes sbdToastIn{0%{opacity:0;transform:translate(-50%)translateY(-16px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes sbdToastOut{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)scale(.95)}}.sbd-detail-loading{z-index:9998;font-family:var(--font);color:var(--text-sub);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffbf;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex;position:fixed;inset:0}.sbd-detail-spin{border:2.5px solid #e5e7eb;border-top-color:var(--red);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.sbd-body{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.sbd-card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:20px;padding:22px 24px}.sbd-card:last-child{margin-bottom:0}.sbd-card-title{color:var(--red);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:14px;font-size:13.5px;font-weight:700;display:flex}.sbd-card-title svg{flex-shrink:0;width:15px;height:15px}.sbd-grid-1{grid-template-columns:1fr;gap:14px;margin-bottom:14px;display:grid}.sbd-grid-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.sbd-grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.sbd-grid-5{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px;display:grid}.sbd-grid-2-narrow{grid-template-columns:1fr 1fr;gap:14px;max-width:50%;margin-bottom:14px;display:grid}.sbd-group{flex-direction:column;gap:5px;display:flex}.sbd-label{color:var(--text-main);text-align:left;font-size:12px;font-weight:600}.sbd-label-red,.sbd-req{color:var(--red)}.sbd-page .sbd-input{border:1.5px solid var(--red-mid);font-family:var(--font);color:var(--text-main);background:var(--red-light);outline:none;width:100%;padding:9px 16px;font-size:13px;transition:border-color .18s,box-shadow .18s;border-radius:999px!important}.sbd-page .sbd-input::placeholder{color:var(--text-light)}.sbd-page .sbd-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.sbd-input-hl{background:var(--red-light)!important;border-color:var(--red-mid)!important;color:var(--text-main)!important;font-weight:700!important}.sbd-page .sbd-select{border:1.5px solid var(--red-mid);font-family:var(--font);color:var(--text-main);background:var(--red-light);cursor:pointer;appearance:auto;outline:none;width:100%;padding:9px 16px;font-size:13px;transition:border-color .18s;border-radius:999px!important}.sbd-page .sbd-select:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.sbd-textarea{border:1.5px solid var(--border);font-family:var(--font);color:var(--text-main);resize:vertical;background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:13px;line-height:1.6;transition:border-color .18s}.sbd-textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.sbd-textarea::placeholder{color:var(--text-light)}.sbd-upload{border:1.5px dashed var(--red-mid);background:var(--red-light);cursor:pointer;color:var(--text-sub);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:72px;padding:14px;font-size:12px;transition:all .18s;display:flex}.sbd-upload:hover{border-color:var(--red);color:var(--red)}.sbd-upload svg{width:16px;height:16px}.sbd-upload-preview{object-fit:cover;border-radius:8px;width:56px;height:56px}.sbd-upload-sm{min-height:44px!important;padding:8px!important}.sbd-summary-col{flex-direction:column;gap:16px;display:flex}.sbd-summary-card{position:static}.sbd-summary-title{justify-content:space-between!important;align-items:center!important;display:flex!important}.sbd-badge-auto{letter-spacing:.6px;background:var(--red);color:#fff;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700}.sbd-summary-list{flex-direction:column;display:flex}.sbd-sum-row{color:var(--text-sub);border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.sbd-sum-row:last-child{border-bottom:none}.sbd-sum-row span:last-child{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:500}.sbd-sum-red{color:var(--red)!important;font-weight:700!important}.sbd-divider{background:var(--border);height:1px;margin:4px 0}.sbd-sum-hl span:first-child{color:var(--red);letter-spacing:.2px;font-size:11px;font-weight:700}.sbd-sum-hl span:last-child{font-weight:600}.sbd-sum-tong{background:var(--red-light);border-radius:6px;margin-top:4px;padding:8px 4px!important}.sbd-sum-tong span:first-child{color:var(--red);font-size:12px;font-weight:800}.sbd-sp-block{border:1.5px solid var(--border);background:#fafafa;border-radius:10px;margin-bottom:14px;padding:16px}.sbd-sp-block:last-child{margin-bottom:0}.sbd-sp-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sbd-sp-label{color:var(--red);font-size:12px;font-weight:700}.sbd-btn-remove-sp{width:28px;height:28px;color:var(--red);cursor:pointer;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:6px;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.sbd-btn-remove-sp:hover{background:var(--red);color:#fff;border-color:var(--red)}.sbd-btn-remove-sp svg{width:13px;height:13px}.sbd-btn-them-sp{border:1.5px solid var(--red);color:var(--red);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);background:#fff;border-radius:20px;align-items:center;gap:5px;padding:5px 14px;transition:all .18s;display:inline-flex}.sbd-btn-them-sp:hover{background:var(--red);color:#fff}.sbd-btn-them-sp svg{width:12px;height:12px}@media (width<=1024px){.sbd-body{grid-template-columns:1fr}.sbd-page{padding:20px 20px 40px}}@media (width<=640px){.sbd-grid-2,.sbd-grid-3,.sbd-grid-5{grid-template-columns:1fr}.sbd-header{flex-direction:column}.sbd-page{padding:16px 16px 40px}}.btg-page{--red:#c0392b;--red-dark:#96281b;--red-light:#f5f2f2;--red-mid:#f5c6c2;--text-main:#1a1a2e;--text-sub:#6b7280;--text-light:#9ca3af;--bg-page:#f8f7f5;--bg-card:#fff;--border:#e5e7eb;--border-mid:#d1d5db;--font:"Be Vietnam Pro", sans-serif;--radius-card:12px;--shadow:0 1px 3px #0000000f, 0 4px 16px #0000000a;background:var(--bg-page);min-height:100vh;font-family:var(--font);max-width:1300px;margin:0 auto;padding:16px 40px 60px}.btg-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.btg-header-left{text-align:left;flex:1}.btg-title{color:var(--text-main);letter-spacing:-.3px;font-size:22px;font-weight:700}.btg-subtitle{color:var(--text-sub);margin-top:1px;font-size:12.5px}.btg-header-right{align-items:center;gap:10px;display:flex}.btg-btn-huy{border:1.5px solid var(--border-mid);color:var(--text-main);font-family:var(--font);cursor:pointer;background:#fff;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:500;transition:all .18s}.btg-btn-huy:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.btg-btn-luu{background:var(--red);color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:10px;padding:9px 24px;font-size:13px;font-weight:600;transition:all .18s;box-shadow:0 2px 8px #c0392b40}.btg-btn-luu:hover{background:var(--red-dark);transform:translateY(-1px)}.btg-body{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}.btg-card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:20px;padding:22px 24px}.btg-card:last-child{margin-bottom:0}.btg-card-title{color:var(--red);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:14px;font-size:13.5px;font-weight:700;display:flex}.btg-card-title svg{flex-shrink:0;width:15px;height:15px}.btg-card-title--space{justify-content:space-between}.btg-grid-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.btg-grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.btg-grid-4{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.btg-group{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.btg-group:last-child{margin-bottom:0}.btg-label{color:var(--text-main);text-align:left;font-size:12px;font-weight:600}.btg-label-red,.btg-req{color:var(--red)}.btg-page .btg-input{border:1.5px solid var(--red-mid);font-family:var(--font);color:var(--text-main);background:var(--red-light);outline:none;width:100%;padding:9px 16px;font-size:13px;transition:border-color .18s,box-shadow .18s;border-radius:999px!important}.btg-page .btg-input::placeholder{color:var(--text-light)}.btg-page .btg-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.btg-input-hl{border-color:var(--red)!important;color:var(--red)!important;background:#fde8e6!important;font-weight:700!important}.btg-input-suffix{align-items:center;display:flex;position:relative}.btg-input-suffix .btg-input,.btg-input-suffix .btg-input-hl{padding-right:36px}.btg-suffix{color:var(--text-sub);pointer-events:none;font-size:13px;font-weight:600;position:absolute;right:16px}.btg-suffix--red{color:var(--red)}.btg-page .btg-select{border:1.5px solid var(--red-mid);font-family:var(--font);color:var(--text-main);background:var(--red-light);cursor:pointer;appearance:auto;outline:none;width:100%;padding:9px 16px;font-size:13px;transition:border-color .18s;border-radius:999px!important}.btg-page .btg-select:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.btg-textarea{border:1.5px solid var(--border);font-family:var(--font);color:var(--text-main);resize:vertical;background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:13px;line-height:1.6;transition:border-color .18s}.btg-textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.btg-textarea::placeholder{color:var(--text-light)}.btg-upload{border:1.5px dashed var(--red-mid);background:var(--red-light);cursor:pointer;color:var(--text-sub);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:72px;padding:14px;font-size:12px;transition:all .18s;display:flex}.btg-upload:hover{border-color:var(--red);color:var(--red)}.btg-upload svg{width:16px;height:16px}.btg-upload-preview{object-fit:cover;border-radius:8px;width:56px;height:56px}.btg-section-label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-light);border-bottom:1px dashed var(--border);margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:700}.btg-summary-col{flex-direction:column;gap:16px;display:flex}.btg-summary-list{flex-direction:column;display:flex}.btg-sum-row{color:var(--text-sub);border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.btg-sum-row:last-child{border-bottom:none}.btg-sum-row span:last-child,.btg-sum-row-hl span:last-child{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:500}.btg-sum-row-hl{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.btg-sum-row-hl span:first-child{color:var(--red);letter-spacing:.2px;font-size:11px;font-weight:700}.btg-sum-red{color:var(--red)!important;font-weight:700!important}.btg-divider{background:var(--border);height:1px;margin:4px 0}.btg-sum-chenhlech{background:#fff8f7;border-radius:6px;justify-content:space-between;align-items:center;margin-top:4px;padding:8px 6px;display:flex}.btg-sum-chenhlech span:first-child{color:var(--red);font-size:11px;font-weight:700}.btg-badge{letter-spacing:.6px;background:var(--red);color:#fff;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700}@media (width<=1024px){.btg-body{grid-template-columns:1fr}.btg-page{padding:20px 20px 40px}}@media (width<=640px){.btg-grid-2,.btg-grid-3,.btg-grid-4{grid-template-columns:1fr}.btg-header{flex-direction:column}.btg-page{padding:16px 16px 40px}}.btg-save-error{color:#e53e3e;max-width:280px;margin-right:8px;font-size:.85rem}.btg-btn-luu{align-items:center;gap:6px;display:inline-flex}.btg-btn-luu:disabled{cursor:not-allowed;opacity:.75}.btg-btn-huy:disabled{opacity:.5;cursor:not-allowed}.btg-btn-luu--success{animation:.35s cubic-bezier(.34,1.56,.64,1) btgBtnPop;background:#16a34a!important;box-shadow:0 2px 8px #16a34a4d!important}@keyframes btgBtnPop{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}.btg-btn-check{align-items:center;animation:.4s forwards btgCheckDraw;display:inline-flex}.btg-btn-check svg{width:15px;height:15px}@keyframes btgCheckDraw{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.btg-toast-success{z-index:99999;color:#fff;font-family:var(--font);pointer-events:none;white-space:nowrap;background:#16a34a;border-radius:40px;align-items:center;gap:10px;padding:13px 24px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) btgToastIn,.3s 1.25s forwards btgToastOut;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #16a34a66}.btg-toast-icon{background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.btg-toast-icon svg{stroke:#fff;width:13px;height:13px}@keyframes btgToastIn{0%{opacity:0;transform:translate(-50%)translateY(-16px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes btgToastOut{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)scale(.95)}}.btg-detail-loading{z-index:9998;font-family:var(--font);color:var(--text-sub);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffbf;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex;position:fixed;inset:0}.btg-detail-spin{border:2.5px solid #e5e7eb;border-top-color:var(--red);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite btgSpin;display:inline-block}@keyframes btgSpin{to{transform:rotate(360deg)}}:root{--red:#c0392b;--red-dark:#96281b;--red-light:#f5f2f2;--red-mid:#f5c6c2;--green:#16a34a;--text-main:#1a1a2e;--text-sub:#6b7280;--text-light:#9ca3af;--bg-page:#f8f7f5;--bg-card:#fff;--border:#e5e7eb;--border-mid:#d1d5db;--font:"Be Vietnam Pro", sans-serif;--radius-card:12px;--shadow:0 1px 3px #0000000f, 0 4px 16px #0000000a}.tnd-page{background:var(--bg-page);min-height:100vh;font-family:var(--font);max-width:1300px;margin:0 auto;padding:16px 40px 60px}.tnd-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.tnd-header-left{text-align:left;flex:1}.tnd-title{color:var(--text-main);letter-spacing:-.3px;font-size:22px;font-weight:700}.tnd-subtitle{color:var(--text-sub);margin-top:1px;font-size:12.5px}.tnd-header-right{align-items:center;gap:10px;display:flex}.tnd-save-error{color:#e53e3e;max-width:280px;margin-right:8px;font-size:.85rem}.tnd-btn-huy{border:1.5px solid var(--border-mid);color:var(--text-main);font-family:var(--font);cursor:pointer;background:#fff;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:500;transition:all .18s}.tnd-btn-huy:hover:not(:disabled){border-color:var(--red);color:var(--red);background:var(--red-light)}.tnd-btn-huy:disabled{opacity:.5;cursor:not-allowed}.tnd-btn-luu{background:var(--red);color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 24px;font-size:13px;font-weight:600;transition:background .3s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 8px #c0392b40}.tnd-btn-luu:hover:not(:disabled){background:var(--red-dark);transform:translateY(-1px)}.tnd-btn-luu:disabled{cursor:not-allowed;opacity:.75}.tnd-btn-luu--success{animation:.35s cubic-bezier(.34,1.56,.64,1) tndBtnPop;background:var(--green)!important;transform:none!important;box-shadow:0 2px 8px #16a34a4d!important}@keyframes tndBtnPop{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}.tnd-btn-check{align-items:center;animation:.4s forwards tndCheckDraw;display:inline-flex}.tnd-btn-check svg{width:15px;height:15px}@keyframes tndCheckDraw{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.tnd-toast-success{z-index:99999;background:var(--green);color:#fff;font-family:var(--font);pointer-events:none;white-space:nowrap;border-radius:40px;align-items:center;gap:10px;padding:13px 24px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) tndToastIn,.3s 1.25s forwards tndToastOut;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #16a34a66}.tnd-toast-icon{background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.tnd-toast-icon svg{stroke:#fff;width:13px;height:13px}@keyframes tndToastIn{0%{opacity:0;transform:translate(-50%)translateY(-16px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes tndToastOut{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)scale(.95)}}.tnd-detail-loading{z-index:9998;font-family:var(--font);color:var(--text-sub);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffbf;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex;position:fixed;inset:0}.tnd-detail-spin{border:2.5px solid #e5e7eb;border-top-color:var(--red);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite tndSpin;display:inline-block}@keyframes tndSpin{to{transform:rotate(360deg)}}.tnd-body{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.tnd-card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:20px;padding:22px 24px}.tnd-card:last-child{margin-bottom:0}.tnd-card-title{color:var(--red);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:14px;font-size:13.5px;font-weight:700;display:flex}.tnd-card-title svg{flex-shrink:0;width:15px;height:15px}.tnd-grid-2,.tnd-grid-half{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.tnd-group{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.tnd-group:last-child{margin-bottom:0}.tnd-label{color:var(--text-main);text-align:left;font-size:12px;font-weight:600}.tnd-label-red,.tnd-req{color:var(--red)}.tnd-page .tnd-input{border:1.5px solid var(--red-mid);font-family:var(--font);color:var(--text-main);background:var(--red-light);outline:none;width:100%;padding:9px 16px;font-size:13px;transition:border-color .18s,box-shadow .18s;border-radius:999px!important}.tnd-page .tnd-input::placeholder{color:var(--text-light)}.tnd-page .tnd-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.tnd-input-suffix{align-items:center;display:flex;position:relative}.tnd-input-suffix .tnd-input{padding-right:36px}.tnd-suffix{color:var(--text-sub);pointer-events:none;font-size:13px;font-weight:600;position:absolute;right:16px}.tnd-page .tnd-select{border:1.5px solid var(--red-mid);font-family:var(--font);color:var(--text-main);background:var(--red-light);cursor:pointer;appearance:auto;outline:none;width:100%;padding:9px 16px;font-size:13px;transition:border-color .18s;border-radius:999px!important}.tnd-page .tnd-select:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.tnd-page .tnd-select:disabled{opacity:.6;cursor:not-allowed}.tnd-textarea{border:1.5px solid var(--border);font-family:var(--font);color:var(--text-main);resize:vertical;background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:13px;line-height:1.6;transition:border-color .18s}.tnd-textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.tnd-textarea::placeholder{color:var(--text-light)}.tnd-upload{border:1.5px dashed var(--red-mid);background:var(--red-light);cursor:pointer;color:var(--text-sub);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:72px;padding:14px;font-size:12px;transition:all .18s;display:flex}.tnd-upload:hover{border-color:var(--red);color:var(--red)}.tnd-upload svg{width:16px;height:16px}.tnd-upload-preview{object-fit:cover;border-radius:8px;width:56px;height:56px}.tnd-summary-col{flex-direction:column;gap:16px;display:flex}.tnd-summary-card{position:static}.tnd-summary-title{justify-content:space-between!important;align-items:center!important;display:flex!important}.tnd-badge{letter-spacing:.6px;background:var(--red);color:#fff;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700}.tnd-summary-list{flex-direction:column;display:flex}.tnd-sum-row{color:var(--text-sub);border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:7px 0;font-size:12px;display:flex}.tnd-sum-row:last-child{border-bottom:none}.tnd-sum-row span:last-child{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:500}.tnd-sum-red{color:var(--red)!important;font-weight:700!important}.tnd-divider{background:var(--border);height:1px;margin:4px 0}.tnd-sum-hl span:first-child{color:var(--red);letter-spacing:.2px;font-size:11px;font-weight:700}.tnd-sum-hl span:last-child{font-weight:600}.tnd-sum-coc{background:var(--red-light);border-radius:6px;justify-content:space-between;align-items:center;margin-top:4px;padding:8px 6px;display:flex}.tnd-sum-coc span:first-child{color:var(--red);font-size:11px;font-weight:700}@media (width<=1024px){.tnd-body{grid-template-columns:1fr}.tnd-page{padding:20px 20px 40px}}@media (width<=640px){.tnd-grid-2,.tnd-grid-half{grid-template-columns:1fr}.tnd-header{flex-direction:column}.tnd-page{padding:16px 16px 40px}}.fbg-page{--red:#c0392b;--red-dark:#96281b;--red-light:#fdf2f1;--navy:#1a237e;--navy-dark:#0d1b5e;--yellow:#f5a623;--yellow-light:#fef9ec;--text-main:#1a1a2e;--text-sub:#6b7280;--border:#e5e7eb;--bg-page:#f8f7f5;--font:"Roboto", sans-serif;--shadow:0 2px 8px #00000014, 0 8px 32px #0000000f;background:var(--bg-page);min-height:100vh;font-family:var(--font);max-width:1500px;margin:0 auto;padding:24px 32px 48px}.fbg-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.fbg-header-left{text-align:left;flex:1}.fbg-title{color:var(--text-main);letter-spacing:-.3px;font-size:22px;font-weight:700}.fbg-subtitle{color:var(--text-sub);margin-top:2px;font-size:12.5px}.fbg-item-count{color:var(--red);font-weight:600}.fbg-header-right{align-items:center;gap:10px;display:flex}.fbg-btn-back{color:var(--text-main);font-family:var(--font);cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.fbg-btn-back svg{width:15px;height:15px}.fbg-btn-back:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.fbg-btn-export{background:var(--red);color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #c0392b40}.fbg-btn-export svg{width:15px;height:15px}.fbg-btn-export:hover{background:var(--red-dark);transform:translateY(-1px)}.fbg-paper{box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:14px;padding:20px 24px;display:flex}.fbg-company-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.fbg-logo-area{flex:1;align-items:flex-start;gap:14px;display:flex}.fbg-logo-box{flex-shrink:0}.fbg-logo-img{justify-content:center;align-items:center;width:80px;height:60px;display:flex;overflow:hidden}.fbg-logo-real{object-fit:contain;width:80px;height:60px;display:block}.fbg-company-name{color:var(--red);text-transform:uppercase;margin-bottom:6px;font-size:13.5px;font-weight:800;line-height:1.3}.fbg-company-details p{color:var(--text-sub);text-align:left;font-size:11px;line-height:1.9}.fbg-info-table{flex-shrink:0;min-width:210px}.fbg-info-tbl{border-collapse:collapse;border:1.5px solid var(--navy);width:100%;font-size:11px}.fbg-info-tbl th{background:var(--navy);color:#fff;text-align:center;letter-spacing:.4px;border:1.5px solid var(--navy);padding:6px 10px;font-size:10px;font-weight:700}.fbg-info-tbl td{text-align:center;border:1.5px solid var(--navy);color:var(--text-main);background:#fff;min-width:120px;height:22px;padding:4px 10px;font-size:11px}.fbg-cuoc-label{letter-spacing:.4px;text-align:center;font-weight:700;color:#1a1a2e!important;background:#f5e642!important;font-size:10px!important}.fbg-cuoc-val{color:var(--text-main);font-weight:600;text-align:right!important;padding-right:8px!important}.fbg-luu-y{text-align:left;background:#fff;border:1.5px solid #1a237e;border-radius:4px;padding:10px 14px}.fbg-luu-y-title{color:var(--text-main);letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:800}.fbg-luu-y p{color:var(--text-main);text-align:left;font-size:10.5px;line-height:1.8}.fbg-table-wrap{overflow-x:auto}.fbg-table-wrap::-webkit-scrollbar{height:5px}.fbg-table-wrap::-webkit-scrollbar-track{background:#f3f4f6}.fbg-table-wrap::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.fbg-main-table{border-collapse:collapse;white-space:nowrap;border:1px solid #bbb;width:100%;font-size:10px}.fbg-main-table th,.fbg-main-table td{text-align:center;vertical-align:middle;border:1px solid #bbb;padding:5px 6px}.fbg-th-base{background:var(--navy);color:#fff;letter-spacing:.3px;white-space:normal;max-width:60px;font-size:9px;font-weight:700;line-height:1.3}.fbg-th-yellow{color:#1a1a2e;background:#f5c518;font-size:9px;font-weight:700}.fbg-th-yellow-group{color:#1a1a2e;letter-spacing:.3px;background:#f5c518;font-size:10px;font-weight:800}.fbg-th-red-group{background:var(--red);color:#fff;letter-spacing:.3px;font-size:10px;font-weight:800}.fbg-th-white-group{background:var(--navy);color:#fff;letter-spacing:.3px;border-bottom:1px solid #bbb;font-size:10px;font-weight:800}.fbg-sub-yellow{color:#1a1a2e;white-space:normal;background:#f5c518;max-width:55px;font-size:8.5px;font-weight:700;line-height:1.3}.fbg-sub-red{color:var(--red);white-space:normal;background:#fde8e6;max-width:55px;font-size:8.5px;font-weight:700;line-height:1.3}.fbg-sub-dark{color:#fff;background:#c0392b}.fbg-sub-white{background:var(--navy);color:#fff;white-space:normal;max-width:55px;font-size:8.5px;font-weight:700;line-height:1.3}.fbg-data-row td{height:40px;color:var(--text-main);background:#fff;font-size:11px}.fbg-data-row:nth-child(2n) td{background:#fafafa}.fbg-td-img{padding:3px!important}.fbg-img-placeholder{border:1px solid var(--border);background:#f3f4f6;border-radius:3px;width:36px;height:32px;margin:0 auto}.fbg-img-real{object-fit:cover;border-radius:3px;width:36px;height:32px;margin:0 auto;display:block}.fbg-td-left{white-space:normal;word-break:break-word;min-width:120px;max-width:180px;text-align:left!important}.fbg-sum-row td{font-size:10.5px;font-weight:700}.fbg-sum-label{text-align:right;color:#fff;letter-spacing:.3px;font-size:10px;font-weight:700;background:var(--navy)!important;padding:6px 12px!important}.fbg-sum-val{text-align:center;color:var(--text-main);font-family:monospace;font-size:12.5px;font-weight:600;background:#82b0d4!important}.fbg-pay-row td{font-size:10px;font-weight:700}.fbg-pay-1 .fbg-pay-label{text-align:center;color:#fff;letter-spacing:.3px;background:var(--red)!important;padding:6px 12px!important}.fbg-pay-1 .fbg-pay-val{color:var(--red);text-align:center;font-family:monospace;font-size:12px;font-weight:700;background:#fde8e6!important}.fbg-pay-2 .fbg-pay-label{text-align:center;color:#fff;letter-spacing:.3px;background:#8b0000!important;padding:6px 12px!important}.fbg-pay-2 .fbg-pay-val{color:var(--red);text-align:center;font-family:monospace;font-size:12px;font-weight:700;background:#fde8e6!important}@media (width<=768px){.fbg-page{padding:16px 16px 40px}.fbg-company-header{flex-direction:column}.fbg-header{flex-direction:column;align-items:flex-start}}.fbsd-page{--red:#c0392b;--red-dark:#96281b;--red-light:#fdf2f1;--navy:#1a237e;--navy-light:#e8eaf6;--yellow:#f5c518;--yellow-light:#fffde7;--text-main:#1a1a2e;--text-sub:#6b7280;--border:#e5e7eb;--bg-page:#f8f7f5;--font:"Roboto", sans-serif;--shadow:0 2px 8px #00000014, 0 8px 32px #0000000f;background:var(--bg-page);min-height:100vh;font-family:var(--font);max-width:1100px;margin:0 auto;padding:16px 20px 32px}.fbsd-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.fbsd-header-left{text-align:left;flex:1}.fbsd-title{color:var(--text-main);letter-spacing:-.3px;font-size:20px;font-weight:700}.fbsd-subtitle{color:var(--text-sub);margin-top:2px;font-size:12px}.fbsd-item-count{color:var(--red);font-weight:600}.fbsd-header-right{align-items:center;gap:10px;display:flex}.fbsd-btn-back{color:var(--text-main);font-family:var(--font);cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:500;transition:all .18s;display:inline-flex}.fbsd-btn-back svg{width:14px;height:14px}.fbsd-btn-back:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.fbsd-btn-export{background:var(--red);color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #c0392b40}.fbsd-btn-export svg{width:14px;height:14px}.fbsd-btn-export:hover{background:var(--red-dark);transform:translateY(-1px)}.fbsd-paper{box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.fbsd-company-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.fbsd-logo-area{flex:1;align-items:flex-start;gap:10px;display:flex}.fbsd-logo-img{flex-shrink:0;justify-content:center;align-items:center;width:100px;height:80px;display:flex}.fbsd-logo-real{object-fit:contain;width:100px;height:80px;display:block}.fbsd-company-name{color:var(--red);text-transform:uppercase;letter-spacing:.1px;margin-bottom:5px;font-size:20px;font-weight:900;line-height:1.2}.fbsd-company-details p{color:#333;text-align:left;font-size:9.5px;line-height:1.8}.fbsd-info-area{flex-direction:column;flex-shrink:0;gap:4px;min-width:300px;display:flex}.fbsd-info-tbl{border-collapse:collapse;border:1.5px solid var(--navy);width:100%;font-size:10px}.fbsd-info-tbl th{background:var(--navy);color:#fff;text-align:center;letter-spacing:.4px;border:1px solid var(--navy);padding:5px 8px;font-size:9px;font-weight:700}.fbsd-info-tbl td{text-align:center;border:1px solid var(--navy);color:var(--text-main);background:#fff;min-width:60px;height:22px;padding:4px 8px;font-size:10px;font-weight:500}.fbsd-table-wrap{overflow-x:auto}.fbsd-table-wrap::-webkit-scrollbar{height:4px}.fbsd-table-wrap::-webkit-scrollbar-track{background:#f3f4f6}.fbsd-table-wrap::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.fbsd-main-table{border-collapse:collapse;border:1px solid #bbb;width:100%;font-size:9.5px}.fbsd-main-table th,.fbsd-main-table td{text-align:center;vertical-align:middle;border:1px solid #bbb;padding:4px 5px}.fbsd-section-title{text-align:center;letter-spacing:.5px;font-size:11px;font-weight:800;border:1px solid #bbb!important;padding:6px!important}.fbsd-title-yellow{color:#1a1a2e;background:var(--yellow)!important}.fbsd-col-header th{background:var(--navy);color:#fff;white-space:normal;padding:5px 4px;font-size:8.5px;font-weight:700;line-height:1.3}.fbsd-main-table .fbsd-col-header th:first-child,.fbsd-main-table .fbsd-data-row td:first-child,.fbsd-th-stt,.fbsd-td-stt{white-space:nowrap;overflow:hidden;width:24px!important;min-width:24px!important;max-width:24px!important;padding-left:1px!important;padding-right:1px!important}.fbsd-th-wide{min-width:140px}.fbsd-th-wide2{min-width:180px}.fbsd-group-header td{text-align:center;letter-spacing:.3px;color:#fff;font-size:9.5px;font-weight:800;padding:5px 6px!important}.fbsd-group-a td{background:var(--navy)!important}.fbsd-group-b td,.fbsd-group-c td,.fbsd-group-d td,.fbsd-group-e td{background:#1565c0!important}.fbsd-data-row td{height:30px;color:var(--text-main);background:#fff;font-size:9.5px}.fbsd-data-row:nth-child(2n) td{background:#fafafa}.fbsd-td-img{padding:2px!important}.fbsd-img-placeholder{border:1px solid var(--border);background:#f3f4f6;border-radius:3px;width:30px;height:26px;margin:0 auto}.fbsd-img-real{object-fit:cover;border-radius:3px;width:30px;height:26px;margin:0 auto;display:block}.fbsd-td-left{white-space:normal;word-break:break-word;min-width:140px;text-align:left!important}.fbsd-td-note{white-space:normal;word-break:break-word;min-width:100px;max-width:160px;line-height:1.3;text-align:left!important;color:var(--text-sub)!important;font-size:8.5px!important}.fbsd-td-note-center{white-space:normal;word-break:break-word;line-height:1.3;text-align:center!important;color:var(--text-sub)!important;font-size:8.5px!important}.fbsd-sum-table{border-collapse:collapse;border:1px solid #bbb;width:100%;font-size:10px}.fbsd-sum-table th,.fbsd-sum-table td{vertical-align:middle;border:1px solid #bbb;padding:5px 10px}.fbsd-sum-row td:first-child{text-align:left;letter-spacing:.2px;width:75%;font-weight:700}.fbsd-sum-row td:last-child{text-align:right;min-width:120px;font-family:monospace;font-size:11px;font-weight:600}.fbsd-sum-navy td{background:var(--navy)!important;color:#fff!important}.fbsd-sum-yellow td{background:var(--yellow)!important;color:#1a1a2e!important;font-weight:800!important}.fbsd-tong-cong-wrap{border:2px solid var(--navy);border-radius:5px;flex-direction:column;align-items:stretch;display:flex;overflow:hidden}.fbsd-tong-cong-box{background:var(--navy);color:#fff;justify-content:center;align-items:center;gap:14px;padding:10px 16px;display:flex}.fbsd-tong-cong-title{letter-spacing:1px;font-size:16px;font-weight:900}.fbsd-tong-cong-val{color:var(--yellow);font-family:monospace;font-size:16px;font-weight:700}.fbsd-thanh-toan-box{background:var(--navy-light)}.fbsd-tt-row{color:var(--navy);text-align:center;border-top:1px solid #c5cae9;justify-content:center;align-items:center;gap:10px;padding:6px 16px;font-size:10.5px;font-weight:700;display:flex}.fbsd-tt-row span{color:var(--red);font-family:monospace;font-size:11px;font-weight:600}.fbsd-luu-y{border:1px solid var(--border);background:#f9fafb;border-radius:5px;padding:8px 12px}.fbsd-luu-y p{color:var(--text-sub);text-align:left;font-size:9.5px;line-height:1.8}@media (width<=768px){.fbsd-page{padding:12px 12px 24px}.fbsd-company-header{flex-direction:column}.fbsd-header{flex-direction:column;align-items:flex-start}.fbsd-info-area{min-width:unset;width:100%}}.fbsd-main-table[style*=fixed] td,.fbsd-main-table[style*=fixed] th{word-break:break-word;white-space:normal;overflow:hidden}.fbtg-page{--red:#c0392b;--red-dark:#96281b;--red-light:#fdf2f1;--navy:#1a237e;--orange:#e67e22;--orange-light:#fef5ec;--text-main:#1a1a2e;--text-sub:#6b7280;--border:#e5e7eb;--bg-page:#f8f7f5;--font:"Roboto", sans-serif;--shadow:0 2px 8px #00000014, 0 8px 32px #0000000f;background:var(--bg-page);min-height:100vh;font-family:var(--font);max-width:1600px;margin:0 auto;padding:24px 32px 48px}.fbtg-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.fbtg-header-left{text-align:left;flex:1}.fbtg-title{color:var(--text-main);letter-spacing:-.3px;font-size:22px;font-weight:700}.fbtg-subtitle{color:var(--text-sub);margin-top:2px;font-size:12.5px}.fbtg-item-count{color:var(--red);font-weight:600}.fbtg-header-right{align-items:center;gap:10px;display:flex}.fbtg-btn-back{color:var(--text-main);font-family:var(--font);cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.fbtg-btn-back svg{width:15px;height:15px}.fbtg-btn-back:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.fbtg-btn-export{background:var(--red);color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #c0392b40}.fbtg-btn-export svg{width:15px;height:15px}.fbtg-btn-export:hover{background:var(--red-dark);transform:translateY(-1px)}.fbtg-paper{box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:14px;padding:20px 24px;display:flex}.fbtg-company-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.fbtg-logo-area{flex:1;align-items:flex-start;gap:14px;display:flex}.fbtg-logo-box{flex-shrink:0}.fbtg-logo-img{justify-content:center;align-items:center;width:80px;height:60px;display:flex;overflow:hidden}.fbtg-logo-real{object-fit:contain;width:80px;height:60px;display:block}.fbtg-company-name{color:var(--red);text-transform:uppercase;margin-bottom:6px;font-size:13.5px;font-weight:800;line-height:1.3}.fbtg-company-details p{color:var(--text-sub);text-align:left;font-size:11px;line-height:1.9}.fbtg-info-table{flex-shrink:0;min-width:210px}.fbtg-info-tbl{border-collapse:collapse;border:1.5px solid var(--navy);width:100%;font-size:11px}.fbtg-info-tbl th{background:var(--navy);color:#fff;text-align:center;letter-spacing:.4px;border:1.5px solid var(--navy);padding:6px 10px;font-size:10px;font-weight:700}.fbtg-info-tbl td{text-align:center;border:1.5px solid var(--navy);color:var(--text-main);background:#fff;min-width:120px;height:22px;padding:4px 10px;font-size:11px}.fbtg-cuoc-label{text-align:center;font-weight:700;color:#1a1a2e!important;background:#f5e642!important;font-size:10px!important}.fbtg-cuoc-val{font-weight:600;text-align:right!important;padding-right:8px!important}.fbtg-luu-y{border:1.5px solid var(--navy);text-align:left;background:#fff;border-radius:4px;padding:10px 14px}.fbtg-luu-y-title{color:var(--text-main);letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:800}.fbtg-luu-y p{color:var(--text-main);font-size:10.5px;line-height:1.8}.fbtg-table-wrap{overflow-x:auto}.fbtg-table-wrap::-webkit-scrollbar{height:5px}.fbtg-table-wrap::-webkit-scrollbar-track{background:#f3f4f6}.fbtg-table-wrap::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.fbtg-main-table{border-collapse:collapse;white-space:nowrap;border:1px solid #bbb;width:100%;font-size:10px}.fbtg-main-table th,.fbtg-main-table td{text-align:center;vertical-align:middle;border:1px solid #bbb;padding:5px 6px}.fbtg-th-base{background:var(--navy);color:#fff;white-space:normal;max-width:60px;font-size:9px;font-weight:700;line-height:1.3}.fbtg-th-sp{min-width:110px}.fbtg-th-yellow-group{color:#1a1a2e;background:#f5c518;font-size:10px;font-weight:800}.fbtg-th-red-group{background:var(--red);color:#fff;font-size:10px;font-weight:800}.fbtg-th-orange-group{background:var(--orange);color:#fff;font-size:10px;font-weight:800}.fbtg-th-navy-group{background:var(--navy);color:#fff;font-size:10px;font-weight:800}.fbtg-sub-yellow{color:#1a1a2e;white-space:normal;background:#f5c518;max-width:55px;font-size:8.5px;font-weight:700;line-height:1.3}.fbtg-sub-dark{color:#fff;white-space:normal;background:#c0392b;max-width:55px;font-size:8.5px;font-weight:700;line-height:1.3}.fbtg-sub-orange{background:var(--orange);color:#fff;white-space:normal;max-width:55px;font-size:8.5px;font-weight:700;line-height:1.3}.fbtg-sub-navy{background:var(--navy);color:#fff;white-space:normal;max-width:55px;font-size:8.5px;font-weight:700;line-height:1.3}.fbtg-data-row td{height:40px;color:var(--text-main);background:#fff;font-size:11px}.fbtg-data-row:nth-child(2n) td{background:#fafafa}.fbtg-td-img{padding:3px!important}.fbtg-img-placeholder{border:1px solid var(--border);background:#f3f4f6;border-radius:3px;width:36px;height:32px;margin:0 auto}.fbtg-img-real{object-fit:cover;border-radius:3px;width:36px;height:32px;margin:0 auto;display:block}.fbtg-td-left{white-space:normal;word-break:break-word;min-width:110px;max-width:160px;text-align:left!important}.fbtg-sum-row td{font-size:10.5px;font-weight:700}.fbtg-sum-label{text-align:right;color:#fff;letter-spacing:.3px;font-size:10px;font-weight:700;background:var(--navy)!important;padding:6px 12px!important}.fbtg-sum-val{text-align:center;color:var(--text-main);font-family:monospace;font-size:12.5px;font-weight:600;background:#82b0d4!important}.fbtg-pay-row td{font-size:10px;font-weight:700}.fbtg-pay-1 .fbtg-pay-label{text-align:center;color:#fff;letter-spacing:.3px;background:var(--red)!important;padding:6px 12px!important}.fbtg-pay-1 .fbtg-pay-val{color:var(--red);text-align:center;font-family:monospace;font-size:12px;font-weight:700;background:#fde8e6!important}.fbtg-pay-2 .fbtg-pay-label{text-align:center;color:#fff;letter-spacing:.3px;background:#8b0000!important;padding:6px 12px!important}.fbtg-pay-2 .fbtg-pay-val{color:var(--red);text-align:center;font-family:monospace;font-size:12px;font-weight:700;background:#fde8e6!important}.fbtg-pay-3 .fbtg-pay-label{text-align:center;color:#fff;letter-spacing:.3px;font-weight:700;background:var(--orange)!important;padding:6px 12px!important}.fbtg-pay-3 .fbtg-pay-val{color:var(--orange);text-align:center;font-family:monospace;font-size:12px;font-weight:700;background:var(--orange-light)!important}@media (width<=768px){.fbtg-page{padding:16px 16px 40px}.fbtg-company-header{flex-direction:column}.fbtg-header{flex-direction:column;align-items:flex-start}}*{box-sizing:border-box;margin:0;padding:0}.ftnd-page{--red:#c0392b;--red-dark:#96281b;--red-light:#fdf2f1;--navy:#1a237e;--orange:#e67e22;--orange-light:#fef5ec;--text-main:#1a1a2e;--text-sub:#6b7280;--border:#e5e7eb;--bg-page:#f8f7f5;--font:"Roboto", sans-serif;--shadow:0 2px 8px #00000014, 0 8px 32px #0000000f;background:var(--bg-page);min-height:100vh;font-family:var(--font);max-width:1600px;margin:0 auto;padding:24px 32px 48px}.ftnd-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ftnd-header-left{text-align:left;flex:1}.ftnd-title{color:var(--text-main);letter-spacing:-.3px;font-size:22px;font-weight:700}.ftnd-subtitle{color:var(--text-sub);margin-top:2px;font-size:12.5px}.ftnd-item-count{color:var(--red);font-weight:600}.ftnd-header-right{align-items:center;gap:10px;display:flex}.ftnd-btn-back{color:var(--text-main);font-family:var(--font);cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.ftnd-btn-back svg{width:15px;height:15px}.ftnd-btn-back:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.ftnd-btn-export{background:var(--red);color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #c0392b40}.ftnd-btn-export svg{width:15px;height:15px}.ftnd-btn-export:hover{background:var(--red-dark);transform:translateY(-1px)}.ftnd-paper{box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:14px;padding:20px 24px;display:flex}.ftnd-company-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.ftnd-logo-area{flex:1;align-items:flex-start;gap:14px;display:flex}.ftnd-logo-box{flex-shrink:0}.ftnd-logo-img{justify-content:center;align-items:center;width:80px;height:60px;display:flex;overflow:hidden}.ftnd-logo-real{object-fit:contain;width:80px;height:60px;display:block}.ftnd-company-name{color:var(--red);text-transform:uppercase;margin-bottom:6px;font-size:13.5px;font-weight:800;line-height:1.3}.ftnd-company-details p{color:var(--text-sub);text-align:left;font-size:11px;line-height:1.9}.ftnd-info-table{flex-shrink:0;min-width:210px}.ftnd-info-tbl{border-collapse:collapse;border:1.5px solid var(--navy);width:100%;font-size:11px}.ftnd-info-tbl th{background:var(--navy);color:#fff;text-align:center;letter-spacing:.4px;border:1.5px solid var(--navy);padding:6px 10px;font-size:10px;font-weight:700}.ftnd-info-tbl td{text-align:center;border:1.5px solid var(--navy);color:var(--text-main);background:#fff;min-width:120px;height:22px;padding:4px 10px;font-size:11px}.ftnd-cuoc-label{text-align:center;font-weight:700;color:#1a1a2e!important;background:#f5e642!important;font-size:10px!important}.ftnd-cuoc-val{font-weight:600;text-align:right!important;padding-right:8px!important}.ftnd-luu-y{border:1.5px solid var(--navy);text-align:left;background:#fff;border-radius:4px;padding:10px 14px}.ftnd-luu-y-title{color:var(--text-main);letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:800}.ftnd-luu-y p{color:var(--text-main);font-size:10.5px;line-height:1.8}.ftnd-table-wrap{overflow-x:auto}.ftnd-table-wrap::-webkit-scrollbar{height:5px}.ftnd-table-wrap::-webkit-scrollbar-track{background:#f3f4f6}.ftnd-table-wrap::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ftnd-main-table{border-collapse:collapse;white-space:nowrap;border:1px solid #bbb;width:100%;font-size:10px}.ftnd-main-table th,.ftnd-main-table td{text-align:center;vertical-align:middle;border:1px solid #bbb;padding:5px 6px}.ftnd-th-base{background:var(--navy);color:#fff;white-space:normal;max-width:60px;font-size:9px;font-weight:700;line-height:1.3}.ftnd-th-sp{min-width:160px}.ftnd-th-yellow{color:#1a1a2e;white-space:normal;background:#f5c518;max-width:70px;font-size:9px;font-weight:700;line-height:1.3}.ftnd-th-navy{background:var(--navy);color:#fff;white-space:normal;max-width:70px;font-size:9px;font-weight:700;line-height:1.3}.ftnd-data-row td{height:40px;color:var(--text-main);background:#fff;font-size:11px}.ftnd-data-row:nth-child(2n) td{background:#fafafa}.ftnd-td-img{padding:3px!important}.ftnd-img-placeholder{border:1px solid var(--border);background:#f3f4f6;border-radius:3px;width:36px;height:32px;margin:0 auto}.ftnd-img-real{object-fit:cover;border-radius:3px;width:36px;height:32px;margin:0 auto;display:block}.ftnd-td-left{white-space:normal;word-break:break-word;min-width:160px;max-width:220px;text-align:left!important}.ftnd-sum-row td{font-size:10.5px;font-weight:700}.ftnd-sum-label{text-align:right;color:#fff;letter-spacing:.3px;font-size:10px;font-weight:700;background:var(--navy)!important;padding:6px 12px!important}.ftnd-sum-val{text-align:center;color:var(--text-main);font-family:monospace;font-size:12.5px;font-weight:600;background:#82b0d4!important}.ftnd-pay-row td{font-size:10px;font-weight:700}.ftnd-pay-1 .ftnd-pay-label{text-align:center;color:#fff;letter-spacing:.3px;background:var(--red)!important;padding:6px 12px!important}.ftnd-pay-1 .ftnd-pay-val{color:var(--red);text-align:center;font-family:monospace;font-size:12px;font-weight:700;background:#fde8e6!important}.ftnd-pay-2 .ftnd-pay-label{text-align:center;color:#fff;letter-spacing:.3px;background:#8b0000!important;padding:6px 12px!important}.ftnd-pay-2 .ftnd-pay-val{color:var(--red);text-align:center;font-family:monospace;font-size:12px;font-weight:700;background:#fde8e6!important}@media (width<=768px){.ftnd-page{padding:16px 16px 40px}.ftnd-company-header{flex-direction:column}.ftnd-header{flex-direction:column;align-items:flex-start}}