*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button{font:inherit}button,label.upload-button{touch-action:manipulation}.app{color:#1f2937;background:#f4f6fb;min-height:100dvh}.header{color:#f9fafb;background:#111827;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.lang-switcher{background:#ffffff14;border:1px solid #ffffff1f;border-radius:.5rem;padding:.2rem;display:inline-flex}.lang-button{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:.35rem;min-height:2.25rem;padding:.4rem .75rem;font-size:.875rem;font-weight:600;transition:background .15s,color .15s}.lang-button:hover{color:#fff;background:#ffffff14}.lang-button.active{color:#fff;background:#2563eb}.header-content{min-width:0}.header h1{margin:0 0 .25rem;font-size:1.5rem;line-height:1.2}.header p{color:#d1d5db;margin:0;font-size:.95rem;line-height:1.45}.header-compact{padding:1rem 1.5rem}.app-loading{justify-content:center;align-items:center;padding:2rem;display:flex}.user-badge{background:#ffffff14;border:1px solid #ffffff1f;border-radius:.5rem;flex-direction:column;align-items:flex-end;gap:.125rem;padding:.35rem .65rem;display:flex}.user-name{font-size:.875rem;font-weight:600}.user-role{color:#d1d5db;font-size:.75rem}.logout-button{color:#f9fafb;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:.5rem;min-height:2.25rem;padding:.45rem .85rem;font-size:.875rem;font-weight:600}.logout-button:hover{background:#ffffff24}.auth-page,.staff-page{max-width:720px;margin:0 auto;padding:1.5rem 2rem 2rem}.auth-card{max-width:420px;margin:0 auto}.auth-card h2,.staff-page h2,.staff-page h3{margin:0 0 .5rem}.auth-subtitle,.staff-intro{margin:0 0 1rem}.auth-mode-switch{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.auth-mode-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;min-height:2.5rem;font-weight:600}.auth-mode-button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.auth-form,.staff-form{gap:.875rem;display:grid}.auth-field{gap:.35rem;display:grid}.auth-field span{color:#374151;font-size:.875rem;font-weight:600}.auth-field input{width:100%;min-height:2.75rem;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem .75rem}.auth-field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.auth-submit-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;min-height:2.75rem;font-weight:600}.auth-submit-button:hover:not(:disabled){background:#1d4ed8}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed}.auth-error,.staff-error{margin:0}.staff-page{gap:1rem;display:grid}.staff-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;display:grid}.staff-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.staff-list-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.staff-name{font-weight:600}.staff-username{color:#6b7280;font-size:.875rem}.staff-delete-button{flex-shrink:0;position:static}.account-page{max-width:560px;margin:0 auto;padding:1.5rem 2rem 2rem}.account-card h2{margin:0 0 .5rem}.account-intro{margin:0 0 1.25rem}.account-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;gap:.75rem;margin:0 0 1.5rem;padding:1rem;display:grid}.account-details div{gap:.2rem;display:grid}.account-details dt{color:#6b7280;font-size:.8rem;font-weight:600}.account-details dd{color:#111827;margin:0;font-weight:600}.account-form h3{margin:0 0 .25rem;font-size:1rem}.success-banner{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:.5rem;padding:.75rem 1rem}.upload-button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;min-height:2.75rem;padding:.75rem 1.25rem;font-weight:600;display:inline-flex}.upload-button:hover{background:#1d4ed8}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0f172a0a}.navbar-inner{gap:.25rem;max-width:1600px;margin:0 auto;padding:0 2rem;display:flex}.nav-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;min-height:3rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;transition:color .15s;position:relative}.nav-tab:hover{color:#111827}.nav-tab.active{color:#2563eb}.nav-tab.active:after{content:"";background:#2563eb;border-radius:999px;height:2px;position:absolute;bottom:0;left:.75rem;right:.75rem}.page-content{min-width:0}.page-toolbar{justify-content:flex-end;max-width:1600px;margin:0 auto;padding:1rem 2rem 0;display:flex}.page-banner{max-width:calc(1600px - 4rem);margin-left:auto;margin-right:auto}.search-page{max-width:1600px;margin:0 auto;padding:1.5rem 2rem 2rem}.search-sections{flex-direction:column;gap:1rem;max-width:1600px;margin:0 auto;padding:1rem 2rem 2rem;display:flex}.search-section{padding:1rem 1.25rem}.search-section-title{color:#111827;margin:0 0 .875rem;font-size:1rem}.search-section-controls{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.search-section-input{flex:16rem;max-width:100%}.search-action-button{cursor:pointer;border:1px solid #0000;border-radius:.5rem;min-height:2.75rem;padding:.625rem 1rem;font-weight:600}.search-action-primary{color:#1f2937;background:#facc15;border-color:#eab308}.search-action-primary:hover:not(:disabled){background:#eab308}.search-action-primary:disabled{opacity:.55;cursor:not-allowed}.search-action-secondary{color:#1f2937;background:#fef9c3;border-color:#fde047}.search-action-secondary:hover{background:#fef08a}.search-suggest-list{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;max-height:14rem;margin-top:.75rem;overflow-y:auto}.search-suggest-items{margin:0;padding:.35rem;list-style:none}.search-suggest-item{color:#4338ca;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.4rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.625rem .75rem;display:flex}.search-suggest-item:hover,.search-suggest-item:focus-visible{background:#eef2ff;outline:none}.search-suggest-count{color:#6b7280;white-space:nowrap;font-size:.8rem}.search-section-status,.search-section-error{margin-top:.875rem}.search-results-table-wrap{margin-top:1rem}.search-results-summary{color:#4b5563;margin-bottom:.625rem;font-size:.875rem;font-weight:600}.search-results-table .expand-col{text-align:center;width:2.75rem}.expand-toggle{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #93c5fd;border-radius:.25rem;width:1.75rem;height:1.75rem;font-size:1.1rem;font-weight:700;line-height:1}.expand-toggle:hover{background:#dbeafe}.search-results-table th.searched-column,.search-results-table td.searched-column{background:#fffbeb}.search-expand-row td{background:#f8fafc;padding:0}.search-expand-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:.875rem 1rem 1rem;display:grid}.search-expand-block{min-width:0}.search-expand-title{color:#374151;margin-bottom:.35rem;font-size:.78rem;font-weight:700}.search-expand-value{color:#111827;white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.5}.search-expand-meta{color:#6b7280;border-top:1px solid #e5e7eb;grid-column:1/-1;padding-top:.25rem;font-size:.8rem}.search-highlight{color:inherit;background:#fef08a;border-radius:.15rem;padding:0 .1em}.search-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.column-search-field{flex-direction:column;gap:.375rem;display:flex;position:relative}.column-search-label{color:#374151;font-size:.875rem;font-weight:600}.column-search-input{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;min-height:2.75rem;padding:.625rem .75rem;font-size:.95rem}.column-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.search-dropdown{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:.625rem;max-height:16rem;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0f172a1f}.search-dropdown-list{margin:0;padding:.35rem;list-style:none}.search-dropdown-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.45rem;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;padding:.625rem .75rem;display:flex}.search-dropdown-item:hover,.search-dropdown-item:focus-visible{background:#eff6ff;outline:none}.search-dropdown-item-label{color:#111827;font-size:.92rem;line-height:1.4}.search-dropdown-item-meta{color:#6b7280;font-size:.78rem}.search-dropdown-message{color:#6b7280;padding:.875rem .75rem;font-size:.875rem}.search-dropdown-error{color:#b91c1c}.search-detail-panel{margin-top:1rem}.search-detail-meta{color:#4b5563;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:1rem;padding-bottom:.875rem;font-size:.875rem;display:flex}.search-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem 1rem;display:grid}.search-detail-field{min-width:0}.search-detail-label{color:#6b7280;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.25rem;font-size:.78rem;font-weight:600}.search-detail-value{color:#111827;word-break:break-word;font-size:.95rem;line-height:1.45}.error-banner,.warning-banner{word-break:break-word;border-radius:.5rem;margin:1rem 2rem 0;padding:.75rem 1rem;line-height:1.45}.error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.warning-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1rem;max-width:1600px;margin:0 auto;padding:1rem 2rem 2rem;display:grid}.panel{background:#fff;border-radius:.75rem;min-width:0;padding:1rem;box-shadow:0 1px 3px #00000014}.panel>h2{margin:0 0 1rem;font-size:1.1rem}.panel-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-header h2{margin:0;font-size:1.1rem}.reprocess-button{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;min-height:2.5rem;padding:.5rem 1rem;font-weight:600}.reprocess-button:hover:not(:disabled){color:#2563eb;border-color:#2563eb}.reprocess-button:disabled{opacity:.6;cursor:not-allowed}.delete-button{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:color .15s,background-color .15s;display:inline-flex}.delete-button svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:1.125rem;height:1.125rem}.delete-button:hover:not(:disabled){color:#dc2626;background:#fef2f2}.delete-button:focus-visible{outline-offset:2px;outline:2px solid #fca5a5}.delete-button:disabled{opacity:.4;cursor:not-allowed}.panel-wide{min-height:480px}.document-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.document-row{align-items:center;gap:.35rem;display:flex}.document-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex:1;min-width:0;padding:.75rem}.document-item.active{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.document-title{word-break:break-word;margin-bottom:.35rem;font-weight:600}.document-meta{color:#6b7280;flex-wrap:wrap;gap:.35rem .5rem;font-size:.85rem;display:flex}.status{font-weight:600}.status-pending,.status-processing{color:#d97706}.status-completed{color:#059669}.status-failed{color:#dc2626}.progress-bar{background:#e5e7eb;border-radius:999px;height:6px;margin-top:.5rem;overflow:hidden}.progress-fill{background:#2563eb;height:100%;transition:width .3s}.error-text{color:#dc2626;word-break:break-word;margin-top:.5rem;font-size:.8rem;line-height:1.4}.muted{color:#6b7280;line-height:1.5}.records-summary{color:#4b5563;margin-bottom:.75rem;font-size:.9rem}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:.5rem;max-height:65vh;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px;font-size:.875rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:.5rem .75rem}th{z-index:1;white-space:nowrap;background:#f9fafb;position:sticky;top:0}td{white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}td:nth-child(n+3){white-space:normal;word-break:break-word}tbody tr:hover{background:#f9fafb}.scroll-hint{color:#6b7280;margin:0 0 .5rem;font-size:.8rem;display:none}.records-cards{-webkit-overflow-scrolling:touch;flex-direction:column;gap:.75rem;max-height:65vh;display:none;overflow-y:auto}.record-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:.625rem;padding:.875rem}.record-card-header{color:#6b7280;border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.85rem;display:flex}.record-card-header strong{color:#111827}.record-card-grid{gap:.625rem;display:grid}.record-card-field{gap:.2rem;display:grid}.record-card-label{text-transform:capitalize;color:#6b7280;letter-spacing:.02em;font-size:.75rem;font-weight:600}.record-card-value{color:#111827;word-break:break-word;font-size:.875rem;line-height:1.45}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;min-width:5.5rem;min-height:2.75rem;padding:.5rem 1rem}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:#4b5563;text-align:center;font-size:.9rem}@media (width<=1024px){.layout{grid-template-columns:1fr;padding:1rem 1.25rem 1.5rem}.panel-wide{min-height:auto}.table-wrap,.records-cards{max-height:55vh}}@media (width>=769px) and (width<=1024px){.scroll-hint{display:block}}@media (width<=768px){.header{flex-direction:column;align-items:stretch;gap:.875rem;padding:1rem}.header h1{font-size:1.25rem}.header p{font-size:.875rem}.header-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.auth-page,.staff-page,.account-page{padding:1rem}.staff-form-grid{grid-template-columns:1fr}.staff-list-item{flex-direction:column;align-items:stretch}.navbar-inner{padding:0 1rem;overflow-x:auto}.page-toolbar,.search-page{padding-left:1rem;padding-right:1rem}.search-sections{padding:.75rem 1rem 1.25rem}.search-section-controls{grid-template-columns:1fr 1fr;align-items:stretch;gap:.5rem;display:grid}.search-section-input{flex:none;grid-column:1/-1;width:100%;height:2.75rem;min-height:2.75rem}.search-action-button{width:auto;min-height:2.5rem;padding:.5rem .75rem}.search-expand-content,.search-fields-grid,.search-detail-grid{grid-template-columns:1fr}.page-toolbar .upload-button{width:100%}.page-banner{max-width:none;margin-left:1rem;margin-right:1rem}.error-banner,.warning-banner{margin:.75rem 1rem 0}.layout{gap:.75rem;padding:.75rem 1rem 1.25rem}.panel{border-radius:.625rem;padding:.875rem}.panel-header{flex-direction:column;align-items:stretch}.reprocess-button{width:100%}.table-wrap{display:none}.records-cards{display:flex}.document-item{padding:.875rem}.document-meta{font-size:.8rem}}@media (width<=480px){.header{padding:.875rem .75rem}.error-banner,.warning-banner{margin:.75rem .75rem 0;padding:.625rem .75rem;font-size:.9rem}.layout{padding:.625rem .75rem 1rem}.panel>h2,.panel-header h2{font-size:1rem}.record-card{padding:.75rem}.pagination{flex-direction:column}.pagination button{width:100%}}@media (width>=769px){.records-cards{display:none!important}}