:root{color:#191919;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--sofi-blue:#00a2c7;--sofi-teal:#008da8;--ink:#171817;--muted:#6b6b68;--line:#deded9;--warm-white:#f6f5f2;background:#f7f7f5;font-family:TT Norms,Avenir Next,Avenir,Century Gothic,sans-serif}*{box-sizing:border-box}html{background:#f7f7f5;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 8% 90%,#00a2c70b,#0000 32%),#f7f7f5;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #00a2c759}.app-shell{min-height:100vh}.topbar{background:#fffffff5;border-bottom:1px solid #e5e5e1;height:72px}.topbar__inner{align-items:center;width:min(100% - 44px,1240px);height:100%;margin:0 auto;display:flex}.brand{flex:none;width:90px;height:auto;display:block}.primary-nav{align-self:stretch;align-items:stretch;gap:28px;margin-left:34px;display:flex}.primary-nav a{color:#262725;white-space:nowrap;align-items:center;font-size:15px;font-weight:590;text-decoration:none;display:flex;position:relative}.primary-nav a:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.primary-nav a.is-active{color:#080909;font-weight:720}.primary-nav a.is-active:after{background:#111}.company-name{color:#20211f;letter-spacing:.02em;white-space:nowrap;margin-left:auto;margin-right:28px;font-size:13px;font-weight:680}.topbar__actions{align-items:center;gap:10px;margin-left:0;display:flex}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;transition:background .14s;display:grid}.icon-button:hover{background:#f0f0ed}.topbar-action-icon{width:24px;height:24px;display:block}.plus-button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:86px;height:36px;padding:0;display:grid}.topbar-plus-icon{width:72px;height:22px;display:block}.dashboard{grid-template-columns:minmax(350px,.86fr) minmax(430px,1.14fr);gap:32px;width:min(100% - 44px,1240px);margin:0 auto;padding:30px 0 56px;display:grid}.dashboard__left{min-width:0}.panel{border:1px solid var(--line);background:#fffffff0;border-radius:15px;overflow:hidden;box-shadow:0 2px 9px #10161706}.account-card{margin-bottom:24px}.account-row{justify-content:space-between;align-items:center;gap:24px;min-height:102px;padding:24px 26px;display:flex}.account-row+.account-row{border-top:1px solid var(--line)}.account-row h2,.account-row p,.task-row h3,.task-row p,.promo-card h3,.promo-card p,.section-title{margin:0}.account-row h2{font-size:16px;font-weight:650}.account-row p{color:#565754;margin-top:4px;font-size:13px}.account-row strong{letter-spacing:-.02em;font-size:20px;font-weight:650}.task-card{margin-bottom:34px}.task-row{grid-template-columns:27px 1fr auto;align-items:center;gap:12px;min-height:75px;padding:15px 19px;display:grid}.task-row+.task-row{border-top:1px solid var(--line)}.task-row h3{font-size:14px;font-weight:640}.task-row p{color:#747570;margin-top:3px;font-size:12px}.task-state{color:#087b65;border:1.5px solid #b9bbb6;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.task-state--done{background:#e0f5eb;border-color:#20a17b}.section-title{margin-bottom:17px;font-size:21px;font-weight:650}.promo-card{background:linear-gradient(135deg,#f8fcfb 0%,#e6f6f3 100%);border:1px solid #daddd9;border-radius:16px;grid-template-columns:1.2fr .8fr;min-height:196px;padding:26px;display:grid;position:relative;overflow:hidden}.eyebrow{color:#087e79;letter-spacing:.12em;font-size:10px;font-weight:800}.promo-card h3{letter-spacing:-.02em;margin-top:8px;font-size:20px;line-height:1.15}.promo-card p{color:#676c67;max-width:255px;margin-top:12px;font-size:12px;line-height:1.45}.promo-art{min-height:145px;position:relative}.promo-art:before{content:"";background:#9ddfd6;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-47px;right:-4px}.promo-art__card{background:linear-gradient(135deg,#147b8d,#00a2c7);border-radius:11px;width:116px;height:74px;position:absolute;bottom:13px;right:5px;transform:rotate(-7deg);box-shadow:0 13px 22px #00708430}.promo-art__card:after{content:"";border:2px solid #ffffffd9;border-radius:50%;width:19px;height:19px;position:absolute;bottom:10px;right:11px}.promo-art__coin{z-index:2;color:#0b8b99;background:#fff;border-radius:50%;place-items:center;width:54px;height:54px;font-size:24px;font-weight:750;display:grid;position:absolute;top:8px;right:69px;box-shadow:0 10px 24px #0467712b}.promo-art__spark{z-index:3;background:#f6b441;width:9px;height:9px;position:absolute;transform:rotate(45deg)}.promo-art__spark--one{top:18px;right:12px}.promo-art__spark--two{background:#38b592;width:6px;height:6px;top:84px;right:150px}.activity{min-width:0}.activity-toolbar{align-items:center;gap:16px;min-height:46px;margin-bottom:17px;display:flex}.search-box{color:#878781;background:#fff;border:1px solid #dededb;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;height:42px;padding:0 15px;font-size:13px;display:flex}.filter-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:10px 4px 10px 11px;font-weight:680;display:flex}.transaction-list{background:#fff}.transaction-row{text-align:left;background:0 0;border:0;grid-template-columns:42px 1fr auto;align-items:center;gap:15px;width:100%;min-height:104px;padding:17px 20px;display:grid}.transaction-entry+.transaction-entry{border-top:1px solid var(--line)}.transaction-date{color:#6c6d69;margin:0;padding:13px 20px 0 77px;font-size:12px;font-weight:700}.transaction-entry--dated .transaction-row{min-height:90px;padding-top:10px}.transaction-row--button{cursor:pointer;transition:background .14s}.transaction-row--button:hover{background:#f8fbfa}.transaction-icon{color:#656763;background:#f0f1ed;border-radius:50%;place-items:center;width:39px;height:39px;font-size:21px;display:grid}.transaction-copy{grid-template-columns:1fr auto;align-items:center;gap:2px 20px;min-width:0;display:grid}.transaction-copy small{color:#6c6d69;grid-area:1/1/span 2;gap:3px;min-width:0;font-size:13px;display:grid}.transaction-copy small b{color:#151614;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:680;overflow:hidden}.transaction-copy small em{font-size:12px;font-style:normal}.transaction-copy strong,.transaction-copy>span{text-align:right;grid-column:2}.transaction-copy strong{font-size:17px;font-weight:710}.transaction-copy>span{color:#62635f;font-size:12px}.transaction-copy strong.is-credit{color:#1f8d5a}.modal-overlay{z-index:100;background:#18181785;place-items:center;padding:16px;animation:.15s ease-out both overlay-in;display:grid;position:fixed;inset:0}.transaction-modal{--modal-control-top:72px;--modal-control-bottom:24px;--modal-content-gutter:40px;isolation:isolate;background:var(--warm-white);border:1px solid #27272517;border-radius:22px;grid-template-rows:minmax(0,1fr);width:min(620px,100vw - 32px);height:780px;max-height:calc(100dvh - 32px);animation:.19s cubic-bezier(.22,.75,.34,1) both modal-in;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #0d0e0d47}.transaction-modal:focus{outline:none}.modal-close{z-index:4;cursor:pointer;background:#f6f5f2eb;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:background .14s,transform .14s;display:grid;position:absolute;top:20px;left:20px}.modal-close:hover{background:#e9e8e4;transform:scale(1.04)}.scroll-up-cue{z-index:5;top:calc(var(--modal-control-top) - 10px);opacity:.9;pointer-events:none;border-bottom:7px solid #666762;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;right:2px}.scroll-down-cue{z-index:5;right:2px;bottom:calc(var(--modal-control-bottom) - 10px);opacity:.9;pointer-events:none;border-top:7px solid #666762;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute}.modal-scroll{z-index:1;inset:var(--modal-control-top) 0 var(--modal-control-bottom);padding:18px var(--modal-content-gutter) 22px;overscroll-behavior:contain;scrollbar-color:#777772 transparent;scrollbar-width:thin;position:absolute;overflow:hidden scroll}.modal-scroll::-webkit-scrollbar{width:9px}.modal-scroll::-webkit-scrollbar-track{background:0 0}.modal-scroll::-webkit-scrollbar-thumb{background:#797a76 padding-box padding-box;border:3px solid #0000;border-radius:10px;min-height:62px}.modal-scroll::-webkit-scrollbar-button:single-button:vertical:decrement{height:0;display:none}.modal-scroll::-webkit-scrollbar-button:single-button:vertical:increment{height:0;display:none}.transaction-heading{text-align:center;padding:2px 8px 28px}.money-icon{color:#222321;background:#edede9;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 15px;display:grid}.transaction-heading h1{color:#101110;letter-spacing:-.045em;margin:0;font-size:clamp(40px,5.6vw,48px);font-weight:600;line-height:1.05}.amount-sign{letter-spacing:-.02em;vertical-align:.12em;margin-right:2px;font-size:.7em;display:inline-block}.transaction-heading p{color:#111210;margin:7px 0 0;font-size:18px;font-weight:680}.status-card{background:#fff;border-radius:14px;padding:14px 17px;box-shadow:0 2px 5px #1414130b}.status-row{color:#101110;grid-template-columns:22px minmax(94px,1fr) auto;align-items:center;gap:9px;min-height:36px;font-size:14px;display:grid;position:relative}.status-row strong{font-weight:680}.status-row>span:last-child{white-space:nowrap;font-size:13px;font-weight:620}.status-mark{z-index:1;color:#fff;background:#121311;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:relative}.status-row:first-child .status-mark:after{z-index:-1;content:"";background:#121311;width:2px;height:20px;position:absolute;top:16px;left:7px}.processing-note{color:#121311;background:#e9e8e4;border:1px solid #dcddd8;border-radius:13px;margin:14px 0 16px;padding:19px 17px;font-size:14px;font-weight:620;line-height:1.45;box-shadow:0 2px 5px #14141309}.detail-stack{gap:14px;display:grid}.detail-card{background:#fff;border:1px solid #e1e2dd;border-radius:15px;padding:9px 14px 0;overflow:hidden;box-shadow:0 3px 9px #191a180e}.detail-card h3{color:#50514e;background:#eeefeb;border-radius:7px;margin:0 -5px;padding:6px 8px;font-size:11px;font-weight:700}.detail-card dl{margin:0}.detail-row{grid-template-columns:minmax(205px,.9fr) minmax(0,1.35fr);align-items:center;gap:16px;min-height:66px;padding:14px 0;display:grid}.detail-row+.detail-row{border-top:1px solid #dedfda}.detail-row dt,.detail-row dd{color:#101110;white-space:nowrap;margin:0;font-size:15px;font-weight:650;line-height:1.3}.detail-row dd{overflow-wrap:anywhere;text-align:right;font-weight:680}.confirmation-pill{color:#16713a;background:#dff3e4;border:1px solid #9bcfab;border-radius:8px;justify-content:center;align-items:center;min-width:84px;padding:7px 15px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.report-button{color:#147e8e;cursor:pointer;background:0 0;border:2px solid #5c9ca5;border-radius:12px;width:100%;min-height:51px;margin-top:16px;font-size:15px;font-weight:720;transition:background .14s,color .14s}.report-button:hover{color:#086c7a;background:#e3f1f2}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(9px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.topbar__inner,.dashboard{width:min(100% - 28px,760px)}.primary-nav{gap:20px;margin-left:24px}.primary-nav a:nth-child(n+3),.company-name{display:none}.dashboard{grid-template-columns:1fr}.activity{order:-1}}@media (width<=640px){.topbar{height:62px}.topbar__inner{width:calc(100% - 22px)}.brand{width:76px}.primary-nav{display:none}.topbar__actions{gap:2px}.topbar__actions .icon-button:first-child,.topbar__actions .icon-button:nth-child(3){display:none}.plus-button{width:76px;height:32px}.topbar-plus-icon{width:68px;height:auto}.dashboard{width:calc(100% - 24px);padding-top:18px}.transaction-copy{grid-template-columns:1fr;gap:2px}.transaction-copy small,.transaction-copy strong,.transaction-copy>span{text-align:left;grid-area:auto/1}.promo-card{grid-template-columns:1.1fr .9fr;padding:20px}.modal-overlay{padding:8px}.transaction-modal{--modal-control-top:60px;--modal-control-bottom:16px;--modal-content-gutter:26px;border-radius:18px;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:none}.modal-close{top:13px;left:13px}.modal-scroll{padding-top:16px;padding-bottom:18px}.transaction-heading{padding-bottom:23px}.money-icon{width:38px;height:38px;margin-bottom:12px}.transaction-heading h1{font-size:37px}.transaction-heading p{font-size:16px}.status-card{padding:13px}.status-row{grid-template-columns:20px minmax(78px,.75fr) minmax(0,1.45fr);gap:7px}.status-row>span:last-child{text-align:right;white-space:normal;font-size:11.5px}.detail-card{padding-left:11px;padding-right:11px}.detail-row{grid-template-columns:minmax(105px,.85fr) minmax(0,1.25fr);gap:9px;min-height:61px}.detail-row dt,.detail-row dd{white-space:normal;font-size:13.5px}.processing-note{padding:16px 14px}.desktop-break{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
