:root{--color-brand-primary: #102a43;--color-brand-primary-soft: #eaf2fb;--color-action-primary: #2563eb;--color-action-primary-soft: #eff6ff;--color-teal: #168c7a;--color-teal-text: #0f766e;--color-growth: #22c55e;--color-accent-gold: #f59e0b;--color-navy: #102a43;--color-surface-base: #f8fafc;--color-surface-raised: #ffffff;--color-surface-subtle: #f1f5f9;--color-border: #cbd5e1;--color-text-primary: #102a43;--color-text-secondary: #64748b;--color-text-inverse: #ffffff;--color-success: #166534;--color-success-surface: #dcfce7;--color-warning: #92400e;--color-warning-surface: #fef3c7;--color-danger: #991b1b;--color-danger-surface: #fee2e2;--color-info: #1e3a8a;--color-info-surface: #dbeafe;--color-focus: #3b82f6;--color-active-surface: #eaf2fb;--pera-navy: var(--color-navy);--pera-emerald: var(--color-teal);--pera-emerald-text: var(--color-teal-text);--emerald-accent: #16a085;--growth-green: var(--color-growth);--expense-red: #e5484d;--warning-amber: var(--color-accent-gold);--information-blue: var(--color-focus);--slate: var(--color-text-secondary);--border: var(--color-border);--cloud: var(--color-surface-base);--white: var(--color-surface-raised);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display-size: clamp(2.5rem, 6vw, 4rem);--font-h1-size: clamp(2.25rem, 5vw, 3.25rem);--font-h2-size: clamp(1.5rem, 3vw, 2rem);--font-h3-size: 1.25rem;--font-body-size: 1rem;--font-small-size: .875rem;--font-label-size: .875rem;--font-metric-size: clamp(1.5rem, 3vw, 2.25rem);--font-button-size: .9375rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgb(15 23 42 / .06);--shadow-md: 0 10px 24px rgb(15 23 42 / .08)}:root{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-surface-base);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.skip-link{position:fixed;z-index:10;top:.5rem;left:.5rem;transform:translateY(-150%);border-radius:.5rem;background:var(--pera-navy);color:var(--white);padding:.7rem .9rem;font-weight:700}.skip-link:focus{transform:translateY(0)}button{font:inherit}.foundation-page{display:grid;min-height:100vh;padding:1.5rem;place-items:center}.auth-page,.app-page{min-height:100vh}.auth-page{background:radial-gradient(circle at top,var(--color-surface-subtle),var(--color-surface-base) 45%);display:grid;padding:var(--space-6);place-items:center}.auth-card,.app-content{width:min(100%,32rem);border:1px solid var(--border);border-radius:.75rem;background:var(--white);padding:clamp(1.5rem,5vw,2.5rem)}.auth-card{box-shadow:var(--shadow-md)}.auth-brand{display:inline-grid;margin-bottom:var(--space-2);text-decoration:none}.wordmark{color:var(--pera-navy);font-size:1.4rem;font-weight:800;text-decoration:none}form{display:grid;gap:1rem;margin-top:1.5rem}label{display:grid;gap:.45rem;color:var(--pera-navy);font-weight:700}input,select,textarea{min-height:48px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);color:var(--pera-navy);padding:.6rem .75rem}textarea{min-height:7rem;resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--information-blue);outline-offset:3px}.field-help{color:var(--slate);font-size:.85rem;font-weight:400}.notice{margin:0;border-radius:.5rem;padding:.75rem}.notice-info{background:var(--color-info-surface);color:var(--color-info)}.notice-error{background:var(--color-danger-surface);color:var(--color-danger)}.notice-success{background:var(--color-success-surface);color:var(--color-success)}.form-footer{display:grid;gap:.75rem;margin-top:1.5rem;color:var(--slate)}.app-header{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(11rem,15rem) auto;min-height:76px;align-items:center;gap:1rem;border-bottom:1px solid var(--border);background:var(--white);padding:var(--space-3) clamp(var(--space-4),4vw,var(--space-12))}.app-header nav{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.25rem .5rem}.app-header a{color:var(--pera-navy);font-weight:700}.brand-lockup{display:grid;justify-self:start;color:inherit;text-decoration:none}.wordmark{font-size:1.2rem;font-weight:800;letter-spacing:-.03em}.brand-tagline{color:var(--slate);font-size:.75rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:var(--space-2);justify-self:end}.button-tertiary{min-height:44px;border:0;background:transparent;color:var(--color-action-primary);padding:var(--space-2) var(--space-3);font-weight:700;text-decoration:none;cursor:pointer}.button-tertiary:hover{background:var(--color-action-primary-soft)}.app-header nav a{border-radius:.45rem;display:inline-flex;align-items:center;gap:var(--space-2);padding:.45rem .55rem;text-decoration:none}.app-header nav a:hover,.app-header nav a[aria-current=page]{background:var(--color-active-surface);color:var(--color-brand-primary)}.workspace-switcher{display:grid;width:min(100%,16rem);gap:var(--space-1);font-size:.8rem}.workspace-current{display:flex;align-items:baseline;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-small-size)}.workspace-current strong{color:var(--color-teal-text)}.workspace-switcher label{gap:var(--space-1);font-size:var(--font-small-size)}.workspace-switcher select{min-height:44px}.workspace-switching{color:var(--color-text-secondary);font-size:var(--font-small-size);font-weight:600}.active-workspace-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);font-size:var(--font-small-size);text-align:center}.active-workspace-banner strong{color:var(--color-text-primary)}.active-workspace-banner small{color:inherit}@media(max-width:900px){.app-header{grid-template-columns:minmax(10rem,1fr) auto;align-items:start}.workspace-switcher{grid-column:1 / -1;grid-row:2;width:min(100%,20rem)}.app-header nav{grid-row:3}}.app-content{margin:clamp(var(--space-5),4vw,var(--space-10)) auto;width:min(calc(100% - 3rem),48rem)}.dashboard-content{width:min(calc(100% - 3rem),80rem)}.desktop-navigation .desktop-more{position:relative}.desktop-more summary,.mobile-more summary{min-height:44px;cursor:pointer;list-style:none}.desktop-more summary{border-radius:var(--radius-md);color:var(--color-text-primary);display:inline-flex;align-items:center;gap:var(--space-2);padding:.45rem .55rem;font-weight:700}.desktop-more summary::-webkit-details-marker,.mobile-more summary::-webkit-details-marker{display:none}.desktop-more[open]>div{position:absolute;z-index:4;top:calc(100% + var(--space-1));left:0;display:grid;min-width:12rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-md);padding:var(--space-1)}.desktop-more[open] a{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:var(--space-2)}.mobile-navigation{display:none}.metric-description{color:var(--slate)}.page-intro{max-width:62ch;color:var(--color-text-secondary)}.financial-metric-grid,.dashboard-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:1.25rem 0}.financial-metric{display:grid;min-height:142px;gap:.4rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);color:var(--pera-navy);padding:1rem;text-align:left;cursor:pointer}.financial-metric:hover{border-color:var(--pera-emerald)}.financial-metric.featured{border-left:4px solid var(--color-action-primary);box-shadow:var(--shadow-sm)}.safe-to-spend-card{min-height:184px;border-color:var(--color-action-primary);background:linear-gradient(135deg,var(--color-surface-raised),var(--color-action-primary-soft))}.safe-to-spend-card .financial-amount{font-size:clamp(1.8rem,5vw,2.6rem)}.metric-cta{margin-top:auto;color:var(--color-action-primary)!important;font-size:var(--font-small-size);font-weight:800}.dashboard-main>.financial-metric-grid:first-of-type>.financial-metric:nth-child(2){border-color:color-mix(in srgb,var(--color-teal) 45%,var(--color-border));background:linear-gradient(135deg,var(--color-surface-raised),#f0fdfa)}.dashboard-main>.financial-metric-grid:first-of-type>.financial-metric:nth-child(3){border-color:color-mix(in srgb,var(--color-accent-gold) 50%,var(--color-border));background:linear-gradient(135deg,var(--color-surface-raised),#fffbeb)}.dashboard-main>.financial-metric-grid:first-of-type>.financial-metric:nth-child(4){border-color:color-mix(in srgb,var(--color-teal) 35%,var(--color-border));background:linear-gradient(135deg,var(--color-surface-raised),#ecfeff)}.dashboard-main>.financial-metric-grid:first-of-type>.financial-metric:nth-child(5){border-color:#c4b5fd;background:linear-gradient(135deg,var(--color-surface-raised),#f5f3ff)}.financial-metric span,.financial-metric small,.event-row small{color:var(--slate)}.metric-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--color-text-secondary)!important;font-weight:700}.metric-label>span{color:inherit!important}.pera-icon{display:inline-block;width:1.25rem;height:1.25rem;flex:0 0 auto}.metric-label .pera-icon{width:1.5rem;height:1.5rem;border-radius:var(--radius-pill);background:var(--color-action-primary-soft);color:var(--color-action-primary);padding:.3rem}.dashboard-main>.financial-metric-grid:first-of-type>.financial-metric:nth-child(2) .metric-label .pera-icon,.dashboard-main>.financial-metric-grid:first-of-type>.financial-metric:nth-child(4) .metric-label .pera-icon{background:#e6fffb;color:var(--color-teal-text)}.dashboard-main>.financial-metric-grid:first-of-type>.financial-metric:nth-child(3) .metric-label .pera-icon{background:#fff4d6;color:var(--color-warning)}.dashboard-main>.financial-metric-grid:first-of-type>.financial-metric:nth-child(5) .metric-label .pera-icon{background:#ede9fe;color:#6d28d9}.financial-metric strong{font-size:clamp(1.35rem,3vw,2rem)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card h2,.card p{margin-top:0}.section-heading,.event-row{display:flex;align-items:start;justify-content:space-between;gap:1rem}.event-row{border-top:1px solid var(--border);padding:.75rem 0}.event-row span{display:grid;gap:.15rem}.event-row strong{text-align:right}.event-row.button,button.event-row{width:100%;background:transparent;color:inherit;border-right:0;border-left:0;border-bottom:0;text-align:left;font:inherit;cursor:pointer}button.event-row:hover{background:var(--color-action-primary-soft)}.dashboard-layout,.dashboard-main,.dashboard-rail{display:grid;gap:var(--space-5)}.dashboard-rail-grid{margin:0}.dashboard-rail .card{padding:var(--space-4)}.dashboard-rail .card h2{font-size:var(--font-h3-size)}@media(min-width:641px)and (max-width:1024px){.app-page:has(>.app-sidebar){display:grid}.app-sidebar{position:sticky;z-index:4;top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);padding:var(--space-3) var(--space-6)}.app-sidebar .brand-tagline{display:none}.app-sidebar .desktop-navigation{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:var(--space-1);font-size:var(--font-small-size)}.app-sidebar .desktop-navigation>a,.app-sidebar .desktop-more summary{padding:var(--space-2)}.app-page:has(>.app-sidebar)>.app-header{grid-template-columns:minmax(12rem,20rem) auto;padding-inline:var(--space-6)}.app-page:has(>.app-sidebar)>.app-header .workspace-switcher{grid-column:1;grid-row:1}.financial-metric-grid:first-of-type{grid-template-columns:repeat(2,minmax(0,1fr))}.financial-metric-grid:first-of-type .safe-to-spend-card{grid-column:1 / -1}}.dashboard-titlebar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.dashboard-titlebar h1,.dashboard-titlebar p{margin-top:0}.dashboard-titlebar h1{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.2}.dashboard-primary-action{flex:0 0 auto;min-height:48px}.dashboard-activity{border-top:1px solid var(--color-border);padding-top:var(--space-6)}.dashboard-activity h2,.dashboard-activity p{margin-top:0}.activity-list{border-top:1px solid var(--color-border)}.activity-row{display:grid;grid-template-columns:7.5rem minmax(0,1fr) auto minmax(7rem,auto);width:100%;min-height:64px;align-items:center;gap:var(--space-4);border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);padding:var(--space-3) 0;text-align:left;cursor:pointer}.activity-row:hover{background:var(--color-action-primary-soft)}.activity-row .financial-amount{text-align:right}.activity-date,.activity-description small{color:var(--color-text-secondary);font-size:var(--font-small-size)}.activity-description{display:grid;gap:var(--space-1)}.dashboard-empty-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-4)}@media(min-width:1025px){.app-page:has(>.app-sidebar){display:grid;grid-template-columns:15rem minmax(0,1fr);grid-template-rows:auto 1fr}.app-sidebar{position:sticky;top:0;grid-column:1;grid-row:1 / span 2;display:flex;min-height:100vh;flex-direction:column;gap:var(--space-8);background:var(--color-brand-primary);color:var(--color-text-inverse);padding:var(--space-6) var(--space-4)}.app-sidebar .brand-lockup,.app-sidebar .brand-tagline,.app-sidebar .desktop-navigation a,.app-sidebar .desktop-more summary{color:var(--color-text-inverse)}.app-sidebar .pera-logo,.app-sidebar .pera-logo-tagline{color:var(--color-text-inverse)}.app-sidebar .desktop-navigation{display:grid;gap:var(--space-2)}.app-sidebar .desktop-navigation>a,.app-sidebar .desktop-more summary{min-height:48px;padding:var(--space-3)}.app-sidebar .desktop-navigation>a:hover,.app-sidebar .desktop-navigation>a[aria-current=page],.app-sidebar .desktop-more summary:hover,.app-sidebar .desktop-more summary[aria-current=page]{background:var(--color-action-primary);color:var(--color-text-inverse)}.app-page:has(>.app-sidebar)>.app-header{grid-column:2;grid-row:1;grid-template-columns:minmax(12rem,18rem) auto;justify-content:space-between;padding:var(--space-3) var(--space-8)}.app-page:has(>.app-sidebar)>.app-content{grid-column:2;grid-row:2}.financial-metric-grid:first-of-type{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.financial-metric-grid:first-of-type .safe-to-spend-card{grid-column:1 / -1;min-height:196px;border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent;box-shadow:none;padding-inline:0}.financial-metric-grid:first-of-type>.financial-metric:not(.safe-to-spend-card){min-height:160px;border:0;border-right:1px solid var(--color-border);border-radius:0;background:transparent;box-shadow:none}.financial-metric-grid:first-of-type>.financial-metric:not(.safe-to-spend-card):last-child{border-right:0}.financial-metric-grid:first-of-type>.financial-metric:last-child:nth-child(odd){grid-column:auto}.dashboard-content{border:0;border-radius:0;background:transparent}.dashboard-layout{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);align-items:start}.dashboard-main,.dashboard-main-secondary{grid-column:1}.dashboard-rail{position:sticky;top:var(--space-5);grid-column:2;grid-row:1 / span 2}.dashboard-rail-grid{grid-template-columns:1fr}.dashboard-main>.financial-metric-grid:first-of-type>.financial-metric:last-child:nth-child(odd){grid-column:auto}}@media(min-width:1280px){.dashboard-content{width:min(calc(100% - 4rem),80rem)}.dashboard-layout{grid-template-columns:minmax(0,1fr) minmax(20rem,24rem)}}.calculation-list{margin:1rem 0}.calculation-list div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--border);padding:.65rem 0}.calculation-list dt,.calculation-list dd{margin:0}.calculation-list .total{font-size:1.1rem;font-weight:800}.calculation-card details{border-top:1px solid var(--border);padding:.75rem 0}.calculation-card summary{cursor:pointer;font-weight:700}.view-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.financial-calendar>label{width:min(100%,16rem);margin-bottom:1rem}.security-list{display:grid;gap:1rem}.security-list div{border-top:1px solid var(--border);padding-top:1rem}.security-list dt{font-weight:700}.security-list dd{margin:.35rem 0 0;color:var(--slate)}@media(max-width:640px){.app-sidebar{position:sticky;z-index:4;top:0;display:flex;align-items:center;min-height:64px;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);padding:var(--space-3) var(--space-4)}.app-sidebar .pera-logo-tagline,.app-sidebar .desktop-navigation{display:none!important}.app-page:has(>.app-sidebar)>.app-header{position:sticky;z-index:3;top:0}.dashboard-titlebar,.dashboard-empty-row{display:grid}.dashboard-titlebar h1{font-size:1.75rem}.dashboard-primary-action{width:100%}.financial-metric-grid:first-of-type{gap:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.financial-metric-grid:first-of-type .financial-metric{min-height:120px;border-width:0 0 1px;border-radius:0;box-shadow:none}.financial-metric-grid:first-of-type .financial-metric:last-child{border-bottom:0}.safe-to-spend-card{background:var(--color-surface-raised)}.activity-row{grid-template-columns:1fr auto;gap:var(--space-2) var(--space-3)}.activity-date,.activity-description{grid-column:1}.activity-row .pera-status,.activity-row .financial-amount{grid-column:2}.activity-row .pera-status{grid-row:1}.activity-row .financial-amount{grid-row:2 / span 2}.app-header{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.app-page:has(>.app-sidebar)>.app-header{position:static;grid-template-columns:minmax(0,1fr) auto}.app-page:has(>.app-sidebar)>.app-header .workspace-switcher{grid-column:1 / -1;grid-row:2}.brand-lockup,.workspace-switcher,.workspace-current,.workspace-current strong{min-width:0}.workspace-switcher,.workspace-switcher select{width:100%;max-width:100%}.workspace-current{flex-wrap:wrap}.workspace-current strong{overflow-wrap:anywhere}.financial-metric-grid,.dashboard-grid{grid-template-columns:1fr}.dashboard-content{width:min(calc(100% - 2rem),48rem)}.section-heading{display:grid}.transaction-filters,.transaction-list .account-card{grid-template-columns:1fr}.transaction-list .financial-amount{grid-column:1;grid-row:auto;text-align:left}.payment-history-row{grid-template-columns:1fr}.payment-history-row>.financial-amount{grid-column:1;grid-row:auto;text-align:left}.event-row,.obligation-card-heading{align-items:flex-start}.event-row-status{align-items:flex-end;flex-direction:column}.active-workspace-banner{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.desktop-navigation{display:none!important}.app-page,.auth-page{padding-bottom:5.5rem}.mobile-navigation{position:fixed;z-index:5;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--color-border);background:var(--color-surface-raised);box-shadow:0 -4px 16px #0f172a14;padding:var(--space-1) var(--space-2) calc(var(--space-1) + env(safe-area-inset-bottom))}.mobile-navigation>a,.mobile-more summary{display:grid;gap:.1rem;min-height:44px;place-items:center;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.75rem;font-weight:700;text-align:center;text-decoration:none}.mobile-navigation .pera-icon,.mobile-more .pera-icon{width:1rem;height:1rem}.mobile-navigation .mobile-add-transaction{position:relative;align-self:end;color:var(--color-action-primary)}.mobile-add-icon{display:grid;width:3.25rem;height:3.25rem;margin-top:-1.35rem;place-items:center;border:4px solid var(--color-surface-raised);border-radius:50%;background:var(--color-action-primary);box-shadow:0 5px 14px #0f2a433d;color:#fff}.mobile-navigation .mobile-add-icon .pera-icon{width:1.45rem;height:1.45rem;stroke-width:2.4}.mobile-navigation .mobile-add-transaction[aria-current=page]{background:transparent}.mobile-add-transaction[aria-current=page] .mobile-add-icon{outline:3px solid var(--color-active-surface);outline-offset:2px}.mobile-navigation a[aria-current=page],.mobile-more summary[aria-current=page]{background:var(--color-active-surface);color:var(--color-action-primary)}.mobile-more{position:static}.mobile-more-backdrop{position:fixed;z-index:5;inset:0;border:0;background:#0f2a435c;cursor:default}.mobile-more[open]>.mobile-more-panel{position:fixed;z-index:6;right:var(--space-4);bottom:calc(5rem + env(safe-area-inset-bottom));left:var(--space-4);display:grid;max-height:min(34rem,calc(100dvh - 7rem));overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-md) var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-md);padding:var(--space-2)}.mobile-more-panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 var(--space-2);color:var(--color-text-primary);font-size:1rem;font-weight:800}.mobile-more-close{min-height:44px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-action-primary);padding:0 var(--space-2);font:inherit;font-size:.875rem;font-weight:700}.mobile-more-panel a{display:flex;align-items:center;gap:var(--space-3);min-height:48px;border-top:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);padding:0 var(--space-2);font-size:.9375rem;font-weight:700;text-align:left;text-decoration:none}.mobile-more-panel a .pera-icon{width:1.125rem;height:1.125rem;color:var(--color-action-primary)}.mobile-more-panel a:after{content:"›";margin-left:auto;color:var(--color-action-primary);font-size:1.375rem;font-weight:400}.mobile-more-panel a:hover,.mobile-more-panel a:focus-visible,.mobile-more-close:hover,.mobile-more-close:focus-visible{background:var(--color-action-primary-soft)}}.command-brand{display:none;color:var(--color-brand-primary);font-size:1.05rem;font-weight:850;text-decoration:none}.desktop-navigation-command,.desktop-more-heading,.command-more-backdrop{display:none}.more-navigation-content{display:grid;gap:var(--space-3)}.more-navigation-workspace,.more-navigation-group{display:grid;gap:var(--space-1);margin:0;border:0;border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3)}.more-navigation-workspace{border-top:0;padding-top:0}.more-navigation-content h3{margin:0;padding:0 var(--space-2) var(--space-1);color:var(--color-brand-primary);font-size:.6875rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.more-navigation-content a,.more-navigation-content button{display:flex;align-items:center;gap:var(--space-3);min-height:44px;width:100%;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);padding:var(--space-2);font:inherit;font-weight:700;text-align:left;text-decoration:none;cursor:pointer}.more-navigation-content a:hover,.more-navigation-content a:focus-visible,.more-navigation-content button:hover,.more-navigation-content button:focus-visible{background:var(--color-action-primary-soft)}.more-navigation-content .workspace-switcher{width:100%}.workspace-navigation-shortcut{background:var(--color-action-primary-soft)!important;color:var(--color-action-primary)!important}.workspace-navigation-shortcut>span{display:grid;gap:.1rem}.workspace-navigation-shortcut small{color:var(--color-text-secondary);font-size:var(--font-small-size);font-weight:500}.more-navigation-session button{color:var(--color-danger, #a83232)}.more-navigation-session button:disabled{cursor:wait;opacity:.65}@media(min-width:641px)and (max-width:1024px){.app-page:has(>.app-sidebar) .app-sidebar{display:none}.app-page:has(>.app-sidebar)>.app-header{position:sticky;z-index:6;top:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);background:var(--color-surface-raised);padding:var(--space-3) var(--space-6)}.command-brand,.desktop-navigation-command{display:flex}.desktop-navigation-command{justify-content:center;gap:var(--space-1)}.desktop-navigation-command>a,.desktop-navigation-command .desktop-more summary{position:relative;min-height:44px;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--space-2);font-size:var(--font-small-size)}.desktop-navigation-command>a[aria-current=page]:after,.desktop-navigation-command .desktop-more summary[aria-current=page]:after{position:absolute;right:var(--space-2);bottom:0;left:var(--space-2);height:3px;border-radius:var(--radius-pill);background:var(--color-action-primary);content:""}.app-page:has(>.app-sidebar)>.app-header .workspace-switcher{grid-column:1 / span 2;grid-row:2;width:min(100%,18rem)}.app-page:has(>.app-sidebar)>.app-header .header-actions{grid-column:3;grid-row:1 / span 2}.desktop-navigation-command .desktop-more[open]>div{position:fixed;top:0;bottom:0;left:0;display:grid;align-content:start;width:min(22rem,82vw);min-width:0;overflow-y:auto;border:0;border-right:1px solid var(--color-border);border-radius:0;padding:var(--space-8) var(--space-4)}.desktop-navigation-command .command-more-backdrop{position:fixed;z-index:3;inset:0;display:block;border:0;background:#0f2a434d}.desktop-navigation-command .desktop-more[open]>div{z-index:4}.desktop-navigation-command .desktop-more-heading{display:flex;align-items:center;justify-content:space-between;min-height:44px;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-3);padding:0 var(--space-2) var(--space-3);font-size:var(--font-h3-size)}.desktop-navigation-command .desktop-more-heading button{min-height:44px;border:0;background:transparent;color:var(--color-action-primary);font:inherit;font-size:var(--font-small-size);cursor:pointer}}@media(min-width:1025px){.app-page:has(>.app-sidebar){grid-template-columns:4.5rem minmax(0,1fr)}.app-sidebar{align-items:center;padding:var(--space-5) var(--space-2)}.app-sidebar .brand-lockup{display:none}.app-sidebar .pera-logo-tagline,.desktop-navigation-rail>a>span,.desktop-navigation-rail>.desktop-more>summary span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.desktop-navigation-rail,.desktop-navigation-rail>a,.desktop-navigation-rail .desktop-more summary{width:100%}.desktop-navigation-rail>a,.desktop-navigation-rail .desktop-more summary{justify-content:center;padding-inline:0}.app-page:has(>.app-sidebar)>.app-header{grid-template-columns:auto minmax(0,1fr) auto auto;gap:var(--space-4);padding-inline:var(--space-6)}.command-brand,.desktop-navigation-command{display:flex}.app-header .desktop-navigation-command{grid-column:auto;grid-row:auto;justify-content:flex-start;gap:var(--space-1)}.desktop-navigation-command>a,.desktop-navigation-command .desktop-more summary{position:relative;min-height:44px;font-size:var(--font-small-size)}.desktop-navigation-command>a[aria-current=page]:after,.desktop-navigation-command .desktop-more summary[aria-current=page]:after{position:absolute;right:var(--space-2);bottom:-.8rem;left:var(--space-2);height:3px;border-radius:var(--radius-pill);background:var(--color-action-primary);content:""}.app-page:has(>.app-sidebar)>.app-header .workspace-switcher{grid-column:auto;grid-row:auto;width:10rem}.app-page:has(>.app-sidebar)>.app-header .header-actions{grid-column:auto;grid-row:auto}.app-page:has(>.app-sidebar)>.app-header .workspace-current,.app-page:has(>.app-sidebar)>.app-header .workspace-switcher label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.desktop-navigation-command .desktop-more[open]>div{right:0;left:auto;width:min(21rem,calc(100vw - 2rem));max-height:calc(100dvh - 6rem);overflow-y:auto}}@media(max-width:640px){.command-brand,.desktop-navigation-command{display:none}.mobile-navigation a[aria-current=page],.mobile-more summary[aria-current=page]{box-shadow:inset 0 3px 0 var(--color-action-primary);font-weight:850}.mobile-more[open]>.mobile-more-panel{right:0;bottom:0;left:0;max-height:min(42rem,calc(100dvh - 3rem));border-width:1px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom))}}.money-available{margin:1.5rem 0;border:1px solid var(--border);border-left:4px solid var(--pera-emerald);border-radius:.5rem;padding:1rem}.money-available span,.money-available p{color:var(--slate)}.money-available strong{display:block;margin-top:.25rem;font-size:2rem}.loading-panel{display:grid;gap:var(--space-3);min-height:12rem;color:var(--color-text-secondary)}.skeleton-line{display:block;width:100%;height:1rem;border-radius:var(--radius-pill);background:var(--color-surface-subtle)}.skeleton-title{width:58%;height:2rem}.skeleton-short{width:36%}.account-grid{display:grid;gap:1rem}.account-card{display:grid;gap:.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);padding:var(--space-5)}.account-card h2{margin:0;font-size:1.25rem}.account-card p{margin:0;color:var(--slate)}.account-card .button{justify-self:start;margin-top:.5rem}.account-inclusion,.financial-label{color:var(--color-text-secondary)!important;font-size:var(--font-small-size);font-weight:700}.transaction-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,16rem);gap:var(--space-3);margin:var(--space-5) 0}.transaction-list .account-card{grid-template-columns:minmax(0,1fr) auto;align-items:start}.transaction-list .account-card>p,.transaction-list .account-card>h2,.transaction-list .account-card>.pera-status,.transaction-list .account-card>.button{grid-column:1}.transaction-list .financial-amount{grid-column:2;grid-row:1 / span 2;text-align:right}.financial-impact-review{border:1px solid var(--color-info);border-radius:var(--radius-md);background:var(--color-info-surface);color:var(--color-text-primary);padding:var(--space-4)}.financial-impact-review h2,.financial-impact-review p{margin:0}.financial-impact-review p{margin-top:var(--space-1)}.payment-impact{margin-top:var(--space-5)}.financial-breakdown{display:grid;gap:var(--space-2);margin:var(--space-3) 0 0}.financial-breakdown div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-2)}.financial-breakdown dt,.financial-breakdown dd{margin:0}.financial-breakdown dt{color:var(--color-text-secondary)}.financial-breakdown dd{color:var(--color-text-primary);font-weight:800;text-align:right}.financial-breakdown.compact{gap:var(--space-1)}.financial-breakdown.compact div{padding-top:var(--space-1)}.loan-summary-card .pera-status,.loan-detail-overview .pera-status,.statement-summary .pera-status{width:fit-content}.payment-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);padding:var(--space-4) 0}.payment-history-row>p,.payment-history-row>.financial-breakdown,.payment-history-row>.pera-status,.payment-history-row>.button{grid-column:1;margin:0}.payment-history-row>.financial-amount{grid-column:2;grid-row:1;text-align:right}.obligation-card-heading,.event-row-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.obligation-card-heading p{font-weight:700}.overdue-copy{border-left:3px solid var(--color-danger);color:var(--color-text-primary)!important;padding-left:var(--space-2)}.calendar-legend{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.event-row-status{flex:0 0 auto}.event-row-status .financial-amount{font-size:1rem;text-align:right}.statement-summary{border-left:3px solid var(--color-teal);background:var(--color-active-surface);padding:var(--space-3)}.statement-summary p{margin:var(--space-2) 0 0}.compact-empty-state{margin-top:0}.budget-performance{display:grid;gap:var(--space-2);margin:0}.budget-performance div{display:flex;justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-2)}.budget-performance dt,.budget-performance dd{margin:0}.budget-performance dt{color:var(--color-text-secondary)}.budget-performance dd{font-weight:800}.statement-history{margin-top:.5rem;border-top:1px solid var(--border);padding-top:.75rem}.statement-history summary{cursor:pointer;color:var(--pera-navy);font-weight:700}.statement-history ul{display:grid;gap:.75rem;margin:.75rem 0 0;padding:0;list-style:none}.statement-history li{display:grid;gap:.2rem;border-left:3px solid var(--border);padding-left:.65rem}.statement-history li span{color:var(--slate);font-size:.9rem}.account-management{display:grid;gap:1rem;margin-top:.5rem;border-top:1px solid var(--border);padding-top:.75rem}.account-management summary{cursor:pointer;color:var(--pera-navy);font-weight:700}.account-management form{display:grid;gap:.75rem}.account-management h3{margin:0;font-size:1rem}.empty-state{margin-top:1.5rem;border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--color-surface-subtle);padding:var(--space-5)}.checkbox-label{display:flex;align-items:center;gap:.65rem}.checkbox-label input{min-height:auto}.foundation-card{width:min(100%,42rem);border:1px solid var(--border);border-radius:.75rem;background:var(--white);padding:clamp(1.5rem,5vw,3rem)}.eyebrow{color:var(--pera-emerald-text);font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.25rem,8vw,4rem);line-height:1}.tagline{color:var(--slate);font-size:1.25rem}.actions,.status-list{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 0;padding:0}.status-list{list-style:none}.button{min-height:48px;border-radius:var(--radius-md);padding:.65rem 1rem;font-weight:700;cursor:pointer}.button:focus-visible{outline:3px solid var(--information-blue);outline-offset:3px}.button-primary{border:1px solid var(--color-brand-primary);background:var(--color-brand-primary);color:var(--white)}.button-secondary{border:1px solid var(--pera-navy);background:var(--white);color:var(--pera-navy)}.status{border-radius:999px;padding:.3rem .6rem;font-size:.875rem;font-weight:700}.status-success{background:var(--color-success-surface);color:var(--color-success)}.status-warning{background:var(--color-warning-surface);color:var(--color-warning)}.status-danger{background:var(--color-danger-surface);color:var(--color-danger)}.pera-logo{display:inline-grid;color:var(--color-brand-primary);font-family:var(--font-sans);font-weight:800;letter-spacing:-.03em}.pera-logo-wordmark{font-size:1.25rem}.pera-logo-stacked{gap:var(--space-1)}.pera-logo-tagline{color:var(--color-text-secondary);font-size:var(--font-small-size);font-weight:600;letter-spacing:normal}.pera-logo-reversed{color:var(--color-text-inverse)}.pera-logo-reversed .pera-logo-tagline{color:inherit}.financial-amount{color:var(--color-text-primary);font-size:var(--font-metric-size);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.03em;line-height:1.1}.financial-amount-negative{color:var(--color-danger)}.pera-status{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);padding:.3rem .6rem;font-size:var(--font-small-size);font-weight:700}.pera-status-incoming,.pera-status-success{background:var(--color-success-surface);color:var(--color-success)}.pera-status-outgoing,.pera-status-overdue{background:var(--color-danger-surface);color:var(--color-danger)}.pera-status-warning{background:var(--color-warning-surface);color:var(--color-warning)}.pera-status-planned{background:var(--color-info-surface);color:var(--color-info)}.pera-status-neutral{background:var(--color-surface-subtle);color:var(--color-text-secondary)}.pera-button{min-height:48px;border:1px solid transparent;border-radius:var(--radius-md);padding:.65rem 1rem;font:700 var(--font-button-size) var(--font-sans);cursor:pointer}.pera-button-primary{background:var(--color-brand-primary);color:var(--color-text-inverse)}.pera-button-secondary{border-color:var(--color-brand-primary);background:var(--color-surface-raised);color:var(--color-brand-primary)}.pera-button-tertiary{background:transparent;color:var(--color-teal-text)}.pera-button-destructive{background:var(--color-danger);color:var(--color-text-inverse)}.pera-button-icon{width:44px;padding:0;background:transparent;color:var(--color-brand-primary)}.pera-button:disabled,.pera-input:disabled{cursor:not-allowed;opacity:.6}.pera-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.pera-field{display:grid;gap:var(--space-2);color:var(--color-text-primary);font-size:var(--font-label-size);font-weight:700}.pera-input{min-height:48px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-primary);font:inherit;padding:.6rem .75rem}.pera-textarea{min-height:7rem;resize:vertical}.pera-input[aria-invalid=true]{border-color:var(--color-danger)}.pera-input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.form-grid{display:grid;gap:var(--space-4)}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.metric-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin:var(--space-6) 0}.metric-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);padding:var(--space-5)}.metric-card h2{margin:0;color:var(--color-text-secondary);font-size:var(--font-small-size)}.metric-card strong{display:block;margin-top:var(--space-2);color:var(--color-text-primary);font-size:var(--font-h2-size);font-variant-numeric:tabular-nums}table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}th,td{padding:var(--space-2) var(--space-3);text-align:left;white-space:nowrap}@media(max-width:640px){.button-row>.button,.button-row>.pera-button{width:100%}}.pera-field-help{color:var(--color-text-secondary);font-size:var(--font-small-size);font-weight:400}.pera-field-error{color:var(--color-danger);font-size:var(--font-small-size)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}