@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202923;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green:#18794e;--deep:#126641;--pale:#edf7f1;--ink:#202923;--muted:#88928c;--line:#edf0ed;--red:#d94f4f}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fff}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #8bcaa8;outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid #eff1ef;padding:30px 18px 22px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 36px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--green);color:#fff;font-family:Manrope,sans-serif;font-weight:800;display:grid;place-items:center;font-size:15px;letter-spacing:-.8px;box-shadow:0 5px 12px #18794e20}.brand strong,.brand span{display:block}.brand strong{font-size:11px;letter-spacing:.55px;font-weight:700;color:#202923}.brand span{margin-top:4px;color:#8b948e;font-size:9px;letter-spacing:1.55px;font-weight:700}.side-label{padding:0 12px 12px;font-size:9px;letter-spacing:1.25px;font-weight:700;color:#a1aaa4}.sidebar nav{display:grid;gap:6px}.nav-item{width:100%;border:0;background:transparent;color:#727c75;border-radius:10px;text-transform:capitalize;text-align:left;display:flex;align-items:center;gap:12px;padding:12px;font-size:13px;font-weight:500}.nav-item.active{background:#edf7f1;color:var(--green);font-weight:700}.nav-item kbd{margin-left:auto;background:#fff;color:var(--green);border:1px solid #d9e9df;border-radius:5px;padding:1px 6px;font-size:14px}.side-bottom{margin-top:auto;border-top:1px solid #f0f2f0;padding:18px 9px 0;display:flex;align-items:center;gap:9px;font-size:11px;color:#8b948e}.secure-dot,.live-dot{width:7px;height:7px;background:#31a16d;border-radius:50%;display:inline-block}.main-area{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:70px;border-bottom:1px solid #f0f2f0;display:flex;align-items:center;justify-content:space-between;padding:0 52px}.breadcrumb{display:flex;align-items:center;gap:9px;color:#98a09b;font-size:12px}.breadcrumb b{color:#424c45;font-weight:600}.top-right{display:flex;align-items:center;gap:9px;color:#77817a;font-size:11px}.live-dot{width:6px;height:6px}.icon-button{width:34px;height:34px;border:1px solid #edf0ed;background:#fff;border-radius:9px;color:#6f7a72;display:grid;place-items:center;margin-left:8px}.content{width:min(1050px,100%);margin:0 auto;padding:40px 52px 32px;flex:1}.welcome-row,.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.35px;color:var(--green);margin-bottom:8px}.eyebrow span{color:#aab4ad;padding:0 4px}h1,h2,p{margin:0}h1{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-.9px;line-height:1.22;font-weight:700;color:#212923}.muted{margin-top:7px;color:#8a948d;font-size:12px}.date-chip{height:35px;border:1px solid #edf0ed;border-radius:8px;padding:0 11px;background:#fff;color:#59645d;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.date-chip svg:first-child{color:var(--green)}.hero-card{position:relative;overflow:hidden;border-radius:15px;padding:24px 28px 18px;background:#f1f8f3;border:1px solid #e7f1ea;min-height:182px}.hero-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between}.hero-label{font-size:10px;letter-spacing:1.15px;font-weight:700;color:#64736a;display:block}.hero-sub{font-size:11px;color:#8c9990;display:block;margin-top:5px}.hero-icon{width:37px;height:37px;background:#fff;color:var(--green);display:grid;place-items:center;border-radius:11px;box-shadow:0 2px 7px #356f4b0e}.hero-value{position:relative;z-index:1;font-family:Manrope,sans-serif;font-size:48px;letter-spacing:-2px;line-height:1.15;font-weight:800;color:#183e2b;margin-top:11px}.hero-foot{position:relative;z-index:1;margin-top:13px;color:#809087;font-size:10px;display:flex;align-items:center;gap:7px}.hero-foot-dot{width:6px;height:6px;border-radius:50%;background:#39a16e}.hero-decoration{position:absolute;width:260px;height:260px;border:1px solid #d7eadc;border-radius:50%;right:45px;top:38px;opacity:.6}.hero-decoration:after{content:"";position:absolute;inset:19px;border:1px solid #deeee2;border-radius:50%}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 20px}.summary-card{min-height:109px;border:1px solid #edf0ed;border-radius:12px;padding:14px 15px;background:#fff}.summary-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;margin-bottom:12px}.summary-icon.neutral{background:#f5f7f5;color:#758079}.summary-icon.green{background:#ecf7f0;color:#218456}.summary-icon.red{background:#fff1f0;color:#d65a56}.wallet-mark{width:14px;height:14px;display:grid;place-items:center}.summary-label{color:#88928c;font-size:10px;font-weight:500}.summary-value{font-size:15px;font-weight:700;letter-spacing:-.25px;margin-top:5px;white-space:nowrap}.positive{color:#208253!important}.negative{color:#d45652!important}.actions-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-in,.action-out{min-height:69px;border:1px solid #e4eee7;background:#fff;border-radius:11px;padding:12px 15px;display:flex;align-items:center;gap:12px;text-align:left;transition:transform .15s,box-shadow .15s}.action-in{background:#18794e;color:#fff;border-color:#18794e;box-shadow:0 4px 11px #18794e18}.action-out{color:#29332c;border-color:#efeeee}.action-in:hover,.action-out:hover{transform:translateY(-1px);box-shadow:0 5px 14px #20332612}.action-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:#ffffff20}.action-out .action-icon{background:#fff0ef;color:#d85854}.action-in strong,.action-out strong,.action-in small,.action-out small{display:block}.action-in strong,.action-out strong{font-size:13px;font-weight:700}.action-in small,.action-out small{font-size:10px;margin-top:4px;opacity:.76}.action-plus{margin-left:auto;opacity:.8}.section-block{margin-top:31px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.section-heading h2{font-family:Manrope,sans-serif;font-size:14px;letter-spacing:-.2px}.section-heading p{font-size:10px;color:#8f9992;margin-top:4px}.text-link{border:0;background:none;color:var(--green);font-size:11px;font-weight:700;display:flex;align-items:center;gap:2px}.transaction-list{border:1px solid #edf0ed;border-radius:12px;overflow:hidden;background:#fff}.transaction-row{width:100%;border:0;border-bottom:1px solid #f1f3f1;background:#fff;display:flex;align-items:center;text-align:left;padding:12px 15px;gap:12px;min-height:68px}.transaction-row:last-child{border-bottom:0}.transaction-row:hover{background:#fafcfa}.tx-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.tx-icon.cash_in{background:#edf7f1;color:#218456}.tx-icon.cash_out{background:#fff0ef;color:#d75955}.tx-main{display:flex;flex-direction:column;min-width:0;gap:3px;flex:1}.tx-main strong{font-size:11px;font-weight:700;color:#323b35}.tx-main>span{font-size:10px;color:#849088;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-main small{display:flex;align-items:center;color:#a1aaa4;font-size:9px;gap:4px}.tx-amount{font-size:12px;font-weight:700;white-space:nowrap}.tx-amount.cash_in{color:#218456}.tx-amount.cash_out{color:#d75955}.tx-chevron{color:#bac2bd;margin-left:3px}.empty-state{display:flex;min-height:150px;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#39443d}.empty-icon{width:35px;height:35px;border-radius:11px;background:#f2f7f3;color:var(--green);display:grid;place-items:center;margin-bottom:2px}.empty-state strong{font-size:12px}.empty-state>span{font-size:10px;color:#909a93}.main-area footer{padding:17px 52px 20px;color:#a3aba5;font-size:10px;border-top:1px solid #f3f4f3}.main-area footer span{padding:0 4px;color:#d0d6d1}.mobile-brand,.mobile-nav{display:none}.page-title{align-items:center;margin-bottom:22px}.page-title .eyebrow{margin-bottom:7px}.primary-btn{height:43px;background:var(--green);color:#fff;border:0;border-radius:9px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;box-shadow:0 3px 8px #18794e20}.primary-btn:hover{background:var(--deep)}.primary-btn:disabled{opacity:.72;cursor:wait}.primary-btn.small{height:37px;font-size:11px}.history-balance{padding:19px 20px 17px;border:1px solid #e8f0ea;background:#f7fbf8;border-radius:13px;margin-bottom:17px}.history-balance-top{display:flex;align-items:center;justify-content:space-between}.history-date-title{font-family:Manrope,sans-serif;font-weight:700;font-size:18px;margin-top:4px;letter-spacing:-.4px}.date-field{display:flex;align-items:center;gap:8px;border:1px solid #e7ece8;background:#fff;border-radius:8px;padding:8px 10px;color:var(--green)}.date-field input{border:0;outline:0;color:#536058;font-size:11px;background:transparent;max-width:130px}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e7efe9;margin-top:15px;padding-top:14px;gap:15px}.mini-stat{display:flex;flex-direction:column;gap:6px}.mini-stat span{font-size:10px;color:#849088}.mini-stat strong{font-size:13px;white-space:nowrap}.history-panel{border:1px solid #edf0ed;border-radius:12px;padding:14px 15px}.search-wrap{display:flex;align-items:center;gap:10px;height:42px;border:1px solid #e9edea;border-radius:9px;padding:0 11px;color:#8c968f}.search-wrap:focus-within{border-color:#8bcaa8;box-shadow:0 0 0 3px #d8f0e2}.search-wrap input{border:0;outline:0;flex:1;min-width:0;font-size:12px;color:#303a33}.search-wrap input::placeholder{color:#a2aaa4}.search-wrap button{border:0;background:none;color:#8f9992;display:grid;place-items:center}.filters{display:flex;gap:7px;margin:12px 0 15px;flex-wrap:wrap}.filters button{border:1px solid #edf0ed;background:#fff;color:#818b84;border-radius:7px;padding:7px 11px;text-transform:capitalize;font-size:10px;font-weight:600}.filters button.selected{border-color:#d9eadf;background:#edf7f1;color:var(--green)}.history-list-head{display:flex;justify-content:space-between;align-items:center;padding:0 2px 9px;color:#353f38}.history-list-head strong{font-size:11px}.history-list-head span{font-size:10px;color:#909a93}.history-panel .transaction-list{border:0;border-top:1px solid #edf0ed;border-radius:0}.history-panel .transaction-row{padding-left:1px;padding-right:1px}.back-link{display:flex;align-items:center;gap:2px;border:0;background:none;color:#77827a;padding:0;margin:0 0 20px;font-size:11px}.add-title{align-items:flex-end}.entry-card{max-width:720px;border:1px solid #edf0ed;border-radius:13px;padding:20px 22px 18px;box-shadow:0 4px 18px #1c3d2510}.type-switch{display:grid;grid-template-columns:1fr 1fr;background:#f6f8f6;border-radius:9px;padding:4px;margin-bottom:19px}.type-switch button{height:37px;border:0;background:transparent;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;color:#828c85}.type-switch button.on{background:#fff;color:var(--green);box-shadow:0 1px 4px #172b1b12}.type-switch button.out-on{background:#fff;color:#d45652;box-shadow:0 1px 4px #172b1b12}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:10px;color:#4e5951;font-weight:700}.field i{color:#d45652;font-style:normal}.field em{font-style:normal;color:#a1aaa4;font-weight:500;margin-left:5px}.field>input,.amount-input{height:43px;border:1px solid #e8ece9;border-radius:8px;background:#fff;color:#303a33;padding:0 11px;font-size:12px;width:100%}.field>input::placeholder{color:#afb7b1}.amount-field{margin-bottom:17px}.amount-input{display:flex;align-items:center;padding:0 12px;gap:9px}.amount-input>span{font-family:Manrope,sans-serif;font-size:18px;color:#79867e;font-weight:600}.amount-input input{border:0;outline:0;background:transparent;width:100%;font-family:Manrope,sans-serif;font-size:23px;font-weight:700;color:#26342b}.amount-input input::-webkit-inner-spin-button,.amount-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-input input[type=number]{-moz-appearance:textfield}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:16px}.form-footer{border-top:1px solid #eff1ef;margin-top:21px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;color:#929c95;font-size:10px}.required-dot{color:#d45652}.save-btn{text-transform:none;min-width:190px}.pay-btn{background:#a84643;box-shadow:0 3px 8px #a8464320}.pay-btn:hover{background:#923c39}.spinner{width:14px;height:14px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;inset:0;background:#15251c55;z-index:20;display:grid;place-items:center;padding:18px}.modal{width:min(100%,420px);background:#fff;border-radius:16px;padding:25px;box-shadow:0 18px 60px #172b1b30;position:relative;max-height:calc(100vh - 36px);overflow-y:auto}.modal-close{position:absolute;right:15px;top:15px;width:31px;height:31px;border:0;background:#f5f7f5;color:#758079;border-radius:9px;display:grid;place-items:center}.modal-icon{width:41px;height:41px;border-radius:12px;background:#edf7f1;color:var(--green);display:grid;place-items:center;margin-bottom:13px}.modal h2{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.4px}.modal>p{font-size:11px;line-height:1.6;color:#859088;margin:7px 0 17px}.modal .field{margin-top:13px}.compact{height:43px}.compact input{font-size:18px}.modal-save{width:100%;margin-top:19px}.detail-modal{text-align:center;padding-top:27px}.detail-icon{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;margin:0 auto 11px}.detail-icon.in{background:#edf7f1;color:#218456}.detail-icon.out{background:#fff0ef;color:#d75955}.detail-type{font-size:9px;font-weight:700;letter-spacing:1.1px}.detail-type.cash_in{color:#218456}.detail-type.cash_out{color:#d75955}.detail-amount{font-family:Manrope,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1px;margin:8px 0 5px}.detail-amount.cash_in{color:#218456}.detail-amount.cash_out{color:#d75955}.detail-person{font-size:14px;font-weight:700;margin-top:10px}.detail-purpose{font-size:11px;color:#869189;margin-top:4px}.detail-data{text-align:left;border-top:1px solid #edf0ed;margin-top:20px;padding-top:7px}.detail-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;font-size:10px}.detail-line span{color:#909a93}.detail-line strong{text-align:right;color:#48534b;max-width:65%;font-weight:600}.detail-actions{display:flex;gap:9px;margin-top:13px}.secondary-btn,.delete-btn{height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700}.secondary-btn{flex:1;background:#18794e;color:#fff;border:0}.delete-btn{background:#fff;color:#c64c48;border:1px solid #f0dddd;padding:0 13px}.toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translate(-50%);background:#20332a;color:#fff;padding:11px 13px 11px 14px;border-radius:10px;display:flex;align-items:center;gap:9px;font-size:11px;box-shadow:0 9px 25px #1a35283b;white-space:nowrap}.toast>svg{color:#81d0a3}.toast button{border:0;background:transparent;color:#c3d2c8;display:grid;place-items:center;padding:2px;margin-left:3px}@media(min-width:1500px){.content{padding-top:55px}.hero-card{min-height:222px;padding:32px 36px 21px}.hero-value{font-size:62px;margin-top:19px}.summary-card{min-height:125px;padding:17px}.summary-value{font-size:17px}.actions-row{gap:16px}.action-in,.action-out{min-height:79px;padding:16px 19px}.transaction-row{min-height:76px}.section-block{margin-top:40px}}@media(max-width:1000px){.sidebar{width:215px}.main-area{margin-left:215px}.content{padding:33px 30px}.topbar{padding:0 30px}.main-area footer{padding-left:30px}.hero-value{font-size:43px}.summary-grid{gap:8px}.summary-card{padding:12px 10px}.summary-value{font-size:13px}}@media(max-width:700px){.sidebar{display:none}.main-area{margin-left:0;padding-bottom:68px}.topbar{height:58px;padding:0 17px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:9px}.mobile-brand .brand-mark{width:31px;height:31px;border-radius:10px;font-size:12px}.mobile-brand strong{font-size:10px;letter-spacing:.15px}.top-right{font-size:10px;gap:6px}.top-right .icon-button{width:30px;height:30px;margin-left:2px}.content{padding:25px 17px}.welcome-row{align-items:flex-start;margin-bottom:17px}.welcome-row h1{font-size:24px}.muted{font-size:11px}.date-chip{font-size:0;gap:3px;padding:0 9px;width:36px;justify-content:center}.date-chip svg:last-child{display:none}.hero-card{min-height:164px;padding:19px 19px 15px;border-radius:13px}.hero-value{font-size:42px;letter-spacing:-1.8px;margin-top:15px}.hero-decoration{right:-115px;top:9px;width:230px;height:230px}.hero-icon{width:34px;height:34px}.summary-grid{grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 14px}.summary-card{min-height:97px;padding:11px 12px}.summary-icon{margin-bottom:8px;width:25px;height:25px}.summary-label{font-size:9px}.summary-value{font-size:13px}.actions-row{gap:9px}.action-in,.action-out{min-height:69px;padding:9px;gap:8px}.action-icon{width:31px;height:31px;border-radius:9px;flex-shrink:0}.action-in strong,.action-out strong{font-size:11px}.action-in small,.action-out small{font-size:9px}.action-plus{display:none}.section-block{margin-top:25px}.section-heading h2{font-size:13px}.section-heading p{font-size:9px}.transaction-list{border-radius:10px}.transaction-row{padding:10px;gap:9px;min-height:66px}.tx-icon{width:31px;height:31px}.tx-main strong{font-size:10px}.tx-main>span{font-size:9px}.tx-main small{font-size:8px}.tx-amount{font-size:10px}.tx-chevron{width:14px}.main-area footer{display:none}.mobile-nav{position:fixed;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);bottom:0;left:0;right:0;height:62px;background:#fff;border-top:1px solid #edf0ed;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -3px 12px #22342708}.mobile-nav button{background:transparent;border:0;color:#929b95;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:9px;text-transform:capitalize}.mobile-nav button.active{color:var(--green);font-weight:700}.page-title{align-items:flex-end;margin-bottom:18px}.page-title h1{font-size:24px}.page-title .muted{max-width:240px}.primary-btn.small{height:35px;padding:0 11px;font-size:10px}.history-balance{padding:15px 13px 13px;border-radius:11px}.history-balance-top{align-items:flex-start;gap:8px}.history-date-title{font-size:16px}.date-field{padding:7px 6px;gap:4px}.date-field svg{width:15px}.date-field input{font-size:9px;max-width:105px}.history-stats{grid-template-columns:1fr 1fr;gap:13px 9px;margin-top:13px;padding-top:12px}.mini-stat span{font-size:9px}.mini-stat strong{font-size:12px}.history-panel{padding:11px 10px}.search-wrap{height:40px}.search-wrap input{font-size:11px}.filters{gap:5px}.filters button{font-size:9px;padding:7px 8px}.history-list-head strong{font-size:10px}.history-panel .transaction-row{padding-left:0;padding-right:0}.add-title{align-items:flex-start}.back-link{margin-bottom:16px}.entry-card{padding:15px 13px;border-radius:11px}.type-switch{margin-bottom:16px}.type-switch button{font-size:10px}.form-two{grid-template-columns:1fr;gap:14px;margin-bottom:14px}.field>input,.amount-input{height:45px}.amount-field{margin-bottom:15px}.form-footer{align-items:flex-start;gap:10px}.form-footer>span{padding-top:10px;font-size:9px}.save-btn{min-width:0;flex:1;padding:0 9px;height:41px;font-size:10px}.toast{bottom:76px;max-width:calc(100vw - 24px);font-size:10px}.modal{padding:22px 19px}.detail-amount{font-size:28px}}@media(max-width:370px){.content{padding-left:13px;padding-right:13px}.topbar{padding:0 12px}.mobile-brand{gap:6px}.mobile-brand strong,.top-right{font-size:9px}.hero-value{font-size:36px}.action-in,.action-out{gap:6px;padding:8px}.action-icon{width:28px;height:28px}.action-in strong,.action-out strong{font-size:10px}.tx-amount{font-size:9px}}.adjustment-list{margin-top:17px;border:1px solid #edf0ed;border-radius:10px;overflow:hidden}.adjustment-heading{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:#fafcfa;font-size:10px;font-weight:700;color:#505b53}.adjustment-heading span{font-size:9px;color:#9ba59e;font-weight:500}.adjustment-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid #f0f2f0;gap:12px}.adjustment-row div{display:flex;flex-direction:column;gap:4px;min-width:0}.adjustment-row strong{font-size:10px;color:#48534b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adjustment-row span{font-size:9px;color:#909a93}.adjustment-row b{font-size:10px;white-space:nowrap}