:root{--ion-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ion-color-primary: #176b87;--ion-color-primary-rgb: 23, 107, 135;--ion-color-primary-contrast: #ffffff;--ion-color-primary-shade: #145e77;--ion-color-primary-tint: #2e7a93;--ion-color-secondary: #4d7c0f;--ion-color-success: #21845b;--ion-color-warning: #b7791f;--ion-color-danger: #b42318;--ion-color-medium: #667085;--ion-background-color: #f6f7f9;--ion-text-color: #172033;--ion-toolbar-background: rgba(255, 255, 255, .94);--ion-toolbar-border-color: #e5e7eb;--ion-tab-bar-background: #ffffff;--ion-item-background: #ffffff;--ion-card-background: #ffffff}@media(prefers-color-scheme:dark){:root{--ion-background-color: #101418;--ion-text-color: #f8fafc;--ion-toolbar-background: rgba(16, 20, 24, .94);--ion-toolbar-border-color: #25313f;--ion-tab-bar-background: #151b22;--ion-item-background: #151b22;--ion-card-background: #151b22}}*{box-sizing:border-box}body{background:var(--ion-background-color)}ion-card{border-radius:8px;box-shadow:0 8px 24px #0f172a14}ion-list[inset]{border-radius:8px;margin-inline:16px;overflow:hidden}ion-item{--border-color: #edf0f4;--min-height: 68px}ion-button{--border-radius: 8px;font-weight:700;letter-spacing:0}ion-fab-button{--border-radius: 999px}ion-alert{--background: var(--ion-card-background);--color: var(--ion-text-color);--button-color: var(--ion-color-primary)}ion-alert.eloans-select-alert{--background: #151b22;--ion-background-color: #151b22;--ion-background-color-rgb: 21, 27, 34;--ion-text-color: #f8fafc;--ion-text-color-rgb: 248, 250, 252;--ion-color-step-50: #1f2933;--ion-color-step-100: #25313f;--ion-color-step-150: #344054;--ion-color-step-250: #667085;--ion-color-step-400: #98a2b3;--ion-color-step-500: #cbd5e1;--ion-color-step-600: #d0d5dd;--ion-color-step-850: #f8fafc}.alert-wrapper.sc-ion-alert-md,.alert-wrapper.sc-ion-alert-ios{background:var(--ion-card-background);color:var(--ion-text-color)}ion-alert.eloans-select-alert .alert-wrapper.sc-ion-alert-md,ion-alert.eloans-select-alert .alert-wrapper.sc-ion-alert-ios{background:#151b22!important;color:#f8fafc!important}.alert-title.sc-ion-alert-md,.alert-title.sc-ion-alert-ios,.alert-radio-label.sc-ion-alert-md,.alert-radio-label.sc-ion-alert-ios,.alert-checkbox-label.sc-ion-alert-md,.alert-checkbox-label.sc-ion-alert-ios{color:var(--ion-text-color);opacity:1}ion-alert.eloans-select-alert .alert-title.sc-ion-alert-md,ion-alert.eloans-select-alert .alert-title.sc-ion-alert-ios,ion-alert.eloans-select-alert .alert-radio-label.sc-ion-alert-md,ion-alert.eloans-select-alert .alert-radio-label.sc-ion-alert-ios,ion-alert.eloans-select-alert .alert-checkbox-label.sc-ion-alert-md,ion-alert.eloans-select-alert .alert-checkbox-label.sc-ion-alert-ios{color:#f8fafc!important;opacity:1!important}.alert-radio-group.sc-ion-alert-md,.alert-radio-group.sc-ion-alert-ios,.alert-checkbox-group.sc-ion-alert-md,.alert-checkbox-group.sc-ion-alert-ios{border-color:var(--ion-toolbar-border-color)}ion-alert.eloans-select-alert .alert-radio-group.sc-ion-alert-md,ion-alert.eloans-select-alert .alert-radio-group.sc-ion-alert-ios,ion-alert.eloans-select-alert .alert-checkbox-group.sc-ion-alert-md,ion-alert.eloans-select-alert .alert-checkbox-group.sc-ion-alert-ios{border-color:#f8fafcb8!important}.alert-radio-icon.sc-ion-alert-md,.alert-radio-icon.sc-ion-alert-ios,.alert-checkbox-icon.sc-ion-alert-md,.alert-checkbox-icon.sc-ion-alert-ios{border-color:#9aa4b2}ion-alert.eloans-select-alert .alert-radio-icon.sc-ion-alert-md,ion-alert.eloans-select-alert .alert-radio-icon.sc-ion-alert-ios,ion-alert.eloans-select-alert .alert-checkbox-icon.sc-ion-alert-md,ion-alert.eloans-select-alert .alert-checkbox-icon.sc-ion-alert-ios{border-color:#cbd5e1!important}.alert-radio-button[aria-checked=true].sc-ion-alert-md .alert-radio-label.sc-ion-alert-md,.alert-radio-button[aria-checked=true].sc-ion-alert-ios .alert-radio-label.sc-ion-alert-ios{color:var(--ion-text-color)}ion-alert.eloans-select-alert .alert-radio-button[aria-checked=true].sc-ion-alert-md .alert-radio-label.sc-ion-alert-md,ion-alert.eloans-select-alert .alert-radio-button[aria-checked=true].sc-ion-alert-ios .alert-radio-label.sc-ion-alert-ios{color:#f8fafc!important}.alert-button.sc-ion-alert-md,.alert-button.sc-ion-alert-ios{color:var(--ion-color-primary);opacity:1}ion-alert.eloans-select-alert .alert-button.sc-ion-alert-md,ion-alert.eloans-select-alert .alert-button.sc-ion-alert-ios{color:#25b7dc!important;opacity:1!important}.app-content{--padding-bottom: 96px}.auth-screen{--background: #eef5f5}.auth-shell{min-height:100%;display:grid;align-content:center;gap:22px;padding:32px 18px}.brand-panel{display:flex;align-items:center;gap:14px;max-width:520px;width:100%;margin:0 auto}.brand-mark{width:56px;height:56px;border-radius:8px;display:grid;place-items:center;background:#176b87;color:#fff;font-size:22px;font-weight:800}.brand-panel h1,.page-hero h1,.loan-header h1{margin:0;font-size:28px;line-height:1.1;letter-spacing:0}.eyebrow{margin:0 0 6px;color:#5d6b7a;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.auth-panel{width:100%;max-width:520px;margin:0 auto;padding:16px;border:1px solid #dbe3ea;border-radius:8px;background:#fff}.form-stack{display:grid;gap:12px;padding-top:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-error{margin:0;font-size:14px}.page-hero{padding:18px 18px 10px}.page-hero h1{margin-bottom:10px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 10px}.notice-stack{display:grid;gap:10px;padding:0 10px 12px}.notice-card{margin:0;border-left:4px solid #176b87}.notice-card ion-card-content{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:12px 14px}.notice-card ion-icon{margin-top:2px;color:#176b87}.notice-card strong{display:block;margin-bottom:3px;color:#101828;font-size:14px}.notice-card p{margin:0;color:#475467;font-size:13px;line-height:1.35}.notice-warning{border-left-color:#b7791f}.notice-warning ion-icon{color:#b7791f}.notice-critico{border-left-color:#b42318}.notice-critico ion-icon{color:#b42318}.notice-success{border-left-color:#21845b}.notice-success ion-icon{color:#21845b}.metric-card{margin:0;min-height:104px}.metric-card ion-card-content{min-height:104px;display:grid;align-content:space-between;gap:14px;padding:14px}.metric-card span,.compact-summary span,.loan-header span{color:#667085;font-size:13px;font-weight:700}.metric-card strong,.compact-summary strong{color:#101828;font-size:22px;line-height:1.1;letter-spacing:0}.metric-blue{border-top:4px solid #176b87}.metric-green{border-top:4px solid #21845b}.metric-amber{border-top:4px solid #b7791f}.metric-slate{border-top:4px solid #4b5563}.investment-section{padding-top:14px}.projection-card{margin:10px 10px 0;border-top:4px solid #21845b}.projection-card ion-card-content{display:grid;gap:14px;padding:14px}.projection-main,.projection-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.projection-main span,.projection-grid span,.projection-footer{color:var(--ion-color-medium);font-size:12px;font-weight:700}.projection-main strong{display:block;margin-top:6px;color:var(--ion-text-color);font-size:26px;line-height:1.05;letter-spacing:0}.projection-main ion-icon{flex:0 0 auto;width:34px;height:34px;padding:8px;border-radius:999px;background:#21845b1f;color:#21845b}.projection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.projection-grid div{min-height:74px;display:grid;align-content:space-between;gap:8px;padding:10px;border:1px solid rgba(102,112,133,.22);border-radius:8px;background:#21845b0f}.projection-grid strong{color:var(--ion-text-color);font-size:16px;line-height:1.1;overflow-wrap:anywhere}.projection-footer{justify-content:flex-start;padding-top:2px}.projection-footer ion-icon{color:#21845b}.section-block{padding:18px 0 0}.section-title,.compact-summary,.loan-header,.action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}.section-title h2{margin:0;font-size:18px}.compact-summary{min-height:76px;padding-top:12px}.compact-summary div,.loan-header div{display:grid;gap:4px}.empty-state{margin:18px 16px;padding:18px;border:1px dashed #cbd5e1;border-radius:8px;color:#667085;text-align:center;font-weight:700}.modal-content{--padding-start: 14px;--padding-end: 14px;--padding-top: 10px}.item-end{display:grid;justify-items:end;gap:8px;min-width:92px;font-weight:800}.loan-header{align-items:flex-start;padding-top:18px;padding-bottom:12px}.loan-header h1{font-size:34px}.action-row{padding-bottom:14px}.danger-text{color:#b42318;font-weight:700}.payment-note-inline{color:#176b87;font-weight:700}.proof-panel{display:grid;gap:10px;margin-top:12px}.file-picker{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px dashed #9bb8c5;border-radius:8px;color:#176b87;font-size:14px;font-weight:800;cursor:pointer}.file-picker input{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0}.file-picker:has(input:disabled){cursor:not-allowed;opacity:.55}.file-picker:has(input:disabled) input{cursor:not-allowed}.sync-status{position:fixed;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:10000;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 10px;border:1px solid #dbe3ea;border-radius:8px;background:#fffffff5;color:#344054;font-size:13px;font-weight:800;box-shadow:0 10px 28px #0f172a24}.membership-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 16px 12px}.membership-hero div{display:grid;gap:4px}.membership-hero h1{margin:0;font-size:30px;line-height:1.1;letter-spacing:0}.membership-hero span{color:#667085;font-size:13px;font-weight:700}.usage-grid,.plan-grid{display:grid;gap:10px;padding:0 10px}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-card,.plan-card,.invoice-card{margin:0}.usage-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.usage-card-header span,.payment-total-card span{color:#667085;font-size:12px;font-weight:800}.usage-card-header strong,.payment-total-card strong{color:#101828;font-size:16px;letter-spacing:0}.invoice-card{margin:0 16px}.invoice-card ion-card-content{display:grid;gap:14px}.invoice-card h3{margin:8px 0 2px;font-size:26px;letter-spacing:0}.invoice-card p,.plan-card p{margin:0;color:#667085;font-size:13px}.plan-card ion-card-content{display:grid;gap:12px}.plan-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.plan-card h3{margin:0 0 4px;color:var(--ion-text-color);font-size:18px}.plan-card strong{color:#101828;font-size:24px;letter-spacing:0}.plan-limits{display:flex;flex-wrap:wrap;gap:8px}.plan-limits span{padding:6px 8px;border:1px solid #dbe3ea;border-radius:8px;color:#475467;font-size:12px;font-weight:800}.active-plan{border:1px solid rgba(33,132,91,.42)}.payment-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 10px 8px}.payment-total-card{margin:0;min-height:82px}.payment-total-card ion-card-content{display:grid;gap:8px;padding:12px}.payment-note{margin:8px 16px 0;padding:12px;border:1px solid #dbe3ea;border-radius:8px;background:var(--ion-card-background)}.payment-note p{margin:0;color:#475467;font-size:14px}.payment-note p+p{margin-top:6px}@media(max-width:380px){.two-col,.metric-grid,.usage-grid,.payment-totals{grid-template-columns:1fr}.brand-panel h1,.page-hero h1,.membership-hero h1{font-size:24px}}@media(min-width:760px){.auth-shell{grid-template-columns:.9fr 1fr;align-items:center;max-width:980px;margin:0 auto}.brand-panel,.auth-panel{margin:0}.app-content::part(scroll){max-width:920px;margin:0 auto}}@media(prefers-color-scheme:dark){.auth-screen{--background: #101418}.auth-panel{background:#151b22;border-color:#25313f}.eyebrow,.metric-card span,.compact-summary span,.loan-header span{color:#a5b4c3}.metric-card strong,.compact-summary strong,.usage-card-header strong,.plan-card strong,.payment-total-card strong{color:#f8fafc}.membership-hero span,.usage-card-header span,.payment-total-card span,.invoice-card p,.plan-card p{color:#a5b4c3}.plan-limits span{border-color:#25313f;color:#cbd5e1}.payment-note{border-color:#25313f}.payment-note p{color:#cbd5e1}.sync-status{border-color:#25313f;background:#151b22f5;color:#f8fafc}.empty-state{border-color:#526173;color:#cbd5e1}ion-card{box-shadow:0 10px 28px #00000040}}