:root{color-scheme:light dark;--app-bg: #f6f7f9;--app-text: #111827;--app-muted: #6b7280;--app-panel: #ffffff;--app-border: rgba(17, 24, 39, .1);--app-link: #2563eb;--app-button: #2563eb;--app-button-text: #ffffff;--app-danger: #b42318;--space-page: 16px;--radius-panel: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--app-bg);color:var(--app-text)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--app-bg);color:var(--app-text)}button,input,textarea,select{font:inherit}.app-shell{width:min(100%,560px);min-height:100vh;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + var(--space-page)) var(--space-page) calc(env(safe-area-inset-bottom,0px) + var(--space-page))}.app-center{display:grid;place-items:center}.patient-header{display:flex;align-items:center;gap:14px;padding:4px 0 20px}.avatar{display:grid;width:64px;height:64px;flex:0 0 64px;place-items:center;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--app-button) 16%,transparent);color:var(--app-button);font-size:26px;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover}.patient-heading{min-width:0}.clinic-brand{display:flex;min-width:0;align-items:center;gap:8px;margin-bottom:4px}.clinic-logo{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;overflow:hidden;border:1px solid var(--app-border);border-radius:8px;background:var(--app-panel);color:var(--app-button);font-size:13px;font-weight:700}.clinic-logo img{width:100%;height:100%;object-fit:contain}.eyebrow{min-width:0;margin:0;overflow:hidden;color:var(--app-muted);font-size:13px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:23px;line-height:1.15;letter-spacing:0}h2{margin-bottom:0;font-size:17px;line-height:1.25;letter-spacing:0}.patient-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--app-muted);font-size:13px;line-height:1.3}.panel{margin-bottom:12px;padding:16px;border:1px solid var(--app-border);border-radius:var(--radius-panel);background:var(--app-panel)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.balance-list{display:grid;gap:10px}.balance-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--app-muted)}.amount{color:var(--app-text);font-size:22px;line-height:1.1}.amount-negative{color:var(--app-danger)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-item{min-width:0;padding:12px;border:1px solid var(--app-border);border-radius:8px}.stat-item span{display:block;margin-bottom:6px;color:var(--app-muted);font-size:13px;line-height:1.3}.stat-item strong{font-size:24px;line-height:1.1}.muted{margin-bottom:0;color:var(--app-muted)}.state-panel{width:100%}.state-panel h1{font-size:20px}.state-panel p{margin-bottom:0;color:var(--app-muted);line-height:1.45}.loader{width:28px;height:28px;border:3px solid color-mix(in srgb,var(--app-muted) 24%,transparent);border-top-color:var(--app-button);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}