@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";*{box-sizing:border-box}body{color:#202e34;background:#f7f8fa;margin:0;font:14px DM Sans,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #54b9a5}.shell{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e7ebed;flex-direction:column;width:235px;padding:35px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;gap:10px;font:800 25px Manrope,sans-serif;display:flex}.brand>span:first-child{color:#fff;background:#157863;border-radius:11px;padding:9px;display:flex}.brand .dot{color:#159377;margin-left:-10px}.eyebrow{letter-spacing:1.6px;color:#82918f;font-size:10px;font-weight:700}aside>.eyebrow{margin:36px 12px 15px}nav{gap:7px;display:grid}nav button{color:#6f7b80;border-radius:9px;justify-content:flex-start;padding:14px 15px;font-weight:500}nav .selected{color:#126d59;background:#e8f3ef}nav button:hover{background:#f1f6f4}.aside-bottom{color:#6e817c;border-top:1px solid #eee;gap:10px;margin-top:auto;padding:22px 4px 0;display:flex}.aside-bottom b{font-size:12px;display:block}.aside-bottom small{margin-top:5px;font-size:10px;display:block}main{width:calc(100% - 235px);margin-left:235px}header{background:#fff;border-bottom:1px solid #e7ebed;justify-content:space-between;align-items:center;height:77px;padding:0 42px;display:flex}.breadcrumb{color:#60716f;font-size:12px}.breadcrumb span{color:#bec8c5;margin:0 15px}.avatar{background:#eaf0ed;border:4px solid #f7f9f8;border-radius:50%;padding:10px;font-size:11px;font-weight:700}.content{max-width:1600px;margin:auto;padding:36px 42px}.heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.heading .eyebrow{color:#278772}h1{letter-spacing:-1.1px;margin:8px 0 10px;font:750 30px Manrope,sans-serif}p{line-height:1.6}.heading p{color:#81908e;margin:0;font-size:13px}.primary{color:#fff;background:#147b64;border-radius:8px;padding:13px 17px;font-size:12px;font-weight:600;box-shadow:0 3px 4px #147b6415}.primary:hover{background:#0f6653}.toolbar{justify-content:space-between;align-items:center;margin:31px 0 20px;display:flex}.month{background:#fff;border:1px solid #e3e9e6;border-radius:7px;align-items:center;gap:10px;padding:5px;display:flex}.month input{background:0 0;border:0;width:160px;font-size:12px;font-weight:600}.month button{color:#8b9892;padding:5px}.muted{color:#8a9698;font-size:11px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.metrics article{background:#fff;border:1px solid #e7eae9;border-radius:11px;min-height:154px;padding:21px}.metric-label{color:#7b8888;justify-content:space-between;align-items:center;min-height:30px;font-size:11px;display:flex}.metrics strong{margin:11px 0;font:750 26px Manrope,sans-serif;display:block}.metrics small{color:#94a19c;font-size:10px;line-height:1.6;display:block}.metrics .balance{color:#fff;background:#164f43;border-color:#164f43}.balance .metric-label,.balance small{color:#afcdc2}.icon{background:#eef7f2;border-radius:9px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.pending-grid{grid-template-columns:1fr 1fr;gap:17px;margin:18px 0 25px;display:grid}.pending-grid button{text-align:left;background:#fff;border:1px solid #e4e9e7;border-radius:9px;justify-content:flex-start;padding:16px 19px}.pending-grid small{color:#83908c;font-size:11px;display:block}.pending-grid b{margin-top:6px;font-size:17px;display:block}.count{color:#8b9891;margin-left:auto;font-size:10px}.insights{grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:25px;display:grid}.panel{background:#fff;border:1px solid #e5e9e7;border-radius:11px;padding:23px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;display:flex}h2{margin:0;font:700 15px Manrope,sans-serif}.badge{color:#7a8f86;background:#f1f5f3;border-radius:5px;padding:5px 7px;font-size:9px}.bar-row{align-items:center;gap:15px;margin:23px 0;font-size:11px;display:flex}.bar-row>span{color:#81938b;width:53px}.bar-row>div{background:#f3f5f4;border-radius:4px;flex:1;height:9px;overflow:hidden}.bar-row i{border-radius:4px;height:100%;display:block}.bar-row b{text-align:right;min-width:90px;font-size:11px}.net{border-top:1px dashed #e0e8e4;justify-content:space-between;padding-top:18px;font-size:11px;display:flex}.category{align-items:center;gap:9px;margin-top:17px;font-size:11px;display:flex}.category b{margin-left:auto}.category small{text-align:right;color:#8b9992;width:30px}.swatch{background:#19836d;border-radius:2px;width:8px;height:8px}.s1{background:#87b7a6}.s2{background:#dfb78b}.s3{background:#9eacc6}.quiet{text-align:center;color:#98a49f;padding:26px 5px;font-size:12px}.quiet span{color:#617f71;font-size:16px}.quiet p{font-size:11px}.secondary{background:#fff;border:1px solid #dde5e1;border-radius:7px;padding:9px 12px;font-size:11px}.transactions .section-head{margin-bottom:18px}.section-head p{margin:6px 0 0}.table-tools{justify-content:space-between;gap:15px;margin-bottom:20px;display:flex}.tabs{background:#f5f7f6;border-radius:7px;gap:4px;padding:4px;display:flex}.tabs button{color:#85938d;border-radius:5px;padding:7px 12px;font-size:10px}.tabs .active{color:#246651;background:#fff;box-shadow:0 1px 4px #203e3210}.search{color:#9ba8a0;border:1px solid #e4e9e6;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;display:flex}.search input{background:0 0;border:0;outline:0;width:145px;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px;font-size:11px}th{color:#899990;text-align:left;background:#f7f9f8;padding:13px 10px;font-size:10px;font-weight:500}td{color:#718179;border-bottom:1px solid #f0f3f1;padding:16px 10px}td b{color:#364d41;font-size:12px;display:block}td small{color:#a0aaa5;overflow-wrap:anywhere;max-width:220px;margin-top:5px;font-size:9px;display:block}.right{text-align:right}.amount{white-space:nowrap;color:#4c5e52;font-weight:600}.status{white-space:nowrap;color:#a98d47;background:#faf4e6;border-radius:5px;padding:5px 7px;font-size:9px}.status.paid{color:#49856a;background:#eaf5ee}.status.cancelled{color:#888;background:#eee}.actions{gap:4px;display:flex}.actions button{color:#6f8a7a;border:1px solid #e6ece7;border-radius:5px;padding:5px}.empty{text-align:center;padding:37px 20px 30px}.empty-icon{color:#84aa95;background:#edf4ef;border-radius:50%;place-items:center;width:56px;height:56px;margin:auto;display:grid}h3{margin-bottom:7px;font:650 16px Manrope}.empty p{color:#92a096;max-width:420px;margin:0 auto 19px;font-size:12px}footer{color:#99a79d;text-align:center;margin-top:26px;font-size:10px}footer span{padding:0 8px}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#102e245e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#fff;border-radius:15px;width:530px;max-width:100%;max-height:95vh;padding:28px;overflow:auto;box-shadow:0 20px 80px #173a3c40}.modal h2{margin-top:7px;font-size:23px}.close{color:#9aaba2;padding:5px}.type-picker{background:#f4f7f5;border-radius:8px;margin-bottom:20px;padding:4px;display:flex}.type-picker button{color:#81958a;border-radius:6px;width:50%;padding:10px;font-size:12px}.type-picker .chosen{color:#14775d;background:#fff;box-shadow:0 1px 5px #203e3210}.modal label{color:#63796c;flex-direction:column;gap:7px;margin-bottom:15px;font-size:11px;font-weight:500;display:flex}.modal input,.modal select,.modal textarea{color:#385043;background:#fff;border:1px solid #dfe7e2;border-radius:7px;outline:0;width:100%;padding:11px 10px;font-size:12px}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#19846a;box-shadow:0 0 0 3px #19846a12}.modal textarea{resize:vertical;min-height:65px}.form-grid{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.form-note{color:#87988b;font-size:11px}.save{width:100%;margin-top:5px}.error{color:#a15d43;background:#fff0e9;border-radius:8px;margin-bottom:20px;padding:15px}.error button{text-decoration:underline}.audit{border-bottom:1px solid #eee;gap:15px;padding:18px 0;font-size:12px;display:flex}.audit p{color:#8a9b90;margin:3px 0}.audit>small{color:#81968a;margin-left:auto;font-size:10px}@media (min-width:1600px){.content{padding-top:50px}}@media (max-width:1150px){aside{width:195px;padding:30px 15px}.brand{font-size:22px}main{width:calc(100% - 195px);margin-left:195px}.content{padding:30px 24px}.metrics{gap:10px}.metrics article{padding:16px}.metrics strong{font-size:23px}.count{font-size:9px}.pending-grid button{padding:14px}.heading h1{font-size:26px}}@media (max-width:850px){aside{width:75px;padding:23px 12px}.brand{gap:0;font-size:0}.brand .dot,aside .eyebrow,.aside-bottom{display:none}nav{margin-top:30px}nav button{gap:0;padding:15px;font-size:0}nav button svg{min-width:19px}main{width:calc(100% - 75px);margin-left:75px}header{height:65px;padding:0 24px}.metrics{grid-template-columns:1fr 1fr}.insights{grid-template-columns:1fr}.heading{align-items:flex-start}.heading h1{font-size:25px}.heading .primary{white-space:nowrap}.count{display:none}}@media (max-width:600px){aside{border-bottom:1px solid #e6ece7;width:100%;padding:15px 18px;position:static}.shell{display:block}.brand{font-size:22px}.brand .dot{display:block}.brand>span:first-child{padding:7px}nav{justify-content:space-between;margin:15px 0 -3px;display:flex}nav button{flex-direction:column;gap:5px;padding:9px 10px;font-size:9px}main{width:100%;margin:0}header{display:none}.content{padding:25px 17px}.heading{display:block}.heading .primary{width:100%;margin-top:19px}.heading h1{font-size:27px}.toolbar{margin-top:22px}.toolbar>.muted{font-size:9px}.month{gap:2px}.month input{width:137px}.metrics article{min-height:142px;padding:15px}.metrics strong{font-size:23px}.metrics small{font-size:9px}.metric-label{font-size:10px}.pending-grid{gap:10px}.pending-grid button{gap:8px;padding:12px}.pending-grid .icon{display:none}.pending-grid small{font-size:9px}.pending-grid b{font-size:16px}.panel{padding:18px}.section-head{align-items:flex-start}.table-tools{flex-direction:column}.search input,.search{width:100%}.tabs{width:max-content}.empty{padding:30px 4px}.empty h3{font-size:15px}.overlay{padding:10px}.modal{padding:22px}.form-grid{gap:0 10px}.insights{gap:15px}.audit{flex-wrap:wrap}.audit>small{margin-left:32px}}.green{color:#127446!important}.red{color:#c42d40!important}.icon.red{background:#ffe4e8}.metrics .income-card,.pending-grid .income-card{color:#126738;background:#e5f5eb;border-color:#97d2ae}.metrics .expense-card,.pending-grid .expense-card{color:#a71e31;background:#fde8eb;border-color:#e7a0a9}.income-card .metric-label,.income-card small,.income-card .count{color:#387653}.expense-card .metric-label,.expense-card small,.expense-card .count{color:#a64454}.income-card strong,.income-card b{color:#116336}.expense-card strong,.expense-card b{color:#a71e31}.income-card .icon{background:#c8ead6}.expense-card .icon{background:#f8cbd3}.income-nav{background:#eef9f2;color:#167b46!important}.expense-nav{background:#fff1f3;color:#bd2e42!important}nav .selected.income-nav{background:#d5efdf}nav .selected.expense-nav{background:#fbdce2}.income-row td:first-child{border-left:3px solid #75be8e}.expense-row td:first-child{border-left:3px solid #e38d9a}.type-picker .chosen.expense-choice{color:#ae2139;background:#fce1e7}.type-picker .chosen.income-choice{color:#146c3d;background:#d9f1e3}.header-access{align-items:center;gap:16px;display:flex}.mobile-lock{display:none}.login-page{background:radial-gradient(at 20% 20%,#dcece3,#0000 60%),#f6f8f6;place-items:center;width:100%;min-height:100vh;margin:0;padding:25px;display:grid}.login-card{background:#fff;border:1px solid #dde7e0;border-radius:18px;width:430px;max-width:100%;padding:37px;box-shadow:0 20px 80px #1647300d}.login-card .brand{justify-content:center;margin-bottom:35px;font-size:26px}.login-card .dot{display:block}.login-symbol{color:#19724b;background:#e8f4ed;border-radius:15px;place-items:center;width:58px;height:58px;margin-bottom:24px;display:grid}.login-card h1{font-size:25px}.login-card>p{color:#82948a;margin-bottom:27px;font-size:13px}.login-card label{color:#4e6859;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;display:flex}.login-card input{border:1px solid #d9e5dc;border-radius:8px;outline:0;width:100%;padding:13px}.login-card input:focus{border-color:#167b4d;box-shadow:0 0 0 3px #187c4912}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{color:#819889;position:absolute;top:11px;right:8px}.login-card .primary{width:100%;margin-top:5px}.login-note{color:#82958a;justify-content:center;align-items:center;gap:6px;margin-top:27px;font-size:10px;display:flex}.login-card .error{font-size:12px}@media (max-width:600px){.mobile-lock{justify-content:center;margin-top:22px;display:flex}.login-card{padding:27px}}.expense-analysis{background:#fff8f9;border-color:#f0ced5}.expense-analysis h2,.expense-analysis .category b{color:#a8293e}.expense-analysis .swatch{background:#cc4059}.expense-analysis .s1{background:#dc788a}.expense-analysis .s2{background:#eba8b6}.expense-analysis .s3{background:#b72846}.expense-row .status.paid{color:#a6243a;background:#fce4e9}.income-row .status.paid{color:#1e7145;background:#e1f3e8}.bar-row.green>span{color:#237f4b}.bar-row.red>span{color:#bb2a42}.expense-form .save{background:#bd3049}.expense-form .eyebrow{color:#b74358}.income-form .save{background:#167b45}.income-form .eyebrow{color:#277c49}