@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#f5f6f5;--muted:#a9b1ad;--line:#293431;--paper:#111918;--canvas:#09100f;--green:#a9f3cf;--green-dark:#c7f7df;--green-soft:#1a2924;--orange:#dba779;--orange-soft:#30231a;--red:#ed8a7e;--shadow:0 12px 32px #0005}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;padding:27px 17px 18px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:10px;padding:0 9px;margin-bottom:51px;font:800 18px Manrope,sans-serif;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--green);color:#fff;border-radius:10px;font:800 21px Manrope;transform:rotate(-7deg)}.brand-light{color:var(--green);font-weight:500}.brand small{display:block;color:#a0a9a3;font:600 8px 'DM Sans';letter-spacing:1.3px;margin-top:1px}.nav-label{padding:0 12px;color:#a0a9a3;font-size:9px;font-weight:700;letter-spacing:1.3px;margin-bottom:10px}.nav-item{width:100%;border:0;background:transparent;color:#7b8580;text-align:left;padding:11px 12px;border-radius:9px;margin:2px 0;font-weight:500;display:flex;align-items:center;gap:13px;transition:.18s}.nav-item span{font-size:17px;width:18px;text-align:center;color:#87928c}.nav-item:hover{background:#f7f8f5;color:var(--ink)}.nav-item.active{background:var(--green-soft);color:var(--green-dark);font-weight:700}.nav-item.active span{color:var(--green)}.nav-count{margin-left:auto;font-style:normal;background:#f7e9df;color:#b97342;border-radius:20px;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.sync-card{background:#f7f8f5;padding:12px;border-radius:10px;display:flex;gap:9px;align-items:center;margin:0 2px 17px}.sync-dot{width:8px;height:8px;border-radius:50%;background:#8eaa91;box-shadow:0 0 0 3px #e4eee4}.sync-card b,.sync-card small,.profile b,.profile small{display:block}.sync-card b{font-size:11px}.sync-card small,.profile small{font-size:10px;color:var(--muted);margin-top:3px}.profile{border-top:1px solid var(--line);margin-top:14px;padding:16px 5px 0;display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eadcc8;color:#725c40;font-weight:700}.profile b{font-size:11px}.profile-more{margin-left:auto;color:#9aa29d;letter-spacing:1px}.main{margin-left:250px;width:calc(100% - 250px);min-height:100vh}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;background:#ffffffb8;backdrop-filter:blur(9px);position:sticky;top:0;z-index:3}.crumb{display:flex;align-items:center;gap:10px;color:#a0a9a3;font-size:12px}.crumb b{font-weight:400;color:#ccd1cb}.crumb strong{font-weight:600;color:#45524b}.top-actions{margin-left:auto;display:flex;align-items:center;gap:13px}.icon-btn{width:35px;height:35px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#58665e;font-size:20px}.icon-btn:hover{border-color:#b7c9bb;color:var(--green)}#quick-add{background:var(--green);border-color:var(--green);color:white;font-size:23px}.small-avatar{width:30px;height:30px;font-size:12px}.mobile-brand{display:none}.view{max-width:1320px;margin:auto;padding:34px 40px 70px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.eyebrow{color:#9ba59e;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:9px}.page-heading h1{font:700 27px Manrope,sans-serif;letter-spacing:-1px;margin:0}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:12px}.btn{border:1px solid var(--line);background:#fff;border-radius:8px;color:#435149;padding:10px 14px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:7px}.btn:hover{border-color:#bccdc0}.btn-primary{background:var(--green);border-color:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-quiet{background:transparent}.btn-danger{color:var(--red);border-color:#f1d6d3}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);gap:17px}.balance-card{background:var(--green);color:white;border-radius:14px;padding:23px 25px;min-height:168px;position:relative;overflow:hidden}.balance-card:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff20;border-radius:50%;right:-34px;top:-116px;box-shadow:0 0 0 28px #ffffff09,0 0 0 62px #ffffff07}.balance-label{font-size:11px;color:#d4e7db;display:flex;align-items:center;gap:8px}.balance-number{font:700 31px Manrope;letter-spacing:-1.2px;margin:12px 0 14px}.balance-foot{font-size:10px;color:#c7dfd0;display:flex;gap:20px}.balance-foot span{display:flex;align-items:center;gap:5px}.balance-foot b{color:white;font-weight:600}.balance-action{position:absolute;right:23px;bottom:23px;border:1px solid #ffffff45;color:#fff;background:#ffffff12;border-radius:7px;padding:8px 11px;font-size:10px}.stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card,.panel,.metric-card{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.stat-card{padding:16px 18px}.stat-title{font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.stat-value{font:700 19px Manrope;margin:12px 0 4px;letter-spacing:-.4px}.stat-note{font-size:10px;color:#9ba59e}.stat-note.positive{color:#548364}.stat-note.negative{color:#bd6c58}.stat-icon{font-size:14px;color:var(--green);float:right}.section-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px;margin-top:17px}.panel{padding:18px 19px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-title{font:700 13px Manrope}.panel-subtitle{font-size:10px;color:#a0a9a3;margin-top:4px}.text-link{background:none;border:0;color:var(--green);font-size:10px;font-weight:700}.month-select,.filter-select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;color:#66726b;font-size:10px}.chart-wrap{height:180px;position:relative;padding:8px 0 19px}.chart-grid{position:absolute;inset:8px 0 21px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{border-top:1px dashed #e8ece7}.chart-bars{position:absolute;inset:9px 7px 0;display:flex;justify-content:space-around;align-items:flex-end}.bar-group{height:100%;display:flex;align-items:center;gap:4px;position:relative;width:10%;justify-content:center}.bar{width:9px;border-radius:4px 4px 1px 1px;min-height:3px}.bar.income{background:#b5d3bf}.bar.expense{background:var(--green)}.bar-month{position:absolute;bottom:-18px;font-size:9px;color:#9ba59e}.legend{display:flex;gap:13px;font-size:9px;color:#87918b}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%;background:var(--green)}.legend i.pale{background:#b5d3bf}.category-row{display:flex;align-items:center;gap:10px;margin:13px 0}.cat-dot{width:8px;height:8px;border-radius:50%;flex:none}.category-name{font-size:10px;flex:1}.category-amount{font-size:10px;font-weight:700}.category-track{height:4px;background:#eff2ee;border-radius:4px;margin-top:6px}.category-progress{height:100%;border-radius:4px;background:var(--green)}.transaction-list{margin-top:17px}.transaction-list .panel-header{margin-bottom:5px}.tx-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f0f2ef;gap:10px}.tx-row:last-child{border-bottom:0}.tx-icon{width:31px;height:31px;border-radius:9px;background:#eef5ef;display:grid;place-items:center;color:var(--green);font-size:14px}.tx-icon.expense{background:#fbefea;color:#c17c59}.tx-main{flex:1;min-width:0}.tx-main b{font-size:10px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-main small{font-size:9px;color:#9ba59e;display:block;margin-top:4px}.tx-amount{font-size:10px;font-weight:700}.income-text{color:var(--green)}.expense-text{color:#46514b}.budget-mini{padding:11px 0;border-bottom:1px solid #f0f2ef}.budget-mini:last-child{border:0}.budget-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.budget-label span:last-child{color:#849089}.budget-track{height:5px;border-radius:5px;background:#edf0ec}.budget-track i{display:block;height:100%;border-radius:5px;background:var(--green)}.budget-track i.warn{background:#cf915e}.budget-track i.over{background:#c75f54}.empty-state{padding:30px 14px;text-align:center;color:#9ba59e;font-size:11px}.empty-state b{display:block;color:#59665e;font-size:12px;margin-bottom:4px}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.toolbar .search-input{max-width:250px}.search-input,input,select,textarea{border:1px solid #e5e9e4;border-radius:8px;background:white;padding:10px 11px;color:var(--ink);outline:none}.search-input:focus,input:focus,select:focus,textarea:focus{border-color:#8caf98;box-shadow:0 0 0 3px #dcebe0}.search-input{font-size:11px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background:#fafbf9;color:#9ba59e;font-size:9px;letter-spacing:.6px;text-transform:uppercase;padding:12px 15px;font-weight:700}.data-table td{padding:13px 15px;border-top:1px solid #f0f2ef;font-size:10px}.data-table td:first-child{font-weight:600}.table-muted{color:#929d95}.table-actions{display:flex;gap:5px}.mini-action{border:0;background:transparent;color:var(--green);font-size:10px;padding:4px}.mini-action.danger{color:#c36a5c}.status-pill{font-size:9px;border-radius:20px;padding:4px 8px;background:#edf5ef;color:#4d795b}.status-pill.warn{background:#fbf1e7;color:#b87b47}.account-grid,.savings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.account-card,.savings-card{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.account-top{display:flex;justify-content:space-between;align-items:center}.bank-icon{width:34px;height:34px;border-radius:10px;background:#e9f2eb;color:var(--green);display:grid;place-items:center;font-weight:700}.account-name{font-weight:700;font-size:12px;margin-top:14px}.account-type{color:#9ba59e;font-size:10px;margin-top:4px}.account-balance{font:700 20px Manrope;margin:17px 0 5px}.account-start{font-size:9px;color:#9ba59e}.card-menu{border:0;background:none;color:#89958d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#6f7b73;font-weight:600}.field input,.field select,.field textarea{font-size:11px;padding:10px}.field textarea{min-height:72px;resize:vertical}.modal-backdrop{position:fixed;inset:0;background:#14231c55;display:grid;place-items:center;z-index:10;padding:20px}.modal{width:min(480px,100%);background:white;border-radius:14px;padding:22px;box-shadow:0 20px 60px #0b17113b}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{font:700 17px Manrope;margin:0}.modal-close{border:0;background:none;font-size:20px;color:#929d95}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.tabs{display:flex;gap:5px;background:#f3f5f1;padding:4px;border-radius:9px;margin-bottom:14px}.tab-button{flex:1;border:0;background:transparent;padding:8px;border-radius:7px;color:#829087;font-size:10px;font-weight:600}.tab-button.active{background:white;color:var(--green);box-shadow:0 1px 3px #1111}.metric-row{display:flex;gap:12px;margin-bottom:16px}.metric-card{padding:14px 16px;flex:1}.metric-card small{color:#96a098;font-size:10px}.metric-card b{display:block;font:700 16px Manrope;margin-top:8px}.progress-large{height:7px;background:#edf0ec;border-radius:8px;margin:12px 0 7px}.progress-large i{display:block;height:100%;border-radius:8px;background:var(--green)}.savings-progress{font-size:10px;color:#89958d}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.settings-card h3{font:700 13px Manrope;margin:0 0 7px}.settings-card p{font-size:10px;color:#88938c;line-height:1.6;margin:0 0 13px}.hidden{display:none!important}.searchbar{position:fixed;z-index:5;top:68px;left:250px;right:0;padding:12px 40px;background:#fffffff2;border-bottom:1px solid var(--line);display:flex;gap:8px}.searchbar input{flex:1}.searchbar button{border:0;background:none;color:#87918b}.toast{position:fixed;z-index:20;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;transition:.2s;background:#203b2e;color:#fff;padding:11px 16px;border-radius:9px;font-size:11px;box-shadow:0 5px 20px #0002;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}.notice{padding:11px 13px;background:#f8f5e9;color:#867545;border-radius:9px;font-size:10px;line-height:1.5;margin-bottom:14px}.month-heading{display:flex;align-items:center;gap:10px}
@media(max-width:1000px){.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}.view{padding:28px 25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:1fr}.section-grid{grid-template-columns:1fr 1fr}.account-grid,.savings-grid{grid-template-columns:repeat(2,1fr)}.searchbar{left:220px}}
@media(max-width:700px){.sidebar{display:none}.main{margin:0;width:100%;padding-bottom:75px}.topbar{height:57px;padding:0 17px}.mobile-brand{display:flex;align-items:center;gap:6px;font:800 15px Manrope;letter-spacing:-.5px}.mobile-brand .brand-mark{width:27px;height:27px;font-size:18px}.crumb{display:none}.top-actions{gap:8px}.small-avatar{display:none}.view{padding:23px 16px 35px}.page-heading{align-items:flex-start;margin-bottom:18px}.page-heading h1{font-size:23px}.page-heading p{max-width:220px;line-height:1.5}.page-heading>.btn{padding:9px 10px;font-size:10px;white-space:nowrap}.dashboard-grid{gap:11px}.balance-card{padding:19px;min-height:154px}.balance-number{font-size:25px}.balance-action{right:16px;bottom:16px}.stat-cards{gap:9px}.stat-card{padding:13px}.stat-value{font-size:16px}.section-grid{grid-template-columns:1fr;gap:11px;margin-top:11px}.panel{padding:15px}.chart-wrap{height:160px}.transaction-list{margin-top:11px}.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(10px);border-top:1px solid var(--line);height:65px;padding:5px 4px env(safe-area-inset-bottom);z-index:5;justify-content:space-around}.mobile-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#98a29b;font-size:9px;min-width:54px}.mobile-nav button span{font-size:17px}.mobile-nav button.active{color:var(--green);font-weight:700}.table-wrap{overflow-x:auto}.data-table{min-width:670px}.account-grid,.savings-grid{grid-template-columns:1fr 1fr;gap:9px}.account-card,.savings-card{padding:14px}.account-balance{font-size:16px}.account-name{font-size:11px}.settings-grid{grid-template-columns:1fr}.searchbar{left:0;top:57px;padding:10px 15px}.toolbar .search-input{max-width:none;flex:1;min-width:140px}.toolbar .filter-select{flex:1;min-width:95px}.form-grid{gap:10px}.modal{padding:18px}.metric-row{gap:7px}.metric-card{padding:11px}.metric-card b{font-size:13px}}
@media(max-width:380px){.account-grid,.savings-grid{grid-template-columns:1fr}.balance-foot{gap:10px}.balance-foot span{font-size:9px}}

