@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#edf1ed;background:#101311;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{color:inherit;background:none;border:0}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #65d5a0;outline-offset:4px}main{max-width:1080px;margin:auto;padding:30px 38px 150px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.brand{display:flex;align-items:center;font-size:27px;font-weight:700;gap:10px;letter-spacing:-1px}.logo{background:#b6efca;color:#183e28;border-radius:11px;width:34px;height:36px;text-align:center;font-style:italic}.demo{font-size:9px;letter-spacing:1.4px;font-weight:500;color:#a3b2a8;border:1px solid #39433c;border-radius:5px;padding:5px;margin-left:12px}.iconbtn{display:grid;place-items:center;border-radius:50%;background:#232a25;width:40px;height:40px}.notice{font-size:12px;color:#8b9c90;margin:10px 0 25px}.hero{padding:16px 0 33px}.hero p,.eyebrow{font-size:10px;letter-spacing:2px;color:#a4b2a9;font-weight:600}.hero h1{font-size:60px;letter-spacing:-3px;font-weight:500;margin:10px 0 14px}.hero h1 span{font-size:13px;letter-spacing:0;color:#809188}.hero-foot{color:#8b9d92;font-size:12px;display:flex;align-items:center;gap:7px}.dot{height:6px;width:6px;background:#83caa3;border-radius:50%}.card{background:#1b211d;border:1px solid #2b342e;border-radius:22px;overflow:hidden}.wallet-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.section-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 12px}.section-head h3{margin:0;font-size:16px}.section-head>span{font-size:10px;color:#9aac9f}.wallet-row{display:flex;align-items:center;width:100%;gap:13px;padding:14px 22px;text-align:left}.wallet-row:hover,.movement:hover{background:#263129}.wallet-row b{font-size:14px;flex:1}.wallet-row strong{font-size:15px;font-weight:500}.wallet-row>svg{color:#677a6b}.wallet-icon{padding:10px;display:flex;border-radius:13px}.report-head{margin:38px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}h2{font-size:22px;font-weight:500;margin:6px 0}.month-control{display:flex;align-items:center;gap:12px;font-size:12px;text-transform:capitalize}.month-control button{padding:4px;display:flex;color:#9aab9f}.month-control b{font-weight:500}.chart{padding:24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stats>div{display:flex;flex-direction:column;gap:10px}.stats span{color:#9baa9f;font-size:12px;display:flex;gap:5px;align-items:center}.stats strong{font-size:24px;font-weight:500;letter-spacing:-.5px}.income{color:#74d3a5!important}.expense{color:#ee9389!important}.transfer{color:#c1c9c3}.chart-key{display:flex;gap:22px;justify-content:center;font-size:11px;color:#9bac9f;margin-top:15px}.chart-key span{display:flex;align-items:center;gap:6px}i{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.donut-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.donut{padding:23px}.donut h3{font-size:15px;font-weight:500;margin:0}.donutgraphic{position:relative}.donutgraphic>span{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-size:14px}.legend button{display:flex;justify-content:space-between;align-items:center;padding:10px 0;width:100%;gap:10px;font-size:12px}.legend span{display:flex;align-items:center;gap:8px}.legend strong{font-weight:500}.legend small{margin-left:10px;color:#8e9d93;font-size:10px}.empty{color:#83968a;text-align:center;padding:30px;font-size:14px}footer{color:#718479;font-size:11px;margin-top:28px}nav{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#242c26ef;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #424e45;border-radius:40px;padding:7px;display:flex;z-index:10;box-shadow:0 12px 50px #0006}nav button{display:flex;align-items:center;gap:9px;border-radius:30px;padding:13px 25px;font-size:13px;color:#9cab9f}nav .selected{color:#b1f2c9;background:#34483a}.add{position:fixed;bottom:100px;right:max(30px,calc((100vw - 1000px)/2));padding:16px 22px;border-radius:30px;background:#a5eabd;color:#173822;font-weight:600;display:flex;gap:8px;align-items:center;box-shadow:0 5px 30px #0004;z-index:10}.transactions-head{display:flex;justify-content:space-between;align-items:center;margin:30px 0}.transactions-head h1{font-size:30px;font-weight:500;letter-spacing:-1px}.periods{display:flex;align-items:center;gap:6px;margin:25px 0;justify-content:center}.periods button{border-radius:25px;padding:12px 16px;font-size:13px;color:#9bac9f}.periods .active,.segments .active{background:#3b4940;color:#e2f4e8}.filters{display:flex;gap:10px;margin:20px 0}.filters label{display:flex;align-items:center;background:#202822;border-radius:12px;flex:1;padding-left:12px}.filters input{border:0;background:none;min-width:0;width:100%}input,select,textarea{background:#252e28;color:#e3ece6;border:1px solid #3c4940;border-radius:10px;padding:12px;max-width:100%}.filters select{font-size:12px;max-width:30%}section.stats{padding:25px}.day{margin-top:22px;padding:8px 20px}.day-head{display:flex;gap:13px;align-items:center;padding:14px 4px;border-bottom:1px solid #2b372f}.day-head>b{font-size:32px;font-weight:500}.day-head>span{font-size:12px;color:#94a498;text-transform:capitalize}.movement{display:flex;width:100%;align-items:center;gap:14px;padding:18px 4px;text-align:left;border-radius:12px}.category-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;font-size:21px;flex-shrink:0}.movement-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.movement-copy b{font-size:14px;font-weight:500}.movement-copy small{color:#9aaa9e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.movement-copy em{font-size:10px;color:#899e90;font-style:normal;display:flex;gap:5px;align-items:center}.amount{font-size:15px;white-space:nowrap}.bucket-title{font-size:15px;margin:25px 0 12px}.bucket-title+div{padding:8px 20px}.forecast-meta{display:flex;justify-content:space-between;color:#a9b69e;font-size:11px;padding-top:14px}.offline{display:flex;gap:9px;background:#433a22;color:#ecd9a0;border-radius:12px;padding:14px;font-size:13px}.overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;display:flex;justify-content:center;align-items:center;padding:25px}.modal{background:#1e2520;border:1px solid #3b473e;border-radius:28px;padding:25px;width:510px;max-height:95dvh;overflow:auto;box-shadow:0 20px 100px #0008}.modal-title{display:flex;align-items:center;gap:18px;margin-bottom:25px}.modal-title h2{font-size:20px}.segments{display:flex;border-radius:24px;background:#2c3630;padding:4px;margin-bottom:20px}.segments button{flex:1;border-radius:22px;padding:10px 4px;font-size:13px}.modal label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#a4b4a8;margin-bottom:15px}.modal .amount-input{font-size:34px;padding:16px}.save{width:100%;background:#a5eabd;color:#183d26;padding:16px;border-radius:15px;font-weight:600;margin-top:14px}.close{float:right}.detail h1{font-size:36px;letter-spacing:-1px}.detail dl{display:grid;grid-template-columns:100px 1fr;gap:16px;font-size:13px}.detail dt{color:#90a496}.detail dd{margin:0;overflow-wrap:anywhere}@media(max-width:700px){main{padding:20px 20px 170px}header{margin-bottom:16px}.hero{padding:15px 0 28px}.hero h1{font-size:46px}.wallet-layout,.donut-layout{grid-template-columns:1fr;gap:14px}.report-head{align-items:flex-start;flex-direction:column}.report-head h2{font-size:21px}.month-control{align-self:flex-end}.chart{padding:20px 13px}.stats{gap:8px}.stats strong{font-size:18px}.stats span{font-size:11px}.transactions-head{gap:10px}.transactions-head h1{font-size:24px}.transactions-head select{max-width:48%;font-size:12px}.periods{gap:0;overflow:auto}.periods button{padding:10px 9px;white-space:nowrap;font-size:12px}.filters{flex-wrap:wrap}.filters label{flex-basis:100%}.filters select{max-width:100%;flex:1;width:45%}.day{padding:8px 13px}.amount{font-size:13px}.movement{gap:10px}.add{right:20px;bottom:103px;padding:15px 19px;font-size:13px}nav{width:calc(100% - 40px);justify-content:space-around;bottom:max(15px,env(safe-area-inset-bottom))}nav button{flex:1;justify-content:center}.overlay{padding:0}.modal{width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:25px 20px;padding-bottom:calc(25px + env(safe-area-inset-bottom))}.detail{height:auto;max-height:85dvh;border-radius:25px;margin:20px}.notice{font-size:11px}.brand{font-size:25px}.demo{font-size:8px}.wallet-row{padding:13px 19px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.period-caption{text-align:center;text-transform:capitalize;color:#c3d0c7;font-size:14px;margin-top:18px}.period-caption+.periods{margin:8px 0 20px}.filter-summary{display:flex;align-items:center;justify-content:space-between;color:#9bac9f;font-size:12px;margin:0 2px 16px}.filter-summary button,.saved-notice button{color:#a5eabd}.saved-notice{position:fixed;z-index:40;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;max-width:calc(100% - 24px);width:max-content;background:#26392c;border:1px solid #4c6855;border-radius:16px;padding:14px 18px;box-shadow:0 8px 32px #0006;font-size:13px}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:700px){.transactions-head{margin:24px 0 12px}.transactions-head h1{font-size:25px}.periods button{padding:10px 12px}.saved-notice{gap:10px;padding:12px;font-size:12px}}.access{max-width:440px;margin:8vh auto;padding:24px}.access form{display:grid;gap:20px;background:#1d211e;padding:28px;border-radius:24px}.access label{display:grid;gap:8px}.access input{min-width:0;padding:14px;border-radius:12px;border:1px solid #505850;background:#101311;color:#fff;font-size:16px}.access button{padding:14px;border-radius:12px;background:#66d987;color:#101311}.access .trust{display:flex;align-items:center;font-size:13px}.access .trust input{width:20px;flex-shrink:0}.account-bar{display:flex;justify-content:flex-end;gap:16px;padding:10px 24px;align-items:center;font-size:12px}.account-bar button{padding:6px 12px}.reconciliation-notes{padding:20px;margin-top:28px}.reconciliation-notes summary{cursor:pointer;line-height:1.5}.review-note{padding:14px 0;border-top:1px solid #ffffff12}.review-note p,.reconciliation-notes>.muted{color:var(--muted);font-size:13px;line-height:1.6}
