@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box}body{color:#243d39;background:#f7f8fa;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #dca96b}a{color:inherit}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{letter-spacing:-1.5px;margin:4px 0 10px;font-size:38px}h2{margin:0 0 12px;font-size:20px}p{line-height:1.6}button{border:0}aside{background:#fff;border-right:1px solid #e8eeeb;flex-direction:column;width:242px;padding:36px 25px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:28px;font-weight:700;text-decoration:none;display:flex}.brand span{font-size:22px}.brandlight{letter-spacing:2px;font-weight:400;display:block;font-size:13px!important}.family{letter-spacing:2px;color:#97a3a0;margin:48px 14px 17px;font-size:10px}nav{gap:8px;display:grid}nav button{text-align:left;color:#7a8885;background:0 0;border-radius:10px;gap:14px;padding:15px;font-weight:600;display:flex}nav button.active{color:#2e6651;background:#e9f1ed}nav button span{width:23px;font-size:20px}.asidebottom{background:#f7f9f7;border:1px solid #edf0eb;border-radius:12px;margin-top:auto;padding:16px;font-size:12px}.asidebottom p{color:#87928c}.avatars{margin-bottom:16px;display:flex}.avatars b{background:#e8d8c8;border:2px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;margin-right:-5px;display:grid}.avatars b:nth-child(2){background:#dbe8d8}.avatars b:nth-child(3){background:#e5dfeb}main{max-width:1600px;margin-left:242px;padding:0 48px 24px}header{letter-spacing:2px;color:#89958f;border-bottom:1px solid #e3e8e4;justify-content:space-between;align-items:center;height:91px;font-size:10px;display:flex}.account{letter-spacing:0;align-items:center;gap:10px;font-size:12px;display:flex}.account b{color:#6c655a;background:#e9e1d6;border-radius:50%;margin-left:12px;padding:12px}.account i,.dot{background:#77a78a;border-radius:50%;width:6px;height:6px;display:inline-block}.heading{justify-content:space-between;align-items:center;gap:20px;margin:36px 0 27px;display:flex}.heading p{color:#86938e;margin:0}.eyebrow{letter-spacing:2px;color:#8f9b91;font-size:10px;font-weight:700;margin-bottom:10px!important}.primary{color:#fff;white-space:nowrap;background:#2c6653;border-radius:9px;padding:14px 19px;font-weight:600;box-shadow:0 3px 6px #214b3810}.secondary{color:#2b6450;background:#edf3ef;border:1px solid #d7e3dc;border-radius:8px;padding:12px 16px}.textbutton{color:#4a7664;background:0 0;padding:5px 0;font-size:12px}.filters{align-items:center;gap:10px;margin-bottom:23px;display:flex}.filters input,.filters select{color:#596b62;background:#fff;border:1px solid #e2e7e3;border-radius:7px;width:auto;padding:9px 12px;font-size:12px}.filters span{color:#929d96;margin-left:auto;font-size:11px}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:27px;display:grid}.stat{background:#fff;border:1px solid #e6ebe6;border-radius:13px;padding:24px}.stat>span{letter-spacing:1.6px;color:#8c9b93;font-size:10px}.stat h2{letter-spacing:-1px;margin:20px 0;font-size:32px;font-weight:600}.stat p{color:#8d9a92;border-top:1px solid #edf0eb;margin:0;padding-top:14px;font-size:12px}.stat p span{float:right}.stat.dark{color:#fff;background:#254d40;border-color:#254d40}.stat.dark>span,.stat.dark p{color:#b8cabe}.stat.dark p{border-color:#446456}.columns{grid-template-columns:1.65fr 1fr;gap:24px;display:grid}.panel{background:#fff;border:1px solid #e7ece7;border-radius:14px;padding:26px}.sectionhead{justify-content:space-between;align-items:center;gap:10px;display:flex}.sectionhead h2{margin:0}.sectionhead>span{color:#84948a;font-size:12px}em{background:#eef4ef;border-radius:5px;margin-left:6px;padding:3px 7px;font-size:11px;font-style:normal}.muted{color:#98a29c;margin-top:8px;font-size:12px}.bill{border-bottom:1px solid #edf0ec;align-items:center;gap:14px;padding:18px 0;display:flex}.datebox{color:#aa8b5d;text-align:center;background:#f6f1e7;border-radius:9px;width:43px;min-width:43px;padding:7px}.datebox strong{font-size:20px;display:block}.datebox small{text-transform:uppercase;font-size:10px}.datebox.paid{color:#5b9270;background:#edf5ef}.billname{flex:1;min-width:0}.billname strong{overflow-wrap:anywhere;font-size:14px;display:block}.billname span{color:#94a097;margin-top:6px;font-size:11px;display:block}.billmoney{text-align:right;gap:4px;font-size:14px;display:grid}.billmoney a{font-size:11px}.warm{background:#f1eee5;border-color:#ebe7db;flex-direction:column;align-items:flex-start;display:flex}.warm h2{margin:12px 0;font-size:26px;line-height:1.4}.warm p{color:#8e9382;margin:0;font-size:13px}.receiptart{color:#86a487;background:#fffcf6;border-radius:8px;align-self:center;align-items:center;gap:14px;margin:28px 0;padding:20px 25px;font-size:30px;display:flex;transform:rotate(-5deg);box-shadow:0 8px 15px #7b7a6410}.receiptart div{color:#66765e;font-size:12px}.receiptart small{color:#9ba38d;font-size:10px}.tip{color:#668374;background:#edf2ef;border:1px solid #e1e9e3;border-radius:10px;align-items:center;gap:18px;margin-top:24px;padding:20px 25px;display:flex}.tip strong{font-size:13px}.tip p{margin:4px 0 0;font-size:12px}.tip button{color:#577c68;white-space:nowrap;background:0 0;margin-left:auto;font-size:12px}.mainfooter{letter-spacing:2px;color:#a4afa7;justify-content:space-between;margin-top:42px;font-size:9px;display:flex}.mainfooter span{letter-spacing:0}.empty{text-align:center;color:#82938a;padding:40px 12px;font-size:14px;line-height:1.8}.empty>span{color:#7fa38d;font-size:32px}.empty h3{color:#4b6656;margin-bottom:5px}.empty p{font-size:12px}.empty button{margin-top:12px}.cardgrid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.bankcard{color:#fff;background:#254d40;border-radius:18px;padding:27px}.bankcard>strong{margin:30px 0;font-size:22px;display:block}.bankcard>div,.bankcard footer{justify-content:space-between;gap:10px;display:flex}.bankcard footer{color:#ccd5c9;margin-top:25px;font-size:11px}.bankcard button{color:#fff;background:#ffffff18;border:1px solid #ffffff20;border-radius:7px;width:100%;margin-top:20px;padding:10px}.bankcard.c1{background:#676774}.bankcard.c2{background:#8c7054}.footnote{color:#8c998e;margin-top:22px;font-size:12px;line-height:1.7}.expenseicon{color:#62886c;background:#eef3ee;border-radius:12px;padding:14px}.barrow{margin:24px 0}.barrow>div:first-child{justify-content:space-between;font-size:13px;display:flex}.bar{background:#eef2eb;border-radius:10px;height:9px;margin-top:12px;overflow:hidden}.bar span{background:#7a9a83;border-radius:10px;height:100%;display:block}.metric{border-bottom:1px solid #e7ede5;justify-content:space-between;padding:18px 0;display:flex}.overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18382e66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:18px;width:500px;max-height:90dvh;padding:30px;position:relative;overflow:auto}.dialog h2{padding-right:28px}.close{color:#758478;background:0 0;font-size:28px;position:absolute;top:15px;right:17px}.dialog label{color:#657b6c;margin-top:18px;font-size:12px;display:block}.dialog input,.dialog select,.dialog textarea{color:#2b4938;background:#fafcf9;border:1px solid #dce4dc;border-radius:8px;width:100%;margin-top:7px;padding:12px;font-size:16px}.dialog small{color:#99a498;margin-top:5px;font-size:11px;display:block}.formrow{gap:14px;display:flex}.formrow label{flex:1;min-width:0}.full{width:100%;margin-top:20px}.alert{color:#a25240;background:#fff0ec;border-radius:8px;margin:15px 0;padding:14px}.notice{background:#e8f2e9;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:13px}.notice button{float:right;background:0 0}.history{border-bottom:1px solid #e5ebe3;padding:15px 0;font-size:13px}.history a{margin-top:10px;display:block}.history small{overflow-wrap:anywhere}@media (min-width:1500px){main{padding-left:64px;padding-right:64px}.heading{margin-top:48px}.stats{margin-top:30px}.panel{padding:32px}}@media (max-width:1050px){aside{width:195px;padding:30px 17px}main{margin-left:195px;padding:0 25px}.stat{padding:20px}.stat h2{font-size:25px}.columns{grid-template-columns:1fr}.warm{display:none}.heading h1{font-size:32px}.cardgrid{grid-template-columns:1fr}}@media (max-width:650px){aside{width:100%;height:76px;padding:5px 4px calc(6px + env(safe-area-inset-bottom));z-index:5;border-top:1px solid #e1e8e1;border-right:0;inset:auto 0 0}.brand,.family,.asidebottom{display:none}nav{justify-content:space-around;gap:0;display:flex}nav button{border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 3px;font-size:10px;display:flex}nav button span{font-size:21px}main{margin:0;padding:0 18px 100px}header{height:67px;font-size:8px}.account{font-size:10px}.account b{padding:9px}.heading{margin:25px 0 22px;display:block}.heading h1{font-size:31px}.heading>div>p:last-child{font-size:13px}.heading>.primary{width:100%;margin-top:20px}.stats{grid-template-columns:1fr 1fr;gap:12px}.stat{padding:18px 14px}.stat.dark{grid-column:1/-1}.stat h2{margin:15px 0;font-size:24px}.stat.dark h2{font-size:36px}.stat>span{letter-spacing:1px;font-size:9px}.stat p{font-size:10px}.panel{padding:20px 16px}.sectionhead h2{font-size:17px}.bill{gap:9px}.billname strong,.billmoney{font-size:12px}.billname span{font-size:10px}.tip{align-items:flex-start;padding:16px}.tip button{display:none}.filters{gap:7px}.filters input,.filters select{max-width:145px;padding:9px 6px}.filters span{font-size:9px}.mainfooter{letter-spacing:1px;font-size:8px}.mainfooter span{text-align:right;max-width:130px}.dialog{padding:25px 20px}.overlay{padding:12px}.bankcard{padding:24px}.billmoney .textbutton{font-size:11px}aside{height:142px}nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}nav button{min-width:0;min-height:56px;padding:5px 2px;font-size:11px}main{padding-bottom:165px}.metric{flex-wrap:wrap;gap:12px}.billname strong{overflow-wrap:anywhere}}.loginform label{margin:18px 0;font-size:15px;display:block}.loginform input{border:1px solid #bfcfc4;border-radius:8px;width:100%;margin-top:8px;padding:13px;font-size:16px;display:block}