:root{--primary: #1d4ed8;--primary-hover: #1e40af;--primary-soft: #eef2ff;--bg: #f0f2f7;--surface: #ffffff;--sidebar: #0f172a;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--danger: #dc2626;--radius: 12px;--sidebar-width: 260px;font-family:Inter,system-ui,sans-serif;line-height:1.5;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--primary);text-decoration:none}button,input,select{font:inherit}.layout{display:flex;min-height:100vh}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:40}.sidebar-overlay.visible{display:block}.sidebar{width:var(--sidebar-width);background:var(--sidebar);color:#e2e8f0;display:flex;flex-direction:column;padding:1.25rem 1rem;flex-shrink:0}.sidebar-brand{margin-bottom:1.5rem}.sidebar-brand strong{display:block;font-size:1.2rem;color:#fff}.sidebar-brand span{font-size:.8rem;color:#94a3b8}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.sidebar-nav a{padding:.65rem .85rem;border-radius:8px;color:#cbd5e1;font-weight:500}.sidebar-nav a.active,.sidebar-nav a:hover{background:#1e293b;color:#fff}.sidebar-footer{border-top:1px solid #334155;padding-top:1rem}.user-chip{font-size:.85rem;margin-bottom:.35rem}.user-chip.muted{color:#94a3b8}.logout{width:100%;margin-top:.5rem;padding:.5rem;border:1px solid #475569;background:transparent;color:#e2e8f0;border-radius:8px}.layout-body{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:none;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.menu-toggle{background:none;border:none;font-size:1.25rem}.main{padding:1.5rem;flex:1}.page-header{margin-bottom:1.25rem}.page-title{margin:0;font-size:1.5rem}.page-subtitle{margin:.35rem 0 0;color:var(--text-muted)}.page-status{padding:2rem;text-align:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:0 4px 20px #0f172a0d}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.stat .value{font-size:2rem;font-weight:700}.stat .label{color:var(--text-muted);font-size:.9rem}.login-page{display:flex;min-height:100vh}.login-brand{flex:1;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;padding:2rem}.login-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:min(400px,100%)}.form-grid{display:flex;flex-direction:column;gap:1rem}.form-grid label{display:flex;flex-direction:column;gap:.35rem;font-weight:500;font-size:.9rem}.form-grid input,.form-grid select{padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px}.form-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;align-items:end}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:8px;border:none;font-weight:600;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-sm{padding:.35rem .65rem;font-size:.85rem}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;padding:0}.btn-link.danger,.error{color:var(--danger)}.error.small{font-size:.8rem}.muted{color:var(--text-muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid var(--border)}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{padding:.5rem 1rem;border:1px solid var(--border);background:var(--surface);border-radius:8px;cursor:pointer}.tab.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:2rem;text-align:center;cursor:pointer;margin-bottom:1rem;background:var(--surface)}.dropzone:hover{border-color:var(--primary)}.progress-row{margin-top:.5rem;text-align:left;font-size:.85rem}.progress-bar{height:6px;background:var(--border);border-radius:3px;margin-top:.25rem}.progress-fill{height:100%;background:var(--primary);border-radius:3px}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.doc-card{padding:0;overflow:hidden}.doc-preview{height:180px;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.doc-preview img,.doc-preview iframe{max-width:100%;max-height:100%;object-fit:contain}.doc-preview iframe{width:100%;height:100%;border:none}.doc-placeholder{color:var(--text-muted);font-size:.9rem}.doc-meta{padding:.85rem}.doc-meta strong{display:block;font-size:.9rem;margin-bottom:.35rem;word-break:break-all}.badge{font-size:.75rem;padding:.15rem .45rem;border-radius:4px;background:var(--primary-soft)}.badge-failed{background:#fee2e2;color:var(--danger)}.badge-processing,.badge-pending{background:#fef3c7;color:#b45309}.doc-actions{display:flex;gap:.75rem;margin-top:.5rem;font-size:.85rem}@media(max-width:900px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.topbar{display:flex}.login-brand{display:none}}