:root{color:#19324d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#19324d;--muted:#71849a;--primary:#3d72a5;--primary-dark:#2d5b89;--sky:#7ea3c4;--cloud:#d9dfeb;--gold:#e2ad51;--sun:#fed57d;--blush:#e4c1c1;--white:#fff;background:#f5f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}#root{min-height:100vh}.app-shell{background:#f5f8fc;min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e7edf5;flex-direction:column;flex:0 0 248px;width:248px;min-height:100vh;padding:25px 16px 18px;display:flex}.brand-block{align-items:center;gap:11px;padding:0 9px 30px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#3d72a5,#7ea3c4);border-radius:13px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 7px 15px #3d72a52b}.brand-block strong,.profile strong{color:var(--ink);letter-spacing:-.2px;font-size:15px;display:block}.brand-block span,.profile span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.main-nav{gap:6px;display:grid}.nav-item,.settings-link{color:#6f8194;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;min-height:45px;padding:0 13px;font-size:13px;font-weight:650;transition:all .2s;display:flex}.nav-item:hover,.settings-link:hover{color:var(--primary);background:#f4f7fb}.nav-item span{flex:1}.nav-item small{min-width:22px;color:var(--primary);text-align:center;background:#edf3fa;border-radius:20px;padding:2px 6px;font-size:10px}.nav-active{color:var(--primary);box-shadow:inset 3px 0 0 var(--primary);background:#eaf1f8}.sidebar-bottom{gap:16px;margin-top:auto;display:grid}.sidebar-tip{color:#5e7288;background:#fbf7ed;border:1px solid #f5e5be;border-radius:15px;gap:10px;padding:13px 11px;display:flex}.sidebar-tip strong{color:#71582d;font-size:11px;display:block}.sidebar-tip span{margin-top:4px;font-size:10px;line-height:1.35;display:block}.sparkle-dot{color:#966b1c;background:var(--sun);border-radius:8px;flex:0 0 23px;place-items:center;width:23px;height:23px;font-size:13px;display:grid}.settings-link{width:100%}.profile{border-top:1px solid #edf1f6;align-items:center;gap:9px;padding:13px 8px 0;display:flex}.profile>div:nth-child(2){flex:1}.avatar{color:#fff;background:#d49a9d;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.main-content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:center;height:72px;padding:0 42px;display:flex}.breadcrumb{color:#9aa9ba;align-items:center;gap:9px;font-size:12px;display:flex}.breadcrumb strong{color:var(--ink);font-weight:700}.page-content{max-width:1220px;margin:0 auto;padding:37px 42px 80px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.eyebrow{color:var(--sky);letter-spacing:1.4px;font-size:10px;font-weight:800}h1,h2,h3,p{margin:0}h1{color:var(--ink);letter-spacing:-1.1px;margin-top:6px;font-size:clamp(25px,3vw,33px);line-height:1.14}.page-heading p{color:var(--muted);margin-top:8px;font-size:13px}.period-picker{background:#fff;border:1px solid #dce5ef;border-radius:14px;min-width:177px;padding:11px 35px 11px 14px;position:relative;box-shadow:0 5px 14px #3d72a50d}.period-picker span{color:var(--muted);letter-spacing:1px;font-size:9px;font-weight:800;display:block}.period-picker select{appearance:none;width:100%;color:var(--ink);background:0 0;border:0;outline:0;margin-top:3px;font-size:13px;font-weight:750}.period-picker>svg{pointer-events:none;color:var(--primary);position:absolute;bottom:13px;right:13px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px;display:grid}.stat-card{background:#fff;border:1px solid #e5ebf3;border-radius:18px;min-height:133px;padding:17px 18px;box-shadow:0 8px 24px #3d72a50a}.stat-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:650;display:flex}.stat-icon{border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.stat-card>strong{color:var(--ink);letter-spacing:-.6px;margin-top:16px;font-size:19px;display:block}.stat-card>small{color:#9aa9ba;margin-top:7px;font-size:10px;display:block}.stat-blue{border-top:3px solid var(--primary)}.stat-blue .stat-icon{color:var(--primary);background:#eaf2f9}.stat-gold{border-top:3px solid var(--gold)}.stat-gold .stat-icon{color:#9b6f20;background:#fff5db}.stat-pink{border-top:3px solid #cf969b}.stat-pink .stat-icon{color:#ad7077;background:#fbefef}.stat-slate{border-top:3px solid var(--sky)}.stat-slate .stat-icon{color:var(--primary);background:#edf3f8}.refund-icon{font-size:23px;line-height:1}.reconcile-banner{text-align:left;border:1px solid #f1d18a;border-radius:16px;align-items:center;gap:13px;width:100%;min-height:67px;margin-bottom:34px;padding:12px 17px;transition:all .2s;display:flex}.reconcile-banner:hover{transform:translateY(-1px);box-shadow:0 8px 18px #e2ad5124}.has-alert{color:#765a25;background:linear-gradient(90deg,#fff7df,#fffdf7)}.all-good{color:#27674b;background:#f0fbf5;border-color:#c6e8d3}.banner-icon{background:var(--sun);border-radius:11px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.all-good .banner-icon{color:#2c8158;background:#ccebd8}.reconcile-banner div:nth-child(2){flex:1}.reconcile-banner strong{font-size:13px;display:block}.reconcile-banner span{opacity:.8;margin-top:3px;font-size:11px;display:block}.banner-count{color:var(--primary);align-items:center;gap:7px;font-size:17px;font-weight:800;display:flex}.section-block{margin-bottom:37px}.section-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:15px;display:flex}.section-header h2,.results-heading h2{color:var(--ink);letter-spacing:-.4px;font-size:19px}.section-header p{color:var(--muted);margin-top:4px;font-size:11px}.text-button,.link-button{color:var(--primary);background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:11px;font-weight:750;display:inline-flex}.text-button:hover,.link-button:hover{color:var(--primary-dark)}.account-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.account-card{background:linear-gradient(155deg,#fff 40%,#f8fbfe);border:1px solid #e0e8f1;border-radius:17px;min-height:164px;padding:17px;transition:all .2s}.account-card:hover{border-color:#b8ccdf;transform:translateY(-2px);box-shadow:0 10px 22px #3d72a514}.account-card-top{justify-content:space-between;align-items:center;display:flex}.account-symbol{width:31px;height:31px;color:var(--primary);background:#e8f0f7;border-radius:10px;place-items:center;display:grid}.more-dots{color:#aab8c6;letter-spacing:2px;font-size:15px}.account-name{color:#60758b;min-height:34px;margin-top:15px;font-size:11px;font-weight:700}.account-card>strong{color:var(--ink);letter-spacing:-.5px;font-size:19px;display:block}.account-meta{color:#9aa9ba;align-items:center;gap:8px;margin-top:10px;font-size:10px;display:flex}.account-line{background:#e3ebf3;flex:1;height:1px}.purpose-list{gap:10px;display:grid}.purpose-card{background:#fff;border:1px solid #e1e9f1;border-radius:16px;overflow:hidden;box-shadow:0 5px 16px #3d72a507}.purpose-summary{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:76px;padding:13px 17px;display:flex}.purpose-summary:hover{background:#fbfcfe}.purpose-leading{align-items:center;gap:12px;display:flex}.purpose-icon{color:#6a91b5;background:#edf4fa;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.purpose-leading strong,.purpose-total strong{color:var(--ink);font-size:13px;display:block}.purpose-leading span,.purpose-total span{color:#94a4b4;align-items:center;gap:3px;margin-top:3px;font-size:10px;display:flex}.purpose-total{text-align:right}.purpose-total strong{color:var(--primary);font-size:15px}.purpose-card .purpose-summary .purpose-total svg{transition:all .2s}.purpose-open .purpose-summary .purpose-total svg{transform:rotate(180deg)}.purpose-detail{border-top:1px solid #edf1f6;padding:0 17px 15px}.purpose-detail-top{justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.purpose-detail-top strong{color:var(--ink);font-size:12px;display:block}.purpose-detail-top span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.category-rows{gap:14px;padding:5px 0;display:grid}.category-row-head{justify-content:space-between;gap:14px;display:flex}.category-row-head>div:last-child{text-align:right}.category-row-head strong{color:var(--ink);font-size:12px;display:block}.category-row-head>div:last-child strong{color:var(--primary)}.category-row-head span{color:#9aa9ba;margin-top:3px;font-size:10px;display:block}.progress-track{background:#eef1f6;border-radius:9px;height:7px;margin-top:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#7ea3c4,#3d72a5);height:100%;display:block}.mini-detail-list{gap:8px;padding:3px 0 10px;display:grid}.mini-detail-list>div{color:#697d92;background:#f7f9fc;border-radius:9px;justify-content:space-between;gap:15px;padding:9px 11px;font-size:11px;display:flex}.mini-detail-list strong{color:var(--ink)}.mini-detail-list>p{color:var(--muted);padding:9px 0;font-size:11px}.purpose-footer{color:#8395a7;border-top:1px dashed #dbe5ef;align-items:center;gap:15px;margin-top:7px;padding-top:13px;font-size:10px;display:flex}.purpose-footer .link-button{margin-left:auto}.button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 15px;font-size:11px;font-weight:750;transition:all .2s;display:inline-flex}.button-primary{color:#fff;background:var(--primary);box-shadow:0 7px 15px #3d72a52b}.button-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.button-secondary{color:var(--primary);background:#eaf2f9}.button-secondary:hover{background:#dceaf5}.button-quiet{color:var(--primary);background:#edf4fa}.button-quiet:hover{background:#dfeaf4}.button-ghost{color:#72859a;background:#f2f5f8}.button-small{min-height:37px}.icon-button{color:#7e91a5;background:#f6f8fb;border:1px solid #e8edf3;border-radius:10px;flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0;display:inline-grid}.icon-button:hover{color:var(--primary);background:#edf3f9}.danger-icon:hover{color:#bf6e75;background:#fff0f0}.mobile-menu,.mobile-close{display:none}.soft-callout{background:#f0f6fb;border:1px solid #d6e4f0;border-radius:14px;align-items:center;gap:11px;margin-bottom:16px;padding:14px 16px;display:flex}.callout-icon{width:31px;height:31px;color:var(--primary);background:#dcebf6;border-radius:10px;place-items:center;display:grid}.soft-callout strong{color:var(--ink);font-size:12px;display:block}.soft-callout span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.filter-panel{background:#fff;border:1px solid #e0e8f1;border-radius:18px;padding:16px;box-shadow:0 7px 21px #3d72a50a}.search-wrap{color:#8da1b4;background:#f8fafc;border:1px solid #e4ebf2;border-radius:12px;align-items:center;gap:11px;height:46px;padding:0 14px;display:flex}.search-wrap input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-wrap input::placeholder{color:#a9b6c3}.calendar-filter{background:#fafcff;border:1px solid #e6edf4;border-radius:14px;margin-top:18px;padding:15px}.filter-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-heading>div>span{color:#9aa9ba;margin-top:4px;font-size:10px;display:block}.filter-title{color:var(--ink);align-items:center;gap:7px;font-size:12px;font-weight:750;display:flex}.calendar{background:#fff;border:1px solid #e5ebf2;border-radius:12px;margin-top:14px;padding:12px 10px}.calendar-top{color:var(--primary);justify-content:space-between;align-items:center;padding:0 2px 12px;font-size:13px;display:flex}.calendar-top>div{gap:5px;display:flex}.calendar-top .icon-button{width:27px;min-width:27px;height:27px}.weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.weekdays{color:#9aa9ba;text-align:center;margin-bottom:4px;font-size:9px;font-weight:750}.calendar-day{color:#536a80;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;min-height:35px;padding:0;font-size:11px;display:grid;position:relative}.calendar-day:not(:disabled):hover{color:var(--primary);background:#eef4fa}.day-selected{border-color:var(--primary);font-weight:750;color:#fff!important;background:var(--primary)!important}.day-empty{pointer-events:none}.calendar-day i{background:var(--gold);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.time-filter{align-items:center;gap:9px;margin-top:13px;display:flex}.time-filter>svg{color:var(--primary)}.time-filter select{min-width:145px;color:var(--ink);background:#fff;border:1px solid #dce6ef;border-radius:9px;outline:0;padding:9px 11px;font-size:11px}.time-filter span{color:#9aa9ba;font-size:10px}.results-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin:32px 0 13px;display:flex}.results-heading h2{margin-top:5px}.filter-chip{color:#71859a;background:#fff;border:1px solid #dce6ef;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;font-weight:750;display:inline-flex}.filter-chip-active{color:#956e21;background:#fff7df;border-color:#efd28f}.transaction-list{gap:11px;display:grid}.transaction-card{background:#fff;border:1px solid #e0e8f1;border-radius:16px;overflow:hidden;box-shadow:0 5px 14px #3d72a508}.transaction-main{text-align:left;background:#fff;border:0;justify-content:space-between;gap:24px;width:100%;padding:17px 18px;display:flex}.transaction-main:hover{background:#fcfdff}.tx-left{min-width:0}.tx-type{align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.tx-type.shopee{color:#c27f49}.tx-type.regular{color:var(--primary)}.tx-left h3{max-width:470px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:15px;overflow:hidden}.tx-badges{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.badge{border-radius:20px;align-items:center;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.badge-success{color:#2d8059;background:#e8f7ee}.badge-warning{color:#9a6c18;background:#fff2cf}.badge-danger{color:#b05d65;background:#fbecee}.tx-right{color:#899bad;flex-direction:column;align-items:flex-end;gap:4px;min-width:145px;font-size:10px;display:flex}.tx-right>strong{color:var(--primary);letter-spacing:-.5px;font-size:18px}.edit-action{color:var(--primary);background:#edf4fa;border-radius:8px;align-items:center;gap:5px;margin-top:7px;padding:7px 9px;font-size:10px;font-weight:750;display:inline-flex}.transaction-footer{color:var(--primary);background:#f7faff;border-top:1px solid #e6edf5;justify-content:space-between;align-items:center;padding:11px 18px;font-size:10px;display:flex}.transaction-footer svg{transition:all .2s}.transaction-open .transaction-footer svg{transform:rotate(180deg)}.transaction-expanded{border-top:1px solid #e7edf4;padding:16px 18px}.expanded-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.expanded-head strong{color:var(--ink);font-size:12px;display:block}.expanded-head span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.detail-table{border:1px solid #e7edf3;border-radius:10px;overflow:hidden}.detail-row{background:#fbfcfe;border-bottom:1px solid #edf1f5;justify-content:space-between;gap:16px;padding:11px 12px;display:flex}.detail-row:last-child{border-bottom:0}.detail-row>div:last-child{text-align:right}.detail-row strong,.detail-row span{display:block}.detail-row strong{color:var(--ink);font-size:11px}.detail-row span{color:#8b9cac;margin-top:3px;font-size:10px}.detail-row>div:last-child strong{color:var(--primary)}.expanded-summary{color:#8b9cac;flex-wrap:wrap;gap:13px 24px;padding-top:13px;font-size:10px;display:flex}.expanded-summary strong{color:var(--ink);margin-left:4px}.empty-state{color:#95a6b7;text-align:center;background:#fff;border:1px dashed #d6e2ed;border-radius:16px;place-items:center;gap:7px;min-height:190px;padding:30px;display:grid}.empty-state svg{color:var(--sky)}.empty-state strong{color:var(--ink);font-size:13px}.empty-state span{font-size:11px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#19324d66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e2eaf2;border-radius:22px;flex-direction:column;width:min(720px,100%);max-height:min(850px,100vh - 40px);display:flex;overflow:hidden;box-shadow:0 25px 70px #19324d3b}.modal-header{justify-content:space-between;gap:20px;padding:25px 27px 18px;display:flex}.modal-header h2{color:var(--ink);letter-spacing:-.8px;margin-top:5px;font-size:24px}.modal-header p{color:var(--muted);margin-top:6px;font-size:11px}.type-switch{grid-template-columns:1fr 1fr;gap:6px;padding:0 27px 17px;display:grid}.type-switch button{color:#8b9cad;background:#f7f9fc;border:1px solid #edf1f5;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:39px;font-size:11px;font-weight:750;display:flex}.type-switch .type-active{color:var(--primary);background:#eaf2f9;border-color:#c7dced}.modal-scroll{padding:0 27px 19px;overflow:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.field{color:#60758a;flex-direction:column;gap:6px;min-width:0;font-size:10px;font-weight:750;display:flex}.field-wide{grid-column:1/-1}.field input,.field select,.field textarea,.add-setting input,.settings-row input{width:100%;min-height:39px;color:var(--ink);background:#fbfcfe;border:1px solid #dfe8f0;border-radius:9px;outline:0;padding:0 11px;font-size:11px}.field textarea{resize:vertical;min-height:68px;padding-top:10px;padding-bottom:10px}.field input:focus,.field select:focus,.field textarea:focus,.add-setting input:focus,.settings-row input:focus{border-color:var(--sky);box-shadow:0 0 0 3px #7ea3c41f}.money-input{background:#fbfcfe;border:1px solid #dfe8f0;border-radius:9px;align-items:center;min-height:39px;display:flex;overflow:hidden}.money-input:focus-within{border-color:var(--sky);box-shadow:0 0 0 3px #7ea3c41f}.money-input span{color:#8496a8;padding-left:11px;font-size:10px}.money-input input{min-height:37px;box-shadow:none;background:0 0;border:0;padding-left:6px}.field-help{color:#9aa9ba;font-size:9px;font-weight:500;line-height:1.3}.form-section{border-top:1px solid #edf1f5;margin-top:23px;padding-top:23px}.form-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.form-section-heading h3{color:var(--ink);font-size:14px}.form-section-heading p{color:var(--muted);margin-top:4px;font-size:10px}.detail-form-list{gap:10px;display:grid}.detail-form-card{background:#f8fbfd;border:1px solid #e2ebf2;border-radius:13px;padding:13px;scroll-margin:18px}.detail-card-head{color:var(--primary);justify-content:space-between;align-items:center;margin-bottom:11px;font-size:11px;display:flex}.checkbox-line{color:#6f5a2f;background:#fffaf0;border:1px solid #f5e3b6;border-radius:10px;align-items:flex-start;gap:9px;margin-top:14px;padding:13px;display:flex}.checkbox-line input{accent-color:var(--primary);margin:2px 0 0}.checkbox-line strong,.checkbox-line small{display:block}.checkbox-line strong{font-size:11px}.checkbox-line small{color:#a48b58;margin-top:3px;font-size:9px}.form-error{color:#a75760;background:#fff0f1;border:1px solid #f1d1d4;border-radius:10px;align-items:center;gap:8px;margin-top:15px;padding:11px 12px;font-size:10px;font-weight:650;display:flex}.reconciliation-summary{background:#fff8e8;border:1px solid #f3dc9e;border-radius:13px;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding:14px;display:grid}.summary-match{background:#f0fbf5;border-color:#c8e9d6}.reconciliation-summary div span,.reconciliation-summary div strong{display:block}.reconciliation-summary div span{color:#9a8865;font-size:9px}.summary-match div span{color:#759a84}.reconciliation-summary div strong{color:var(--ink);margin-top:3px;font-size:11px}.summary-status{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:800;display:inline-flex}.status-warning{color:#956b1e;background:#ffedbd}.status-match{color:#2c7f58;background:#d9f1e2}.modal-footer{background:#fcfdfe;border-top:1px solid #edf1f5;justify-content:flex-end;gap:9px;padding:15px 27px;display:flex}.settings-modal{width:min(760px,100%)}.settings-layout{grid-template-columns:190px 1fr;gap:23px;min-height:420px;padding:0 27px 20px;display:grid}.settings-nav{align-content:start;gap:5px;padding-top:5px;display:grid}.settings-nav button{color:#7b8ea1;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:11px;font-size:11px;font-weight:750;display:flex}.settings-nav button:hover{background:#f5f8fb}.settings-nav .settings-active{color:var(--primary);background:#eaf2f9}.settings-editor{border-left:1px solid #edf1f5;min-width:0;padding-left:23px}.editor-title{justify-content:space-between;margin-bottom:14px;display:flex}.editor-title h3{color:var(--ink);font-size:15px}.editor-title span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.add-setting{gap:8px;display:flex}.add-setting input{flex:1}.settings-list{gap:7px;max-height:260px;margin-top:12px;padding:2px 2px 2px 0;display:grid;overflow:auto}.settings-row{background:#fafcfe;border:1px solid #e8eef4;border-radius:10px;align-items:center;gap:8px;padding:5px;display:flex}.setting-row-icon{width:28px;height:28px;color:var(--primary);background:#edf4fa;border-radius:8px;place-items:center;display:grid}.settings-row input{background:0 0;border:0;min-height:30px;padding:0 7px}.settings-row .icon-button{border:0;width:28px;min-width:28px;height:28px}.settings-note{color:#63816f;background:#f0faf4;border:1px solid #d2eddb;border-radius:10px;align-items:flex-start;gap:7px;margin-top:16px;padding:11px;font-size:9px;line-height:1.4;display:flex}.settings-note svg{flex:none;margin-top:1px}@media (width<=1060px){.sidebar{flex-basis:216px;width:216px}.topbar,.page-content{padding-left:27px;padding-right:27px}.account-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.sidebar{z-index:30;flex-basis:260px;width:260px;transition:left .22s;position:fixed;left:-270px;box-shadow:12px 0 35px #19324d2b}.sidebar-open{left:0}.mobile-menu{display:inline-grid}.mobile-close{margin-left:auto;display:inline-grid}.topbar{height:64px;padding:0 16px}.topbar-actions .button{min-width:38px;padding:0 10px;font-size:0}.topbar-actions .button svg{width:18px;height:18px}.page-content{padding:25px 16px 60px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:22px}.period-picker{width:100%}.stat-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{border-radius:15px;min-height:119px;padding:14px}.stat-card>strong{margin-top:12px;font-size:16px}.account-grid{grid-template-columns:1fr 1fr;gap:9px}.account-card{min-height:145px;padding:13px}.account-card>strong{font-size:15px}.account-name{min-height:37px;margin-top:11px;font-size:10px}.section-header{flex-direction:column;align-items:flex-start;gap:5px}.section-header .text-button{padding:2px 0}.purpose-summary{padding:12px}.purpose-detail{padding:0 12px 13px}.purpose-detail-top{flex-direction:column;align-items:flex-start}.purpose-detail-top .button{width:100%}.purpose-footer{flex-wrap:wrap;gap:9px}.purpose-footer .link-button{justify-content:center;width:100%;margin-left:0;padding-top:10px}.transaction-main{gap:11px;padding:14px 13px}.tx-left h3{max-width:205px;font-size:13px}.tx-right{min-width:115px}.tx-right>strong{font-size:15px}.tx-right .edit-action{padding:6px 7px}.transaction-footer{padding:10px 13px}.transaction-expanded{padding:13px}.expanded-head{flex-direction:column;align-items:flex-start}.expanded-head .button{width:100%}.detail-row{flex-direction:column;gap:8px}.detail-row>div:last-child{text-align:left}.expanded-summary{grid-template-columns:1fr 1fr;gap:9px;display:grid}.time-filter{flex-direction:column;align-items:flex-start}.time-filter select{width:100%}.filter-heading{align-items:flex-start}.filter-heading .text-button{padding:0}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:21px 21px 0 0;max-height:94vh}.modal-header{padding:21px 17px 15px}.modal-header h2{font-size:21px}.type-switch{padding:0 17px 13px}.modal-scroll{padding:0 17px 17px}.form-grid{grid-template-columns:1fr;gap:11px}.field-wide{grid-column:auto}.reconciliation-summary{grid-template-columns:1fr 1fr}.summary-status{grid-column:1/-1;justify-content:center}.modal-footer{padding:12px 17px}.modal-footer .button{flex:1}.settings-layout{grid-template-columns:1fr;gap:14px;min-height:auto;padding:0 17px 17px}.settings-nav{padding-bottom:2px;display:flex;overflow:auto}.settings-nav button{flex:none}.settings-editor{border-top:1px solid #edf1f5;border-left:0;padding:15px 0 0}.settings-list{max-height:230px}}@media (width<=410px){.stat-grid{grid-template-columns:1fr 1fr}.stat-card>strong{font-size:14px}.account-grid{grid-template-columns:1fr}.account-card{min-height:132px}.transaction-main{flex-direction:column}.tx-right{align-items:flex-start}.tx-left h3{max-width:100%}.reconcile-banner{align-items:flex-start}.banner-count{margin-left:auto}}.dashboard-tabs{background:#f4f8fb;border:1px solid #dce6ef;border-radius:13px;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 26px;padding:5px;display:grid}.dashboard-tabs button{color:#6d8194;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;font-size:11px;font-weight:750;display:flex}.dashboard-tabs button:hover{color:var(--primary);background:#eaf2f9}.dashboard-tabs .dashboard-tab-active{color:#fff;background:var(--primary);box-shadow:0 5px 12px #3d72a526}.dashboard-tab-panel{margin-bottom:0}.savings-page{min-width:0}.savings-heading{align-items:center}.savings-heading-actions,.savings-detail-actions{align-items:center;gap:9px;display:flex}.button-logout{color:#a6535b;background:#fff0f1}.button-logout:hover{background:#fbe0e2}.savings-total-banner{color:#fff;background:linear-gradient(135deg,#3d72a5,#5b7eae);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px 22px;display:flex;box-shadow:0 10px 23px #3d72a526}.savings-total-banner span,.savings-total-banner small{opacity:.82;font-size:11px;display:block}.savings-total-banner strong{letter-spacing:-.8px;margin-top:5px;font-size:27px;display:block}.savings-total-banner small{margin-top:5px}.savings-lock-mark{white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff39;border-radius:12px;align-items:center;gap:7px;padding:9px 12px;display:flex}.savings-lock-mark span{opacity:1;font-weight:700}.savings-section-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin:0 0 15px;display:flex}.savings-section-heading h2{color:var(--ink);letter-spacing:-.4px;font-size:19px}.savings-section-heading p{color:var(--muted);margin-top:4px;font-size:11px}.savings-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.savings-portfolio-card{min-width:0;color:var(--ink);border:1px solid #dfe8f1;border-top:3px solid var(--primary);text-align:left;background:#fff;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:19px;transition:all .2s;display:grid;box-shadow:0 7px 18px #3d72a508}.savings-portfolio-card:hover{border-color:#abc3d9;transform:translateY(-2px);box-shadow:0 10px 22px #3d72a51a}.savings-card-icon{width:39px;height:39px;color:var(--primary);background:#eaf2f9;border-radius:12px;flex:0 0 39px;place-items:center;display:grid}.savings-card-copy{min-width:0}.savings-card-copy strong,.savings-card-copy span,.savings-card-copy small,.savings-card-amount strong,.savings-card-amount span{display:block}.savings-card-copy strong{overflow-wrap:anywhere;font-size:16px}.savings-card-copy span{overflow-wrap:anywhere;color:var(--muted);margin-top:4px;font-size:10px;line-height:1.35}.savings-card-copy small{color:var(--primary);margin-top:7px;font-size:10px;font-weight:700}.savings-card-amount{text-align:right;white-space:nowrap}.savings-card-amount strong{color:var(--primary);font-size:17px}.savings-card-amount span{color:var(--muted);margin-top:4px;font-size:9px}.savings-portfolio-card>svg{color:var(--primary)}.savings-global-heading{margin-top:32px}.savings-global-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.savings-global-card{background:#f8fbfd;border:1px solid #dfe8f1;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.savings-global-card div strong{color:var(--ink);font-size:12px}.savings-global-card div span{color:var(--muted);margin-top:4px;font-size:10px}.savings-global-card>strong{color:var(--primary);white-space:nowrap;font-size:14px}.savings-identity-summary{background:#fffaf0;border:1px solid #f1dfb8;border-radius:16px;margin-top:28px;padding:18px}.savings-identity-summary h2{color:var(--ink);font-size:16px}.savings-identity-summary p{color:var(--muted);margin-top:4px;font-size:11px}.identity-total-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.identity-total-grid div{background:#fff;border:1px solid #f0e3c8;border-radius:11px;padding:11px 12px}.identity-total-grid span,.identity-total-grid strong{display:block}.identity-total-grid span{color:#7b6b4c;font-size:10px}.identity-total-grid strong{color:var(--ink);margin-top:4px;font-size:14px}.savings-detail-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:15px;margin-bottom:28px;display:grid}.savings-detail-header>.text-button{grid-column:1/-1;justify-self:start}.savings-detail-header h1{margin-top:5px}.savings-detail-header p{color:var(--muted);margin-top:7px;font-size:12px}.savings-detail-actions{flex-wrap:wrap;justify-content:flex-end}.savings-detail-actions>strong{color:var(--primary);white-space:nowrap;font-size:23px}.savings-allocation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.savings-allocation-card{min-width:0;color:var(--ink);border:1px solid #dfe8f1;border-left:3px solid var(--sky);text-align:left;background:#fff;border-radius:15px;padding:16px;transition:all .2s;box-shadow:0 6px 16px #3d72a506}.savings-allocation-card:hover{border-color:#9bc8d2;transform:translateY(-2px)}.allocation-card-top,.allocation-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.allocation-card-top>span{color:var(--primary);background:#edf4fa;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:750}.savings-allocation-card>strong{overflow-wrap:anywhere;margin-top:18px;font-size:15px;display:block}.allocation-balance{color:var(--primary);letter-spacing:-.5px;margin-top:8px;font-size:21px;font-weight:800}.allocation-stats{color:var(--muted);flex-wrap:wrap;gap:9px;margin-top:11px;font-size:10px;display:flex}.allocation-footer{color:var(--muted);border-top:1px solid #e8eef4;margin-top:13px;padding-top:12px;font-size:10px}.allocation-footer svg{color:var(--primary)}.allocation-detail-header{grid-template-columns:minmax(0,1fr) auto}.allocation-detail-header>div:first-child{min-width:0}.savings-flow-summary{background:#f7fafc;border:1px solid #e1eaf2;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:27px;padding:14px;display:grid}.savings-flow-summary div{grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-width:0;display:grid}.savings-flow-summary svg{color:var(--primary);grid-row:span 2}.savings-flow-summary span{color:var(--muted);font-size:10px}.savings-flow-summary strong{color:var(--ink);margin-top:3px;font-size:13px}.savings-transaction-list{gap:8px;display:grid}.savings-transaction-row{background:#fff;border:1px solid #e2eaf1;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 15px;display:grid}.savings-flow-icon{border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.savings-flow-icon.in{color:#2c8158;background:#e7f6ed}.savings-flow-icon.out{color:#a6535b;background:#fbecee}.savings-transaction-copy{min-width:0}.savings-transaction-copy strong,.savings-transaction-copy span{overflow-wrap:anywhere;display:block}.savings-transaction-copy strong{color:var(--ink);font-size:12px}.savings-transaction-copy span{color:var(--muted);margin-top:4px;font-size:10px}.savings-transaction-amount{white-space:nowrap;font-size:13px}.savings-transaction-amount.in{color:#2c8158}.savings-transaction-amount.out{color:#a6535b}.savings-settings-modal{width:min(820px,100%)}.savings-setting-selects{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px;display:grid}.savings-setting-selects select{min-width:0;height:36px;color:var(--ink);background:#fbfcfe;border:1px solid #dfe8f0;border-radius:9px;outline:0;padding:0 9px;font-size:11px}.savings-setting-row-copy{flex:1;min-width:0}.savings-setting-row-copy input{width:100%}.savings-setting-row-copy small{color:var(--muted);padding:0 7px 4px;font-size:9px;display:block}.savings-transaction-modal{width:min(510px,100%)}.savings-form{gap:14px;display:grid}.savings-type-switch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.savings-type-switch button{min-height:42px;color:var(--muted);background:#f7f9fc;border:1px solid #e2e9f0;border-radius:11px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:750;display:flex}.savings-type-switch .active-in{color:#2c8158;background:#e8f7ee;border-color:#bfe3ce}.savings-type-switch .active-out{color:#a6535b;background:#fbecee;border-color:#efc9cd}.savings-pin-modal{width:min(440px,100%)}.savings-pin-form{gap:13px;padding:0 27px 25px;display:grid}.savings-pin-form .field input{letter-spacing:4px;font-size:16px}.pin-actions{justify-content:space-between;align-items:center;gap:10px;padding-top:5px;display:flex}.recovery-reveal{text-align:center;justify-items:center;gap:10px;padding:0 27px 27px;display:grid}.recovery-reveal>svg{color:#2c8158}.recovery-reveal h3{color:var(--ink);font-size:17px}.recovery-reveal p{max-width:320px;color:var(--muted);font-size:11px;line-height:1.45}.recovery-reveal code{color:var(--ink);letter-spacing:1px;background:#f4f7fa;border:1px dashed #b8cadb;border-radius:10px;padding:11px 13px;font-size:14px;font-weight:800;display:block}.owner-pin-form{gap:13px;display:grid}.owner-pin-form .field input{letter-spacing:2px;max-width:300px;font-size:13px}@media (width<=760px){.savings-heading{align-items:flex-start}.savings-heading-actions{width:100%}.savings-heading-actions .button{flex:1;min-width:0;padding:0 8px;font-size:10px}.savings-total-banner{flex-direction:column;align-items:flex-start;padding:16px}.savings-total-banner strong{font-size:23px}.savings-lock-mark{justify-content:center;align-self:stretch}.savings-portfolio-grid,.savings-global-grid{grid-template-columns:1fr}.savings-portfolio-card{grid-template-columns:auto minmax(0,1fr) auto;padding:14px}.savings-card-amount{text-align:left;grid-column:2/-1}.savings-card-amount strong{font-size:16px}.savings-portfolio-card>svg{grid-area:1/3}.savings-section-heading{flex-direction:column;align-items:flex-start}.savings-global-heading{margin-top:25px}.identity-total-grid{grid-template-columns:1fr}.savings-detail-header{flex-direction:column;align-items:flex-start;display:flex}.savings-detail-actions{justify-content:space-between;width:100%}.savings-allocation-grid,.savings-flow-summary{grid-template-columns:1fr 1fr}.savings-flow-summary div:last-child{border-top:1px solid #e1eaf2;grid-column:1/-1;padding-top:9px}.savings-transaction-row{grid-template-columns:auto minmax(0,1fr)}.savings-transaction-amount{grid-column:2}.savings-settings-modal .settings-layout{gap:10px}.savings-setting-selects{grid-template-columns:1fr}.savings-pin-form,.recovery-reveal{padding:0 17px 20px}}@media (width<=410px){.savings-allocation-grid,.savings-flow-summary{grid-template-columns:1fr}.savings-flow-summary div:last-child{border-top:0;grid-column:auto;padding-top:0}.savings-heading-actions{flex-direction:column}.savings-heading-actions .button{width:100%}.savings-portfolio-card{grid-template-columns:auto minmax(0,1fr)}.savings-portfolio-card>svg{grid-area:1/2;justify-self:end}.savings-card-amount{grid-column:1/-1}.savings-card-amount strong{font-size:15px}}.search-wrap{position:relative}.search-clear{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:0 0 28px;place-items:center;padding:0;display:inline-grid}.search-clear:hover{color:var(--ink);background:#eaf2f9}.savings-search-wrap{background:#fff;margin-bottom:12px}.savings-global-card{color:#fff;text-align:left;width:100%;min-width:0;box-shadow:none;font:inherit;background:#624f82;border:1px solid #624f82;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.savings-global-card div{min-width:0}.savings-global-card div strong,.savings-global-card div span,.savings-global-card>strong{color:#fff}.savings-global-card div strong,.savings-global-card div span{overflow-wrap:anywhere;display:block}.savings-global-card div span{opacity:.82}.savings-global-card:hover,.savings-global-card-active{color:#2f2c36;background:#d6d5a8;border-color:#d6d5a8;transform:translateY(-1px)}.savings-global-card:hover div strong,.savings-global-card:hover div span,.savings-global-card:hover>strong,.savings-global-card-active div strong,.savings-global-card-active div span,.savings-global-card-active>strong{color:#2f2c36;opacity:1}.savings-global-breakdown{background:#f8fbfd;border:1px solid #dfe8f1;border-radius:15px;margin:12px 0 25px;padding:16px}.savings-global-breakdown .savings-section-heading{flex-direction:row;align-items:center;margin-bottom:10px}.savings-global-breakdown h3{color:var(--ink);font-size:14px}.savings-global-breakdown-list{gap:8px;display:grid}.savings-global-breakdown-list>div{background:#fff;border:1px solid #e2eaf1;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.savings-global-breakdown-list>div>div{min-width:0}.savings-global-breakdown-list strong,.savings-global-breakdown-list span{overflow-wrap:anywhere;display:block}.savings-global-breakdown-list strong{color:var(--ink);font-size:11px}.savings-global-breakdown-list>div>strong{color:var(--primary);white-space:nowrap;font-size:13px}.savings-global-breakdown-list span{color:var(--muted);margin-top:3px;font-size:10px}.savings-empty-search{margin-top:12px}.savings-portfolio-card{box-shadow:none}.savings-portfolio-card:hover{color:#2f2c36;box-shadow:none;background:#f5babb;border-color:#f5babb}.savings-portfolio-card:hover .savings-card-copy strong,.savings-portfolio-card:hover .savings-card-amount strong,.savings-portfolio-card:hover>svg{color:#2f2c36}.savings-portfolio-card:hover .savings-card-copy span,.savings-portfolio-card:hover .savings-card-copy small,.savings-portfolio-card:hover .savings-card-amount span{color:#4e4142}.savings-portfolio-card:hover .savings-card-icon{color:#2f2c36;background:#fff2f2}.savings-heading-actions .button,.savings-detail-actions .button,.button-logout{box-shadow:none}.savings-allocation-card{min-height:0;box-shadow:none;padding:12px}.savings-allocation-card>strong{margin-top:12px;font-size:14px}.allocation-balance{margin-top:6px;font-size:18px}.allocation-stats{gap:7px;margin-top:8px}.allocation-footer{margin-top:9px;padding-top:9px}.savings-setting-row-copy textarea{width:100%;min-height:42px;color:var(--ink);resize:vertical;background:#fbfcfe;border:1px solid #dfe8f0;border-radius:9px;outline:0;margin-top:6px;padding:8px 11px;font-size:10px}.savings-setting-row-copy textarea:focus{border-color:var(--sky);box-shadow:0 0 0 3px #7ea3c41f}.settings-row:has(.savings-setting-row-copy){align-items:flex-start}:is(.settings-row:has(.savings-setting-row-copy) .setting-row-icon,.settings-row:has(.savings-setting-row-copy) .danger-icon){margin-top:5px}.savings-transaction-modal.savings-money-in .savings-form{background:#f4fcf7}.savings-transaction-modal.savings-money-out .savings-form{background:#fff5f6}.savings-transaction-modal.savings-money-in .savings-form input,.savings-transaction-modal.savings-money-in .savings-form textarea,.savings-transaction-modal.savings-money-in .savings-form select,.savings-transaction-modal.savings-money-in .savings-form .money-input{background:#fbfffc;border-color:#bfe3ce}.savings-transaction-modal.savings-money-out .savings-form input,.savings-transaction-modal.savings-money-out .savings-form textarea,.savings-transaction-modal.savings-money-out .savings-form select,.savings-transaction-modal.savings-money-out .savings-form .money-input{background:#fffafb;border-color:#efc9cd}.savings-transaction-modal.savings-money-in .savings-form .field>span{color:#2c8158}.savings-transaction-modal.savings-money-out .savings-form .field>span{color:#a6535b}.savings-transaction-modal.savings-money-in .modal-header{border-top:4px solid #4fa777}.savings-transaction-modal.savings-money-out .modal-header{border-top:4px solid #b45a62}.period-picker{width:min(100%,177px);max-width:100%;overflow:hidden}.period-picker select,.field input,.field select,.field textarea,.money-input{min-width:0;max-width:100%}@media (width<=760px){.period-picker{width:100%}.modal{width:100%;max-width:100vw}.modal-scroll{min-width:0;overflow-x:hidden}.field,.field input,.field select,.field textarea,.money-input{width:100%}.field input[type=date]{min-width:0}.savings-global-breakdown .savings-section-heading{align-items:flex-start}.savings-global-breakdown .savings-section-heading .icon-button{flex:0 0 32px}.savings-setting-row-copy{width:100%}.transaction-list{gap:8px}.transaction-main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:5px 10px;padding:11px 12px;display:grid}.tx-left h3{max-width:100%;margin-top:4px;font-size:14px}.tx-badges{gap:5px;margin-top:7px}.badge{padding:4px 6px;font-size:8px}.tx-right{gap:2px;min-width:0}.tx-right>strong{font-size:16px}.tx-right>span{font-size:9px}.edit-action{margin-top:3px;padding:5px 7px;font-size:9px}.transaction-footer{padding:8px 12px;font-size:9px}}.savings-global-card:hover,.savings-global-card:focus-visible,.savings-global-card-active{color:#fdf0d5;background:#e76f51;border-color:#e76f51}.savings-global-card:hover div strong,.savings-global-card:hover div span,.savings-global-card:hover>strong,.savings-global-card:focus-visible div strong,.savings-global-card:focus-visible div span,.savings-global-card:focus-visible>strong,.savings-global-card-active div strong,.savings-global-card-active div span,.savings-global-card-active>strong{color:#fdf0d5}.savings-global-breakdown-list>div{background:#e76f51;border-color:#e76f51}.savings-global-breakdown-list strong,.savings-global-breakdown-list>div>strong,.savings-global-breakdown-list span{color:#fdf0d5}.savings-detail-header .text-button{font-size:14px}.savings-portfolio-card:hover,.savings-portfolio-card:focus-visible,.savings-portfolio-card:active{color:#fff6de;box-shadow:none;background:#fa6781;border-color:#fa6781}.savings-portfolio-card:hover .savings-card-copy strong,.savings-portfolio-card:hover .savings-card-amount strong,.savings-portfolio-card:hover>svg,.savings-portfolio-card:focus-visible .savings-card-copy strong,.savings-portfolio-card:focus-visible .savings-card-amount strong,.savings-portfolio-card:focus-visible>svg,.savings-portfolio-card:active .savings-card-copy strong,.savings-portfolio-card:active .savings-card-amount strong,.savings-portfolio-card:active>svg,.savings-portfolio-card:hover .savings-card-copy span,.savings-portfolio-card:hover .savings-card-copy small,.savings-portfolio-card:hover .savings-card-amount span,.savings-portfolio-card:focus-visible .savings-card-copy span,.savings-portfolio-card:focus-visible .savings-card-copy small,.savings-portfolio-card:focus-visible .savings-card-amount span,.savings-portfolio-card:active .savings-card-copy span,.savings-portfolio-card:active .savings-card-copy small,.savings-portfolio-card:active .savings-card-amount span{color:#fff6de}.savings-portfolio-card:hover .savings-card-icon,.savings-portfolio-card:focus-visible .savings-card-icon,.savings-portfolio-card:active .savings-card-icon{color:#fff6de;background:#fff3}.savings-allocation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.savings-allocation-card{color:#fff2db;box-shadow:none;background:#00879e;border-color:#00879e;border-radius:12px;padding:10px}.savings-allocation-card .savings-card-icon{color:#fff2db;background:#ffffff26;border-radius:9px;flex-basis:31px;width:31px;height:31px}.savings-allocation-card .allocation-card-top>span{color:#fff2db;background:#ffffff26;padding:4px 6px;font-size:8px}.savings-allocation-card>strong{color:#fff2db;margin-top:9px;font-size:12px}.savings-allocation-card .allocation-balance{color:#fff2db;margin-top:5px;font-size:16px}.savings-allocation-card .allocation-stats{color:#fff2db;margin-top:6px;font-size:9px}.savings-allocation-card .allocation-footer{color:#fff2db;border-top-color:#fff5;margin-top:7px;padding-top:7px;font-size:9px}.savings-allocation-card .allocation-footer svg{color:#fff2db}.savings-allocation-card:hover>strong,.savings-allocation-card:hover .allocation-balance,.savings-allocation-card:hover .allocation-stats,.savings-allocation-card:hover .allocation-footer,.savings-allocation-card:hover .allocation-footer svg,.savings-allocation-card:focus-visible>strong,.savings-allocation-card:focus-visible .allocation-balance,.savings-allocation-card:focus-visible .allocation-stats,.savings-allocation-card:focus-visible .allocation-footer,.savings-allocation-card:focus-visible .allocation-footer svg,.savings-allocation-card:active>strong,.savings-allocation-card:active .allocation-balance,.savings-allocation-card:active .allocation-stats,.savings-allocation-card:active .allocation-footer,.savings-allocation-card:active .allocation-footer svg{color:#fff2db}.savings-allocation-detail-page{background:#fff9f2;border:1px solid #f1dfcd;border-radius:20px;padding:22px}.savings-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:16px;font-size:11px;display:flex}.savings-back-button{margin-bottom:16px;font-size:14px}.savings-breadcrumb strong{color:var(--ink)}.savings-breadcrumb .text-button{padding:0;font-size:14px}.savings-allocation-detail-page .savings-detail-header{margin-bottom:24px}.savings-allocation-detail-page .savings-flow-summary{background:#fff}@media (width<=760px){.savings-allocation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.savings-allocation-detail-page{border-radius:16px;padding:14px}.savings-breadcrumb{gap:5px;margin-bottom:13px;font-size:10px}}.savings-period-picker{background:#fff;border:1px solid #dfe8f1;border-radius:10px;min-width:165px;padding:8px 30px 8px 11px;position:relative}.savings-period-picker span{color:var(--muted);letter-spacing:.7px;font-size:8px;font-weight:800;display:block}.savings-period-picker select{appearance:none;width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;margin-top:2px;font-size:11px;font-weight:750}.savings-period-picker>svg{color:var(--primary);pointer-events:none;position:absolute;bottom:10px;right:10px}.savings-breadcrumb .breadcrumb-link{color:var(--primary);background:0 0;border:0;padding:0;font-size:14px;font-weight:750}.savings-breadcrumb .breadcrumb-link:hover{color:var(--primary-dark);text-decoration:underline}.savings-breadcrumb strong{font-size:14px}.savings-portfolio-detail-page{padding:2px 0}.savings-period-flow{grid-template-columns:repeat(3,1fr);gap:9px;margin:-16px 0 26px;display:grid}.savings-period-flow>div{background:#fff;border:1px solid #dfe8f1;border-radius:11px;padding:11px 13px}.savings-period-flow span,.savings-period-flow strong{display:block}.savings-period-flow span{color:var(--muted);font-size:9px}.savings-period-flow strong{color:var(--ink);margin-top:4px;font-size:13px}.savings-period-flow>div:first-child strong{color:#2c8158}.savings-period-flow>div:nth-child(2) strong{color:#a6535b}.savings-transaction-filters{grid-template-columns:minmax(0,1fr) minmax(190px,.34fr);gap:9px;margin-bottom:13px;display:grid}.savings-transaction-filters .savings-search-wrap{margin-bottom:0}.date-filter-wrap{min-width:0;height:46px;color:var(--primary);background:#fff;border:1px solid #e4ebf2;border-radius:12px;align-items:center;gap:9px;padding:0 10px 0 14px;display:flex}.date-filter-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px}.date-filter-wrap input::-webkit-calendar-picker-indicator{opacity:.7}.date-picker-control{position:relative;overflow:visible}.date-picker-trigger{min-width:0;height:44px;color:var(--ink);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:9px;padding:0;font-size:11px;display:flex}.date-picker-trigger span{flex:1;min-width:0}.date-filter-placeholder{color:#a9b6c3}.date-picker-control>.search-clear{flex-basis:28px}.date-picker-popover{z-index:15;background:#fff;border:1px solid #dfe8f1;border-radius:14px;width:min(360px,100vw - 32px);padding:10px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 16px 35px #19324d26}.date-picker-popover .calendar{margin-top:0}.savings-allocation-card,.savings-allocation-card .savings-card-icon,.savings-allocation-card .allocation-card-top>span,.savings-allocation-card>strong,.savings-allocation-card .allocation-balance,.savings-allocation-card .allocation-stats,.savings-allocation-card .allocation-footer,.savings-allocation-card .allocation-footer svg,.savings-allocation-card:hover,.savings-allocation-card:focus-visible,.savings-allocation-card:active,.savings-allocation-card:hover .savings-card-icon,.savings-allocation-card:focus-visible .savings-card-icon,.savings-allocation-card:active .savings-card-icon,.savings-allocation-card:hover .allocation-card-top>span,.savings-allocation-card:focus-visible .allocation-card-top>span,.savings-allocation-card:active .allocation-card-top>span,.savings-allocation-card:hover>strong,.savings-allocation-card:focus-visible>strong,.savings-allocation-card:active>strong,.savings-allocation-card:hover .allocation-balance,.savings-allocation-card:focus-visible .allocation-balance,.savings-allocation-card:active .allocation-balance,.savings-allocation-card:hover .allocation-stats,.savings-allocation-card:focus-visible .allocation-stats,.savings-allocation-card:active .allocation-stats,.savings-allocation-card:hover .allocation-footer,.savings-allocation-card:focus-visible .allocation-footer,.savings-allocation-card:active .allocation-footer,.savings-allocation-card:hover .allocation-footer svg,.savings-allocation-card:focus-visible .allocation-footer svg,.savings-allocation-card:active .allocation-footer svg{color:#fff}@media (width<=760px){.savings-heading-actions{flex-wrap:wrap}.savings-period-picker{flex:100%;width:100%}.savings-period-flow{grid-template-columns:1fr 1fr;margin-top:-8px}.savings-period-flow>div:last-child{grid-column:1/-1}.savings-transaction-filters{grid-template-columns:1fr}.date-filter-wrap{width:100%}}.sidebar-scrim{display:none}.account-card{cursor:pointer;width:100%;min-height:132px;font:inherit;text-align:left;border:1px solid #e0e8f1;padding:13px}.account-card:hover,.account-card:focus-visible,.account-card-active{background:#f4f8fc;border-color:#9ab9d3;transform:translateY(-1px);box-shadow:0 7px 16px #3d72a514}.account-card>strong{font-size:16px}.account-name{min-height:30px;margin-top:11px;font-size:10px}.account-meta{margin-top:8px;font-size:9px}.account-breakdown{background:#fff;border:1px solid #dfe8f1;border-radius:13px;margin-top:11px;padding:13px}.breakdown-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.breakdown-panel-head h3{color:var(--ink);font-size:14px}.breakdown-panel-head span,.breakdown-empty{color:var(--muted);margin-top:3px;font-size:10px;display:block}.account-breakdown-list{gap:6px;display:grid}.account-breakdown-row{background:#f7fafd;border:1px solid #e6edf4;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.account-breakdown-row strong{color:var(--ink);font-size:11px;display:block}.account-breakdown-row>strong{color:var(--primary);white-space:nowrap;font-size:12px}.account-breakdown-row span{color:var(--muted);margin-top:3px;font-size:9px;display:block}.purpose-card{box-shadow:none}.purpose-summary{min-height:64px;padding:10px 14px}.purpose-leading{gap:10px}.purpose-icon{width:31px;height:31px}.purpose-leading strong,.purpose-total strong{font-size:12px}.purpose-leading span,.purpose-total span{font-size:9px}.purpose-total strong{font-size:14px}.purpose-detail{padding:0 14px 12px}.purpose-detail-top{padding:12px 0}.purpose-detail-top strong{font-size:11px}.breakdown-toggle,.category-row-toggle,.account-breakdown-toggle{width:100%;color:var(--ink);text-align:left;background:#f7fafd;border:1px solid #e2eaf1;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.breakdown-toggle{margin-top:7px}.breakdown-toggle:hover,.category-row-toggle:hover,.account-breakdown-toggle:hover{background:#eef5fa}.breakdown-toggle>span,.account-breakdown-toggle>span{min-width:0}.breakdown-toggle strong,.account-breakdown-toggle strong{font-size:11px;display:block}.breakdown-toggle small,.account-breakdown-toggle small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.breakdown-toggle>svg,.account-breakdown-toggle>svg{color:var(--primary);transition:transform .2s}.category-rows{gap:7px;padding:7px 0 2px}.category-row{border-radius:9px}.category-row-toggle{padding:8px 9px;display:block}.category-row-head{gap:10px}.category-row-head strong{font-size:11px}.category-row-head span{font-size:9px}.progress-track{height:5px;margin-top:6px}.purpose-transaction-list{gap:5px;padding:5px 0 1px 10px;display:grid}.purpose-transaction-list>div{background:#fff;border-left:2px solid #9bbbd2;border-radius:7px;justify-content:space-between;align-items:center;gap:9px;padding:7px 9px;display:flex}.purpose-transaction-list strong{color:var(--ink);font-size:10px;display:block}.purpose-transaction-list>div>strong{color:var(--primary);white-space:nowrap;font-size:11px}.purpose-transaction-list span{color:var(--muted);margin-top:2px;font-size:8px;display:block}.account-breakdown-compact{gap:6px;padding-top:7px;display:grid}.account-breakdown-item{min-width:0}.account-breakdown-toggle>strong{color:var(--primary);white-space:nowrap;font-size:11px}.purpose-footer{margin-top:7px;padding-top:10px;font-size:9px}.purpose-pay-button{min-height:33px;box-shadow:none;padding:0 10px;font-size:10px}.purpose-pay-outstanding{color:#fff;background:#c94f5b}.purpose-pay-outstanding:hover{color:#fff;background:#ae3e49}.purpose-paid{color:#fff;background:#3b976a}.purpose-paid:disabled{color:#fff;opacity:1;background:#3b976a}.transactions-filter-row{grid-template-columns:minmax(0,1fr) minmax(210px,.34fr);gap:10px;display:grid}.transactions-filter-row .date-filter-wrap{height:46px}.transaction-main{cursor:pointer}.transaction-main:focus-visible{outline:2px solid var(--sky);outline-offset:-2px}.tx-actions{justify-content:flex-end;align-items:center;gap:5px;margin-top:5px;display:flex}.edit-action,.delete-action,.transaction-row-action{cursor:pointer;font:inherit;border:0;justify-content:center;align-items:center;gap:4px;font-weight:750;display:inline-flex}.delete-action{color:#b05d65;background:#fff0f1;border-radius:8px;padding:7px 9px;font-size:10px}.delete-action:hover,.transaction-row-delete:hover{color:#fff;background:#b94f5b}.button-danger{color:#fff;box-shadow:none;background:#c94f5b}.button-danger:hover{color:#fff;background:#a9404b}.confirm-modal{width:min(500px,100%)}.savings-transaction-row{grid-template-columns:auto minmax(0,1fr) auto auto}.savings-transaction-actions{align-items:center;gap:5px;display:flex}.transaction-row-action{min-height:29px;color:var(--primary);background:#edf4fa;border-radius:7px;padding:0 8px;font-size:9px}.transaction-row-delete{color:#b05d65;background:#fff0f1}.calendar-day i{background:#d94f8b}.day-selected i{background:#fff}.dashboard-tabs button{font-size:13px}.dashboard-tab-panel .section-header h2{font-size:19px}.dashboard-tab-panel .section-header p,.dashboard-tab-panel .section-header .text-button{font-size:12px}.dashboard-tab-panel .account-name{min-height:30px;font-size:13px}.dashboard-tab-panel .account-card>strong{font-size:15px}.dashboard-tab-panel .account-meta{font-size:9px}.dashboard-tab-panel .purpose-leading strong{font-size:15px}.dashboard-tab-panel .purpose-leading span{font-size:11px}.dashboard-tab-panel .purpose-total strong{font-size:16px}.dashboard-tab-panel .purpose-total span{font-size:11px}.dashboard-tab-panel .purpose-detail-top strong{font-size:13px}.dashboard-tab-panel .purpose-detail-top span{font-size:11px}.dashboard-tab-panel .breakdown-toggle strong,.dashboard-tab-panel .account-breakdown-toggle strong{font-size:13px}.dashboard-tab-panel .breakdown-toggle small,.dashboard-tab-panel .account-breakdown-toggle small{font-size:11px}.dashboard-tab-panel .category-row-head strong{font-size:14px}.dashboard-tab-panel .category-row-head span{font-size:12px}.dashboard-tab-panel .purpose-footer,.dashboard-tab-panel .purpose-pay-button{font-size:11px}.purpose-card.purpose-open{border-color:var(--primary)}.purpose-card.purpose-open>.purpose-summary{color:#fff2db;background:var(--primary)}.purpose-card.purpose-open>.purpose-summary:hover{background:var(--primary-dark)}.purpose-card.purpose-open .purpose-icon{color:#fff2db;background:#ffffff26}.purpose-card.purpose-open .purpose-leading strong,.purpose-card.purpose-open .purpose-leading span,.purpose-card.purpose-open .purpose-total strong,.purpose-card.purpose-open .purpose-total span{color:#fff2db}:root{--muted:#526a82}.page-heading p,.section-header p,.savings-section-heading p,.purpose-leading span,.purpose-total span,.purpose-detail-top span,.breakdown-toggle small,.account-breakdown-toggle small,.category-row-head span,.purpose-footer,.purpose-transaction-list span,.breakdown-empty,.account-breakdown-panel-head span,.account-breakdown-row span,.account-meta,.stat-card>small,.tx-right,.transaction-footer,.detail-row span,.expanded-summary,.field-help,.search-wrap input::placeholder,.date-filter-placeholder,.time-filter span{color:#60778d}.date-picker-popover .time-filter{padding:0 2px 2px}.time-filter select:disabled{color:#60778d;background:#f5f8fb}.purpose-card.purpose-open .purpose-leading span,.purpose-card.purpose-open .purpose-total span{color:#fff2db}.mini-detail-list{display:none}.purpose-detail-top span{font-size:0}.purpose-detail-top span:after{content:"Sorted by newest transaction";font-size:11px}.breakdown-toggle{background:#eaf4f7;border-color:#c5dfe5}.breakdown-toggle:hover{background:#dceef2}.purpose-detail>.breakdown-toggle:nth-of-type(2){background:#f7efe5;border-color:#ead6bb}.purpose-detail:not(:has(.category-rows))>.breakdown-toggle{background:#f7efe5;border-color:#ead6bb}.purpose-detail>.breakdown-toggle:nth-of-type(2):hover{background:#f1e2d1}.purpose-detail:not(:has(.category-rows))>.breakdown-toggle:hover{background:#f1e2d1}.tx-actions{flex-wrap:nowrap;align-items:center;gap:5px}.edit-action,.delete-action{white-space:nowrap;min-width:68px;height:31px;padding:0 9px;line-height:1}.delete-action{min-width:72px}.savings-breadcrumb>span{font-size:0}.savings-breadcrumb>span:after{content:">";color:var(--muted);font-size:14px}.savings-allocation-card,.savings-allocation-card .savings-card-icon,.savings-allocation-card .allocation-card-top>span,.savings-allocation-card>strong,.savings-allocation-card .allocation-balance,.savings-allocation-card .allocation-stats,.savings-allocation-card .allocation-footer,.savings-allocation-card .allocation-footer svg{color:#f6e3e5}.savings-allocation-card .savings-card-icon,.savings-allocation-card .allocation-card-top>span{background:#ffffff26}.savings-allocation-card:hover .savings-card-icon,.savings-allocation-card:focus-visible .savings-card-icon,.savings-allocation-card:active .savings-card-icon,.savings-allocation-card:hover .allocation-card-top>span,.savings-allocation-card:focus-visible .allocation-card-top>span,.savings-allocation-card:active .allocation-card-top>span,.savings-allocation-card:hover>strong,.savings-allocation-card:focus-visible>strong,.savings-allocation-card:active>strong,.savings-allocation-card:hover .allocation-balance,.savings-allocation-card:focus-visible .allocation-balance,.savings-allocation-card:active .allocation-balance,.savings-allocation-card:hover .allocation-stats,.savings-allocation-card:focus-visible .allocation-stats,.savings-allocation-card:active .allocation-stats,.savings-allocation-card:hover .allocation-footer,.savings-allocation-card:focus-visible .allocation-footer,.savings-allocation-card:active .allocation-footer,.savings-allocation-card:hover .allocation-footer svg,.savings-allocation-card:focus-visible .allocation-footer svg,.savings-allocation-card:active .allocation-footer svg{color:#bb528a}.savings-allocation-card:hover .savings-card-icon,.savings-allocation-card:focus-visible .savings-card-icon,.savings-allocation-card:active .savings-card-icon,.savings-allocation-card:hover .allocation-card-top>span,.savings-allocation-card:focus-visible .allocation-card-top>span,.savings-allocation-card:active .allocation-card-top>span{background:#fff}@media (width>=1100px){.savings-allocation-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}}.savings-allocation-card{border-radius:10px;min-height:112px;padding:8px}.savings-allocation-card .savings-card-icon{border-radius:8px;flex-basis:27px;width:27px;height:27px}.savings-allocation-card .savings-card-icon svg{width:16px;height:16px}.savings-allocation-card .allocation-card-top>span{max-width:62%;padding:3px 5px;font-size:7px;line-height:1.1}.savings-allocation-card>strong{margin-top:6px;font-size:11px;line-height:1.15}.savings-allocation-card .allocation-balance{margin-top:4px;font-size:14px;line-height:1.1}.savings-allocation-card .allocation-stats{gap:4px;margin-top:4px;font-size:8px;line-height:1.1}.savings-allocation-card .allocation-footer{margin-top:5px;padding-top:5px;font-size:8px;line-height:1.1}.savings-allocation-card .allocation-footer svg{width:14px;height:14px}@media (width>=761px){.app-shell .eyebrow,.app-shell .nav-item small,.app-shell .sidebar-tip strong,.app-shell .sidebar-tip span,.app-shell .period-picker span,.app-shell .stat-top,.app-shell .stat-card>small,.app-shell .reconcile-banner span,.app-shell .section-header p,.app-shell .text-button,.app-shell .link-button,.app-shell .account-meta,.app-shell .purpose-leading span,.app-shell .purpose-total span,.app-shell .purpose-detail-top span,.app-shell .purpose-detail-top span:after,.app-shell .category-row-head span,.app-shell .purpose-footer,.app-shell .breakdown-toggle small,.app-shell .account-breakdown-toggle small,.app-shell .breakdown-panel-head span,.app-shell .account-breakdown-row span,.app-shell .purpose-transaction-list span,.app-shell .button,.app-shell .weekdays,.app-shell .calendar-day,.app-shell .time-filter select,.app-shell .time-filter span,.app-shell .filter-chip,.app-shell .tx-type,.app-shell .badge,.app-shell .tx-right,.app-shell .edit-action,.app-shell .delete-action,.app-shell .transaction-footer,.app-shell .expanded-head span,.app-shell .detail-row span,.app-shell .expanded-summary,.app-shell .field,.app-shell .field input,.app-shell .field select,.app-shell .field textarea,.app-shell .money-input span,.app-shell .field-help,.app-shell .form-section-heading p,.app-shell .detail-card-head,.app-shell .checkbox-line,.app-shell .form-error,.app-shell .reconciliation-summary div span,.app-shell .summary-status,.app-shell .settings-nav button,.app-shell .editor-title span,.app-shell .settings-note,.app-shell .dashboard-tabs button,.app-shell .savings-total-banner span,.app-shell .savings-total-banner small,.app-shell .savings-section-heading p,.app-shell .savings-card-copy span,.app-shell .savings-card-copy small,.app-shell .savings-card-amount span,.app-shell .savings-global-card div span,.app-shell .identity-total-grid span,.app-shell .savings-detail-header p,.app-shell .allocation-card-top>span,.app-shell .allocation-stats,.app-shell .allocation-footer,.app-shell .savings-flow-summary span,.app-shell .savings-transaction-copy span,.app-shell .savings-setting-row-copy small,.app-shell .savings-breadcrumb{font-size:12px}}.topbar,.page-menu-button{display:none}.dashboard-heading-actions{align-items:center;gap:8px;display:flex}.dashboard-settings-button{min-height:37px}@media (width<=760px){.page-menu-button{z-index:25;display:inline-grid;position:fixed;top:14px;right:16px}.page-content{padding-top:20px}.dashboard-heading-actions{width:100%}.dashboard-heading-actions .period-picker{flex:1}.dashboard-settings-button{flex:none}}.savings-portfolio-detail-page .savings-detail-header{gap:10px;margin-bottom:13px}.savings-portfolio-detail-page .savings-detail-header h1{letter-spacing:-.7px;margin-top:3px;font-size:27px}.savings-portfolio-detail-page .savings-detail-header p{margin-top:3px;font-size:10px}.savings-portfolio-detail-page .savings-detail-actions{gap:7px}.savings-portfolio-detail-page .savings-detail-actions>strong{font-size:19px}.savings-portfolio-detail-page .savings-period-picker{padding-top:6px;padding-bottom:6px}.savings-portfolio-detail-page .savings-detail-actions .button{min-height:34px;padding:0 10px;font-size:10px}.savings-portfolio-detail-page .savings-section-heading{margin-bottom:8px}.savings-portfolio-detail-page .savings-section-heading h2{font-size:16px}.savings-portfolio-detail-page .savings-section-heading p{margin-top:2px;font-size:10px}.savings-portfolio-detail-page .savings-search-wrap{height:38px;margin-bottom:8px}@media (width<=760px){.sidebar-scrim{z-index:29;background:#19324d66;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.sidebar{touch-action:pan-y}.transactions-filter-row{grid-template-columns:minmax(0,1fr) minmax(145px,.7fr);gap:7px}.transactions-filter-row .date-filter-wrap{gap:5px;min-width:0;padding-left:10px}.transactions-filter-row .date-filter-wrap input{font-size:10px}.account-card{min-height:119px;padding:11px}.account-card>strong{font-size:15px}.account-name{min-height:27px;margin-top:9px;font-size:9px}.dashboard-tab-panel .account-name{font-size:11px}.dashboard-tab-panel .account-card>strong{font-size:13px}.dashboard-tab-panel .account-meta{font-size:8px}.dashboard-tab-panel .purpose-leading strong{font-size:14px}.dashboard-tab-panel .purpose-leading span,.dashboard-tab-panel .purpose-total span{font-size:10px}.dashboard-tab-panel .purpose-total strong{font-size:15px}.dashboard-tab-panel .purpose-detail-top strong{font-size:12px}.dashboard-tab-panel .purpose-detail-top span{font-size:10px}.dashboard-tab-panel .breakdown-toggle strong,.dashboard-tab-panel .account-breakdown-toggle strong{font-size:12px}.dashboard-tab-panel .breakdown-toggle small,.dashboard-tab-panel .account-breakdown-toggle small{font-size:10px}.dashboard-tab-panel .category-row-head strong{font-size:13px}.dashboard-tab-panel .category-row-head span{font-size:11px}.account-breakdown{padding:11px}.purpose-summary{min-height:58px;padding:9px 11px}.purpose-detail{padding:0 11px 10px}.purpose-detail-top{align-items:flex-start}.purpose-pay-button{min-height:31px}.tx-actions{flex-wrap:wrap}.edit-action,.delete-action{padding:5px 6px;font-size:9px}.savings-transaction-row{grid-template-columns:auto minmax(0,1fr)}.savings-transaction-amount{grid-column:2}.savings-transaction-actions{grid-column:2;justify-content:flex-start}}@media (width<=430px){.transactions-filter-row{grid-template-columns:1fr}.transactions-filter-row .date-filter-wrap{width:100%}.tx-right{align-items:flex-start}.tx-actions{justify-content:flex-start}}.account-card-stack{min-width:0}.mobile-account-breakdown,.mobile-global-add-transaction{display:none}.transaction-modal-shopee .modal-header{border-top:4px solid #d77b35}.transaction-modal-shopee .modal-header .eyebrow,.transaction-modal-shopee .form-section-heading h3,.transaction-modal-shopee .detail-card-head strong{color:#c46a2c}.transaction-modal-shopee .type-switch .type-active{color:#fff;background:#d77b35;border-color:#b96124}.transaction-modal-shopee .type-switch .type-active svg{color:#fff}@media (width<=760px){.sidebar{width:min(82vw,320px);height:100dvh;min-height:100dvh;max-height:100dvh;padding:18px 14px max(18px, env(safe-area-inset-bottom));flex-basis:min(82vw,320px);transition:transform .22s;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-open{left:0;transform:translate(0)}.brand-block{padding-bottom:20px}.main-nav{gap:4px}.nav-item{min-height:46px}.sidebar-bottom{gap:14px;margin-top:24px}.account-grid{grid-template-columns:1fr;gap:8px}.account-card-stack{gap:8px;display:grid}.mobile-account-breakdown{display:block}.desktop-account-breakdown{display:none}.purpose-card{background:#fff;border-color:#c4d5e7;box-shadow:0 5px 16px #3d72a51a}.purpose-detail>.breakdown-toggle{background:#edf5ff;border-color:#b9d0ea}.purpose-detail>.breakdown-toggle:nth-of-type(2),.purpose-detail .account-breakdown-direct .account-breakdown-toggle,.purpose-detail .account-breakdown-compact .account-breakdown-toggle{background:#f8eef5;border-color:#e4bfd4}.purpose-detail:not(:has(.category-rows))>.breakdown-toggle{background:#f8eef5;border-color:#e4bfd4}.purpose-detail>.breakdown-toggle:hover{background:#e2effd}.purpose-detail>.breakdown-toggle:nth-of-type(2):hover,.purpose-detail .account-breakdown-compact .account-breakdown-toggle:hover{background:#f2dfe9}.savings-allocation-detail-page{padding-bottom:90px}.mobile-global-add-transaction{z-index:18;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));color:#fff;width:56px;height:56px;min-height:56px;font:inherit;background:linear-gradient(145deg,#d94f98,#bb528a);border:0;border-radius:50%;justify-content:center;align-items:center;gap:7px;padding:0;font-size:0;font-weight:800;transition:width .2s,background .2s,transform .2s;display:inline-flex;position:fixed;overflow:hidden;box-shadow:0 10px 24px #bb528a66}.mobile-global-add-transaction:hover,.mobile-global-add-transaction:focus-visible{color:#fff;background:#a43c77;transform:translateY(-2px)}.mobile-global-add-transaction:focus-visible{outline-offset:3px;outline:3px solid #f6e3e5}.mobile-global-add-transaction svg{flex:none}.mobile-global-add-transaction span{display:none}.savings-allocation-detail-page .savings-add-transaction-button{z-index:18;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));color:#fff;background:#bb528a;border-radius:50%;width:56px;height:56px;min-height:56px;padding:0;font-size:0;position:fixed;box-shadow:0 10px 24px #bb528a66}.savings-allocation-detail-page .savings-add-transaction-button:hover,.savings-allocation-detail-page .savings-add-transaction-button:focus-visible{color:#fff;background:#9e3e73}.savings-allocation-detail-page .savings-add-transaction-button svg{width:24px;height:24px}.transaction-modal-shopee .modal-header{border-top-width:5px}.transaction-modal-shopee .form-section{border-top-color:#f0c59b}.transaction-modal-shopee .form-section .button-secondary{color:#b96124;background:#fff1e3}.transaction-modal-shopee .form-section .button-secondary:hover{background:#ffe1c4}.transaction-modal-shopee .detail-form-card{background:#fff8f0;border-color:#f0c59b}}.savings-portfolio-detail-page>.savings-section-heading{display:none}.account-breakdown-direct{padding-top:0}.purpose-detail-top span:after{content:none}@media (width>=761px){.purpose-detail-top span{font-size:12px}}@media (width<=760px){.purpose-detail-top span{font-size:10px}}.savings-allocation-detail-page{background:#f8f1f6;border-color:#e6cfe0}@media (width>=761px){.transaction-list{gap:8px}.transaction-card{border-radius:12px}.transaction-main{gap:16px;padding:8px 14px}.tx-left h3{margin-top:4px;font-size:14px}.tx-badges{gap:4px;margin-top:7px}.badge{padding:4px 6px}.tx-right{gap:2px}.tx-right>strong{font-size:17px}.tx-actions{gap:4px;margin-top:3px}.edit-action,.delete-action{min-width:0;height:28px;padding:0 7px}.transaction-footer{padding:7px 14px}.savings-detail-header .savings-period-picker{padding:8px 32px 8px 13px}.savings-detail-header .savings-period-picker span{font-size:10px}.savings-detail-header .savings-period-picker select{font-size:13px}.savings-detail-header .savings-period-picker>svg{bottom:12px;right:12px}.savings-allocation-card>strong{font-size:14px}.savings-allocation-card .allocation-stats{font-size:11px}}.savings-portfolio-detail-page .savings-detail-header .eyebrow,.savings-allocation-detail-page .savings-detail-header .eyebrow{display:none}@media (width>=761px){.savings-allocation-card .allocation-card-top>span,.savings-allocation-card>strong,.savings-allocation-card .allocation-stats,.savings-allocation-card .allocation-footer{font-size:12px}}.savings-allocation-card,.savings-allocation-card>strong,.savings-allocation-card .allocation-balance,.savings-allocation-card .allocation-stats,.savings-allocation-card .allocation-footer,.savings-allocation-card .allocation-footer svg{color:#bb528a}.savings-allocation-card{background:#f6e3e5;border-color:#f6e3e5}.savings-allocation-card .savings-card-icon,.savings-allocation-card .allocation-card-top>span{color:#bb528a;background:#fff}.savings-allocation-card:hover,.savings-allocation-card:focus-visible,.savings-allocation-card:active{color:#f6e3e5;background:#bb528a;border-color:#bb528a}.savings-allocation-card:hover>strong,.savings-allocation-card:focus-visible>strong,.savings-allocation-card:active>strong,.savings-allocation-card:hover .allocation-balance,.savings-allocation-card:focus-visible .allocation-balance,.savings-allocation-card:active .allocation-balance,.savings-allocation-card:hover .allocation-stats,.savings-allocation-card:focus-visible .allocation-stats,.savings-allocation-card:active .allocation-stats,.savings-allocation-card:hover .allocation-footer,.savings-allocation-card:focus-visible .allocation-footer,.savings-allocation-card:active .allocation-footer,.savings-allocation-card:hover .allocation-footer svg,.savings-allocation-card:focus-visible .allocation-footer svg,.savings-allocation-card:active .allocation-footer svg{color:#f6e3e5}.savings-allocation-card:hover .savings-card-icon,.savings-allocation-card:focus-visible .savings-card-icon,.savings-allocation-card:active .savings-card-icon,.savings-allocation-card:hover .allocation-card-top>span,.savings-allocation-card:focus-visible .allocation-card-top>span,.savings-allocation-card:active .allocation-card-top>span{color:#f6e3e5;background:#ffffff26}
