:root{--ui-ink:#202126;--ui-muted:#676358;--ui-line:#dfd8cd;--ui-paper:#f2ede4;--ui-surface:#fffdf9;--ui-orange:#ff7919;--ui-accent:var(--connect-brand,#a63e00);--ui-tint:color-mix(in srgb,var(--ui-accent) 9%,#fffaf2);--ui-highlight:color-mix(in srgb,var(--ui-accent) 55%,#ffdfb3);--ui-radius:16px;--ui-shadow:0 8px 26px #56351c09}html{scroll-padding-top:24px}html,body{overflow-x:clip}#root{container:connect-viewport/inline-size}body{background:var(--ui-paper)}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}.surge-wordmark{object-fit:contain;width:212px;height:auto;display:block}.service-wordmark{color:var(--ui-ink);overflow-wrap:anywhere;align-items:center;gap:10px;font-size:18px;line-height:1.3;display:flex}.service-wordmark img{object-fit:contain;width:42px;height:42px}.experience-rail{scrollbar-width:thin;scrollbar-color:#74757e transparent;z-index:15;background:linear-gradient(#202126f7 30%,#202126e6),url(/hero-wildlife.jpg) 52% bottom/auto 600px no-repeat,#202126;border:1px solid #36373c;border-radius:18px;flex-direction:column;flex:none;width:248px;height:auto;max-height:calc(100dvh - 36px);margin:18px 0 18px 18px;padding:20px 14px 14px;display:flex;position:sticky;top:18px;overflow-y:auto;box-shadow:0 8px 24px #20212612}.experience-brand{flex:none;align-items:center;min-height:56px;padding-inline:6px;text-decoration:none;display:flex}.experience-rail .surge-wordmark{width:208px;max-width:100%}.experience-rail .service-wordmark{color:#fff8ed}.rail-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#bcbcc2;margin:18px 12px 12px;font-size:10px;font-weight:650}.experience-rail nav{flex:none;gap:5px;display:grid}.experience-rail nav button,.experience-rail .rail-bottom button{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:46px;padding:11px 12px;font-size:14px;font-weight:500;display:flex;color:#e6e5e2!important}.experience-rail nav button svg,.experience-rail .rail-bottom button svg{flex:none}.experience-rail nav button:hover,.experience-rail .rail-bottom button:hover{background:#ffffff10;color:#fff!important}.experience-rail nav button[aria-current=page]{background:var(--ui-highlight);font-weight:700;box-shadow:0 4px 16px #0002;color:#251c13!important}.experience-rail nav button[aria-current=page] svg{color:inherit}.experience-rail :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #ffcb99}.rail-bottom{border-top:1px solid #dedee32a;flex:none;margin-top:12px;padding-top:10px}.app-shell{background:linear-gradient(130deg,var(--ui-tint),#f3f0e8 42%,#edece2);align-items:flex-start;width:100%;min-height:100dvh;padding:0;display:flex}.app-shell .phone-frame{width:auto;min-width:0;max-width:none;height:auto;min-height:100dvh;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:0 38px 48px;display:block;overflow:visible}.app-shell .topbar{border-bottom:1px solid var(--ui-line);background:0 0;gap:12px;height:auto;min-height:105px;margin:0 0 30px;padding:24px 0;display:flex;position:relative;top:auto;left:auto;right:auto}.app-shell .brand-lockup{flex:1;min-width:0}.app-shell .brand-mark{display:none}.app-shell .brand-text .eyebrow{color:var(--ui-muted);letter-spacing:0;margin-bottom:6px;font-size:12px;font-weight:500}.app-shell .topbar h1{color:var(--ui-ink);letter-spacing:-.7px;font-size:23px;font-weight:650;line-height:1.25}.app-shell .icon-button,.app-shell .notification-button,.app-shell .profile-pill{border:1px solid var(--ui-line);background:var(--ui-surface);min-width:44px;min-height:44px;color:var(--ui-ink);box-shadow:none;border-radius:12px}.app-shell .topbar .icon-button{background:var(--ui-accent);color:#fff;border-color:var(--ui-accent)}.app-shell .screen{width:100%;max-width:1260px;height:auto;min-height:0;margin:0 auto;padding:0;overflow:visible}.workspace-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 24px;display:flex}.workspace-heading h2{letter-spacing:-1px;margin:0;font-size:28px;font-weight:650}.workspace-heading p{color:var(--ui-muted);margin:8px 0 0;font-size:13px;line-height:1.5}.workspace-date{color:var(--ui-muted);white-space:nowrap;font-size:12px}.app-shell .portfolio-hero{isolation:isolate;color:#fffaf1;background:#25262b;border:1px solid #3c3d43;border-radius:18px;grid-template-columns:1fr;gap:30px;width:100%;min-height:0;margin:0;padding:32px 32px 0;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #2b231315}.workspace-hero-photo{z-index:-2;position:absolute;inset:0}.workspace-hero-photo img{object-fit:cover;object-position:right 8%;width:100%;height:100%;display:block}.app-shell .portfolio-hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#202126fc 0%,#202126ef 32%,#20212655 64%,#20212615 100%);position:absolute;inset:0}.app-shell .portfolio-hero:after{display:none}.app-shell .portfolio-hero .hero-copy{max-width:62%;padding-block:2px 8px}.app-shell .portfolio-hero h2{color:#fff9ee;letter-spacing:-2px;margin:18px 0 10px;font-size:50px;font-weight:650}.app-shell .portfolio-hero .hero-badge{color:#ffcf9e;background:#fff7e918;border:1px solid #ffdbb83d;padding:7px 10px;font-size:11px;font-weight:600}.app-shell .portfolio-hero p,.app-shell .hero-side-panel span,.app-shell .hero-side-panel small{color:#e4e3e0;font-weight:450}.app-shell .hero-side-panel{background:#202126ed;border:0;border-top:1px solid #fff7e930;border-radius:0;margin:0 -32px;padding:19px 32px 22px;transform:none}.app-shell .hero-side-panel>span{letter-spacing:.06em;text-transform:uppercase;color:#cbcbd1;margin-bottom:12px;font-size:10px;display:block}.app-shell .hero-side-panel .hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;display:grid}.app-shell .hero-side-panel strong{color:#fff5e5;letter-spacing:-.6px;font-size:22px}.app-shell .hero-side-panel .hero-stats>div+div{border-left:1px solid #f8e5cb25;padding-left:20px}.app-shell .hero-side-panel small{margin-top:6px;font-size:11px}.app-shell .hero-actions{margin-top:22px}.app-shell .hero-actions button,.app-shell .primary-button,.app-shell .form-grid button[type=submit]{background:var(--ui-accent);color:#fff;min-height:46px;box-shadow:none;border:0;border-radius:10px;font-weight:600}.app-shell .hero-actions button{background:var(--ui-highlight);color:#251c13}.app-shell .hero-actions .ghost{color:#fffaf1;background:#202126a6;border:1px solid #fff3de6e}.app-shell .metrics-grid,.app-shell .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 32px}.app-shell .metric{background:var(--ui-tint);border:1px solid color-mix(in srgb,var(--ui-accent) 19%,#eee5d7);box-shadow:none;border-radius:13px;min-height:128px;padding:20px}.app-shell .metric.good{background:#e4ece0;border-color:#c6d5bf}.app-shell .metric.danger{background:#f7e3d9;border-color:#e9c6b5}.app-shell .metric.good strong{color:#256040}.app-shell .metric.danger strong{color:#a03823}.app-shell button.metric:hover{filter:brightness(.975);box-shadow:0 4px 15px #47371c0c}.app-shell .metric-label svg:first-child{background:#ffffff8c;border-radius:7px;flex:none;width:27px;height:27px;padding:5px}.app-shell .metric strong{letter-spacing:-.8px;font-size:27px;font-weight:650}.app-shell .metric-label,.app-shell .metric-sub{color:var(--ui-muted);font-size:12px;font-weight:500}.app-shell .section-header{margin:26px 0 16px}.app-shell .screen>.section-header:first-child{border:1px solid var(--ui-line);border-left:5px solid var(--ui-accent);background:var(--ui-tint);border-radius:12px;margin-top:0;padding:23px 25px}.app-shell .section-header h2{letter-spacing:-.6px;font-size:23px;font-weight:650}.app-shell .section-header button{color:var(--ui-accent);border:1px solid color-mix(in srgb,var(--ui-accent) 24%,#e4daca);background:#fffdf7;border-radius:8px;min-height:44px;padding:10px 14px;font-size:13px}.app-shell .ledger-list{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:14px;gap:0;overflow:hidden}.app-shell .loan-row,.app-shell .customer-row{background:var(--ui-surface);border:0;border-bottom:1px solid var(--ui-line);min-height:88px;box-shadow:none;border-radius:0;padding:20px}.app-shell .loan-row:nth-child(2n),.app-shell .customer-row:nth-child(2n){background:#f8f5ed}.app-shell .loan-row:last-child,.app-shell .customer-row:last-child{border-bottom:0}.app-shell .loan-row:hover,.app-shell .customer-row:hover{background:#fff9f4}.app-shell .loan-row strong,.app-shell .customer-row strong{font-size:15px;font-weight:600}.app-shell .loan-row small,.app-shell .customer-row small{color:var(--ui-muted);font-size:12px;font-weight:450}.app-shell .detail-card,.app-shell .settings-card,.app-shell .report-panel,.app-shell .customer-profile-card{background:var(--ui-surface);border:1px solid var(--ui-line);color:var(--ui-ink);box-shadow:var(--ui-shadow);border-radius:16px;padding:26px}.app-shell .report-panel{border-top:4px solid var(--ui-accent)}.app-shell .settings-card:before{display:none}.app-shell .report-panel h2,.app-shell .detail-card h2{color:var(--ui-ink)}.app-shell .report-panel span,.app-shell .report-panel p{color:var(--ui-muted)}.app-shell .chip{border:1px solid var(--ui-line);color:var(--ui-muted);background:#fff;min-height:44px;padding:10px 16px;font-weight:550}.app-shell .chip.selected{background:var(--ui-accent);border-color:var(--ui-accent);color:#fff}.app-shell .chip-row{gap:8px;margin:20px 0 16px}.app-shell .search-field{border:1px solid var(--ui-line);background:#fff;border-radius:10px;min-height:48px;margin-bottom:18px;font-weight:450}.app-shell .bottom-tabs,.workspace-mobile-brand{display:none}.app-shell .settings-groups{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.settings-group{min-width:0}.settings-group h3{color:var(--ui-accent);text-transform:uppercase;letter-spacing:.12em;border-left:3px solid var(--ui-accent);margin:10px 0 12px;padding-left:12px;font-size:11px;font-weight:650}.app-shell .settings-menu{border:1px solid var(--ui-line);background:#fff;border-radius:14px;gap:0;overflow:hidden}.app-shell .settings-row{border:0;border-bottom:1px solid var(--ui-line);background:var(--ui-surface);border-radius:0;min-height:92px;padding:18px}.app-shell .settings-row:hover{background:var(--ui-tint)}.app-shell .settings-row:last-child{border-bottom:0}.app-shell .settings-row-icon{background:var(--ui-tint);color:var(--ui-accent);border:1px solid color-mix(in srgb,var(--ui-accent) 17%,#eee6d8);border-radius:10px}.app-shell .settings-row-text strong{font-size:14px;font-weight:600}.app-shell .settings-row-text small{color:var(--ui-muted);font-weight:450;line-height:1.5}.app-shell .form-grid,.app-shell .settings-form{max-width:760px}.form-grid input,.form-grid textarea,.form-grid select,.connect-form input,.connect-form select,.connect-form textarea{color:var(--ui-ink);background:#fff;border:1px solid #d6d6d1;border-radius:9px;width:100%;min-height:46px;padding:12px;font-weight:450}.form-grid label,.connect-form label{color:var(--ui-ink);font-size:13px;font-weight:550;line-height:1.5}.connect-check input,.form-grid input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--ui-accent);flex:none}.sheet-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17182066}.app-shell .bottom-sheet{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:20px;box-shadow:0 25px 100px #17182026}.app-shell .sheet-header{border-bottom:1px solid var(--ui-line);border-top:5px solid var(--ui-accent);background:var(--ui-tint);padding:22px 24px}.app-shell .sheet-header h2{letter-spacing:-.6px;font-size:23px;font-weight:650}.app-shell .sheet-fieldset{padding:24px}.connect-shell.experience-portal{--ui-highlight:#ff7919;background:linear-gradient(130deg,#f8e9db,#f3f0e8 52%,#edece2);padding:0 40px 50px 306px;display:block}.experience-portal>.experience-rail{margin:0;position:fixed;top:18px;left:18px}.experience-portal .connect-header{min-height:105px;padding:22px 0}.experience-portal .connect-header .connect-lockup{display:none}.portal-heading{margin-right:auto}.portal-heading p{color:var(--ui-muted);text-transform:uppercase;letter-spacing:.13em;margin:0 0 5px;font-size:11px}.portal-heading h1{letter-spacing:-.7px;margin:0;font-size:25px;font-weight:650}.experience-portal .connect-card,.connect-embedded .connect-card{border-color:var(--ui-line);background:var(--ui-surface);box-shadow:var(--ui-shadow);border-radius:16px;padding:26px}.experience-portal>h1{border-left:5px solid var(--ui-accent);background:var(--ui-tint);border-radius:10px;padding:22px 24px;font-size:28px}.experience-portal .connect-card h2{letter-spacing:-.5px;font-size:19px;font-weight:650}.experience-portal .connect-card>p,.connect-embedded .connect-card>p{color:var(--ui-muted)}.experience-portal .connect-form{max-width:740px}.experience-portal .connect-form>button{align-self:flex-start;min-height:46px}.experience-portal .connect-intro{gap:16px;padding:26px 0 8px}.experience-portal .connect-intro h1{letter-spacing:-1px;font-size:28px;font-weight:650}.experience-portal .connect-stats{gap:16px}.experience-portal .connect-stats .connect-card{background:#fbe7d5;border-top:3px solid #c77737;padding:22px}.experience-portal .connect-stats .connect-card:nth-child(2){background:#e6ebdd;border-top-color:#60794e}.experience-portal .connect-stats .connect-card:nth-child(3){background:#f4e9ca;border-top-color:#a48431}.experience-portal .connect-stats .connect-card h2{color:#544e41;font-size:14px}.experience-portal .connect-stats strong{font-size:29px;font-weight:650}.experience-welcome{isolation:isolate;color:#fff9ee;background:#25262b;border:1px solid #3c3d43;border-radius:16px;align-items:center;min-height:228px;margin:26px 0 4px;padding:30px 34px;display:flex;position:relative;overflow:hidden}.experience-welcome:before{content:"";z-index:-1;background:linear-gradient(90deg,#202126fc,#202126ed 43%,#20212629 80%);position:absolute;inset:0}.experience-welcome-copy{width:65%}.experience-welcome h1{letter-spacing:-1px;color:#fff9ee;margin:0 0 13px;font-size:32px;line-height:1.12}.experience-welcome p{color:#e4e3e0;max-width:470px;margin:0;font-size:14px;line-height:1.7}.experience-welcome .welcome-eyebrow{color:#ffce9e;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-size:10px}.experience-portal .experience-welcome a.connect-button{color:#261d13;background:#ff7919;min-height:44px;margin-top:20px;font-size:13px}.experience-portal .connect-footer{color:var(--ui-muted)}.connect-shell.experience-portal-guest{background:var(--ui-paper);padding:0 max(24px,50vw - 590px) 40px}.experience-portal-guest .connect-auth{background:linear-gradient(90deg,#202126eb,#20212669),url(/brand/people/connect-support-1600.webp) 60%/cover;border-radius:18px;align-items:center;gap:55px;margin-top:28px;padding:38px}.experience-portal-guest .connect-auth>div:first-child{color:#fff9ee}.experience-portal-guest .connect-auth>div:first-child p{color:#e5e2d4}.experience-portal-guest .connect-auth>div:first-child .connect-eyebrow{color:#ffcc98}.experience-portal-guest .connect-auth .connect-card{background:#fffcf8}.connect-error,.form-error{color:#912018;overflow-wrap:anywhere;background:#fff0ee;border:1px solid #f3c6c2;border-radius:10px;padding:14px 16px;line-height:1.6}.connect-notice,.connect-readonly,.notice{border-radius:10px;padding:14px 18px;font-size:13px;line-height:1.6}.connect-readonly{margin-top:20px}.connect-mode-banner{z-index:30;color:#73320a;background:#fff0e4;padding:10px 20px;font-size:12px;position:relative}.experience-state{border:1px solid var(--ui-line);border-top:4px solid var(--ui-accent);background:var(--ui-surface);text-align:center;border-radius:16px;max-width:580px;margin:80px auto;padding:40px}.experience-state h2{letter-spacing:-.7px;font-size:24px}.experience-state p{color:var(--ui-muted);line-height:1.7}.experience-state button{background:var(--ui-accent);color:#fff;border:0;border-radius:9px;padding:12px 20px}.experience-spinner{border:3px solid #ffe8d8;border-top-color:var(--ui-accent);border-radius:100%;width:30px;height:30px;animation:.8s linear infinite experience-spin;display:inline-block}@keyframes experience-spin{to{transform:rotate(360deg)}}.experience-auth{background:linear-gradient(90deg,#202126d6,#20212667),url(/brand/people/connect-support-1600.webp) 65%/cover,#25262b;min-height:100dvh;padding:26px max(24px,50vw - 580px) 35px}.experience-auth>header{background:#fffcf8;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:15px 22px;display:flex}.experience-auth>header a{text-decoration:none}.experience-auth .text-button{border:1px solid var(--ui-line);color:var(--ui-ink);background:#fff;border-radius:9px;align-items:center;gap:8px;min-height:44px;padding:12px 16px;display:flex}.experience-auth-card{border:1px solid var(--ui-line);border-top:5px solid var(--ui-accent);background:#fffcf8;border-radius:16px;width:min(520px,100%);margin:55px auto 24px;padding:36px;box-shadow:0 15px 45px #151b1833}.experience-auth-card h1{letter-spacing:-1px;margin:14px 0;font-size:31px;line-height:1.2}.experience-auth-card>p{color:var(--ui-muted);font-size:14px;line-height:1.7}.experience-auth-card .form-grid{padding:12px 0 0}.experience-auth-card .form-grid button{background:var(--ui-accent);color:#fff;border:0;border-radius:10px;min-height:48px}.experience-auth-card .section-kicker{letter-spacing:.14em;color:var(--ui-accent);font-size:10px;font-weight:700}.experience-auth>footer{color:#fff7e8;background:#202126d9;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:auto;padding:10px 15px;font-size:12px;display:flex}.experience-auth-card .connect-check{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.form-success{color:#08623c;background:#e9f7ef;border-radius:9px;padding:14px;line-height:1.6}.connect-client-brand{display:none}.app-shell .empty-state{color:var(--ui-muted);background:0 0;padding:35px 24px;font-size:14px;line-height:1.65}.app-shell .empty-onboarding{background:var(--ui-tint);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:16px}.app-shell .empty-onboarding h2{color:var(--ui-ink)}.app-shell .empty-onboarding p{color:var(--ui-muted)}.app-shell .portfolio-hero h2{text-shadow:none}.app-shell .setup-checklist{background:#edf0e2;border-color:#c6d2bb;border-radius:14px;padding:20px}.app-shell .setup-checklist header>div>span{color:var(--ui-ink);font-weight:650}.app-shell .checklist-items button{background:var(--ui-paper);color:var(--ui-ink);border-radius:8px;min-height:44px;font-size:13px}.app-shell .checklist-progress{background:#f0e9e3}.app-shell .checklist-progress>span{background:var(--ui-accent)}.app-shell .help-sections{gap:24px;margin-bottom:32px;display:grid}.app-shell .help-sections>section{border:1px solid var(--ui-line);border-left:4px solid var(--ui-accent);background:var(--ui-surface);border-radius:14px;padding:22px}.app-shell .help-sections h3{font-size:18px;font-weight:600}.app-shell .help-sections p{color:var(--ui-muted);font-size:14px;line-height:1.8}.app-shell .onboarding-tour{border:1px solid var(--ui-line);border-radius:18px}.app-shell .tour-step{color:var(--ui-accent)}.app-shell .help-intro{color:#fff9ee;background:linear-gradient(90deg,#202126fa,#202126f0 52%,#20212650),url(/brand/people/connect-support-1600.webp) right 12%/cover;border:1px solid #3c3d43;border-radius:14px;min-height:150px;padding:32px}.app-shell .help-intro p{color:#fff4e1;max-width:65%}.app-shell .tour-progress span.active{background:var(--ui-accent)}.danger-zone{border-top:1px solid #e9d8d5;margin-top:26px;padding-top:20px}.danger-zone>p{color:var(--ui-muted);font-size:12px;line-height:1.6}.app-shell .danger-zone button{color:#912018;box-shadow:none;background:#fff0ee;border:1px solid #f0c8c3}.app-shell .balance-block{background:var(--ui-tint);border:1px solid color-mix(in srgb,var(--ui-accent) 20%,#eee0cc);border-left:4px solid var(--ui-accent);color:var(--ui-ink);border-radius:13px;margin:20px 0;padding:23px}.app-shell .balance-block strong{color:var(--ui-ink);letter-spacing:-1.3px;font-size:38px;font-weight:650}.app-shell .balance-block span,.app-shell .balance-block small{color:var(--ui-muted);font-weight:500}.app-shell .facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 24px;margin-bottom:20px;display:grid}.app-shell .fact{border-bottom:1px solid var(--ui-line);overflow-wrap:anywhere;flex-direction:column;gap:6px;padding:13px 0;display:flex}.app-shell .fact span{color:var(--ui-muted);font-size:11px;font-weight:500}.app-shell .fact strong{font-size:14px;font-weight:550}.app-shell .action-row button,.app-shell .quick-actions button,.app-shell .empty-onboarding button{background:var(--ui-accent);color:#fff;box-shadow:none;border-radius:9px;min-height:46px;font-weight:550}.app-shell .action-row .secondary,.app-shell .secondary-button{border:1px solid var(--ui-line);color:var(--ui-ink);box-shadow:none;background:#fff;border-radius:9px}.app-shell .back-button{color:var(--ui-accent);min-height:44px;box-shadow:none;background:#fff0e4;border:0;border-radius:8px;font-size:13px}.app-shell .notice{background:var(--ui-paper);border:1px solid var(--ui-line);color:var(--ui-muted);font-weight:450}.app-shell .timeline-item{border-bottom:1px solid var(--ui-line);padding:16px 0}.app-shell .timeline-item strong{font-size:15px;font-weight:600}.app-shell .timeline-item small{color:var(--ui-muted);font-size:12px;font-weight:450}.app-shell .report-bar-fill{background:linear-gradient(90deg,var(--ui-accent),var(--ui-highlight))}.app-shell .trial-modal{color:var(--ui-ink);background:#fff;border-radius:20px;padding:30px}.app-shell .trial-modal h2{color:var(--ui-ink)}.app-shell .trial-modal p{color:var(--ui-muted);font-weight:450}.app-shell .trial-modal button{background:var(--ui-accent);color:#fff}.connect-shell a.connect-button{color:#fff}.connect-shell .connect-secondary{color:var(--ui-accent);background:#fff0e4}.connect-form-fields{border:0;flex-direction:column;gap:14px;min-width:0;margin:0;padding:0;display:flex}.connect-form-fields:disabled{opacity:.7}.section-meta{color:var(--ui-muted);padding:9px 0;font-size:12px}.app-shell .escalation-review-card{border:1px solid var(--ui-line);color:var(--ui-ink);background:#fff;border-radius:18px}.app-shell .review-head h2{color:var(--ui-ink)}.app-shell .review-head p{color:var(--ui-muted);font-weight:450}.experience-service-only{padding:30px max(20px,50vw - 480px) 50px}.experience-service-only>header{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;display:flex}.experience-service-only>h1{letter-spacing:-1px;margin-top:35px;font-size:30px}.app-shell .screen:not(.dashboard-screen) .metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@container connect-viewport (width<=1100px){.app-shell .screen:not(.dashboard-screen) .metrics-grid{grid-template-columns:1fr 1fr}}@container connect-viewport (width<=600px){.app-shell .facts{grid-template-columns:1fr 1fr;gap:6px 15px}.app-shell .balance-block{padding:20px}.app-shell .balance-block strong{font-size:32px}}.connect-shell table{border-collapse:collapse;text-align:left;width:100%}.connect-shell td,.connect-shell th{border-bottom:1px solid var(--ui-line);padding:12px}.connect-shell th{color:var(--ui-ink);background:var(--ui-tint);font-size:12px;font-weight:600}.connect-shell tbody tr:nth-child(2n){background:#f8f5ed}.connect-shell .connect-form .connect-check{flex-direction:row;align-items:flex-start;display:flex}@container connect-viewport (width>=1600px){.app-shell .phone-frame{padding-inline:60px}}@container connect-viewport (width<=1050px){.experience-rail{width:210px;padding-inline:12px}.experience-rail .surge-wordmark{width:184px}.app-shell .phone-frame{padding-inline:24px}.connect-shell.experience-portal{padding-left:252px;padding-right:24px}.workspace-date{display:none}.app-shell .hero-side-panel strong{font-size:20px}.app-shell .hero-side-panel .hero-stats{grid-template-columns:1fr 1fr;gap:14px}.app-shell .hero-side-panel .hero-stats>div:nth-child(3){border-left:0;padding-left:0}.app-shell .portfolio-hero .hero-copy{max-width:85%}}@container connect-viewport (width<=767px){.workspace-mobile-brand{border-bottom:2px solid var(--ui-highlight);background:#202126;width:calc(100% + 36px);max-width:none;margin:0 -18px;padding:16px 18px;display:flex}.workspace-mobile-brand .service-wordmark{color:#fff8ed;font-size:14px}.workspace-mobile-brand .service-wordmark img{width:28px;height:28px}.workspace-mobile-brand .surge-wordmark{width:170px}.app-shell .experience-rail{display:none}.app-shell .phone-frame{width:100%;padding:0 18px 110px}.app-shell .topbar{gap:7px;min-height:87px;margin-bottom:24px;padding:18px 0}.app-shell .topbar h1{letter-spacing:-.5px;font-size:18px}.app-shell .brand-text .eyebrow{font-size:10px}.workspace-heading{margin-bottom:20px}.app-shell .dashboard-screen .workspace-heading{display:none}.workspace-heading h2{font-size:25px}.app-shell .portfolio-hero{grid-template-columns:1fr;gap:20px;padding:24px}.app-shell .portfolio-hero .hero-copy{max-width:100%}.app-shell .portfolio-hero:before{background:linear-gradient(90deg,#202126fc,#202126eb 52%,#20212680)}.app-shell .portfolio-hero .workspace-hero-photo img{object-position:82% center}.app-shell .portfolio-hero h2{font-size:40px}.app-shell .hero-side-panel{display:none}.app-shell .metrics-grid,.app-shell .metric-grid{grid-template-columns:1fr 1fr;gap:10px}.app-shell .metric{min-height:112px;padding:16px}.app-shell .metric strong{font-size:23px}.app-shell .bottom-tabs{width:auto;max-width:none;height:auto;min-height:74px;padding:8px 8px max(8px,env(safe-area-inset-bottom));z-index:20;background:#202126;border:0;border-top:1px solid #505158;border-radius:0;margin:0;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 25px #17182016}.app-shell .bottom-tabs button{color:#dcdece;gap:5px;min-height:52px;font-size:10px;font-weight:550}.app-shell .bottom-tabs button.active{color:#ffddb3;background:0 0}.app-shell .bottom-tabs button.active span{background:var(--ui-highlight);color:#251c13}.app-shell .bottom-tabs button:focus-visible{outline-offset:0;outline:2px solid #ffddb3}.app-shell .bottom-tabs span{width:46px;height:28px;color:inherit;background:0 0;border-radius:8px}.app-shell .loan-row,.app-shell .customer-row{padding:16px 12px}.app-shell .loan-row strong,.app-shell .customer-row strong{font-size:14px}.app-shell .section-header h2{font-size:21px}.app-shell .screen>.section-header:first-child{padding:17px 16px}.app-shell .settings-groups{grid-template-columns:1fr;gap:16px}.app-shell .detail-card,.app-shell .settings-card,.app-shell .report-panel,.app-shell .customer-profile-card{padding:20px 16px}.connect-shell.experience-portal{padding:0 18px 40px}.experience-portal>.experience-rail{width:calc(100% + 36px);height:auto;max-height:none;box-shadow:none;background:#202126;border:0;border-radius:0;margin:0 -18px;padding:18px 18px 10px;position:static}.experience-portal .experience-brand{min-height:56px}.experience-portal .rail-eyebrow,.experience-portal .rail-bottom{display:none}.experience-portal .experience-rail nav{gap:6px;padding:8px 0;display:flex;overflow-x:auto}.experience-portal .experience-rail nav button{background:#ffffff0d;border:1px solid #ffffff26;flex:none;gap:7px;width:auto;padding:12px;font-size:12px}.experience-portal .experience-rail nav button[aria-current=page]{background:var(--ui-highlight);box-shadow:none;border-color:#0000}.experience-portal .connect-header{min-height:75px;padding:12px 0 20px}.experience-portal .connect-card,.connect-embedded .connect-card{padding:20px}.experience-portal .connect-intro{flex-wrap:wrap}.experience-welcome{min-height:210px;margin-top:20px;padding:24px}.experience-welcome-copy{width:100%}.experience-welcome:before{background:linear-gradient(90deg,#202126fa,#202126db 68%,#202126a0)}.experience-welcome h1{font-size:29px}.experience-welcome .workspace-hero-photo img{object-position:85% center}.connect-shell.experience-portal-guest{padding:0 18px 35px}.experience-portal-guest .connect-auth{grid-template-columns:1fr;gap:20px;margin-top:20px;padding:25px 20px}.experience-portal-guest .connect-auth h1{font-size:36px}.experience-auth{padding:20px 18px}.experience-auth .surge-wordmark{width:180px}.experience-auth>header{flex-wrap:wrap;align-items:flex-start;padding:13px 16px}.experience-auth .text-button{padding:10px;font-size:12px}.experience-auth-card{margin-top:34px;padding:26px 20px}.experience-auth-card h1{font-size:28px}.app-shell .sheet-fieldset{padding:18px}.app-shell .help-intro{padding:22px}.app-shell .help-intro p{max-width:85%}}@container connect-viewport (width<=360px){.app-shell .phone-frame{padding-inline:12px}.workspace-mobile-brand{width:calc(100% + 24px);margin-inline:-12px}.app-shell .topbar{flex-wrap:wrap}.app-shell .brand-lockup{flex-basis:100%}.app-shell .metric{padding:13px}.app-shell .metric strong{font-size:21px}.app-shell .portfolio-hero{padding:20px}}@media print{.experience-rail,.bottom-tabs,.topbar{display:none!important}.app-shell .phone-frame{padding:0!important}}
