@import "https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@600;700;800&family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg:#f2f1f8;--surface:#fff;--surface-2:#e9e7f3;--surface-3:#dbd8ec;--ink:#1b1830;--ink-soft:#5b5670;--ink-faint:#8d88a3;--line:#dcd9ea;--accent:#5b47e0;--accent-strong:#4735c4;--accent-ink:#fff;--danger:#c8291c;--danger-soft:#fae1dd;--danger-text:#a3241a;--success:#1f7a4d;--success-soft:#e1f0e6;--warn:#a15c00;--warn-soft:#f7ead0;--teal:#0f7d74;--magenta:#9a3d8f;--blue:#1f5fae;--gold:#8a6d00;--rose:#b23a63;--sage:#62791c;--copper:#a15a2c;--steel:#3f5a72;--shadow:0 1px 2px #1c18300f, 0 8px 24px -12px #1c183038;--font-display:"Big Shoulders Display", "Arial Narrow", sans-serif;--font-body:"Public Sans", -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace}@media (prefers-color-scheme:dark){:root{--bg:#0d0b1a;--surface:#161329;--surface-2:#1f1b38;--surface-3:#2a2547;--ink:#edecf5;--ink-soft:#a7a2c0;--ink-faint:#6f6991;--line:#29234a;--accent:#9c8cff;--accent-strong:#b3a6ff;--accent-ink:#1a1033;--danger:#ff6b57;--danger-soft:#3a1e19;--danger-text:#ff8a78;--success:#3ecb84;--success-soft:#123322;--warn:#ffc46b;--warn-soft:#3a2c10;--teal:#4fd9c9;--magenta:#e79ce0;--blue:#6fa8e8;--gold:#e8c85c;--rose:#f28fb0;--sage:#a8c95e;--copper:#e0a06e;--steel:#9db4cc;--shadow:0 1px 2px #00000080, 0 12px 30px -16px #000000b3}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);margin:0}h1{font-family:var(--font-display);letter-spacing:.01em;text-wrap:balance;margin:0;font-weight:800}h2,h3{font-family:var(--font-body);letter-spacing:0;text-wrap:balance;margin:0;font-weight:700}p{margin:0}button,input,select,textarea{color:inherit;font-family:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app-shell{justify-content:center;min-height:100vh;display:flex}.app-frame{background:var(--bg);border-inline:1px solid var(--line);flex-direction:column;width:100%;max-width:448px;min-height:100vh;display:flex;position:relative}@media (width>=480px){body{padding:24px 0}.app-frame{min-height:calc(100vh - 48px);box-shadow:var(--shadow);border-radius:22px}}.topbar{z-index:5;background:color-mix(in oklab, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);flex-direction:column;gap:3px;padding:16px 18px 12px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:8px;min-width:0;display:flex}.topbar-right{justify-content:flex-end;align-items:center;gap:6px;display:flex}.topbar-email{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;max-width:55%;font-size:.6875rem;overflow:hidden}.back-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;flex:none;margin-left:-4px;padding:4px;display:flex}.back-btn .icon{width:22px;height:22px}.wordmark{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.5rem;font-weight:800;display:flex}.wordmark .icon{width:24px;height:24px;color:var(--accent);flex:none}main{flex-direction:column;flex:1;gap:20px;padding:4px 18px 100px;display:flex}.view-title{font-size:1.75rem;line-height:1.05}.view-sub{color:var(--ink-soft);margin-top:-8px;font-size:.875rem}.section-head{justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.section-head h2{font-size:1.0625rem}.link-btn{color:var(--accent-strong);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.8125rem;font-weight:600}.module-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.module-grid>:last-child:nth-child(odd){grid-column:1/-1}.module-tile{background:var(--surface);border:1px solid var(--line);text-align:left;cursor:pointer;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:10px;min-height:150px;padding:16px;transition:transform .15s;display:flex;position:relative}.badge-dot{background:var(--danger);border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;top:12px;right:12px}.tab{position:relative}.tab .badge-dot{width:8px;height:8px;top:4px;right:calc(50% - 20px)}.module-tile:active{transform:scale(.97)}.module-tile:disabled{opacity:.5;cursor:default;box-shadow:none}.module-tile-icon{background:color-mix(in oklab, var(--tile-accent,var(--accent-strong)) 18%, var(--surface));border-radius:13px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.module-tile-icon .icon{width:20px;height:20px;color:var(--tile-accent,var(--accent-strong))}.module-tile-body{flex-direction:column;flex:1;gap:3px;display:flex}.module-tile-body strong{font-family:var(--font-display);font-size:1.0625rem;font-weight:800}.module-tile-body span{color:var(--ink-soft);font-size:.75rem}.soon-pill{text-transform:uppercase;letter-spacing:.03em;background:var(--surface-2);color:var(--ink-faint);border-radius:99px;align-self:flex-start;padding:4px 9px;font-size:.625rem;font-weight:700}.gauge-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gauge-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.gauge{background:conic-gradient(var(--ring,var(--success)) calc(var(--pct,50) * 1%), var(--surface-2) 0);border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.gauge-inner{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 9px);height:calc(100% - 9px);line-height:1;display:flex}.gauge-inner b{font-family:var(--font-mono);font-size:.9375rem}.gauge-inner small{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:.5625rem}.gauge-label{flex-direction:column;gap:2px;min-width:0;display:flex}.gauge-label strong{font-size:.8125rem}.gauge-label span{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sos-btn{text-align:left;background:var(--danger);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow);border:none;border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.sos-btn .icon{flex:none;width:26px;height:26px}.sos-btn strong{font-family:var(--font-display);font-size:1.125rem;font-weight:700;display:block}.sos-btn small{opacity:.85;margin-top:2px;font-size:.75rem;font-weight:400;display:block}.sos-btn .chevron{opacity:.85;width:18px;height:18px;margin-left:auto}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:16px}.card h2{margin-bottom:12px;font-size:1rem}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-grid .full{grid-column:1/-1}label{color:var(--ink-soft);flex-direction:column;gap:4px;min-width:0;font-size:.75rem;font-weight:600;display:flex}input,select,textarea{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);box-sizing:border-box;border-radius:10px;width:100%;min-width:0;min-height:44px;padding:12px;font-size:1rem}textarea{resize:vertical;min-height:56px;font-family:inherit}.btn-primary{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:10px;min-height:44px;padding:12px 18px;font-size:.9375rem;font-weight:700;transition:background .15s,transform .15s}.btn-primary:hover{background:var(--accent-strong)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;min-height:44px;padding:11px 16px;font-size:.8125rem;font-weight:600}.form-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.form-error{color:var(--danger-text);background:var(--danger-soft);border-radius:10px;padding:10px 12px;font-size:.8125rem}.reminder-list,.contact-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.reminder-row,.contact-row{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:11px 14px;display:flex}.reminder-row .icon,.contact-row .icon{width:18px;height:18px;color:var(--ink-soft);flex:none}.reminder-main{flex:1;min-width:0}.reminder-main strong{font-size:.8125rem;display:block}.reminder-main span{color:var(--ink-faint);font-size:.75rem;display:block}.reminder-date{font-family:var(--font-mono);color:var(--ink-soft);white-space:nowrap;font-size:.75rem}.pill{white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;border-radius:99px;padding:3px 9px;font-size:.6875rem;font-weight:700}.pill.ok{background:var(--success-soft);color:var(--success)}.pill.soon{background:var(--warn-soft);color:var(--warn)}.pill.due{background:var(--danger-soft);color:var(--danger-text)}.pill.active{background:var(--surface-2);color:var(--ink-soft)}.icon-btn{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;margin:-8px;padding:8px}.icon-btn:hover{color:var(--danger);background:var(--surface-2)}.icon-btn .icon{width:16px;height:16px;display:block}.empty-note{color:var(--ink-faint);text-align:center;padding:14px 0;font-size:.8125rem}.icon{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tabbar{border-top:1px solid var(--line);background:color-mix(in oklab, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);padding:9px 6px calc(9px + env(safe-area-inset-bottom));z-index:5;gap:4px;display:flex;position:sticky;bottom:0}.tab{min-width:0;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:8px 2px;text-decoration:none;display:flex}.tabbar.two-rows{grid-template-rows:repeat(2,auto);grid-auto-flow:row;row-gap:2px;display:grid}.tabbar.two-rows .tab{min-height:40px;padding:6px 2px}.tab .icon{flex:none;width:21px;height:21px}.tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.625rem;font-weight:600;overflow:hidden}.tab.active{color:var(--accent-strong);background:var(--surface-2)}.plate{border:1.5px solid #16181c;border-radius:6px;align-items:stretch;height:30px;display:inline-flex;overflow:hidden;box-shadow:0 1px 3px #00000059}.plate-band{background:#1c4fa0;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:16px;padding:2px 0;display:flex}.plate-band i{background:#fff;border-radius:50%;width:3px;height:3px;display:block}.plate-band b{color:#fff;margin-top:1px;font-size:5px;font-weight:700;line-height:1}.plate-text{color:#14161a;font-family:var(--font-mono);letter-spacing:.09em;background:#fdfdfb;align-items:center;padding:0 8px;font-size:.8125rem;font-weight:600;display:flex}.auth-screen{background:var(--bg);background-image:radial-gradient(1.6px 1.6px at 12% 18%, var(--ink-faint) 0, transparent 100%), radial-gradient(1.6px 1.6px at 82% 14%, var(--ink-faint) 0, transparent 100%), radial-gradient(1.2px 1.2px at 32% 68%, var(--ink-faint) 0, transparent 100%), radial-gradient(1.8px 1.8px at 70% 78%, var(--ink-faint) 0, transparent 100%), radial-gradient(1.2px 1.2px at 92% 55%, var(--ink-faint) 0, transparent 100%), radial-gradient(1.4px 1.4px at 8% 82%, var(--ink-faint) 0, transparent 100%);background-repeat:no-repeat;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:16px;padding:28px;display:flex}.auth-tabs{background:var(--surface-2);border-radius:10px;gap:6px;padding:4px;display:flex}.auth-tabs button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:.8125rem;font-weight:600}.auth-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.auth-divider{color:var(--ink-faint);align-items:center;gap:10px;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.photo-grid{flex-wrap:wrap;gap:8px;display:flex}.photo-thumb{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;flex:none;width:64px;height:64px;position:relative;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-thumb .remove-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex;position:absolute;top:2px;right:2px}.photo-thumb .remove-btn svg{stroke:#fff;width:11px;height:11px}.photo-upload-btn{color:var(--accent-strong);cursor:pointer;align-items:center;gap:6px;font-size:.8125rem;font-weight:700;display:inline-flex}.photo-upload-btn input{display:none}.photo-thumb .view-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:2px;left:2px}.photo-thumb .view-btn svg{stroke:#fff;width:12px;height:12px}.avatar-aureola{background:linear-gradient(135deg, var(--avatar-ring,var(--accent)), color-mix(in oklab, var(--avatar-ring,var(--accent)) 35%, transparent));border-radius:50%;flex:none;width:44px;height:44px;padding:2px}.avatar-aureola img{object-fit:cover;background:var(--surface);border-radius:50%;width:100%;height:100%;display:block}.lightbox-overlay{z-index:300;background:#0a0814f0;justify-content:center;align-items:center;padding:28px 20px;display:flex;position:fixed;inset:0}.lightbox-overlay img{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%;box-shadow:0 12px 40px #00000080}.lightbox-close{color:#fff;cursor:pointer;z-index:301;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;top:18px;right:18px}.lightbox-close svg{stroke:#fff;width:20px;height:20px}#toast{background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;z-index:20;border-radius:99px;padding:9px 16px;font-size:.8125rem;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:86px;left:50%;transform:translate(-50%,12px)}#toast.show{opacity:1;transform:translate(-50%)}.loading-screen{min-height:100vh;color:var(--ink-soft);justify-content:center;align-items:center;font-size:.875rem;display:flex}.legal-page{background:var(--bg);max-width:680px;min-height:100vh;margin:0 auto;padding:32px 20px 64px}.legal-page .back-link{color:var(--accent-strong);align-items:center;gap:6px;margin-bottom:20px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.legal-page h1{margin-bottom:6px;font-size:1.75rem}.legal-page .legal-updated{color:var(--ink-faint);margin-bottom:28px;font-size:.8125rem;display:block}.legal-page h2{margin-top:28px;margin-bottom:10px;font-size:1.125rem}.legal-page p,.legal-page li{color:var(--ink-soft);font-size:.9375rem;line-height:1.65}.legal-page strong{color:var(--ink)}.legal-page ul{flex-direction:column;gap:6px;margin:8px 0;padding-left:20px;display:flex}.legal-page a{color:var(--accent-strong)}.consent-row{color:var(--ink-soft);align-items:flex-start;gap:8px;font-size:.8125rem;line-height:1.4;display:flex}.consent-row input{flex:none;width:auto;min-height:0;margin-top:2px}.fine-row{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.fine-row .icon{width:18px;height:18px;color:var(--ink-soft);flex:none;margin-top:2px}.fine-main{flex:1;min-width:0}.fine-main strong{font-size:.8125rem;display:block}.fine-main span{color:var(--ink-faint);margin-top:1px;font-size:.75rem;display:block}.fine-amount{text-align:right;flex:none}.fine-amount b{font-family:var(--font-mono);font-size:.875rem;display:block}.balance-hero{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:2px;padding:20px;display:flex}.balance-hero.positive{border-color:var(--success-soft)}.balance-hero.negative{border-color:var(--danger-soft)}.balance-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:700}.balance-value{font-family:var(--font-display);font-size:2.25rem;font-weight:800;line-height:1.05}.balance-value.positive{color:var(--success)}.balance-value.negative{color:var(--danger)}.balance-sub{color:var(--ink-soft);margin-top:4px;font-size:.8125rem}.stat-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:4px;padding:13px 14px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-faint);font-size:.6875rem;font-weight:700}.stat-value{font-family:var(--font-mono);font-size:1.125rem;font-weight:600}.cuota-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:9px;padding:14px;display:flex}.cuota-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cuota-card-head strong{font-size:.875rem}.cuota-meta{color:var(--ink-faint);justify-content:space-between;gap:8px;font-size:.75rem;display:flex}.progress{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .25s}.steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.step{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.step.done{opacity:.6}.step-num{background:var(--surface-2);width:24px;height:24px;color:var(--ink-soft);font-family:var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:600;display:flex}.step.done .step-num{background:var(--success);color:#fff}.step-body{flex:1;min-width:0}.step-body strong{font-size:.875rem;display:block}.step.done .step-body strong{text-decoration:line-through}.step-body p{color:var(--ink-soft);margin-top:3px;font-size:.8125rem}.emergency-grid{flex-direction:column;gap:8px;display:flex}.emergency-card{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.emergency-card .icon{width:20px;height:20px;color:var(--danger);flex:none}.emergency-card.danger{border-color:var(--danger-soft)}.emergency-card strong{font-size:.8125rem;display:block}.emergency-card span{font-family:var(--font-mono);font-size:1rem;font-weight:600;display:block}.callout{background:var(--warn-soft);border:1px solid var(--line);color:var(--ink);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.8125rem;display:flex}.callout .icon{width:17px;height:17px;color:var(--warn);flex:none;margin-top:1px}