@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color: #1B3A5C;--primary-dark: #122840;--primary-light: #2A5580;--accent-gold: #D4A843;--accent-gold-light: #E8C96A;--bg-primary: #F0F2F5;--bg-card: #ffffff;--bg-hover: #fafafa;--text-primary: #1a1a1a;--text-secondary: #666;--border-color: #f0f0f0;--border-color-strong: #e8e8e8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08)}[data-theme=dark]{--bg-primary: #141414;--bg-card: #1f1f1f;--bg-hover: #2a2a2a;--text-primary: #e8e8e8;--text-secondary: #999;--border-color: #303030;--border-color-strong: #404040;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bbb}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1628,#1b3a5c 40%,#2a5580);position:relative;overflow:hidden}[data-theme=dark] .login-page{background:linear-gradient(135deg,#000,#0a1628 40%,#1b3a5c)}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(212,168,67,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(42,85,128,.15) 0%,transparent 50%);pointer-events:none}.login-page:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.login-card{position:relative;z-index:1;width:420px;max-width:90vw}.login-logo-section{text-align:center;margin-bottom:32px}.login-logo-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:3px solid var(--accent-gold);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 20px #0000004d}.login-logo-icon svg{font-size:36px;color:var(--accent-gold)}.login-title{font-size:20px;font-weight:700;color:#fff;line-height:1.4;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-subtitle{font-size:15px;color:#d4a843;margin-top:8px;font-weight:600;letter-spacing:.5px}.login-version-footer{text-align:center;margin-top:32px;color:#ffffff4d;font-size:11px;letter-spacing:.5px}.login-btn-primary{transition:box-shadow .2s,transform .2s}.login-btn-primary:hover{box-shadow:0 6px 20px #1b3a5c73!important;transform:translateY(-1px)}.app-sider{background:linear-gradient(180deg,#0a1628,#122840)!important;box-shadow:2px 0 8px #00000026}.app-sider .ant-layout-sider-children{display:flex;flex-direction:column;height:100vh;overflow:hidden}.sider-logo{height:64px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1);padding:0 16px;flex-shrink:0}.sider-logo-icon{width:36px;height:36px;border-radius:50%;background:var(--accent-gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sider-logo-icon svg{font-size:18px;color:var(--primary-dark)}.sider-logo-text{color:#fff;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sider-logo-collapsed{justify-content:center}.sider-logo-collapsed .sider-logo-text{display:none}.app-sider .ant-menu{background:transparent!important;border-right:none!important;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.app-sider .ant-menu::-webkit-scrollbar{width:4px}.app-sider .ant-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.app-sider .ant-menu::-webkit-scrollbar-track{background:transparent}.app-sider .ant-menu-item-group{margin-bottom:4px}.app-sider .ant-menu-item-group-title{color:#ffffff59!important;font-size:10px!important;text-transform:uppercase;letter-spacing:1.5px;padding:16px 28px 6px!important;font-weight:600;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}.app-sider .ant-menu-item-group:first-child .ant-menu-item-group-title{border-top:none;margin-top:0}.app-sider .ant-menu-item{color:#ffffffbf!important;height:44px!important;line-height:44px!important;margin:2px 8px!important;border-radius:8px!important;padding-left:20px!important;font-size:13.5px}.app-sider .ant-menu-item:hover{color:#fff!important}.app-sider .ant-menu-item:hover:not(.ant-menu-item-selected){background:#ffffff0f!important}.app-sider .ant-menu-item-selected{background:#d4a84326!important;color:var(--accent-gold)!important;border-left:3px solid #D4A843!important}.app-sider .ant-menu-item-selected:after{display:none}.app-sider .ant-menu-item-divider{border-color:#ffffff14!important;margin:8px 12px!important}.sider-version{padding:12px 16px;text-align:center;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.sider-version-badge{display:inline-block;padding:3px 10px;border-radius:10px;background:#ffffff0f;color:#ffffff4d;font-size:10px;letter-spacing:.5px;font-weight:500}.app-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px!important;background:var(--bg-card)!important;border-bottom:1px solid var(--border-color-strong);box-shadow:var(--shadow-sm);z-index:10;overflow:hidden}.header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:12px}.header-user-info{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s}.header-user-info:hover{background:var(--bg-hover)}.header-user-detail{display:flex;flex-direction:column;line-height:1.2}.header-user-name{font-size:13px;font-weight:600;color:var(--text-primary)}.header-user-role{font-size:11px;color:var(--text-secondary)}.header-datetime{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:8px;background:var(--bg-hover);color:var(--text-secondary);font-size:12px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.app-content{padding:24px;background:var(--bg-primary);height:calc(100vh - 56px);overflow-y:auto}.page-card{border-radius:12px!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--border-color)!important;background:var(--bg-card)!important}.page-card .ant-card-head{border-bottom:1px solid var(--border-color);padding:12px 20px;min-height:auto}.page-card .ant-card-body{padding:20px}.stat-card{border-radius:12px!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;background:var(--bg-card)!important;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-1px)}.stat-card .ant-card-body{padding:16px 20px}.stat-card .ant-statistic-title{font-size:12.5px;margin-bottom:4px}.stat-card .ant-statistic-content-value{font-size:24px}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.quick-action-card{border-radius:12px!important;border:1px solid var(--border-color)!important;cursor:pointer;transition:all .2s;text-align:center;padding:24px 16px}.quick-action-card:hover{border-color:#d4a843!important;box-shadow:0 4px 16px #d4a8431f!important;transform:translateY(-2px)}.quick-action-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px}.status-cho-nhap-lieu{color:#d46b08;background:#fff7e6;border-color:#ffd591}.status-dang-nhap{color:#096dd9;background:#e6f7ff;border-color:#91d5ff}.status-cho-duyet{color:#531dab;background:#f9f0ff;border-color:#d3adf7}.status-da-duyet{color:#389e0d;background:#f6ffed;border-color:#b7eb8f}.status-tra-lai{color:#cf1322;background:#fff1f0;border-color:#ffa39e}.digitization-progress{background:linear-gradient(135deg,#0a1628,#1b3a5c 60%,#2a5580);border-radius:16px;padding:32px;color:#fff;margin-bottom:24px;position:relative;overflow:hidden}.digitization-progress:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;border-radius:50%;background:#d4a8430f}.digitization-progress .ant-progress-text{color:#fff!important;font-size:24px!important;font-weight:700!important}.digitization-progress .ant-progress-bg{background:linear-gradient(90deg,#d4a843,#e8c96a)!important}.data-entry-layout{display:flex;gap:16px;height:calc(100vh - 160px);min-height:600px}.image-viewer-panel{flex:0 0 55%;display:flex;flex-direction:column;background:#1a1a1a;border-radius:12px;overflow:hidden}.form-panel{flex:1;overflow-y:auto;padding:20px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.viewer-toolbar{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;background:#2a2a2a;border-bottom:1px solid #333}.viewer-toolbar .ant-btn{color:#ccc;border-color:#444;background:transparent}.viewer-toolbar .ant-btn:hover{color:#fff;border-color:#666;background:#ffffff1a}.viewer-content{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.viewer-content img{max-width:100%;max-height:100%;object-fit:contain}.page-navigator{display:flex;gap:8px;padding:8px 16px;background:#2a2a2a;border-top:1px solid #333;overflow-x:auto}.page-thumb{flex-shrink:0;width:60px;height:80px;cursor:pointer;border-radius:6px;overflow:hidden;border:2px solid transparent;transition:border-color .2s;position:relative}.page-thumb:hover{border-color:#d4a84380}.page-thumb.active{border-color:#d4a843}.page-thumb img{width:100%;height:100%;object-fit:cover}.page-thumb-label{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:2px 4px;font-size:10px;color:#fff;background:#000000b3}.ocr-highlighted{background-color:#fffbe6!important;border-color:#ffe58f!important}.ocr-highlighted-field{position:relative}.ocr-highlighted-field .ant-input,.ocr-highlighted-field .ant-picker,.ocr-highlighted-field .ant-select-selector,.ocr-highlighted-field .ant-input-number,.ocr-highlighted-field textarea.ant-input{background-color:#fffbe6!important;border-color:#ffe58f!important}.ocr-highlight-wrapper{position:relative;background:#fffbe6;border-radius:6px;padding:2px 4px;margin:-2px -4px;border:1px solid #FFE58F}.ocr-badge{position:absolute;top:-8px;right:-8px;background:#d48806;color:#fff;font-size:9px;padding:1px 5px;border-radius:4px;font-weight:700;line-height:14px;z-index:1}.doc-classify-row{display:flex;align-items:center;gap:12px;padding:8px;margin-bottom:4px;border-radius:6px;background:var(--bg-hover)}.doc-classify-thumb{width:40px;height:56px;border-radius:4px;overflow:hidden;border:1px solid var(--border-color-strong);flex-shrink:0}.doc-classify-thumb img{width:100%;height:100%;object-fit:cover}.batch-result-card{text-align:center;padding:24px 16px;border-radius:12px;cursor:default;transition:transform .2s}.batch-result-card:hover{transform:translateY(-2px)}.batch-result-success{background:#f6ffed;border:1px solid #b7eb8f}.batch-result-review{background:#fffbe6;border:1px solid #ffe58f}.batch-result-failed{background:#fff2f0;border:1px solid #ffccc7}.ocr-review-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--bg-hover);border-radius:10px;margin-bottom:16px;border:1px solid var(--border-color)}.confidence-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.confidence-high{background:#f6ffed;color:#389e0d}.confidence-medium{background:#fffbe6;color:#d48806}.confidence-low{background:#fff2f0;color:#cf1322}.citizen-portrait{width:200px;height:250px;border-radius:10px;overflow:hidden;cursor:pointer;border:3px solid var(--primary-color);box-shadow:0 4px 16px #0000001f;transition:border-color .2s,box-shadow .2s,transform .2s}.citizen-portrait:hover{border-color:#d4a843;box-shadow:0 6px 20px #00000026;transform:scale(1.02)}.citizen-portrait img{width:100%;height:100%;object-fit:cover}.fingerprint-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.fingerprint-item{text-align:center}.fingerprint-img{width:80px;height:100px;border:1px solid #d9d9d9;border-radius:6px;overflow:hidden;margin:0 auto;cursor:pointer;transition:border-color .2s}.fingerprint-img:hover{border-color:var(--primary-color)}.fingerprint-img img{width:100%;height:100%;object-fit:cover}.fingerprint-label{font-size:11px;color:var(--text-secondary);margin-top:4px}.doc-thumb-card{border:1px solid var(--border-color-strong);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.doc-thumb-card:hover{border-color:#d4a843;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:16px}.upload-preview-item{border:1px solid var(--border-color-strong);border-radius:8px;overflow:hidden;background:var(--bg-card)}.upload-preview-item img{width:100%;height:180px;object-fit:cover}.upload-preview-item .info{padding:8px;font-size:12px;color:var(--text-secondary);text-align:center}.review-actions{display:flex;gap:12px;padding:16px 0}.ant-table-thead>tr>th{background:var(--bg-hover)!important;font-weight:600!important;font-size:13px;color:var(--text-primary)!important;white-space:nowrap}.ant-table-tbody>tr>td{font-size:13.5px}.ant-table-middle .ant-table-tbody>tr>td{padding:10px 12px!important}.ant-table-middle .ant-table-thead>tr>th{padding:10px 12px!important}.ant-table-cell{word-break:keep-all}.search-hero{text-align:center;padding:32px 24px 24px;max-width:720px;margin:0 auto}.search-hero .ant-input-affix-wrapper{border-radius:12px!important;height:44px;font-size:16px}.search-hero .ant-btn{height:44px;border-radius:12px;font-size:15px;padding:0 28px}.search-empty-state{padding:60px 20px;text-align:center}.search-empty-icon{font-size:64px;color:#d9d9d9;margin-bottom:16px}.ant-upload-drag{border-radius:10px!important}.ant-empty{margin:24px 0}.page-header-icon{font-size:20px;color:var(--primary-color)}.page-header-title{font-size:18px;font-weight:600;color:var(--text-primary)}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab{border-radius:8px 8px 0 0!important;padding:8px 20px!important}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active{border-bottom-color:var(--bg-card)!important}.ant-form-vertical .ant-form-item-label>label{font-weight:500;font-size:13px;color:var(--text-secondary)}@media (max-width: 768px){.data-entry-layout{flex-direction:column;height:auto}.image-viewer-panel{flex:none;height:400px}.app-content{padding:16px}}@media (max-width: 1200px){.data-entry-layout{flex-direction:column;height:auto}.image-viewer-panel{flex:none;height:400px}}