/* White wallet cards for the account carousel */
.wallet-summary{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;min-height:155px;padding:22px 24px;background:linear-gradient(135deg,#fff 0%,#f0f6f1 72%,#e7f2eb 100%);border:1px solid #dfe9e1;border-radius:16px;box-shadow:var(--shadow)}.wallet-label{font-size:12px;color:#78857c}.wallet-total{font:700 30px Manrope;letter-spacing:-1px;margin:10px 0 5px}.wallet-meta{font-size:11px;color:#8a968d}.wallet-eye{width:34px;height:34px;border:1px solid #e3e9e2;background:#fff;color:var(--green);border-radius:50%;display:grid;place-items:center}.wallet-wave{position:absolute;width:360px;height:140px;right:-30px;bottom:-90px;border:1px solid #8db69b55;border-radius:50%;box-shadow:0 -14px 0 -13px #8db69b55,0 -29px 0 -28px #8db69b55}.wallet-actions{display:flex;gap:9px;margin:13px 0 24px}.wallet-actions .btn{min-width:138px;justify-content:center}.wallet-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wallet-section-head .panel-title{font:700 15px Manrope}.round-add{width:37px;height:37px;border:0;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:22px}.wallet-stack{position:relative;height:300px;margin:0 auto;max-width:670px}.wallet-card{position:absolute;top:var(--card-offset);left:4%;width:92%;height:208px;padding:18px 20px 16px;text-align:left;border:1px solid #ffffffa6;border-radius:17px;overflow:hidden;box-shadow:0 14px 28px #23392d1b;transform:scale(calc(1 - var(--card-depth)*.035));transform-origin:top center;transition:transform .22s,top .22s,box-shadow .22s;cursor:pointer}.wallet-card.is-current{top:55px;box-shadow:0 18px 35px #263b2e25}.wallet-card-green{background:linear-gradient(132deg,#f7fbf7,#deeee2 55%,#c7e3ce);color:#203a2c}.wallet-card-gold{background:linear-gradient(132deg,#fffaf0,#f2e7ce 56%,#e7d5ad);color:#4c4230}.wallet-card-mint{background:linear-gradient(132deg,#f3fbf7,#d6eee2 58%,#b6ddca);color:#203d31}.wallet-card-blue{background:linear-gradient(132deg,#f3f7fc,#dce6f3 55%,#c4d4e8);color:#263b54}.wallet-card-slate{background:linear-gradient(132deg,#fff,#edf0ed 60%,#dfe5e0);color:#37443b}.wallet-card.has-card-photo{background-image:linear-gradient(#ffffff28,#ffffff28),var(--account-card-photo);background-position:center;background-size:cover;color:#fff;text-shadow:0 1px 4px #0007}.wallet-card.has-card-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#15261c88,#15261c18 82%);z-index:0}.wallet-card>*{position:relative;z-index:1}.wallet-card-top{display:flex;align-items:center;gap:9px}.wallet-account-icon{width:32px;height:32px;border-radius:9px;background:#ffffffbb;color:var(--green);display:grid;place-items:center;font-size:18px}.wallet-card-type{font-size:10px;color:inherit;opacity:.76}.wallet-card-menu{margin-left:auto;border:0;border-radius:20px;background:#ffffff99;padding:3px 8px;color:inherit;font-size:13px}.wallet-card-name{display:block;font:700 18px Manrope;margin-top:13px;letter-spacing:-.3px}.wallet-card-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:12px}.wallet-card-chip{display:grid;place-items:center;width:32px;height:24px;border:1px solid #a9955b88;border-radius:5px;color:#957e37;background:linear-gradient(135deg,#f8e7a9,#d6c178);font-size:12px}.wallet-card-bottom strong{font:700 18px Manrope;letter-spacing:-.4px}.wallet-card-art{position:absolute!important;width:240px;height:150px;right:-56px;bottom:-78px;border:1px solid #668c6c55;border-radius:50%;box-shadow:0 -14px 0 -13px #668c6c55,0 -28px 0 -27px #668c6c55,0 -42px 0 -41px #668c6c55}.wallet-card-gold .wallet-card-art{border-color:#b1955766;box-shadow:0 -14px 0 -13px #b1955766,0 -28px 0 -27px #b1955766,0 -42px 0 -41px #b1955766}.wallet-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:1px}.wallet-arrow{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#66766b;font-size:19px}.wallet-dots{display:flex;gap:7px}.wallet-dot{width:7px;height:7px;border:0;border-radius:50%;background:#d6ddd6;padding:0}.wallet-dot.active{background:var(--green);width:18px;border-radius:8px}.wallet-detail{display:flex;align-items:center;gap:24px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px 15px;margin-top:13px;box-shadow:var(--shadow)}.wallet-detail div{display:grid;gap:4px}.wallet-detail span{font-size:9px;color:#929d95}.wallet-detail b{font-size:11px}.wallet-detail .mini-action{margin-left:auto}.wallet-empty{display:grid;justify-items:center;gap:8px;background:#fff;border:1px dashed #d8e1d9;border-radius:14px;padding:34px}.wallet-empty-icon{font-size:25px;color:var(--green)}.wallet-empty b{font:700 14px Manrope}.wallet-empty span{font-size:11px;color:#86928a}.archived-accounts{display:flex;justify-content:space-between;color:#849088;font-size:10px;border-top:1px solid var(--line);padding:13px 2px;margin-top:16px}
.account-photo-field{margin-bottom:16px}.account-photo-field>label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#59665e;font-weight:700;margin-bottom:8px}.account-photo-field>label span{font-weight:400;color:#9aa49c}.account-photo-preview{height:160px;border:1px dashed #cbd9cd;border-radius:13px;background:linear-gradient(145deg,#fff,#eef5ef);display:grid;place-items:center;position:relative;background-position:center;background-size:cover;color:#8a968d;font-size:11px;overflow:hidden}.account-photo-preview.has-photo{border-style:solid}.account-photo-remove{position:absolute;right:8px;top:8px;border:1px solid #e7ebe6;border-radius:7px;background:#fffffff0;padding:5px 8px;color:#637168;font-size:9px}.account-photo-actions{display:flex;align-items:center;gap:9px;margin-top:9px;flex-wrap:wrap}.account-photo-actions label{cursor:pointer}.account-photo-actions small{font-size:9px;color:#909b93}.wallet-card.has-card-photo .wallet-card-art{display:none}
@media(max-width:700px){.wallet-summary{min-height:132px;padding:18px}.wallet-total{font-size:26px}.wallet-actions{margin-bottom:20px}.wallet-actions .btn{flex:1;min-width:0}.wallet-stack{height:270px}.wallet-card{height:190px;padding:15px 16px}.wallet-card.is-current{top:48px}.wallet-card-name{font-size:16px}.wallet-card-bottom strong{font-size:16px}.wallet-detail{gap:13px;padding:11px}.wallet-detail .mini-action{font-size:9px}.account-photo-preview{height:140px}}
.modal:has(.account-photo-field){max-height:calc(100dvh - 30px);overflow:auto}.modal:has(.account-photo-field) .modal-actions{position:sticky;bottom:-18px;background:#fff;padding-top:12px;padding-bottom:2px}
.wallet-card-menu{position:relative;z-index:3;cursor:pointer}.wallet-card{cursor:pointer}
@media(min-width:701px){.wallet-stack{height:340px}.wallet-card{height:230px;padding:21px 24px}.wallet-card.is-current{top:58px}.wallet-card-name{font-size:21px;margin-top:17px}.wallet-card-bottom{margin-top:18px}.wallet-card-bottom strong{font-size:20px}.wallet-card-art{width:300px;height:180px;right:-70px;bottom:-92px}}

/* Dark forest and mint theme from the supplied Catatan Uang mockups. */
body{background:radial-gradient(ellipse at 76% -12%,#163229 0,transparent 38%),var(--canvas);color:var(--ink)}
.sidebar,.topbar,.stat-card,.panel,.metric-card,.table-wrap,.modal,.wallet-detail,.wallet-empty,.searchbar,.search-input,input,select,textarea,.filter-select,.month-select{background-color:var(--paper);color:var(--ink);border-color:var(--line)}
.sidebar{background:#0d1513}.topbar{background:#0d1513eF}.nav-item{color:#aeb8b3}.nav-item span{color:#aeb8b3}.nav-item:hover{background:#1c2924;color:#f5f6f5}.nav-item.active{background:#fff;color:#0a1411}.nav-item.active span{color:#0a1411}.brand-mark{background:#fff;color:#09100f}.brand-light{color:#d5e5dc}.brand small,.nav-label,.crumb{color:#86938d}.crumb strong{color:#eef4f0}
.btn-primary,#quick-add{background:#fff;border-color:#fff;color:#0a1411}.btn-primary:hover{background:#e9eeeb;border-color:#e9eeeb}.balance-card{background:linear-gradient(135deg,#14231f,#0b1714);border:1px solid #263a32;color:#f5f6f5}.balance-label,.balance-foot{color:#bac7c0}.balance-action{color:#fff}.stat-card,.panel,.metric-card,.table-wrap{box-shadow:var(--shadow)}.stat-title,.stat-note,.panel-subtitle,.page-heading p,.eyebrow{color:#a4b0a9}.data-table th{background:#17211e;color:#aab5af}.data-table td,.tx-row,.profile{border-color:#26332e}.search-input,input,select,textarea{color:var(--ink)}.status-pill{background:#1c2924;color:#c9f3dd}.balance-card:after{border-color:#a9f3cf22;box-shadow:0 0 0 28px #a9f3cf0a,0 0 0 62px #a9f3cf08}
.wallet-summary{background:linear-gradient(135deg,#101a17 0%,#14231e 72%,#192a23 100%);border-color:#293a33;color:#fff}.wallet-label,.wallet-meta{color:#b2bdb7}.wallet-eye,.wallet-arrow{background:#18241f;border-color:#34443d;color:#fff}.wallet-actions .btn:not(.btn-primary){background:#18241f;border-color:#34443d;color:#eaf2ed}.round-add{background:#fff;color:#101815}.wallet-card-green,.wallet-card-mint{background:linear-gradient(132deg,#15372d,#0b211a 58%,#163b2e);color:#f4fff9}.wallet-card-gold{background:linear-gradient(132deg,#393222,#211e18 58%,#55452c);color:#fff9ed}.wallet-card-blue{background:linear-gradient(132deg,#1d3540,#10252b 58%,#1a4149);color:#f4fbff}.wallet-card-slate{background:linear-gradient(132deg,#252c29,#141a18 60%,#303b35);color:#f5f8f6}.wallet-card:not(.has-card-photo){border-color:#52706388;box-shadow:0 14px 28px #0006}.wallet-card.has-card-photo{background-image:linear-gradient(#09100f22,#09100f22),var(--account-card-photo)}.wallet-card.has-card-photo:before{background:linear-gradient(90deg,#07100caa,#07100c1c 82%)}.wallet-card-menu,.wallet-account-icon{background:#ffffff20;color:#fff}.wallet-card-chip{background:linear-gradient(135deg,#f8e7a9,#d6c178);color:#806a2a}.wallet-detail{border-color:#293a33}.wallet-detail span,.archived-accounts,.wallet-empty span{color:#a2afa8}.wallet-empty{border-color:#34443d}.wallet-dot{background:#3c4a44}.wallet-dot.active{background:#fff}.wallet-card-art,.wallet-gold .wallet-card-art{border-color:#a9f3cf66;box-shadow:0 -14px 0 -13px #a9f3cf66,0 -28px 0 -27px #a9f3cf66,0 -42px 0 -41px #a9f3cf66}.account-photo-preview{background:linear-gradient(145deg,#18251f,#0d1513);border-color:#40544a;color:#c4d0c9}.account-photo-field>label{color:#eaf1ec}.account-photo-remove{background:#111918;color:#fff;border-color:#394840}.account-photo-actions small{color:#a4b0a9}.modal:has(.account-photo-field) .modal-actions{background:#111918}
@media(max-width:700px){.mobile-nav{background:#0d1513;border-color:#293431}.mobile-nav button{color:#aab5af}.mobile-nav button.active{color:#fff}.mobile-nav button.active:before{background:#fff}.mobile-brand{color:#f5f6f5}.avatar{background:#263a32;color:#d8eee2}}
.settings-card{background:#111918;color:#f5f6f5;border-color:#293431}.settings-card p,.settings-card label{color:#aab5af}.settings-card .btn:not(.btn-primary){background:#1b2822;color:#f5f6f5;border-color:#34443d}