*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-primary:#42a600;--green-dark:#327d00;--green-light:#74bf44;--green-muted:#e8f5e0;--green-glow:#42a6001a;--bg-primary:#f5f6fa;--bg-secondary:#fff;--bg-tertiary:#f9fafb;--bg-hover:#f0f2f5;--bg-selected:#e8f5e0;--border:#e2e5ea;--border-light:#ebedf0;--text-primary:#1a1d23;--text-secondary:#4a5060;--text-muted:#8b90a0;--header-bg:#1a2e10;--header-text:#fff;--claims-badge:#2563eb;--claims-badge-bg:#2563eb1a;--old-claims-badge:#7c3aed;--old-claims-badge-bg:#7c3aed1a;--success:#16a34a;--error:#dc2626;--warning:#d97706;--status-open:#d97706;--status-open-bg:#d977061a;--status-paid:#16a34a;--status-paid-bg:#16a34a1a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--transition:.15s ease}html,body,#root{width:100%;height:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;display:flex;overflow:hidden}.app-loading{height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.app-loading p{font-size:15px}.error-text{color:var(--error);font-weight:600;font-size:18px!important}.error-sub{color:var(--text-muted);font-size:13px!important}.spinner{border:3px solid var(--border);border-top-color:var(--green-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.spinner-sm{border:2px solid var(--border);border-top-color:var(--green-primary);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.topbar{background:var(--header-bg);color:var(--header-text);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.topbar-left{align-items:center;gap:20px;display:flex}.topbar-logo{letter-spacing:-.02em;color:#fff;align-items:center;gap:4px;font-size:22px;font-weight:700;display:flex}.topbar-logo .logo-plus{color:var(--green-primary);font-weight:800}.topbar-divider{background:#fff3;width:1px;height:28px}.topbar-title{color:#fffc;font-size:15px;font-weight:500}.topbar-right{align-items:center;gap:14px;display:flex}.topbar-error{color:#fca5a5;border-radius:var(--radius-sm);background:#dc262633;padding:4px 10px;font-size:12px}.topbar-loading{color:var(--green-light);align-items:center;font-size:12px;display:flex}.topbar-loading .spinner-sm{border-color:#fff3;border-top-color:var(--green-light)}.topbar-timestamps{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.topbar-refreshed{color:#ffffff73;font-size:11px}.btn-refresh{color:#fff;background:var(--green-dark);border:1px solid var(--green-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);align-items:center;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.btn-refresh:hover:not(:disabled){background:var(--green-primary)}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.btn-refresh .spinner-sm{border-color:#fff #ffffff4d #ffffff4d}.btn-rebuild{color:#ffffffb3;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:#ffffff1a;border:1px solid #fff3;align-items:center;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.btn-rebuild:hover:not(:disabled){color:#fff;background:#ffffff26}.btn-rebuild:disabled{opacity:.6;cursor:not-allowed}.btn-rebuild .spinner-sm{border-color:#fff #ffffff4d #ffffff4d}.summary-stats{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;gap:12px;padding:16px 24px;display:flex}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;min-width:120px;padding:10px 18px;display:flex}.stat-card-value{color:var(--text-primary);font-size:22px;font-weight:700}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.view-toggle{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);align-self:center;margin-left:auto;display:flex;overflow:hidden}.view-toggle button{cursor:pointer;color:var(--text-secondary);transition:all var(--transition);background:0 0;border:none;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500}.view-toggle button.active{background:var(--green-primary);color:#fff}.view-toggle button:hover:not(.active){background:var(--bg-hover)}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;width:320px;min-width:320px;display:flex;overflow:hidden}.sidebar-search{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:14px;display:flex}.search-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition);outline:none;padding:9px 12px;font-family:inherit;font-size:14px}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--green-primary);box-shadow:0 0 0 3px var(--green-glow)}.search-count{color:var(--text-muted);padding-left:2px;font-size:11px}.patient-list{flex:1;padding:6px;overflow-y:auto}.patient-list::-webkit-scrollbar{width:6px}.patient-list::-webkit-scrollbar-track{background:0 0}.patient-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.patient-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:all var(--transition);color:inherit;background:0 0;border:1px solid #0000;flex-direction:column;margin-bottom:1px;padding:10px 12px;font-family:inherit;display:flex}.patient-item:hover{background:var(--bg-hover)}.patient-item.selected{background:var(--bg-selected);border-color:var(--green-primary);box-shadow:inset 3px 0 0 var(--green-primary)}.patient-name{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.3}.patient-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.empty-state{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:13px}.detail{background:var(--bg-primary);flex:1;padding:28px;overflow-y:auto}.detail::-webkit-scrollbar{width:8px}.detail::-webkit-scrollbar-track{background:0 0}.detail::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.detail-loading,.detail-empty{justify-content:center;align-items:center;height:100%;display:flex}.detail-empty-text{color:var(--text-muted);font-size:15px}.detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.detail-name{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:700}.detail-stats{gap:8px;display:flex}.stat-badge{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500}.cases-list{flex-direction:column;gap:16px;display:flex}.case-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition);overflow:hidden}.case-card:hover{box-shadow:var(--shadow-md)}.case-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.case-doi{color:var(--text-primary);flex-direction:column;gap:2px;font-size:15px;font-weight:600;display:flex}.case-doi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:500}.case-claim-count{color:var(--text-muted);font-size:12px}.claims-list{flex-direction:column;gap:2px;padding:6px;display:flex}.claim-item{border-radius:var(--radius-sm);color:var(--text-primary);transition:background var(--transition);align-items:flex-start;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.claim-item:hover{background:var(--bg-hover)}.claim-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.claim-source{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.claim-source.claims{background:var(--claims-badge-bg);color:var(--claims-badge)}.claim-source.old-claims{background:var(--old-claims-badge-bg);color:var(--old-claims-badge)}.claim-id{color:var(--text-secondary);font-size:13px}.claim-dos{color:var(--text-secondary);flex-shrink:0;min-width:100px;font-size:13px}.claim-provider{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:12px}.claim-link-icon{color:var(--text-muted);opacity:0;transition:opacity var(--transition);flex-shrink:0;margin-top:2px;font-size:14px}.claim-item:hover .claim-link-icon{opacity:1;color:var(--green-primary)}.claim-notes{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-light);white-space:pre-wrap;margin-top:6px;margin-left:0;padding:6px 10px;font-size:12px;line-height:1.5}.claim-details{flex-direction:column;flex:1;min-width:0;display:flex}.provider-list{flex-direction:column;flex:1;gap:16px;padding:28px;display:flex;overflow-y:auto}.provider-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.provider-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.provider-name{color:var(--text-primary);font-size:15px;font-weight:600}.provider-claim-count{color:var(--text-muted);font-size:12px}.provider-claims{padding:6px}.provider-claim-item{border-radius:var(--radius-sm);color:var(--text-primary);transition:background var(--transition);align-items:center;gap:12px;padding:8px 14px;font-size:13px;text-decoration:none;display:flex}.provider-claim-item:hover{background:var(--bg-hover)}.provider-claim-patient{min-width:180px;font-weight:500}.provider-claim-dos,.provider-claim-doi{color:var(--text-secondary);min-width:100px}.provider-claim-link{color:var(--text-muted);opacity:0;transition:opacity var(--transition);margin-left:auto}.provider-claim-item:hover .provider-claim-link{opacity:1;color:var(--green-primary)}.provider-sidebar-list{flex:1;padding:6px;overflow-y:auto}.provider-sidebar-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:all var(--transition);color:inherit;background:0 0;border:1px solid #0000;flex-direction:column;margin-bottom:1px;padding:10px 12px;font-family:inherit;display:flex}.provider-sidebar-item:hover{background:var(--bg-hover)}.provider-sidebar-item.selected{background:var(--bg-selected);border-color:var(--green-primary);box-shadow:inset 3px 0 0 var(--green-primary)}.claim-status{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.claim-status.open{background:var(--status-open-bg);color:var(--status-open)}.claim-status.paid{background:var(--status-paid-bg);color:var(--status-paid)}.status-filter{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition);outline:none;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:500}.status-filter:focus{border-color:var(--green-primary);box-shadow:0 0 0 3px var(--green-glow)}.stat-card-clickable{cursor:pointer;transition:all var(--transition);border:1px solid var(--border-light)}.stat-card-clickable:hover{border-color:var(--green-primary);box-shadow:0 0 0 3px var(--green-glow)}.stat-card-active{border-color:var(--green-primary);background:var(--bg-selected)}.stat-card-value-open{color:var(--status-open)}.stat-card-value-paid{color:var(--status-paid)}.claims-header-row,.provider-claims-header-row{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);z-index:2;align-items:center;gap:12px;padding:6px 14px;font-size:10px;font-weight:600;display:flex;position:sticky;top:0}.claims-col-source{flex-shrink:0;min-width:72px}.claims-col-status{flex-shrink:0;min-width:52px}.claims-col-id{flex-shrink:0;min-width:100px}.claims-col-provider{flex-shrink:0;margin-left:auto}.claims-col-patient{flex-shrink:0;min-width:180px}.claims-col-dos,.claims-col-doi{flex-shrink:0;min-width:100px}.detail-header{background:var(--bg-primary);z-index:3;padding-top:4px;position:sticky;top:0}.provider-detail-header{background:var(--bg-primary)}.provider-claims-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.open-claims-view{background:var(--bg-primary);flex-direction:column;flex:1;padding:28px;display:flex;overflow:hidden}.open-claims-header{border-bottom:1px solid var(--border);background:var(--bg-primary);z-index:3;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex;position:sticky;top:0}.open-claims-toolbar{align-items:center;gap:12px;display:flex}.open-claims-search{width:300px}.open-claims-table-wrap{flex:1;overflow-y:auto}.claims-table{border-collapse:collapse;width:100%;font-size:13px}.claims-table thead{z-index:2;position:sticky;top:0}.claims-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);border-bottom:1px solid var(--border);padding:10px 14px;font-size:10px;font-weight:600}.claims-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:10px 14px}.claims-table-row{transition:background var(--transition)}.claims-table-row:hover{background:var(--bg-hover)}.claims-table-row-link{cursor:pointer}.claims-table-patient{white-space:nowrap;font-weight:500}.claims-table-provider{color:var(--text-secondary)}.claims-table-dos,.claims-table-doi{color:var(--text-secondary);white-space:nowrap}.claims-table-notes{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:12px;overflow:hidden}.claims-table-link{text-align:center;width:30px}.claims-table-row .claim-link-icon{opacity:0;transition:opacity var(--transition)}.claims-table-row:hover .claim-link-icon{opacity:1;color:var(--green-primary)}.claims-table-empty{text-align:center;color:var(--text-muted);padding:32px 14px!important}