:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;width:100%;overflow-x:hidden}#root{min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(max-width:768px){body{font-size:14px}h1{font-size:1.8em}.ant-table{font-size:12px}.ant-table-cell{padding:8px 4px!important}.ant-card-head-title{font-size:16px}.ant-card-body{padding:12px}.ant-modal{max-width:calc(100vw - 16px)!important;margin:8px auto}.ant-drawer-content-wrapper{width:100%!important}.ant-form-item{margin-bottom:16px}}@media(min-width:769px)and (max-width:1024px){.ant-table{font-size:13px}}html{overflow-y:scroll;scrollbar-gutter:stable}.admin-layout{overflow-x:hidden}.logo-container{cursor:pointer;transition:all .3s ease}.logo-container:hover{background:linear-gradient(135deg,#ffffff4d,#ffffff26)!important;transform:scale(1.02)}.admin-menu .ant-menu-item{transition:all .2s ease;margin:4px 8px;border-radius:6px}.admin-menu .ant-menu-item:hover{background:#ffffff1a!important;transform:translate(4px)}.admin-menu .ant-menu-item-selected{background:linear-gradient(90deg,#1890ff,#40a9ff)!important;box-shadow:0 2px 8px #1890ff66}.admin-menu .ant-menu-submenu-title{transition:all .2s ease;margin:4px 8px;border-radius:6px}.admin-menu .ant-menu-submenu-title:hover{background:#ffffff1a!important;transform:translate(4px)}.admin-menu .ant-menu-item-group-title{color:#ffffffa6;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px 8px;text-transform:uppercase}.menu-toggle-btn,.theme-toggle-btn{transition:all .2s ease;border-radius:8px}.menu-toggle-btn:hover,.theme-toggle-btn:hover{background:#0000000a!important;transform:scale(1.1)}.theme-toggle-btn:hover{color:#faad14!important}.user-dropdown{transition:all .2s ease}.user-dropdown:hover{background:#0000000a;transform:translateY(-1px)}.admin-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-content .ant-card{transition:box-shadow .3s ease,border-color .3s ease;border:1px solid transparent}.admin-content .ant-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#1890ff20}.admin-content .ant-table-tbody>tr{transition:all .2s ease}.admin-content .ant-table-tbody>tr:hover>td{background:#f0f7ff!important}.admin-content .ant-btn{transition:box-shadow .2s ease}.admin-content .ant-btn-primary:hover{box-shadow:0 4px 12px #1890ff66}.admin-content .ant-btn-default:hover{border-color:#1890ff;color:#1890ff}.admin-content .ant-input:focus,.admin-content .ant-select-focused .ant-select-selector{box-shadow:0 0 0 2px #1890ff33}.admin-content .ant-tag{transition:all .2s ease}.admin-content .ant-tag:hover{transform:scale(1.05)}.admin-content .ant-statistic{transition:all .2s ease}.admin-content .ant-card:hover .ant-statistic-content-value{color:#1890ff}.ant-modal{animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.admin-sider::-webkit-scrollbar{width:6px}.admin-sider::-webkit-scrollbar-track{background:#ffffff1a}.admin-sider::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.admin-sider::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media(max-width:768px){.admin-menu .ant-menu-item,.admin-menu .ant-menu-submenu-title{margin:2px 4px;font-size:13px}.admin-content .ant-card:hover{transform:none}.admin-menu .ant-menu-submenu-title{padding-left:16px!important}.admin-menu .ant-menu-item{padding-left:24px!important}.admin-header{padding:0 8px!important}.admin-header .user-dropdown>div{display:none}.admin-menu .ant-menu-item-group-title{padding:8px 12px 4px;font-size:10px}.admin-content{margin:8px!important;padding:12px!important}}@media(min-width:769px)and (max-width:1024px){.admin-menu .ant-menu-item,.admin-menu .ant-menu-submenu-title{margin:3px 6px;font-size:13px}.admin-content{margin:16px 12px!important;padding:16px!important}}@media(min-width:1440px){.admin-menu .ant-menu-item,.admin-menu .ant-menu-submenu-title{font-size:14px;padding:12px 16px}.admin-content{margin:24px 20px!important;padding:24px!important}}.ant-layout.admin-layout[data-theme=dark] .admin-content .ant-table-tbody>tr:hover>td{background:#1f1f1f!important}.admin-content .ant-breadcrumb{margin-bottom:16px}.admin-content .ant-breadcrumb a{transition:color .2s ease}.admin-content .ant-breadcrumb a:hover{color:#1890ff}.admin-content .ant-progress-bg{transition:width .6s ease}.admin-content .ant-badge-status-processing:after{animation:antStatusProcessing 1.2s infinite ease-in-out}.ant-notification{animation:notificationSlide .3s ease}@keyframes notificationSlide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.admin-content .ant-collapse-content{transition:all .3s ease}.admin-content .ant-switch{transition:all .2s ease}.admin-content .ant-switch:hover{transform:scale(1.05)}.admin-content .ant-form-item{transition:all .2s ease}.admin-content .ant-form-item:focus-within{transform:translate(4px)}.ant-dropdown-menu-item{transition:all .2s ease}.ant-dropdown-menu-item:hover{background:#f0f7ff;padding-left:16px}.admin-content .ant-pagination-item{transition:border-color .2s ease,color .2s ease}.admin-content .ant-pagination-item:hover{border-color:#1890ff}.admin-content .ant-tabs-tab{transition:all .2s ease}.admin-content .ant-tabs-tab:hover{color:#1890ff}.admin-content .ant-tabs-ink-bar{transition:all .3s cubic-bezier(.645,.045,.355,1)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:flex-start;background:#f0f2f5;padding:0;position:relative;overflow:hidden}.login-spline-bg{position:absolute;inset:0;z-index:0}.login-spline-bg canvas,.login-spline-bg spline-viewer{width:100%!important;height:100%!important;display:block}.login-spline-loading{position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,#e8edf2,#dce3ec 40%,#e8edf2);background-size:400% 400%;animation:gradientShift 8s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-card{width:340px;min-height:100vh;padding:40px 32px;background:#ffffffd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(0,0,0,.06);box-shadow:4px 0 30px #00000014;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;animation:cardSlideIn .6s cubic-bezier(.16,1,.3,1)}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.login-header{text-align:center;margin-bottom:8px}.login-logo{width:64px;height:64px;margin:0 auto 12px;background:linear-gradient(135deg,#1890ff,#40a9ff);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #1890ff4d;animation:logoFloat 3s ease-in-out infinite}.login-logo .anticon{font-size:32px;color:#fff}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.login-title{margin:0!important;color:#1a1a2e!important;font-weight:700!important;font-size:22px!important}.login-subtitle{font-size:13px;color:#00000073;display:block;margin-top:2px}.login-form .ant-form-item-label>label{color:#000000bf!important;font-weight:500;font-size:13px}.login-form .ant-form-item-label>label.ant-form-item-required:before{color:#ff4d4f!important}.login-input{border-radius:8px;border:1px solid #d9d9d9;background:#fff!important;transition:all .3s ease;height:40px}.login-input:hover{border-color:#40a9ff}.login-input:focus,.login-input.ant-input-affix-wrapper-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff26}.login-input .ant-input{background:transparent!important}.login-input .anticon{color:#0000004d;transition:color .3s ease}.login-input:hover .anticon,.login-input.ant-input-affix-wrapper-focused .anticon{color:#1890ff}.login-form .ant-checkbox-wrapper{color:#000000a6;font-size:13px}.login-button{height:42px;border-radius:8px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#1890ff,#096dd9)!important;border:none!important;box-shadow:0 4px 12px #1890ff4d;transition:all .3s ease}.login-button:hover{background:linear-gradient(135deg,#40a9ff,#1890ff)!important;box-shadow:0 6px 20px #1890ff66;transform:translateY(-1px)}.login-button:active{transform:translateY(0);box-shadow:0 2px 8px #1890ff4d}.login-card .ant-alert-error{border-radius:8px}.login-footer{text-align:center;margin-top:8px}.login-footer .ant-typography{font-size:11px;color:#0000004d!important}@media(max-width:768px){.login-page{justify-content:center}.login-card{width:100%;max-width:360px;min-height:auto;padding:32px 24px;border-radius:16px;border-right:none;margin:20px;box-shadow:0 8px 32px #0000001a}}.login-input .ant-input-suffix .anticon{color:#0000004d;cursor:pointer;transition:color .3s ease}.login-input .ant-input-suffix .anticon:hover{color:#1890ff}.login-form .ant-form-item-explain-error{font-size:12px;margin-top:4px}.login-button.ant-btn-loading{opacity:.8}.login-button .ant-btn-loading-icon{margin-right:8px}.login-card .ant-space{width:100%}.login-spline-bg spline-viewer::part(logo){display:none}.mobile-container{min-height:100vh;display:flex;flex-direction:column;background:#f0f2f5}.mobile-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:16px}.mobile-login-card{width:100%;max-width:400px;border-radius:12px;box-shadow:0 8px 32px #0003}.mobile-login-card .ant-card-body{padding:32px 24px}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2)}.mobile-header-simple{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;background:linear-gradient(135deg,#667eea,#764ba2)}.mobile-content{flex:1;padding:16px}.mobile-scan-card{cursor:pointer;border-radius:16px;transition:transform .2s,box-shadow .2s;padding:24px}.mobile-scan-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.mobile-scan-card:active{transform:scale(.98)}.mobile-camera-card{cursor:pointer;border-radius:16px;min-height:300px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8eb);border:2px dashed #d9d9d9;transition:all .2s}.mobile-camera-card:hover{border-color:#1890ff;background:linear-gradient(135deg,#e6f7ff,#f0f5ff)}.mobile-camera-card:active{transform:scale(.98)}@media(max-width:768px){.ant-btn,.ant-input,.ant-input-password{min-height:44px;font-size:16px}.ant-select-selector{min-height:44px!important}.ant-card{border-radius:12px}}@supports (padding: env(safe-area-inset-top)){.mobile-header,.mobile-header-simple{padding-top:calc(16px + env(safe-area-inset-top))}.mobile-content:last-child{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}.mobile-production-page{min-height:100vh;background:#f5f5f5;padding-bottom:80px}.mobile-header{background:#fff;padding:16px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100}.mobile-header-content{display:flex;justify-content:space-between;align-items:center}.mobile-user-info{display:flex;align-items:center;gap:12px}.mobile-user-icon{font-size:24px;color:#1890ff;background:#e6f7ff;padding:8px;border-radius:50%}.mobile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.mobile-stat-card{text-align:center}.mobile-stat-card .stat-value{font-size:24px;font-weight:600;color:#1890ff}.mobile-stat-card .stat-label{font-size:12px;color:#8c8c8c}.mobile-filter{padding:0 16px 16px}.mobile-task-list{padding:0 16px}.mobile-task-card{margin-bottom:12px;border-radius:12px}.mobile-task-card .task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-task-card .task-info{margin-bottom:8px}.mobile-task-card .task-cong-doan{font-size:16px;font-weight:500;display:block;margin-bottom:4px}.mobile-task-card .task-progress{margin-bottom:8px}.mobile-task-card .task-date{display:flex;align-items:center}.mobile-loading{display:flex;justify-content:center;align-items:center;padding:60px 0}.mobile-loading-page{display:flex;justify-content:center;align-items:center;min-height:100vh}.mobile-error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:16px}.mobile-detail-page{min-height:100vh;background:#f5f5f5;padding-bottom:24px}.mobile-detail-header{display:flex;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100}.mobile-order-card{margin:16px;border-radius:12px}.mobile-order-card .order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.mobile-order-card .order-stats{display:flex;gap:24px;margin:16px 0}.mobile-order-card .order-stat{display:flex;flex-direction:column}.mobile-my-task-card{margin:0 16px 16px;border-radius:12px;border:2px solid #1890ff}.mobile-my-task-card .my-task-info{text-align:center}.mobile-my-task-card .my-task-progress{display:flex;justify-content:center;align-items:center;gap:24px;margin:24px 0}.mobile-my-task-card .my-task-numbers{text-align:left}.mobile-my-task-card .my-task-actions{margin-top:16px}.mobile-my-task-card .completed-badge{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0}.mobile-no-task-card,.mobile-steps-card{margin:0 16px 16px;border-radius:12px}.mobile-scan-page{min-height:100vh;background:#000;display:flex;flex-direction:column}.mobile-scan-header{display:flex;align-items:center;padding:12px 16px;background:#000000b3;color:#fff;position:absolute;top:0;left:0;right:0;z-index:100}.mobile-scan-header .ant-btn{color:#fff;border-color:#ffffff4d}.mobile-scan-preview{flex:1;display:flex;justify-content:center;align-items:center}.mobile-scan-instructions{position:absolute;bottom:80px;left:0;right:0;text-align:center;color:#fff;padding:16px}.mobile-scan-manual{position:absolute;bottom:0;left:0;right:0;padding:16px;background:#000000b3}@media(max-width:375px){.mobile-stats{gap:8px}.mobile-stat-card .stat-value{font-size:20px}.mobile-my-task-card .my-task-progress{flex-direction:column}}@media(min-width:768px){.mobile-production-page,.mobile-detail-page{max-width:480px;margin:0 auto}}