@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg: #eef1ed;--surface: #ffffff;--text: #1c211e;--muted: #8b918c;--muted-2: #666e68;--line: #eef1ed;--line-2: #e4e9e3;--nav: #f3f5f2;--green: #167c58;--green-dark: #0d6144;--debit-bg: #fde8ea;--debit-fg: #d9485f;--credit-bg: #e6f7ee;--credit-fg: #2f9e63;--shadow: 0 1px 2px rgba(16, 35, 24, .04);font-family:DM Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(22,124,88,.2);outline-offset:2px}svg{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-page{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;display:grid;place-items:center;padding:56px 28px;isolation:isolate;background:#0d6144 url(https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?auto=format&fit=crop&w=2000&q=85) center/cover}.login-shade{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;z-index:-1;background:linear-gradient(115deg,#0d6144e0,#167c58cc 48%,#074e35e0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-panel{width:min(620px,100%);display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:42px;color:#fff}.login-brand-side{min-width:0;display:flex;flex-direction:column;align-items:center;gap:25px;text-align:center}.hsp-login-logo{position:relative;padding:0 8px 12px 0;font-family:Manrope,sans-serif;font-size:clamp(46px,5vw,62px);font-weight:700;letter-spacing:-3px;line-height:1}.logo-orbit{position:absolute;width:76px;height:76px;right:-13px;top:-17px;border:1.5px dashed rgba(255,255,255,.4);border-radius:50%;pointer-events:none}.login-brand-side p{max-width:190px;margin:0;color:#ffffffe0;font-size:16px;line-height:1.5}.login-divider{width:1px;height:305px;background:#ffffff8c}.login-form-side{min-width:0}.login-form-side h1{margin:0 0 17px;font-size:20px;line-height:1.2;font-weight:500}.login-input{display:block;width:100%;height:40px;margin:0 0 28px;border:1px solid rgba(255,255,255,.65);border-radius:0;background:#fffffff5;color:#263746;padding:8px 12px;font-size:18px;box-shadow:0 1px 5px #00203d1f}.login-input::placeholder{color:#c7c7c7;opacity:1}.login-input:focus{outline:2px solid rgba(255,255,255,.7);outline-offset:2px}.password-wrap{position:relative}.password-wrap .login-input{padding-right:40px}.show-password{position:absolute;top:2px;right:3px;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:#8c989f;opacity:0;transition:opacity .2s}.password-wrap:hover .show-password,.show-password:focus-visible{opacity:1}.show-password svg{width:19px}.login-form-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:-8px;gap:10px}.forgot-password{border:0;background:transparent;color:#ffffffd9;padding:5px 0;font-size:13px;font-style:italic}.forgot-password:hover{text-decoration:underline;text-underline-offset:4px}.go-button{display:inline-flex;align-items:center;gap:1px;border:0;background:transparent;color:#fff;padding:2px 0 2px 8px;font-size:20px;font-weight:600}.go-button svg{width:32px;height:32px;stroke-width:2.7;transition:transform .2s}.go-button:hover svg{transform:translate(4px)}.login-message{min-height:34px;margin:18px 0 0;color:#ffffffe6;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.login-sso-copy{margin:0 0 24px;color:#ffffffc7;font-size:14px;line-height:1.6}.sso-login-button{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid rgba(255,255,255,.7);border-radius:4px;background:#fff;color:var(--green-dark);padding:11px 14px;font-size:14px;font-weight:600;box-shadow:0 4px 14px #04372426}.sso-login-button:hover{background:#edf6f0}.sso-login-button:disabled{opacity:.7;cursor:wait}.sso-login-button svg{width:22px;height:22px}.login-provider{display:block;color:#ffffff8c;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:25px;color:#fff;text-align:center}.auth-loading p{margin:0;color:#fffc;font-size:14px}.auth-spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.app{min-height:100vh;padding:14px 18px 24px}.shell{max-width:1600px;min-height:calc(100vh - 38px);margin:0 auto;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:var(--surface);box-shadow:0 10px 40px #1f34270d}.topbar{position:relative;z-index:20;display:grid;grid-template-columns:240px 1fr auto;align-items:center;padding:14px 22px 12px;gap:16px;border-bottom:1px solid #f0f2ef}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;text-align:left;font-weight:700;font-size:20px;letter-spacing:-.03em}.logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(180deg,#26936d,#106b4b);color:#fff;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff59}.brand-sub{display:block;margin-top:-2px;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.02em}.nav{justify-self:center;display:flex;align-items:center;gap:4px;background:var(--nav);border-radius:12px;padding:4px}.nav-item{border:0;background:transparent;color:var(--muted-2);display:flex;align-items:center;gap:7px;padding:8px 15px;border-radius:9px;font-size:13px;font-weight:500}.nav-item.active{background:#fff;color:var(--green-dark);box-shadow:var(--shadow),0 0 0 1px #00000006}.nav-item svg{width:15px;height:15px}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:36px;height:36px;border:0;background:transparent;color:#6b7280;border-radius:50%;display:grid;place-items:center}.icon-btn:hover{background:var(--nav)}.notification-button{position:relative}.notification-button>span{position:absolute;top:7px;right:7px;width:5px;height:5px;border:1px solid #fff;border-radius:50%;background:var(--green)}.avatar{width:34px;height:34px;border:2px solid #fff;border-radius:50%;background:url(https://i.pravatar.cc/64?img=12) center/cover;box-shadow:0 0 0 1px #e5e9e4}.popover-anchor{position:relative}.header-popover{position:absolute;z-index:50;top:calc(100% + 12px);right:0;min-width:220px;padding:15px;border:1px solid #e8ece7;border-radius:15px;background:#fff;box-shadow:0 15px 40px #1d2d2421}.notification-popover{width:280px}.notification-popover strong,.profile-popover strong{font-size:13px}.notification-popover p{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);color:#717871;font-size:12px;line-height:1.45}.profile-popover{display:flex;flex-direction:column;gap:4px}.profile-popover>span{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.profile-popover>.profile-error{color:var(--debit-fg);line-height:1.45}.profile-popover button{margin-top:9px;border:0;border-radius:8px;background:#edf5f0;color:var(--green);padding:8px;text-align:left;font-size:12px}.page{flex:1;display:flex;flex-direction:column;gap:16px;padding:18px 22px 20px;background:#f7f8f6}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-head h1{margin:0;font-family:Manrope,sans-serif;font-size:28px;font-weight:650;letter-spacing:-.8px}.page-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.head-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:550}.btn svg{width:15px;height:15px}.btn-ghost{background:#fff;border-color:#e1e6e0;color:#374151}.btn-primary{background:var(--green-dark);color:#fff}.btn-primary:hover{background:#084d36}.date-range,.more-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e1e6e0;background:#fff;border-radius:10px;padding:9px 12px;color:#465049;font-size:12px}.more-btn{padding:9px 10px;color:#6b7280}.reference-dashboard{gap:20px;background:#f4f5f3}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 2px 2px}.welcome-row h1{margin:0;font-family:Manrope,sans-serif;font-size:clamp(26px,2.6vw,35px);line-height:1.2;font-weight:600;letter-spacing:-1.4px}.welcome-row h1 span{color:#8b908a;font-weight:400}.welcome-actions{display:flex;align-items:center;gap:11px}.welcome-actions .date-range{height:39px;font-size:11px}.welcome-actions .date-range svg:last-child{width:11px;transform:rotate(90deg)}.create-statement-button{height:39px}.dashboard-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(370px,1.72fr) minmax(245px,1.08fr);gap:18px;align-items:stretch}.card{min-width:0;border:1px solid rgba(235,238,233,.85);border-radius:23px;background:#fff;box-shadow:0 5px 16px #26342b06}.goal-card,.engagement-card{min-height:338px}.goal-card{display:flex;flex-direction:column;padding:18px 17px 14px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-heading h2,.engagement-title h2,.credit-title h2{margin:0;color:#292d2a;font-size:12px;line-height:1.4;font-weight:600}.card-heading p,.credit-title p{margin:3px 0 0;color:#92968f;font-size:10px;line-height:1.4}.small-icon-button{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#7e847e}.small-icon-button:hover{background:#f1f4f0;color:var(--green)}.small-icon-button svg{width:17px;height:17px}.credit-card{position:relative;overflow:hidden;min-height:158px;margin-top:18px;padding:15px 17px 13px;border-radius:20px;background:radial-gradient(circle at 88% 2%,rgba(82,174,130,.35),transparent 43%),linear-gradient(135deg,#0a865e,#056442 75%);color:#fff;box-shadow:0 12px 25px #066b4829}.credit-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background:repeating-linear-gradient(135deg,transparent 0 5px,#fff 5px 6px);pointer-events:none}.card-brand-row{position:relative;display:flex;align-items:center;justify-content:space-between}.card-brand-row strong{font-size:14px;font-weight:600;letter-spacing:-.4px}.card-brand-row svg{width:19px;height:19px;opacity:.75}.card-type{position:relative;display:block;margin-top:10px;color:#ffffffa6;font-size:9px}.card-balance{position:relative;margin-top:3px;font-family:Manrope,sans-serif;font-size:38px;line-height:1.2;font-weight:600;letter-spacing:-1.4px}.card-bottom{position:absolute;right:17px;bottom:13px;left:17px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fffc;font-size:8px}.weekly-revenue{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:18px 2px 0}.weekly-revenue>div>span{display:block;margin-bottom:4px;color:#8c918c;font-size:9px}.weekly-revenue strong{display:block;font-family:Manrope,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.5px;white-space:nowrap}.gain-pill,.failed-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;padding:5px 8px;color:#fff;font-size:8px;font-weight:600;white-space:nowrap}.gain-pill{background:#18a975}.failed-pill{background:#d9727b}.engagement-card{padding:20px 20px 14px}.engagement-heading{display:flex;align-items:center;gap:10px}.engagement-title{display:flex;align-items:center;gap:8px;margin-right:auto}.engagement-title>svg{width:18px;height:18px;color:#646c66}.period-switch{display:flex;align-items:center;gap:2px}.period-switch button{border:0;border-radius:20px;background:transparent;padding:8px 12px;color:#92968f;font-size:9px}.period-switch button.active{background:#16855e;color:#fff;box-shadow:0 4px 10px #16855e26}.engagement-chart{height:260px;display:flex;gap:11px;margin-top:15px}.chart-y-axis{width:15px;display:flex;flex-direction:column;justify-content:space-between;padding:6px 0 30px;color:#8e938e;font-size:9px}.chart-main{position:relative;flex:1;min-width:0}.chart-grid-lines{position:absolute;top:6px;right:0;bottom:30px;left:0;background:repeating-linear-gradient(to bottom,#e7ebe6 0 1px,transparent 1px 25%)}.chart-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:space-around;gap:7px}.bar-column{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border:0;background:transparent;padding:25px 0 30px}.chart-bar{position:relative;display:block;width:min(43px,72%);min-height:10px;border-radius:25px 25px 18px 18px;background-color:#a8c9b9;background-image:repeating-linear-gradient(135deg,#ffffff21 0,#ffffff21 4px,#40826514 4px,#40826514 6px);transition:height .35s ease,background .2s}.bar-column:hover .chart-bar{background-color:#76ae94}.bar-column.selected .chart-bar{background-color:#098256;background-image:repeating-linear-gradient(135deg,#ffffff12 0,#ffffff12 4px,#00462b17 4px,#00462b17 6px);box-shadow:0 8px 17px #08825621}.chart-bar i{position:absolute;top:-7px;left:50%;width:12px;height:12px;transform:translate(-50%);border:3px solid #fff;border-radius:50%;background:#168a61;box-shadow:0 0 0 1px #168a61}.chart-tooltip{position:absolute;top:0;left:50%;transform:translate(-50%);min-height:18px;border-radius:12px;background:#13875e;color:#fff;padding:4px 7px;font-size:7px;font-weight:600;white-space:nowrap;opacity:0}.bar-column.selected .chart-tooltip{opacity:1}.chart-month{position:absolute;bottom:7px;color:#858b85;font-size:8px;white-space:nowrap}.right-stack{grid-column:3;grid-row:1 / span 2;display:grid;grid-template-rows:auto auto 1fr;gap:18px}.balance-card{overflow:hidden;padding:18px 17px 14px}.total-balance{margin-top:16px;text-align:center}.total-balance>span{display:block;color:#92968f;font-size:9px}.total-balance strong{display:block;margin-top:2px;font-family:Manrope,sans-serif;font-size:31px;font-weight:600;letter-spacing:-1px}.total-balance strong span{color:#91968f;font-size:20px;font-weight:400}.balance-chart{height:100px;margin:2px -17px 0}.balance-chart svg{width:100%;height:100%;overflow:visible}.balance-area{fill:url(#balanceFill)}.balance-line{fill:none;stroke:#4f9e80;stroke-width:1.4;vector-effect:non-scaling-stroke}.transfer-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:5px}.send-button,.receive-button{min-height:33px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:18px;padding:7px 12px;font-size:8px;white-space:nowrap}.send-button{border:1px solid #0b7c55;background:#0b7c55;color:#fff}.send-button svg{width:12px;height:12px}.receive-button{border:1px solid #edf0eb;background:#fafbf9;color:#7f8881}.credit-summary{padding:17px}.credit-title{display:flex;align-items:center;gap:10px}.credit-title>svg{width:19px;height:19px;color:#656d66}.credit-amount{display:flex;align-items:center;gap:12px;margin-top:17px}.credit-amount strong{color:#bd5963;font-family:Manrope,sans-serif;font-size:30px;line-height:1;font-weight:600;letter-spacing:-1px}.mandatory-card{padding:15px 17px}.channel-list{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:15px}.channel-list>div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;color:#8a928b;font-size:9px}.channel-list strong{color:#4b544d;font-size:8px;font-weight:500}.channel-logo{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-family:Arial,sans-serif;font-size:15px;font-weight:700}.channel-logo.stanbic{background:#e5eef8;color:#316a9f}.channel-logo.centenary{background:#f0e8f6;color:#76508f}.channel-logo.kcb{background:#e5f2eb;color:#337551}.channel-logo.pearl{background:#fff0df;color:#a86b25}.channel-logo.dfcu{background:#fde7e8;color:#b44c55}.history-card{grid-column:1 / 3;padding:17px 18px 10px}.history-table-wrap{overflow-x:auto}.history-table{width:100%;min-width:630px;margin-top:11px;border-collapse:collapse;table-layout:fixed}.history-table th{padding:7px 5px;color:#93988f;text-align:left;font-size:9px;font-weight:400}.history-table td{padding:10px 5px;color:#505650;font-size:10px;white-space:nowrap}.history-table th:first-child,.history-table td:first-child{width:34%}.history-table th:nth-child(2),.history-table td:nth-child(2){width:17%}.history-table th:nth-child(3),.history-table td:nth-child(3){width:13%}.history-table th:nth-child(4),.history-table td:nth-child(4){width:14%}.history-table th:last-child,.history-table td:last-child{text-align:right;padding-right:6px}.merchant{display:flex;align-items:center;gap:10px;min-width:0}.merchant-logo{flex:0 0 auto;width:29px;height:29px;display:grid;place-items:center;border-radius:50%}.hsp-transaction-icon{background:#e8f3ed;color:var(--green)}.hsp-transaction-icon svg{width:14px;height:14px}.merchant>div{min-width:0}.merchant strong{display:block;color:#353a35;font-size:10px;font-weight:500}.merchant div>span{display:block;max-width:220px;margin-top:2px;overflow:hidden;color:#a0a59e;font-size:7px;text-overflow:ellipsis}.history-table .badge{padding:3px 7px;font-size:9px}.dashboard-panel{min-width:0;border:1px solid #e8ece7;border-radius:19px;background:#fff;padding:19px 20px;box-shadow:0 4px 15px #1e302406}.metric-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#eaf4ef;color:var(--green)}.metric-icon svg{width:18px;height:18px}.statement-request-error{margin-bottom:14px;padding:12px 14px;border:1px solid #efc2c2;border-radius:8px;background:#fff5f5;color:#a12626;font-size:13px}.toolbar{display:flex;align-items:center;gap:12px}.tabs{display:flex;align-items:center;gap:2px;background:#eef1ed;padding:3px;border-radius:10px}.tab{border:0;background:transparent;color:#6b7280;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500}.tab.active{background:#fff;color:var(--green-dark);box-shadow:var(--shadow)}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.search{min-width:210px;display:flex;align-items:center;gap:8px;border:1px solid #e1e6e0;border-radius:10px;background:#fff;padding:8px 12px;color:#9ca3af}.search input{width:100%;border:0;outline:none;background:transparent;color:var(--text);font-size:13px}.table-wrap{overflow:auto;border:1px solid var(--line-2);border-radius:12px;background:#fff}.statements-table{width:100%;min-width:1280px;border-collapse:collapse}.statements-table th,.statements-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;white-space:nowrap}.statements-table th{position:sticky;top:0;z-index:1;background:#fff;color:#9aa0aa;font-weight:500}.statements-table th button{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:inherit;padding:0;font-weight:500}.statements-table tbody tr:hover{background:#fafcfa}.statements-table tbody tr:last-child td{border-bottom:0}.statements-table .statement-table-state td{padding:44px 20px;color:var(--text-muted);text-align:center}.statements-table tbody .statement-table-state:hover{background:#fff}.btn:disabled{cursor:wait;opacity:.65}.cell-id{color:#253129;font-weight:500}.remark{max-width:280px;overflow:hidden;text-overflow:ellipsis}.amount{font-variant-numeric:tabular-nums;font-weight:500}.amount.debit{color:var(--debit-fg)}.amount.credit{color:var(--credit-fg)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:550}.badge.D{background:var(--debit-bg);color:var(--debit-fg)}.badge.C{background:var(--credit-bg);color:var(--credit-fg)}.check{width:16px;height:16px;accent-color:var(--green)}.footer{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 0;color:#929a93;font-size:13px}.page-size{border:0;background:transparent;color:inherit}.pager{display:flex;align-items:center;gap:6px}.pager button{min-width:32px;height:32px;border:1px solid transparent;border-radius:8px;background:transparent;color:#6b7280}.pager button.active{border-color:#dfe5de;background:#fff;color:var(--green-dark);box-shadow:var(--shadow)}.pager button:disabled{opacity:.4;cursor:default}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-card{display:flex;flex-direction:column;align-items:flex-start;min-height:220px}.account-card h2{margin:20px 0 4px;font-size:16px}.account-card p{margin:0;color:var(--muted);font-size:12px}.account-card>strong{margin-top:auto;font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-.8px}.account-card>span:last-child{margin-top:5px;color:var(--muted);font-size:11px}@media(max-width:1100px){.topbar{grid-template-columns:1fr auto}.nav{grid-column:1 / -1;grid-row:2;justify-self:start}.dashboard-grid{grid-template-columns:minmax(220px,.85fr) minmax(370px,1.4fr)}.right-stack{grid-column:1 / -1;grid-row:auto;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:auto}.history-card{grid-column:1 / -1;grid-row:2}.balance-chart{height:78px}.toolbar{flex-wrap:wrap}.toolbar-right{width:100%;margin-left:0}.search{flex:1}}@media(max-width:760px){.login-page{padding:45px 25px}.login-panel{width:min(360px,100%);grid-template-columns:1fr;gap:26px}.login-divider{width:100%;height:1px}.login-brand-side{gap:16px}.login-form-side h1{text-align:center}.app{padding:0}.shell{min-height:100vh;border:0;border-radius:0}.topbar{padding:12px 15px}.brand-sub{max-width:145px}.nav{width:100%}.nav-item{flex:1;justify-content:center;padding:8px 9px}.page{padding:17px 14px}.page-head{align-items:flex-start}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-actions{width:100%}.welcome-actions .date-range{flex:1}.dashboard-grid{grid-template-columns:1fr}.goal-card,.engagement-card,.history-card,.right-stack{grid-column:1;grid-row:auto}.right-stack{grid-template-columns:1fr}.history-card{order:4}.engagement-heading{flex-wrap:wrap}.engagement-title{width:calc(100% - 40px)}.period-switch{order:3;margin:3px auto 0}.dashboard-panel{padding:16px 13px}.toolbar-right{flex-wrap:wrap}.search{width:100%;flex:auto}.footer{align-items:flex-start;flex-direction:column;gap:12px}.pager{align-self:flex-end}.account-grid{grid-template-columns:1fr}}@media(max-width:480px){.page-head:not(.dashboard-page-head){flex-direction:column}.head-actions{width:100%;flex-wrap:wrap}.head-actions .btn{flex:1;justify-content:center}.nav-item{gap:5px;font-size:11px}.nav-item svg{width:13px}.brand{font-size:18px}.brand-sub{font-size:8px}.welcome-actions{align-items:stretch;flex-direction:column}.create-statement-button{justify-content:center}.chart-tooltip{display:none}.chart-bars{gap:2px}.chart-bar{width:min(36px,80%)}.transfer-actions{flex-wrap:wrap}}