:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f8;color:#18202a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1220px;margin:auto;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.brand{display:flex;align-items:baseline;gap:8px}.brand strong{font-size:24px}.brand span,.muted,.page-heading p{color:#667085}.topbar nav{display:flex;gap:6px}button{padding:10px 15px;border:0;border-radius:8px;cursor:pointer;font:inherit}button:disabled{cursor:not-allowed;opacity:.55}button.primary{background:#19376d;color:#fff;font-weight:650}button.secondary{background:#fff;border:1px solid #d0d5dd;color:#344054;font-weight:650}.nav-button,.nav-active{background:transparent}.nav-active{color:#19376d;background:#e9eef7;font-weight:700}.card{background:#fff;padding:24px;border-radius:13px;border:1px solid #e4e7ec;box-shadow:0 2px 12px #0000000d;margin-bottom:16px}.sign-in-card{max-width:560px;margin:10vh auto;text-align:center}.search,.inline-search{display:flex;gap:10px}input{width:100%;padding:11px 12px;border:1px solid #bbc4ce;border-radius:8px;font:inherit}.search input{flex:1}a{color:#155eef}mark{background:#fff0a6}.page-heading,.section-heading,.actions{display:flex;justify-content:space-between;align-items:center;gap:18px}.page-heading{margin-bottom:20px}.page-heading h1,.section-heading h2,.card h2{margin:0 0 6px}.status-pill,.sync-status{display:inline-flex;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700;text-transform:capitalize}.status-pill.good,.sync-status.synced{background:#e8f7ef;color:#11683c}.status-pill.bad,.sync-status.error{background:#fff0f0;color:#a51d2d}.sync-status.queued,.sync-status.syncing,.sync-status.not_synced{background:#fff6df;color:#805500}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px;border-bottom:1px solid #e4e7ec}.step{background:transparent;color:#667085;border-radius:0;padding:14px}.step.active{color:#19376d;border-bottom:3px solid #19376d;font-weight:700}.step span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:#e9eef7}.alert{padding:12px 15px;margin-bottom:16px;border-radius:8px}.alert.error{background:#fff0f0;color:#9d1628}.alert.success{background:#eaf8f0;color:#11683c}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.status-item{border:1px solid #e4e7ec;border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:6px;min-width:0}.status-item span{color:#667085;font-size:13px}.status-item strong{overflow-wrap:anywhere}.status-item em{font-size:12px;font-style:normal;font-weight:700}.status-item .ok{color:#11683c}.status-item .not-ok{color:#a51d2d}.actions{justify-content:flex-end;margin-top:24px}.selection-list{margin-top:20px;max-height:550px;overflow-y:auto}.selection-row{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #e4e7ec;border-radius:9px;margin-bottom:9px;cursor:pointer}.selection-row input{width:auto}.selection-row div{display:flex;flex-direction:column;flex:1;min-width:0}.selection-row div span{color:#667085;font-size:13px;overflow-wrap:anywhere}.selection-row em{color:#11683c;font-size:12px}.library-group{margin-top:22px;padding-top:18px;border-top:1px solid #e4e7ec}.table-wrap{overflow-x:auto;margin-top:20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #eaecf0;vertical-align:top}th{color:#667085;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.row-actions{white-space:nowrap}.row-actions button{background:transparent;padding:5px 7px;color:#155eef}.row-actions button.danger{color:#b42318}.error-detail{display:block;color:#b42318;font-size:11px;margin-top:5px}.empty{text-align:center;color:#667085;padding:30px}@media(max-width:800px){main{padding:14px}.topbar,.page-heading,.section-heading{align-items:flex-start;flex-direction:column}.topbar nav{flex-wrap:wrap}.steps{grid-template-columns:1fr 1fr}.status-grid{grid-template-columns:1fr}.inline-search{width:100%}}