@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--blue:#059669;--blue-dark:#047857;--blue-soft:#ECFDF5;--ink:#102A24;--muted:#687B74;--line:#DCE9E3;--bg:#F6FBF8;--surface:#FFFFFF;--green:#059669;--red:#DC2626;--amber:#D97706;--shadow:0 12px 34px rgba(5,150,105,.07)}.balance-card{background:linear-gradient(115deg,#059669,#047857 72%,#065F46)!important;box-shadow:0 13px 28px rgba(5,150,105,.18)!important}.promo-card,.security-score{background:linear-gradient(100deg,#ECFDF5,#F8FFFC)!important;border-color:#A7F3D0!important;color:#065F46!important}.help-mini{background:linear-gradient(140deg,#ECFDF5,#F8FFFC)!important;border-color:#D1FAE5!important}.avatar,.help-mini>span,.notification-icon,.promo-icon,.setting-icon{background:#D1FAE5!important;color:#047857!important}.add-circle{border-color:#6EE7B7!important;color:#059669!important}.bank-tile:hover,.bill-tile:hover,.quick-action:hover{border-color:#86EFAC!important}.outline-button:hover{border-color:#6EE7B7!important;color:#047857!important}.notice.info{border-color:#A7F3D0!important;color:#065F46!important}.notice.info,.support-card{background:#ECFDF5!important}.support-card{color:#047857!important}.filter-tabs{background:#E8F5EE!important}.bill-tile.selected{border-color:#6EE7B7!important}.app-shell.dark .help-mini,.app-shell.dark .notice.info,.app-shell.dark .promo-card,.app-shell.dark .security-score{background:#11372A!important;border-color:#285C48!important;color:#D1FAE5!important}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:DM Sans,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #93C5FD;outline-offset:2px}.app-shell{display:flex;min-height:100vh;--surface:#fff;--ink:#172033;--muted:#778198;--line:#E6EAF1;--card-bg:#fff}.app-shell,.app-shell.dark{background:var(--bg);color:var(--ink)}.app-shell.dark{--surface:#111827;--ink:#F3F4F6;--muted:#9CA3AF;--line:#293548;--bg:#0B1220;--card-bg:#111827}.sidebar{width:252px;flex:0 0 252px;background:var(--surface);border-right:1px solid var(--line);padding:25px 15px 14px;display:flex;flex-direction:column;min-height:100vh;position:-webkit-sticky;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 29px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--blue);color:#fff;font:800 25px Manrope;transform:skew(-7deg);box-shadow:0 7px 15px #2563eb35}.brand strong{display:block;font:800 18px Manrope;letter-spacing:-.6px}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.workspace-label{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#A0A8B8;padding:0 13px 11px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-item{height:43px;border:0;background:transparent;color:#7A8498;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:10px;text-align:left;font-weight:500;transition:.18s}.nav-item span{flex:1 1}.nav-item.selected,.nav-item:hover{background:var(--blue-soft);color:var(--blue)}.nav-item.selected{font-weight:700}.dark .nav-item.selected,.dark .nav-item:hover{background:#172B52}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}.sidebar-bottom{margin-top:auto}.help-mini{margin:15px 4px 17px;padding:15px 13px;border-radius:13px;background:linear-gradient(140deg,#EFF6FF,#F8FAFF);border:1px solid #dbeafe}.dark .help-mini{background:#172B52;border-color:#243B65}.help-mini>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#DBEAFE;color:var(--blue);margin-bottom:12px}.help-mini strong{font-size:12px}.help-mini p{font-size:11px;line-height:1.5;color:var(--muted);margin:6px 0 11px}.help-mini button,.text-button{color:var(--blue);font-size:11px;font-weight:700;gap:4px;padding:0}.account-mini,.help-mini button,.text-button{border:0;background:transparent;display:flex;align-items:center}.account-mini{width:100%;border-top:1px solid var(--line);padding:14px 5px 3px;gap:9px;text-align:left;color:var(--ink)}.account-mini>span:nth-child(2){flex:1 1}.account-mini small,.account-mini strong{display:block}.account-mini strong{font-size:12px}.account-mini small{font-size:10px;color:var(--muted);margin-top:3px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#DBEAFE;color:#1D4ED8;font-weight:800}.small-avatar{width:32px;height:32px;font-size:11px}.main-area{flex:1 1;min-width:0}.topbar{height:76px;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;padding:0 37px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.breadcrumbs,.topbar{display:flex;align-items:center}.breadcrumbs{gap:9px;color:#9AA3B4;font-size:12px}.breadcrumbs strong{color:var(--ink);font-weight:700}.topbar-actions{gap:19px}.secure-label,.topbar-actions{display:flex;align-items:center}.secure-label{gap:7px;color:var(--muted);font-size:11px}.secure-label span{width:7px;height:7px;border-radius:50%;background:#10B981}.ghost-icon,.icon-button{position:relative;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;width:36px;height:36px;border-radius:10px}.ghost-icon:hover,.icon-button:hover{background:var(--bg)}.notification-button i,.topbar .icon-button i{position:absolute;right:7px;top:7px;width:7px;height:7px;background:#F97316;border:1.5px solid var(--surface);border-radius:50%}.top-profile{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--muted)}.content-area{max-width:1240px;margin:0 auto;padding:32px 38px 20px}.page-stack{display:flex;flex-direction:column;gap:25px}.section-heading,.welcome-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:11px;color:var(--muted);margin-bottom:8px}.page-intro h1,.welcome-row h1{font:800 26px Manrope;margin:0;letter-spacing:-.8px}.muted{color:var(--muted)}.page-intro p,.welcome-row p{font-size:12px;margin:8px 0 0}.balance-card{position:relative;overflow:hidden;background:linear-gradient(115deg,#2563EB,#1D4ED8 72%,#1E40AF);color:#fff;border-radius:19px;padding:25px 27px 22px;min-height:183px;box-shadow:0 13px 28px #2563eb24}.balance-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#DCE8FF;position:relative;z-index:1}.ghost-icon{color:#fff}.balance-amount{font:800 32px Manrope;letter-spacing:-1px;margin:12px 0 14px;position:relative;z-index:1}.balance-bottom{gap:8px;font-size:11px;color:#DCE8FF;position:relative;z-index:1}.balance-bottom,.growth{display:flex;align-items:center}.growth{gap:2px;color:#A7F3D0;font-weight:700}.balance-pill{margin-left:auto;display:flex;align-items:center;gap:6px;border:1px solid #ffffff45;background:#ffffff18;padding:7px 10px;border-radius:20px}.balance-decoration{position:absolute;width:210px;height:210px;border:1px solid #ffffff17;border-radius:50%;right:-30px;top:-105px}.balance-decoration.two{width:290px;height:290px;right:-60px;top:-140px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.quick-action{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;min-height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:700;box-shadow:var(--shadow);transition:.18s}.bank-tile:hover,.bill-tile:hover,.quick-action:hover{transform:translateY(-2px);border-color:#BFDBFE}.quick-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--blue-soft);color:var(--blue)}.section-block{display:flex;flex-direction:column;gap:15px}.section-heading h2{font:800 16px Manrope;margin:0;letter-spacing:-.3px}.section-heading p{font-size:11px;margin:5px 0 0}.text-button{font-size:11px;white-space:nowrap}.bank-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:11px;gap:11px}.bank-tile{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:13px 5px;display:flex;align-items:center;flex-direction:column;gap:7px;min-width:0;color:var(--ink);transition:.18s}.bank-logo{width:34px;height:34px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800;letter-spacing:-.4px;box-shadow:inset 0 -5px 10px #0000000d}.bank-logo.lg{width:42px;height:42px;border-radius:12px;font-size:12px}.bank-tile>span:nth-child(2){font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bank-tile small{font-size:9px;color:var(--green)}.add-circle{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px dashed #93c5fd;color:var(--blue)}.add-tile small{color:var(--muted)}.promo-card{display:flex;align-items:center;gap:13px;padding:17px 18px;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(100deg,#EFF6FF,#F8FAFF);color:#1E3A8A}.dark .promo-card{background:#172B52;border-color:#243B65;color:#DBEAFE}.promo-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#DBEAFE;color:var(--blue);flex:0 0 auto}.promo-card div{flex:1 1}.promo-card strong{font-size:12px}.promo-card p{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.5}.transaction-list{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.transaction-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid var(--line);padding:14px 16px;background:var(--surface);color:var(--ink)}.transaction-row:last-child{border-bottom:0}.transaction-row:hover{background:var(--bg)}.transaction-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;flex:0 0 auto}.transaction-icon.income{background:#D1FAE5;color:#059669}.transaction-icon.expense{background:#FEE2E2;color:#DC2626}.transaction-copy{display:flex;flex-direction:column;gap:5px;flex:1 1;min-width:0}.transaction-copy strong{font-size:11px}.transaction-amount small,.transaction-copy small{font-size:10px;color:var(--muted)}.transaction-amount{display:flex;flex-direction:column;gap:5px;align-items:flex-end}.transaction-amount strong{font-size:11px;white-space:nowrap}.positive{color:#059669}.status{color:#059669!important}.pending{color:#D97706!important}.demo-status{color:#64748B!important}.transaction-chevron{color:#A8B0BE}.footer{display:flex;justify-content:space-between;gap:15px;margin-top:30px;padding-top:17px;border-top:1px solid var(--line);font-size:10px;color:#9AA3B4}.footer span:last-child{display:flex;align-items:center;gap:5px}.page-intro{margin-bottom:0}.search-box{display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--surface);border:1px solid var(--line);border-radius:11px;height:46px;color:var(--muted)}.search-box input{border:0;outline:0;flex:1 1;min-width:0;background:transparent;color:var(--ink)}.bank-directory{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.bank-row{display:flex;align-items:center;gap:13px;padding:13px 17px;border-bottom:1px solid var(--line)}.bank-row:last-child{border-bottom:0}.bank-info{display:flex;flex-direction:column;gap:5px;flex:1 1}.bank-info strong{font-size:12px}.bank-info small{font-size:10px;color:var(--muted)}.outline-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 16px;font-size:12px;font-weight:700;transition:.18s}.primary-button{border:1px solid var(--blue);background:var(--blue);color:#fff;box-shadow:0 5px 12px #2563eb1c}.primary-button:hover{background:var(--blue-dark)}.outline-button{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.outline-button:hover{border-color:#93C5FD;color:var(--blue)}.outline-button,.primary-button.small{padding:9px 12px;font-size:11px}.full{width:100%}.narrow-page{max-width:680px}.notice{display:flex;align-items:flex-start;gap:10px;border-radius:11px;padding:13px 14px;font-size:11px;line-height:1.55}.notice p{margin:0}.notice.warning{background:#FFFBEB;border:1px solid #fde68a;color:#92400E}.notice.info{background:#EFF6FF;border:1px solid #bfdbfe;color:#1E40AF}.dark .notice.info{background:#172B52;color:#DBEAFE;border-color:#243B65}.form-card{gap:17px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:23px}.form-card,.form-card label{display:flex;flex-direction:column}.form-card label{gap:8px;font-size:11px;font-weight:700;color:var(--ink)}.form-card input,.form-card select{width:100%;height:43px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:0 12px;color:var(--ink);outline:0}.form-card input:focus,.form-card select:focus{border-color:#93C5FD}.amount-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;padding-left:12px;color:var(--muted)}.amount-input input{border:0}.transfer-swap{gap:8px;color:var(--blue);font-weight:700;font-size:11px;border-top:1px solid var(--line);padding-top:15px}.form-footnote,.transfer-swap{display:flex;align-items:center}.form-footnote{justify-content:center;gap:5px;color:var(--muted);font-size:10px;margin:0}.filter-tabs{display:flex;gap:5px;padding:5px;background:#EEF2F7;border-radius:11px;width:max-content;max-width:100%}.filter-tabs button{border:0;border-radius:8px;background:transparent;padding:9px 17px;font-size:11px;font-weight:700;color:#7B8496}.filter-tabs button.active{background:var(--surface);color:var(--blue);box-shadow:0 2px 7px #0f172a0a}.bill-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.bill-tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:17px 9px;display:flex;align-items:center;flex-direction:column;gap:10px;color:var(--muted);font-size:11px;font-weight:700}.bill-tile.selected{background:var(--blue-soft);border-color:#93C5FD;color:var(--blue)}.notification-row{display:flex;align-items:flex-start;gap:13px;padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.notification-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#DBEAFE;color:var(--blue);flex:0 0 auto}.notification-icon.n1{background:#FEF3C7;color:#D97706}.notification-icon.n2{background:#D1FAE5;color:#059669}.notification-row>div{flex:1 1}.notification-row strong{font-size:12px}.notification-row p{font-size:11px;color:var(--muted);margin:6px 0}.notification-row small{font-size:10px;color:#9AA3B4}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);margin-top:6px}.profile-card{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:25px}.profile-card .avatar{margin:0 auto 12px;width:58px;height:58px;font-size:17px}.profile-card h2{font:800 17px Manrope;margin:0}.profile-card p{font-size:11px;margin:6px 0 12px}.verified-pill{display:inline-flex;align-items:center;gap:4px;background:#D1FAE5;color:#047857;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.settings-list{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.setting-row{display:flex;align-items:center;gap:12px;padding:15px;border-bottom:1px solid var(--line);min-height:70px}.setting-row:last-child{border-bottom:0}.setting-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--blue-soft);color:var(--blue);flex:0 0 auto}.setting-copy{display:flex;flex-direction:column;gap:5px;flex:1 1}.setting-copy strong{font-size:11px}.setting-copy small{font-size:10px;color:var(--muted)}.setting-open{border:0;background:transparent;color:#9AA3B4;display:grid;place-items:center}.toggle{width:37px;height:21px;border:0;border-radius:20px;background:#CBD5E1;padding:3px;display:flex;align-items:center}.toggle span{width:15px;height:15px;border-radius:50%;background:#fff;transition:.18s}.toggle.on{background:var(--blue);justify-content:flex-end}.security-score{display:flex;align-items:center;gap:13px;padding:18px;border-radius:14px;background:linear-gradient(100deg,#EFF6FF,#F8FAFF);border:1px solid #dbeafe;color:var(--blue)}.dark .security-score{background:#172B52;border-color:#243B65}.security-score div{flex:1 1}.security-score strong{font-size:12px}.security-score p{font-size:10px;color:var(--muted);margin:5px 0 0}.score-badge{font-size:10px;background:#DBEAFE;padding:5px 8px;border-radius:8px}.support-card{display:flex;gap:13px;align-items:flex-start;background:var(--blue-soft);color:var(--blue);border-radius:13px;padding:18px}.support-card div{flex:1 1}.support-card strong{font-size:12px}.support-card p{font-size:11px;line-height:1.5;color:var(--muted);margin:7px 0 0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:9px;padding:40px 20px;color:var(--muted)}.empty-state strong{font-size:12px;color:var(--ink)}.empty-state p{font-size:11px;margin:0}.toast{position:fixed;right:25px;bottom:25px;z-index:50;max-width:min(440px,calc(100vw - 30px));display:flex;align-items:center;gap:10px;background:#111827;color:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 12px 30px #0002;font-size:12px}.toast svg{flex:0 0 auto;color:#6EE7B7}.toast button{border:0;background:transparent;color:#CBD5E1;margin-left:auto;display:grid;place-items:center}.modal-backdrop{position:fixed;inset:0;background:#0f172a88;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;display:grid;place-items:center;padding:18px}.modal-card{position:relative;width:min(440px,100%);background:var(--surface);color:var(--ink);border-radius:18px;padding:28px;box-shadow:0 25px 80px #0003;display:flex;flex-direction:column;gap:15px}.modal-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:0;border-radius:8px;background:var(--bg);color:var(--muted);display:grid;place-items:center}.modal-icon,.success-mark{width:52px;height:52px;border-radius:15px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.success-mark{margin:0 auto;background:#D1FAE5;color:#059669;border-radius:50%;width:60px;height:60px}.modal-card h2{font:800 20px Manrope;margin:0}.modal-card>p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.modal-card .notice{margin:0}.modal-card .success-mark+h2,.modal-card .success-mark~p{text-align:center}.detail-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;font-size:11px}.detail-line span{color:var(--muted)}.tiny{font-size:10px!important}.mobile-close,.mobile-menu{display:none}@media(max-width:1100px){.sidebar{width:225px;flex-basis:225px}.content-area{padding:28px 25px}.topbar{padding:0 25px}.bank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-banks .bank-tile:nth-child(n+4){display:none}}@media(max-width:760px){.sidebar{position:fixed;left:-270px;top:0;bottom:0;height:100dvh;width:260px;transition:left .22s;box-shadow:none}.sidebar.mobile-open{left:0;box-shadow:15px 0 50px #0f172a20}.mobile-close{display:grid;place-items:center;margin-left:auto;border:0;background:transparent;color:var(--muted)}.main-area{width:100%}.topbar{height:62px;padding:0 16px}.mobile-menu{display:grid;place-items:center;border:0;background:transparent;color:var(--ink);margin-right:12px}.breadcrumbs{flex:1 1}.secure-label{display:none}.topbar-actions{gap:8px}.content-area{padding:23px 16px 18px}.page-intro h1,.welcome-row h1{font-size:22px}.balance-card{padding:21px 19px;min-height:170px}.balance-amount{font-size:27px}.balance-bottom{flex-wrap:wrap}.balance-pill{margin-left:0}.quick-grid{gap:8px}.quick-action{min-height:89px;font-size:10px}.quick-icon{width:35px;height:35px}.bank-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-banks .bank-tile:nth-child(n+4){display:flex}.home-banks .bank-tile:nth-child(n+5){display:none}.section-heading h2{font-size:15px}.footer{flex-direction:column;gap:8px}.transaction-row{padding:12px 10px;gap:8px}.transaction-amount strong,.transaction-copy strong{font-size:10px}.transaction-amount small,.transaction-copy small{font-size:9px}.transaction-chevron{display:none}.transaction-icon{width:32px;height:32px}.bank-row{padding:12px}.bank-info small{line-height:1.4}.form-card{padding:17px}.balance-pill{font-size:10px}.top-profile{display:none}}@media(max-width:400px){.content-area{padding-left:12px;padding-right:12px}.balance-amount{font-size:24px}.bank-tile>span:nth-child(2){font-size:9px}.transaction-copy small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-amount strong{font-size:9px}.filter-tabs button{padding:9px 12px}}