.qp-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;background:#f7f6f2}.qp-toast{position:absolute;top:12px;right:16px;background:#1a1917;color:#fff;font-size:12px;padding:8px 14px;border-radius:10px;z-index:100}.qp-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-bottom:1px solid rgba(0,0,0,.09);flex-shrink:0}.qp-title{font-size:15px;font-weight:600;color:#1a1917}.qp-sub{font-size:11px;color:#888780;margin-top:2px}.qp-stats{display:flex;gap:10px;padding:12px 20px;border-bottom:1px solid rgba(0,0,0,.09);flex-shrink:0;background:#f7f6f2}.qp-stat{flex:1;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:6px;padding:10px 12px}.qp-stat-label{display:block;font-size:10px;color:#888780;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.qp-stat-val{font-size:20px;font-weight:600;color:#1a1917}.qp-stat-teal{color:#1d9e75!important}.qp-stat-red{color:#e24b4a!important}.qp-stat-amber{color:#ef9f27!important}.qp-filters{display:flex;gap:8px;padding:10px 20px;border-bottom:1px solid rgba(0,0,0,.09);flex-shrink:0;background:#f7f6f2}.qp-search{flex:1;padding:7px 10px;border:1px solid rgba(0,0,0,.15);border-radius:6px;font-size:13px;color:#1a1917;background:#fff;outline:none;font-family:inherit}.qp-sel{padding:7px 10px;border:1px solid rgba(0,0,0,.15);border-radius:6px;font-size:12px;color:#1a1917;background:#fff;cursor:pointer;font-family:inherit}.qp-queue{flex:1;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:8px}.qp-empty{text-align:center;padding:40px;color:#888780;font-size:13px}.qp-card{background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:10px}.qp-card-open{border-color:#1d9e75}.qp-card-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;min-height:60px}.qp-card-header:hover{background:#f1efe8;border-radius:10px 10px 0 0}.qp-avatar{width:34px;height:34px;border-radius:50%;background:#e1f5ee;color:#085041;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.qp-card-info{flex:1;min-width:0}.qp-card-name{font-size:13px;font-weight:500;color:#1a1917}.qp-card-id{font-size:11px;color:#888780;font-weight:400}.qp-card-meta{font-size:11px;color:#888780;margin-top:2px}.qp-chevron{font-size:10px;color:#888780;flex-shrink:0;margin-left:4px}.sla-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:99px;flex-shrink:0}.sla-ok{background:#e1f5ee;color:#085041}.sla-warn{background:#faeeda;color:#412402}.sla-breach{background:#fcebeb;color:#791f1f}.status-pill{font-size:10px;font-weight:600;padding:3px 8px;border-radius:99px;flex-shrink:0;text-transform:capitalize}.pill-pending{background:#faeeda;color:#412402}.pill-reviewing{background:#e6f1fb;color:#0c447c}.pill-escalated{background:#eeedfe;color:#3c3489}.pill-approved{background:#e1f5ee;color:#085041}.pill-rejected{background:#fcebeb;color:#791f1f}.qp-card-body{padding:0 14px 14px;border-top:1px solid rgba(0,0,0,.09);background:#f1efe8}.qp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0 10px}.qp-detail-label{display:block;font-size:10px;color:#888780;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.qp-detail-val{font-size:12px;font-weight:500;color:#1a1917}.qp-rej-panel{border:1px solid rgba(226,75,74,.2);border-radius:6px;padding:10px;background:#fff;margin-bottom:10px}.qp-rej-title{font-size:11px;font-weight:600;color:#791f1f;margin-bottom:8px}.qp-rc-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.qp-rc-btn{font-size:11px;padding:5px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.15);cursor:pointer;text-align:left;background:#f1efe8;color:#5f5e5a;font-family:inherit}.qp-rc-btn:hover{border-color:#e24b4a;color:#791f1f}.qp-rc-selected{background:#fcebeb!important;color:#791f1f!important;border-color:#e24b4a66!important}.qp-notes{width:100%;margin-top:8px;padding:7px 10px;border:1px solid rgba(0,0,0,.15);border-radius:6px;font-size:12px;color:#1a1917;background:#fff;resize:none;outline:none;font-family:inherit}.qp-actions{display:flex;gap:6px;justify-content:flex-end;padding-top:4px}.qp-btn-sec{padding:6px 12px;font-size:12px;font-weight:500;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;color:#5f5e5a;cursor:pointer;font-family:inherit}.qp-btn-sec:hover{background:#f1efe8}.qp-btn-sec:disabled{opacity:.5;cursor:not-allowed}.qp-btn-danger{padding:6px 14px;font-size:12px;font-weight:600;border:none;border-radius:6px;background:#e24b4a;color:#fff;cursor:pointer;font-family:inherit}.qp-btn-danger:hover{background:#a32d2d}.qp-btn-danger:disabled{opacity:.5;cursor:not-allowed}.qp-btn-approve{padding:6px 14px;font-size:12px;font-weight:600;border:none;border-radius:6px;background:#1d9e75;color:#fff;cursor:pointer;font-family:inherit}.qp-btn-approve:hover{background:#0f6e56}.qp-btn-approve:disabled{opacity:.5;cursor:not-allowed}.qp-alpha-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;padding:8px 20px;border-bottom:1px solid rgba(0,0,0,.09);flex-shrink:0;background:#f7f6f2;overflow-x:auto}.qp-alpha-btn{padding:3px 6px;font-size:11px;font-weight:600;border:1px solid rgba(0,0,0,.12);border-radius:4px;background:#fff;color:#5f5e5a;cursor:pointer;font-family:inherit;min-width:24px;text-align:center}.qp-alpha-btn:hover{background:#e1f5ee;color:#085041;border-color:#1d9e75}.qp-alpha-active{background:#1d9e75!important;color:#fff!important;border-color:#1d9e75!important}.qp-pagination{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0;padding:0}.qp-page-btn{padding:5px 10px;font-size:13px;font-weight:600;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;color:#1a1917;cursor:pointer;font-family:inherit}.qp-page-btn:hover:not(:disabled){background:#e1f5ee;border-color:#1d9e75;color:#085041}.qp-page-btn:disabled{opacity:.4;cursor:not-allowed}.qp-page-info{font-size:12px;color:#5f5e5a;padding:0 8px}.qp-biodata-viewer{margin:12px 0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface-2)}.qp-biodata-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface-3);border-bottom:1px solid var(--border)}.qp-biodata-title{font-size:13px;font-weight:600;color:var(--text-1)}.qp-biodata-open{font-size:12px;color:var(--accent);text-decoration:none}.qp-biodata-open:hover{text-decoration:underline}.qp-biodata-img{width:100%;max-height:500px;object-fit:contain;display:block;background:#fff;cursor:zoom-in}.qp-biodata-fallback{padding:12px;text-align:center}.um-wrap{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#f7f6f2;position:relative}.um-toast{position:absolute;top:12px;right:16px;background:#1a1917;color:#fff;font-size:12px;padding:8px 14px;border-radius:10px;z-index:200}.um-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-bottom:1px solid rgba(0,0,0,.09);flex-shrink:0}.um-title{font-size:15px;font-weight:600;color:#1a1917}.um-sub{font-size:11px;color:#888780;margin-top:2px}.um-btn-add{padding:8px 16px;background:#1d9e75;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.um-btn-add:hover{background:#0f6e56}.um-form-card{margin:16px 20px;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:10px;padding:16px;flex-shrink:0}.um-form-title{font-size:13px;font-weight:600;color:#1a1917;margin-bottom:12px}.um-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.um-label{display:block;font-size:11px;font-weight:500;color:#5f5e5a;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.um-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.um-btn-sec{padding:6px 14px;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;color:#5f5e5a;font-size:12px;cursor:pointer;font-family:inherit}.um-btn-primary{padding:6px 16px;background:#1d9e75;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.um-btn-primary:hover{background:#0f6e56}.um-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:center;justify-content:center}.um-modal{background:#fff;border-radius:10px;padding:20px;width:500px;max-width:90vw;box-shadow:0 8px 32px #0000002e}.um-table-wrap{flex:1;overflow:auto;padding:16px 20px}.um-table{width:100%;border-collapse:collapse;font-size:13px}.um-table th{text-align:left;padding:8px 10px;font-size:10px;font-weight:600;color:#888780;text-transform:uppercase;letter-spacing:.06em;background:#f1efe8;border-bottom:1px solid rgba(0,0,0,.09)}.um-table td{padding:12px 10px;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:middle}.um-table tr:hover td{background:#f7f6f2}.um-name{font-weight:500;color:#1a1917}.um-email{color:#5f5e5a;font-size:12px}.um-login{color:#888780;font-size:11px}.um-role-tag{font-size:10px;font-weight:600;padding:3px 8px;border-radius:99px;background:#e6f1fb;color:#0c447c}.um-status{font-size:11px;font-weight:600;padding:3px 8px;border-radius:99px}.um-active{background:#e1f5ee;color:#085041}.um-inactive{background:#fcebeb;color:#791f1f}.um-actions{display:flex;gap:6px}.um-btn-edit{padding:4px 10px;font-size:11px;font-weight:500;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;color:#1a1917;cursor:pointer;font-family:inherit}.um-btn-edit:hover{background:#f1efe8}.um-btn-deact{padding:4px 10px;font-size:11px;font-weight:500;border:none;border-radius:6px;background:#fcebeb;color:#791f1f;cursor:pointer;font-family:inherit}.um-btn-deact:hover{background:#e24b4a;color:#fff}.um-btn-react{padding:4px 10px;font-size:11px;font-weight:500;border:none;border-radius:6px;background:#e1f5ee;color:#085041;cursor:pointer;font-family:inherit}.um-btn-react:hover{background:#1d9e75;color:#fff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", monospace;--bg: #F7F6F2;--surface: #FFFFFF;--surface-2: #F1EFE8;--border: rgba(0,0,0,.09);--border-md: rgba(0,0,0,.15);--text: #1A1917;--text-2: #5F5E5A;--text-3: #888780;--teal: #1D9E75;--teal-l: #E1F5EE;--teal-t: #085041;--amber: #EF9F27;--amber-l: #FAEEDA;--amber-t: #412402;--red: #E24B4A;--red-l: #FCEBEB;--red-t: #791F1F;--blue: #378ADD;--blue-l: #E6F1FB;--blue-t: #0C447C;--purple: #7F77DD;--purple-l: #EEEDFE;--purple-t: #3C3489;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px}html,body,#root{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:var(--font)}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:99px}