@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:300;font-display:swap;src:url(../media/5f841e19a104a2f1-s.p.0a0d2ced.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:300;font-display:swap;src:url(../media/6d62c74c8e468ef4-s.f58da2fe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:300;font-display:swap;src:url(../media/9d978ba009f47915-s.p.cb5dc5cb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/53e45098eac42afb-s.p.cedabf29.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85ea1b3aadcead52-s.4bda54ec.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3c285486269019b7-s.p.f6eddd95.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/625a092f804baad3-s.p.75ecebf5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6afabefbb32d7517-s.cace8832.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a4f4f75ad654963f-s.p.bab09490.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a3bcb02a0e9e5d11-s.p.5d07ebb5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35fd19aef91b293-s.d77488a5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8f46d218c8f79e34-s.p.12435988.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8ffc259da9d23054-s.p.8ab0ac6e.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9e486ba39c38fb8a-s.190f34c5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6f42e0a3b0519c4d-s.p.7183773d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.be_vietnam_pro_3174f5d1-module__vUXy3G__className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.be_vietnam_pro_3174f5d1-module__vUXy3G__variable{--font-primary:"Be Vietnam Pro","Be Vietnam Pro Fallback"}
:root{--sidebar-bg:#001529;--sidebar-active:#1890ff26;--primary:#4361ee;--primary-hover:#3a56d4;--primary-gradient:linear-gradient(135deg,#4361ee 0%,#7c3aed 100%);--content-bg:#f5f7fa;--card-bg:#fff;--table-header-bg:#f8fafc;--table-header-text:#1e293b;--table-border:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--radius:12px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--content-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-primary),"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em;font-size:14px;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6,.ant-typography h1,.ant-typography h2,.ant-typography h3,.ant-typography h4,.ant-typography h5{letter-spacing:-.025em;line-height:1.3;font-family:var(--font-primary),"Be Vietnam Pro",sans-serif!important;font-weight:700!important}h1,.ant-typography h1{font-size:30px!important}h2,.ant-typography h2{font-size:24px!important}h3,.ant-typography h3{font-size:20px!important}h4,.ant-typography h4{font-size:16px!important;font-weight:600!important}h5,.ant-typography h5{font-size:14px!important;font-weight:600!important}.ant-table,.ant-card,.ant-btn,.ant-input,.ant-select,.ant-form,.ant-modal,.ant-drawer,.ant-tabs,.ant-tag,.ant-statistic,.ant-descriptions,.ant-menu,.ant-breadcrumb,.ant-dropdown,.ant-tooltip,.ant-message,.ant-notification{font-family:var(--font-primary),"Be Vietnam Pro",sans-serif!important}.ant-statistic-title{letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary)!important;font-size:12px!important;font-weight:500!important}.ant-statistic-content-value{letter-spacing:-.02em;font-weight:700!important}.ant-menu-item,.ant-menu-submenu-title{letter-spacing:0;font-size:13px!important;font-weight:500!important}.ant-card-head-title{letter-spacing:-.01em;font-size:15px!important;font-weight:600!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark-header-table .ant-table{overflow:hidden;border-radius:var(--radius)!important}.dark-header-table .ant-table-thead>tr>th,.dark-header-table .ant-table-thead>tr>td{text-transform:uppercase;letter-spacing:.025em;font-size:13px;font-weight:600;background:var(--table-header-bg)!important;color:var(--table-header-text)!important;border-bottom:2px solid var(--table-border)!important;padding:14px 16px!important}.dark-header-table .ant-table-thead>tr>th:before{display:none!important}.dark-header-table .ant-table-tbody>tr>td{transition:background .15s;border-bottom:1px solid #f1f5f9!important;padding:12px 16px!important}.dark-header-table .ant-table-tbody>tr:hover>td{background:#f8fafc!important}.dark-header-table .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.stat-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--primary-gradient);opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.attendance-badge{border-radius:6px;justify-content:center;align-items:center;min-width:36px;height:28px;padding:0 8px;font-size:13px;font-weight:600;transition:transform .15s;display:inline-flex}.attendance-badge:hover{transform:scale(1.05)}.login-container{background:linear-gradient(135deg,#0f172a 0%,#1e293b 30%,#334155 60%,#0f172a 100%) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;animation:15s infinite gradientShift;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:radial-gradient(circle,#4361ee26 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.login-container:after{content:"";background:radial-gradient(circle,#7c3aed1a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#fffffff7;border-radius:20px;width:440px;padding:48px;animation:.5s ease-out cardFadeIn;position:relative;box-shadow:0 25px 60px #0000004d,0 0 0 1px #ffffff1a}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{background:var(--primary-gradient);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex;box-shadow:0 4px 14px #4361ee4d}.login-logo svg{color:#fff;width:28px;height:28px}.status-active{color:var(--success);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:2px 12px;font-size:12px;font-weight:500}.status-inactive{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:2px 12px;font-size:12px;font-weight:500}.page-header{margin-bottom:24px}.page-header h1{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.factory-tag-NM1{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.factory-tag-NM2{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.factory-tag-NM3{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.factory-tag-HC{color:#7c3aed;background:#f5f3ff;border-color:#c4b5fd}.header-breadcrumb{color:var(--text-secondary);align-items:center;gap:8px;margin-left:12px;font-size:14px;display:flex}.header-breadcrumb .separator{color:#cbd5e1;font-size:12px}.header-breadcrumb .current{color:var(--text-primary);font-weight:500}.notification-bell{cursor:pointer;position:relative}.notification-bell .badge{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-content-animate{animation:.3s ease-out fadeInUp}.ant-card{border-radius:var(--radius)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.ant-card:hover{box-shadow:var(--shadow-md)!important}.ant-card .ant-card-head{font-weight:600;border-bottom:1px solid #f1f5f9!important}.ant-layout-sider{background:var(--sidebar-bg)!important;box-shadow:2px 0 8px #00000026!important}.ant-layout-sider .ant-menu-dark{background:0 0!important}.ant-layout-sider .ant-menu-dark .ant-menu-item-selected{border-right:3px solid #1890ff;background:var(--sidebar-active)!important;border-radius:0!important}.ant-layout-sider .ant-menu-dark .ant-menu-item{transition:all .2s;border-radius:0!important;width:100%!important;margin:0!important}.ant-layout-sider .ant-menu-dark .ant-menu-item:hover{background:#ffffff0f!important}.ant-btn-primary{border-radius:8px!important;font-weight:500!important;transition:all .2s!important;box-shadow:0 2px 8px #4361ee40!important}.ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #4361ee59!important}@media (max-width:768px){.login-card{width:90%;padding:32px 24px}.ant-layout-sider{display:none!important}.ant-layout{margin-left:0!important}}@media (max-width:1024px){.ant-table{font-size:12px}}body.dark-mode{--content-bg:#0f172a;--card-bg:#1e293b;--text-primary:#ffffffe6;--text-secondary:#ffffff80;--border:#334155;--table-header-bg:#1e293b;--table-header-text:#ffffffe6;--table-border:#334155;background:var(--content-bg);color:var(--text-primary)}body.dark-mode .ant-card{background:var(--card-bg)!important;border-color:var(--border)!important;color:var(--text-primary)!important}body.dark-mode .ant-card-head{border-color:var(--border)!important;color:var(--text-primary)!important}body.dark-mode .ant-table-wrapper .ant-table{background:var(--card-bg)!important;color:var(--text-primary)!important}body.dark-mode .ant-table-wrapper .ant-table-tbody>tr>td{border-color:var(--border)!important;color:var(--text-primary)!important}body.dark-mode .ant-table-wrapper .ant-table-tbody>tr:hover>td{background:#334155!important}body.dark-mode .ant-modal-content{background:var(--card-bg)!important;color:var(--text-primary)!important}body.dark-mode .ant-modal-header{background:var(--card-bg)!important;border-color:var(--border)!important}body.dark-mode .ant-modal-title,body.dark-mode .ant-form-item-label>label{color:var(--text-primary)!important}body.dark-mode .ant-input,body.dark-mode .ant-select-selector,body.dark-mode .ant-picker{color:var(--text-primary)!important;background:#0f172a!important;border-color:#475569!important}body.dark-mode .ant-drawer-content{background:var(--card-bg)!important;color:var(--text-primary)!important}body.dark-mode .ant-drawer-header{border-color:var(--border)!important}body.dark-mode .ant-descriptions-item-label{color:#ffffffa6!important;background:#334155!important}body.dark-mode .ant-descriptions-item-content,body.dark-mode .ant-result-title{color:var(--text-primary)!important}body.dark-mode .ant-statistic-title{color:#ffffff80!important}body.dark-mode .ant-typography{color:var(--text-primary)!important}body.dark-mode .ant-typography.ant-typography-secondary{color:#ffffff80!important}body.dark-mode .ant-pagination .ant-pagination-item a{color:var(--text-primary)!important}body.dark-mode .status-active{background:#064e3b;border-color:#065f46}body.dark-mode .status-inactive{background:#7f1d1d;border-color:#991b1b}body.dark-mode .ant-layout-sider{background:#0a0f1a!important}body.dark-mode .header-breadcrumb{color:#ffffff80}body.dark-mode .header-breadcrumb .current{color:#ffffffe6}body,.ant-card,.ant-table,.ant-modal-content,.ant-input,.ant-select-selector{transition:background-color .3s,color .3s,border-color .3s}