:root{--navy:#071f47;--ink:#071d54;--blue:#0c5ee8;--soft:#eff6ff;--line:#e6eefb;--muted:#54709d}*{box-sizing:border-box}body{margin:0;background:#f8fbff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;padding:33px 14px 27px;background:linear-gradient(155deg,#092c61,#061a3c);display:flex;flex-direction:column;z-index:2}.brand{width:178px;height:56px;object-fit:contain;object-position:left center;margin:0 8px 23px}.sidebar nav{display:grid;gap:8px}.nav-link,.settings{height:52px;border-radius:10px;text-decoration:none;color:#c9dcf7;display:flex;align-items:center;gap:18px;padding:0 19px;font-size:16px}.nav-link b,.settings b{width:26px;font-size:24px;line-height:1;text-align:center;color:#9fc9ff}.nav-link.active{background:#145fc5;color:#fff;font-weight:700}.nav-link.active b{color:#fff}.settings{margin-top:auto;border-top:1px solid #285180;padding-top:25px;height:73px}.settings b{font-size:23px}main{margin-left:224px;padding:30px 28px;max-width:1600px;min-width:760px}header{height:110px;display:flex;justify-content:space-between;align-items:start}h1{font-size:47px;letter-spacing:-2px;line-height:1;margin:0 0 23px;font-weight:700}.month{display:flex;align-items:center;gap:29px;padding-left:4px;font-size:23px}.month button{border:0;background:none;color:#164880;font-size:36px;line-height:20px;padding:0;cursor:pointer}.ai-input{margin-top:1px;width:48%;height:60px;border:1px solid #d5e5fb;border-radius:18px;background:#fff;box-shadow:0 6px 22px #24528d10;display:flex;align-items:center;padding-left:20px}.ai-input>span{font-size:25px;color:#075ee9}.ai-input input{height:100%;border:0;outline:0;background:transparent;flex:1;padding:0 16px;font:18px 'DM Sans';color:var(--ink)}.ai-input input::placeholder{color:#37548d;opacity:1}.ai-input button{width:47px;height:47px;border:0;border-radius:50%;background:#0d63e8;color:#fff;font-size:34px;line-height:20px;margin-right:9px;cursor:pointer}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px}.summary{height:217px;border:1px solid #dceafa;border-radius:12px;padding:16px 16px 0;position:relative;overflow:hidden}.blue-card,.balance-card{background:linear-gradient(110deg,#f3f9ff,#e7f2ff)}.peach-card{background:linear-gradient(110deg,#fff8f8,#fff0ef)}.summary-title{display:flex;align-items:center;gap:16px;font-size:19px}.summary-title i{width:59px;height:59px;border-radius:50%;display:grid;place-items:center;background:#cde5ff;color:#0660e8;font-style:normal;font-size:41px;font-weight:700}.peach-card .summary-title i{background:#ffdfe0;color:#fc5151}.summary-title span{margin-left:auto;font-size:31px;color:#075ee9}.summary>strong{display:block;font-size:32px;letter-spacing:-1.3px;margin:8px 0 4px 77px}.summary p{font-size:15px;color:#365993;margin:0 0 0 77px}.mini-bars{height:72px;position:absolute;bottom:18px;left:27px;right:23px;display:flex;align-items:end;gap:9px}.mini-bars i{width:15px;background:#88b9ff;border-radius:2px 2px 0 0;height:30%}.mini-bars i:nth-child(2){height:19%}.mini-bars i:nth-child(3){height:23%}.mini-bars i:nth-child(4){height:43%}.mini-bars i:nth-child(5){height:28%}.mini-bars i:nth-child(6){height:47%}.mini-bars i:nth-child(7){height:27%}.mini-bars i:nth-child(8){height:22%}.mini-bars i:nth-child(9){height:45%}.mini-bars i:nth-child(10){height:36%}.mini-bars i:nth-child(11){height:62%}.mini-bars i:nth-child(12){height:86%}.peach-card .mini-bars i{background:#8fb9f6}.mini-line{position:absolute;left:20px;right:20px;bottom:16px;width:calc(100% - 40px);height:69px}.mini-line path{fill:none;stroke:#0763e6;stroke-width:3}.mid-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:15px}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 4px 16px #1d4c8d08;overflow:hidden}.panel-title{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #e8effa}.panel-title h2{font-size:17px;margin:0;color:#075ee8}.panel-title h2 span{color:var(--ink);margin-left:11px}.panel-title a{color:#075ee8;text-decoration:none;font-size:14px}.flow{height:283px}.legend{display:flex;gap:19px;align-items:center;font-size:12px;color:#39558a}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:14px;height:14px;border-radius:50%;background:#78b6fd}.legend span:nth-child(2) i{background:#a9c9ff}.legend span:nth-child(3) i{width:15px;height:4px;background:#06389c;border-radius:5px}.legend b{font-size:23px;color:#075ee8}.chart{height:230px;margin:0 18px 0 17px;position:relative;padding:22px 0 22px 55px}.labels{position:absolute;left:0;top:14px;bottom:31px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#3b5990}.grid-lines{position:absolute;left:55px;right:0;top:22px;bottom:31px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#e5edf9 36px)}.chart-bars{position:absolute;z-index:1;left:61px;right:7px;bottom:31px;height:157px;display:flex;align-items:end;justify-content:space-around}.chart-bars i{width:9px;max-width:3.5%;background:#9bc5ff;border-radius:1px 1px 0 0}.chart svg{position:absolute;z-index:2;left:56px;right:0;top:17px;width:calc(100% - 56px);height:165px}.chart path{fill:none;stroke:#003cb1;stroke-width:3.4}.chart-days{position:absolute;bottom:6px;left:61px;right:6px;display:flex;justify-content:space-between;font-size:11px;color:#3b5990}.bills{height:283px}.bill{height:48px;margin:0 13px;border-bottom:1px solid #e8effa;display:grid;grid-template-columns:54px 1fr auto 12px;gap:10px;align-items:center;font-size:13px}.bill time{width:48px;border-radius:9px;background:#edf5ff;text-align:center;padding:3px 0;color:#092c65;line-height:15px}.bill time b{display:block;font-size:14px}.bill time small{font-size:10px}.bill div b,.bill div span{display:block}.bill div span{color:#34548d;margin-top:2px}.bill em{font-style:normal;background:#ffe6e5;color:#f44948;border-radius:15px;padding:6px 11px;font-size:12px}.bill>strong{color:#075ee8;font-size:23px}.bottom-grid{display:grid;grid-template-columns:1.2fr 1.65fr;gap:13px}.transactions{height:351px}.transaction{height:49px;margin:0 14px;border-bottom:1px solid #e8effa;display:grid;grid-template-columns:50px 1fr 1.2fr 59px 135px;align-items:center;font-size:13px}.transaction>i{width:38px;height:38px;border-radius:50%;background:#edf5ff;color:#075ee8;display:grid;place-items:center;font-style:normal;font-size:18px}.transaction b{font-size:14px}.transaction span,.transaction time{color:#4b6594}.transaction strong{text-align:right;font-size:13px}.transaction.income>i{color:#087d69;background:#e6fbf6}.right-stack{height:351px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:236px 104px;gap:13px}.cards,.reimburse{height:236px}.credit{margin:10px 17px 0;border:1px solid #e7eefb;border-radius:10px;padding:10px;position:relative;font-size:12px}.credit div{height:13px;background:#e7edf8;border-radius:7px;margin:8px 28px 5px 0;overflow:hidden}.credit div i{display:block;height:100%;border-radius:7px;background:#1266ec}.credit span{color:#063ca6;font-weight:700}.credit small{color:#5c7199;font-weight:400}.credit em{position:absolute;right:12px;bottom:11px;color:#0a61e5;font-size:20px;font-style:normal}.reimburse>.panel-title{padding-right:13px}.reimburse>strong{display:block;font-size:28px;margin:13px 16px 1px}.reimburse>p{margin:0 16px 8px;color:#4f6898;font-size:13px}.reimburse>div{border-top:1px solid #e9eff9;margin:0 14px;padding:7px 0;display:grid;grid-template-columns:1fr 45px 73px;font-size:12px}.reimburse time{color:#6379a1}.reimburse b{text-align:right}.goals{grid-column:1/3;height:104px}.goals .panel-title{height:35px}.goals .panel-title h2{font-size:15px}.goal{width:50%;padding:8px 13px;display:grid;grid-template-columns:42px 1fr 45px;align-items:center;gap:8px;float:left;font-size:11px}.goal+.goal{border-left:1px solid #e8effa}.goal>i{height:42px;width:42px;background:#e4f0ff;color:#075ee8;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:22px}.goal b,.goal small{display:block}.goal small{color:#3d598b;margin-top:3px}.goal>div>span{display:block;height:10px;background:#e8eef8;border-radius:10px;margin-top:4px;overflow:hidden}.goal>div>span em{display:block;height:100%;background:#1266ec;border-radius:10px}@media(max-width:1050px){main{padding:22px 18px}.right-stack{grid-template-columns:1fr}.reimburse{display:none}.bottom-grid{grid-template-columns:1fr 1fr}.goal{font-size:10px}}@media(max-width:800px){.sidebar{display:none}main{margin:0;min-width:0;padding:20px 14px}header{height:auto;gap:15px;flex-direction:column}.ai-input{width:100%}.summary-cards,.mid-grid,.bottom-grid{grid-template-columns:1fr}.right-stack{height:auto;grid-template-columns:1fr;grid-template-rows:auto}.goals{grid-column:auto}.reimburse{display:block}.legend{gap:6px;font-size:10px}.transaction{grid-template-columns:40px 1fr 1fr 0 115px}.transaction time{display:none}}
#recordForm [hidden], #typeEditor [hidden], #launchEditor [hidden] { display: none !important; }