@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;font-size:14px;color:#301c25;background:#faf7f8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ba859a}h1,h2,h3{font-family:Manrope;margin:0;letter-spacing:-.04em}h1{font-size:clamp(25px,3vw,37px)}h2{font-size:16px}p{line-height:1.6}a{color:#7f2e4a}.app{display:flex;min-height:100vh}.sidebar{background:#350d1e;flex:0 0 246px;min-height:100vh;color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:27px 17px}.brand{display:flex;align-items:center;gap:11px;font:800 14px Manrope;letter-spacing:-.4px;margin-bottom:35px}.brandicon{display:grid;place-items:center;background:#f4dce5;color:#5e1b32;border-radius:12px;width:40px;height:40px;font:900 20px Manrope;flex-shrink:0}.brand small{display:block;font:600 9px DM Sans;letter-spacing:2.4px;color:#d8aabb;margin-top:5px}.sidebar nav{display:grid;gap:5px}.sidebar button{background:transparent;border:0;color:#dbb6c5;display:flex;align-items:center;gap:13px;padding:14px;border-radius:10px;font-weight:700;text-align:left}.sidebar nav button:hover,.sidebar nav button.selected{background:#62263c;color:#fff}.sidefoot{margin-top:auto;background:#49162a;border:1px solid #714057;border-radius:14px;padding:10px;display:flex;align-items:center;gap:9px}.usericon{background:#8d4761;border-radius:10px;padding:10px;font-weight:800}.userid{flex:1;min-width:0}.userid strong{font-size:11px;display:block}.userid small{font-size:10px;color:#d4aebd}.sidefoot button{padding:4px}.main{min-width:0;flex:1}.topbar{height:86px;padding:15px clamp(18px,3vw,44px);border-bottom:1px solid #eee3e8;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff}.topstart small{font-size:10px;color:#8b475e;letter-spacing:1.3px;font-weight:800}.topstart p{margin:7px 0 0;color:#85737a;font-size:12px}.topactions,.inline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.topactions select,.topactions button,.inline button,.panelhead input,.dialog input,.dialog select{background:#fff;border:1px solid #e6d8df;border-radius:9px;padding:10px 12px;min-width:0}.topactions button,.inline button{display:flex;align-items:center;gap:6px;font-weight:700}.body{padding:32px clamp(18px,3vw,44px) 50px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{color:#9b536a;font-size:10px;font-weight:800;letter-spacing:2px}.heading h1{margin:8px 0}.heading p{margin:0;color:#897780;font-size:12px}.primary{background:#52152d!important;color:#fff!important;border:1px solid #52152d!important;border-radius:10px;padding:12px 16px;font-weight:800;display:inline-flex;gap:8px;align-items:center;justify-content:center}.primary:hover{background:#702a44!important}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:16px}.metric{background:#fff;border:1px solid #eadfe4;border-radius:16px;padding:22px;text-align:left;min-height:141px;box-shadow:0 9px 22px #400b1d05}.metric span{font-size:12px;color:#897780;display:block}.metric strong{font:800 clamp(19px,2vw,27px) Manrope;letter-spacing:-1px;display:block;margin:18px 0 10px;overflow-wrap:anywhere}.metric small{font-size:10px;color:#937c86}.metric:nth-child(3){background:#51162c;color:#fff;border-color:#51162c}.metric:nth-child(3) span,.metric:nth-child(3) small{color:#e1b8c8}.two{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.panel{background:#fff;border:1px solid #eadfe4;border-radius:16px;padding:23px;margin-bottom:16px;box-shadow:0 8px 27px #400b1d05;min-width:0}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.panelhead input{width:220px}.soft{background:#f7eaf0;border:0;color:#7a2c49;font-weight:800;padding:9px 11px;border-radius:8px}.statline{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #f0e8ec}.statline:last-child{border-bottom:0}.statline b{font-family:Manrope}.reconcile{font-weight:800;padding:10px 13px;margin:18px 0 10px;border-radius:9px}.reconcile.good{background:#e7f4ed;color:#217255}.reconcile.warn{background:#fff1dc;color:#976011}.muted,.hint{color:#907e86;font-size:12px}.hint{margin-bottom:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#9c8b93;border-bottom:1px solid #eadfe4;padding:12px 10px}td{border-bottom:1px solid #f3ecf0;padding:14px 10px;font-size:12px}tbody tr:hover{background:#fcf8fa}.num{text-align:right}.actions{display:flex;gap:5px}.actions button,.iconbutton{background:#faf3f6;border:1px solid #f0e3e9;padding:7px;border-radius:8px;color:#78324a}.empty{text-align:center!important;padding:30px;color:#978791}.tag{font-size:10px;font-weight:800;border-radius:40px;padding:5px 10px;text-transform:capitalize;background:#f4e8ee;color:#76364b}.tag.income{background:#e5f4ec;color:#247653}.tag.expense{background:#fce7ea;color:#ab4356}.tag.transfer{background:#edf0ff;color:#4857a1}.starter{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:34px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips button{border:1px solid #eddee4;border-radius:9px;background:#fff;padding:10px 15px;text-align:left;font-weight:700}.chips small{display:block;font-weight:400;color:#94838a;margin-top:4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#23141dbb;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#fff;border-radius:18px;width:100%;max-width:650px;max-height:90vh;overflow:auto;padding:28px;box-shadow:0 20px 70px #12040b50}.dialog h2{font-size:24px;margin-top:7px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dialog label,.loginbox label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:12px}.dialog input,.dialog select{width:100%;font-weight:400}.dialogfoot{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.dialogfoot button:not(.primary){background:#fff;border:1px solid #e4d8de;padding:12px 18px;border-radius:10px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px;display:flex;align-items:center;gap:10px;font-size:12px}.alert button{margin-left:auto;background:none;border:0;color:inherit}.alert.error{background:#ffe8ed;color:#a33c52}.alert.success{background:#e8f5ed;color:#226846}.busy{position:fixed;top:12px;right:12px;z-index:50;background:#42152b;color:#fff;border-radius:10px;padding:12px 20px}.signin{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.loginhero{background:linear-gradient(135deg,#300917,#722542);color:#fff;padding:clamp(26px,5vw,70px);display:flex;flex-direction:column;justify-content:space-between}.loginhero h1{font-size:clamp(38px,5vw,70px);letter-spacing:-3px;line-height:1.12}.loginhero p{color:#e5bfcd}.loginright{display:grid;place-items:center;padding:30px}.loginbox{width:min(380px,100%)}.loginbox h2{font-size:33px;margin:15px 0 8px}.loginbox p{color:#95808b}.loginbox label{margin:18px 0}.loginbox input{padding:13px;border:1px solid #e8dce1;border-radius:9px}.loginbox button{width:100%}.pill{border-radius:40px;background:#f6e5ec;color:#82334c;padding:8px 13px;font-weight:800;font-size:11px;display:inline-flex}.dangertext{color:#b74256!important}.mobilebtn{display:none}.loading{padding:35px}.backdrop{display:none}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:1fr}}@media(max-width:740px){.mobilebtn{display:inline-flex;background:none;border:0;color:#5b2439;padding:0}.sidebar{position:fixed;left:0;transform:translate(-100%);z-index:15;transition:transform .2s;max-width:85vw}.sidebar.open{transform:translate(0)}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1e0e16a8;z-index:14}.topbar{padding:12px 16px;height:auto;min-height:80px}.topstart{display:flex;align-items:center;gap:12px}.topstart p,.topactions button span{display:none}.body{padding:24px 14px}.heading{align-items:flex-start}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:16px;min-height:125px}.metric strong{font-size:19px}.panel{padding:17px}.formgrid{grid-template-columns:1fr}.starter{align-items:flex-start;flex-direction:column}.signin{grid-template-columns:1fr}.loginhero{min-height:240px}.loginhero h1{font-size:36px;letter-spacing:-1px}.loginhero>small{display:none}.loginright{padding:28px}}