.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;pointer-events:auto;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999);position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (width>=800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,#fffc);cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}:root{color:#17312c;font-synthesis:none;background:#f5f8f7;font-family:Be Vietnam Pro,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #5eead455}.app-shell{min-height:100vh}.sidebar{z-index:10;background:#fff;border-right:1px solid #e7eeec;flex-direction:column;width:240px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px;font-size:19px;font-weight:800;display:flex}.brand>span{color:#fff;background:#0f766e;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 20px #0f766e33}.brand small,.mini-profile small{color:#94a39f;margin-top:3px;font-size:10px;font-weight:500;display:block}.sidebar nav{gap:8px;margin-top:46px;display:grid}.sidebar button{color:#687a76;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:13px 14px;font-size:13px;font-weight:600;display:flex}.sidebar button svg{width:19px}.sidebar button.active{color:#08766d;background:#eaf7f4}.side-bottom{margin-top:auto}.mini-profile{border-top:1px solid #edf1f0;align-items:center;gap:10px;margin-top:18px;padding:20px 5px 0;display:flex}.avatar{border:0;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;color:#08766d!important;background:#d9f3ed!important;border-radius:50%!important;padding:0!important;display:grid!important}.mini-profile>div:nth-child(2){flex:1}.mini-profile strong{font-size:12px;display:block}main{max-width:1600px;margin-left:240px;padding:0 38px 50px}.topbar{justify-content:space-between;align-items:center;height:100px;display:flex}.welcome p{color:#899a96;margin:0 0 5px;font-size:11px}.welcome h1{letter-spacing:-.5px;margin:0;font-size:21px}.welcome h1 span{font-size:19px}.mobile-brand{display:none}.header-actions{align-items:center;gap:10px;display:flex}.search{color:#8b9a97;background:#fff;border:1px solid #e3eae8;border-radius:12px;align-items:center;gap:9px;width:220px;height:40px;padding:0 11px;font-size:11px;display:flex}.search span{text-align:left;flex:1}.search kbd{border:1px solid #dfe6e4;border-radius:5px;padding:3px 5px;font-size:9px}.icon-btn{color:#5c6f6b;background:#fff;border:1px solid #e4ebe9;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.notification{position:relative}.notification i{background:#ef4444;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.balance-hero{color:#fff;background:linear-gradient(115deg,#075d57,#10877b 65%,#22a897);border-radius:24px;height:166px;padding:27px 32px;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f766e2a}.balance-hero>div:first-child{z-index:2;position:relative}.balance-hero p{letter-spacing:1.2px;color:#d3fffa;align-items:center;gap:6px;margin:0 0 7px;font-size:10px;font-weight:700;display:flex}.balance-hero h2{letter-spacing:-1.2px;margin:0 0 9px;font-size:32px}.balance-hero span{color:#c6f5ed;align-items:center;gap:5px;font-size:10px;display:flex}.balance-hero>button{z-index:2;color:#08766d;background:#fff;border:0;border-radius:12px;align-items:center;gap:7px;padding:12px 17px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:30px;right:32px;box-shadow:0 8px 20px #043c3833}.hero-orb{border:1px solid #ffffff20;border-radius:50%;position:absolute}.orb-one{width:240px;height:240px;top:-155px;right:80px}.orb-two{background:#ffffff08;width:270px;height:270px;bottom:-205px;right:-100px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0;display:grid}.stat-card{background:#fff;border:1px solid #e8eeec;border-radius:17px;align-items:center;gap:11px;min-width:0;padding:17px;display:flex;box-shadow:0 5px 16px #143b3308}.stat-icon{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.stat-icon.blue{color:#2563eb;background:#eff6ff}.stat-icon.green{color:#059669;background:#eafaf5}.stat-icon.red{color:#ef4444;background:#fff1f2}.stat-icon.purple{color:#7c3aed;background:#f4f0ff}.stat-copy{flex:1;min-width:0}.stat-copy span{color:#81918e;margin-bottom:5px;font-size:10px;display:block}.stat-copy strong{white-space:nowrap;font-size:14px;display:block}.badge{color:#71817e;white-space:nowrap;background:#f1f5f4;border-radius:7px;align-items:center;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.badge.green{color:#059669;background:#eafaf5}.badge.red{color:#e34c5c;background:#fff0f2}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:17px;display:grid}.card{background:#fff;border:1px solid #e7eeec;border-radius:20px;box-shadow:0 6px 20px #173d3508}.cashflow-card,.category-card{min-height:365px;padding:22px 23px}.card-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.card-head h3{margin:0 0 5px;font-size:14px}.card-head p{color:#92a09d;margin:0;font-size:10px}.period-tabs,.filter-tabs{background:#f1f5f4;border-radius:10px;padding:3px;display:flex}.period-tabs button,.filter-tabs button{color:#80908c;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:600}.period-tabs button.active,.filter-tabs button.active{color:#08766d;background:#fff;box-shadow:0 2px 8px #173d3515}.chart-wrap{height:235px;margin-top:17px}.chart-legend{color:#70817d;justify-content:center;gap:25px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:50%;width:8px;height:8px}.chart-legend .income{background:#0f9f90}.chart-legend .expense{background:#fb7185}.donut-wrap{height:180px;margin-top:5px;position:relative}.donut-label{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-label strong{font-size:13px}.donut-label span{color:#92a09d;margin-top:3px;font-size:9px}.category-legend{grid-template-columns:1fr 1fr;gap:13px 18px;margin-top:11px;display:grid}.category-legend div{justify-content:space-between;align-items:center;font-size:9px;display:flex}.category-legend span{color:#70817d;align-items:center;gap:6px;display:flex}.category-legend i{border-radius:50%;width:7px;height:7px}.category-legend strong{font-size:9px}.history-card{margin-top:17px;padding:22px 23px}.history-actions{align-items:center;gap:16px;display:flex}.view-all{color:#08766d;background:0 0;border:0;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.transaction-list{margin-top:13px}.transaction{border-top:1px solid #eff3f2;align-items:center;gap:12px;padding:13px 2px;display:flex}.transaction-icon{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.transaction-icon.income{color:#059669;background:#eafaf5}.transaction-icon.expense{color:#e85364;background:#fff0f2}.transaction-main{flex:1;min-width:0}.transaction-main>strong{white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:11px;display:block;overflow:hidden}.transaction-main>div{align-items:center;gap:8px;display:flex}.transaction-main>div>span{color:#94a29f;font-size:9px}.transaction-amount{white-space:nowrap;font-size:11px}.transaction-amount.income{color:#059669}.transaction-amount.expense{color:#e34c5c}.bottom-nav,.mobile-fab{display:none}.skeleton{background:linear-gradient(90deg,#edf2f1 25%,#f7f9f8 45%,#edf2f1 65%) 0 0/300% 100%;border-radius:10px;animation:1.3s infinite shimmer}.sk-value{width:100px;height:17px}.chart-skeleton{height:235px;margin-top:17px}.donut-skeleton{border-radius:50%;width:155px;height:155px;margin:18px auto}.row-skeleton{height:55px;margin-top:10px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#092c2788;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:min(480px,100%);max-height:92vh;padding:24px;animation:.2s ease-out pop;overflow:auto;box-shadow:0 30px 80px #082c2766}@keyframes pop{0%{opacity:0;transform:translateY(15px)}}.modal-head{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{color:#0f887d;letter-spacing:1.3px;margin:0 0 5px;font-size:9px;font-weight:800}.modal h2{margin:0;font-size:21px}.tabs{background:#f1f5f4;border-radius:13px;grid-template-columns:1fr 1fr;gap:7px;margin:22px 0;padding:5px;display:grid}.tabs button{color:#758582;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:42px;font-size:12px;font-weight:700;display:flex}.tabs button.active{background:#fff;box-shadow:0 3px 10px #153e3615}.tabs button.active.expense{color:#e34c5c}.tabs button.active.income{color:#059669}.field{margin-top:15px;display:block}.field>span{margin-bottom:7px;font-size:10px;font-weight:700;display:block}.field input,.field select,.new-cat input{color:#17312c;background:#fff;border:1px solid #dfe8e5;border-radius:11px;width:100%;height:46px;padding:0 13px;font-size:12px}.field select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#82918e 50%),linear-gradient(135deg,#82918e 50%,#0000 50%);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-repeat:no-repeat;background-size:5px 5px}.amount-field>div{border:1px solid #cddbd7;border-radius:13px;align-items:center;padding:0 15px;display:flex}.amount-field input{letter-spacing:-.5px;border:0;height:58px;padding:0;font-size:25px;font-weight:800}.amount-field b{color:#81918e}.category-row{gap:8px;display:flex}.add-cat{color:#08766d;background:#effbf8;border:1px dashed #0f887d;border-radius:11px;flex:none;place-items:center;width:46px;display:grid}.new-cat{background:#f5f8f7;border-radius:12px;gap:8px;margin-top:9px;padding:10px;display:flex}.new-cat button{color:#fff;background:#0f766e;border:0;border-radius:9px;padding:0 15px;font-size:11px;font-weight:700}.submit-btn{color:#fff;border:0;border-radius:12px;width:100%;height:49px;margin-top:22px;font-weight:700}.submit-btn.expense{background:#e85364}.submit-btn.income{background:#0f887d}.empty{text-align:center;color:#94a29f;padding:40px 0}.empty svg{width:35px;height:35px}.empty h4{color:#526561;margin:8px 0 3px}.empty p{margin:0;font-size:11px}@media (width<=1050px){main{padding:0 22px 45px}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.category-card{min-height:330px}.donut-wrap{height:160px}.category-legend{max-width:360px;margin:8px auto 0}}@media (width<=720px){body{background:#f7faf9}.sidebar{display:none}main{margin-left:0;padding:0 14px 105px}.topbar{height:74px}.mobile-brand{color:#0b6e66;align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.mobile-brand svg{width:22px}.welcome,.search,.header-actions>.avatar{display:none}.header-actions{margin-left:auto}.balance-hero{border-radius:22px;height:183px;padding:23px 22px}.balance-hero h2{margin-top:11px;font-size:29px}.balance-hero>button{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.stat-card{padding:13px 12px;display:block;position:relative}.stat-icon{width:34px;height:34px;margin-bottom:14px}.stat-icon svg{width:17px}.stat-copy strong{font-size:12px}.stat-card>.badge{position:absolute;top:12px;right:11px}.dashboard-grid{gap:12px}.cashflow-card,.category-card,.history-card{border-radius:18px;padding:18px 15px}.cashflow-card{min-height:345px}.card-head{align-items:flex-start}.period-tabs button{padding:7px 8px}.chart-wrap{height:215px}.history-card{margin-top:12px}.history-card>.card-head{display:block}.history-actions{justify-content:space-between;margin-top:12px}.transaction{gap:9px}.transaction-main>strong{max-width:160px}.transaction-amount{font-size:10px}.view-all{display:none}.bottom-nav{z-index:30;height:75px;padding:7px 5px max(7px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5ecea;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#91a09d;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;font-size:8px;font-weight:600;display:flex}.bottom-nav button svg{width:20px}.bottom-nav button.active{color:#08766d}.mobile-fab{z-index:31;color:#fff;background:#0f766e;border:5px solid #f7faf9;border-radius:18px;place-items:center;width:54px;height:54px;display:grid;position:fixed;bottom:47px;left:50%;transform:translate(-50%);box-shadow:0 9px 22px #0f766e55}.modal{border-radius:24px 24px 12px 12px;align-self:end;margin-bottom:0;padding:21px}.overlay{padding:0 8px 8px}.category-legend{max-width:none}}@media (width<=380px){.stats-grid{grid-template-columns:1fr}.stat-card{display:flex}.stat-icon{margin:0}.stat-card>.badge{position:static}.transaction-main>strong{max-width:125px}}.login-page{background:radial-gradient(circle at 15% 15%,#ccfbf1 0,#0000 30%),radial-gradient(circle at 85% 85%,#d1fae5 0,#0000 28%),#f4f8f7;place-items:center;max-width:none;min-height:100vh;margin:0;padding:28px;display:grid}.login-card{background:#fff;border:1px solid #e1ebe8;border-radius:26px;width:min(440px,100%);padding:36px;box-shadow:0 24px 70px #0b4d4320}.login-brand{align-items:center;gap:12px;display:flex}.login-brand>span{color:#fff;background:#0f766e;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 9px 22px #0f766e35}.login-brand strong{font-size:18px;display:block}.login-brand small{color:#8a9a96;margin-top:3px;font-size:10px;display:block}.login-heading{margin:34px 0 24px}.login-heading p{color:#0f887d;letter-spacing:1.4px;margin:0 0 8px;font-size:9px;font-weight:800}.login-heading h1{letter-spacing:-.7px;margin:0 0 8px;font-size:25px}.login-heading>span{color:#81918d;font-size:12px}.login-field{margin-top:17px;display:block}.login-field>span{margin-bottom:8px;font-size:11px;font-weight:700;display:block}.login-field>div{color:#849591;border:1px solid #dbe6e3;border-radius:12px;align-items:center;gap:10px;height:50px;padding:0 14px;transition:all .2s;display:flex}.login-field>div:focus-within{color:#0f887d;border-color:#0f887d;box-shadow:0 0 0 3px #0f887d14}.login-field input{color:#17312c;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:12px}.password-toggle{color:#849591;background:0 0;border:0;place-items:center;padding:4px;display:grid}.login-error{color:#be123c;background:#fff1f2;border-radius:10px;margin-top:15px;padding:11px 13px;font-size:11px}.login-submit{color:#fff;background:#0f766e;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;margin-top:22px;font-size:12px;font-weight:800;display:flex;box-shadow:0 10px 22px #0f766e30}.login-submit:hover{background:#0b6861}.login-submit:disabled{cursor:not-allowed;opacity:.7}.spin{animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.header-user{align-items:center;gap:8px;display:flex}.header-user>span{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:11px;font-weight:700;overflow:hidden}.logout-btn{color:#d13f52;background:#fff;border:1px solid #f2cfd4;border-radius:12px;align-items:center;gap:7px;height:40px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.logout-btn:hover{background:#fff1f2}@media (width<=720px){.login-page{padding:14px}.login-card{border-radius:22px;padding:27px 22px}.login-heading{margin-top:28px}.header-user{display:none}.logout-btn{justify-content:center;width:40px;padding:0}.logout-btn span{display:none}}.login-form{gap:17px;display:grid}.login-form label>span{margin-bottom:8px;font-size:11px;font-weight:700;display:block}.login-input{position:relative}.login-input>svg{z-index:1;color:#849591;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input .ui-input{height:50px;padding-left:43px;padding-right:43px}.login-input .password-toggle{width:40px;height:40px;position:absolute;top:5px;right:6px}.login-form .login-error{margin:0}.login-form .login-submit{margin-top:5px}.side-logout{color:#d13f52!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;display:grid!important}.mini-profile>div:nth-child(2){min-width:0}.mini-profile strong,.mini-profile small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-profile small{max-width:110px}.confirm-dialog{text-align:center;width:min(420px,100vw - 32px)}.confirm-dialog .ui-dialog-header{padding:0 28px}.confirm-dialog-icon{color:#d94758;background:#fff0f2;border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto 18px;display:grid}.confirm-dialog .ui-dialog-description{margin-top:9px;line-height:1.65}.confirm-dialog-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.confirm-dialog-actions.single{grid-template-columns:1fr}.confirm-dialog-overlay{z-index:200;background:#092c27aa}.confirm-dialog-layer{z-index:201}.danger-icon{color:#d94758!important}.danger-icon:hover{background:#fff1f2!important}.pagination-bar{border-top:1px solid #edf2f0;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding-top:14px;display:flex}.pagination-bar>span{color:#82928e;font-size:10px;font-weight:700}.pagination-bar>div{align-items:center;gap:5px;display:flex}.pagination-bar button{color:#526762;background:#fff;border:1px solid #dfe8e5;border-radius:9px;place-items:center;min-width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.pagination-bar button.active{color:#08766d;background:#eaf7f4;border-color:#0f887d}.pagination-bar button:disabled{opacity:.45;cursor:not-allowed}.pagination-bar>div>span{color:#94a39f;padding:0 2px;font-size:10px}.history-card-detailed{padding:22px}.transaction-detail-list{gap:12px;margin-top:16px;display:grid}.transaction-detail-card{background:#fff;border:1px solid #e4ece9;border-radius:17px;padding:16px 17px;box-shadow:0 5px 18px #173d3507}.transaction-detail-head{align-items:flex-start;gap:12px;display:flex}.transaction-detail-title{flex:1;min-width:0}.transaction-detail-title>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.transaction-detail-title h3{margin:8px 0 5px;font-size:13px;line-height:1.35}.transaction-detail-title p{color:#8b9b97;word-break:break-word;margin:0;font-size:9px}.transaction-detail-amount{white-space:nowrap;margin-top:4px;font-size:14px}.transaction-detail-amount.income{color:#059669}.transaction-detail-amount.expense{color:#e34c5c}.transaction-detail-grid{border-top:1px solid #edf2f0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px;padding-top:14px;display:grid}.transaction-detail-grid div{background:#f8fbfa;border-radius:12px;min-width:0;padding:10px}.transaction-detail-grid span{color:#879793;margin-bottom:5px;font-size:8px;display:block}.transaction-detail-grid strong{color:#263d37;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.transaction-detail-note{color:#526762;background:#f1f7f5;border-radius:12px;align-items:center;gap:8px;margin-top:11px;padding:10px 12px;font-size:10px;line-height:1.5;display:flex}.transaction-detail-note svg{color:#0f887d;flex:none}.transaction-toolbar .toolbar-search{width:min(520px,100%)}.attachment-picker{color:#08766d;cursor:pointer;background:#effbf8;border:1px dashed #35a99e;border-radius:12px;justify-content:center;align-items:center;gap:9px;height:46px;font-size:11px;font-weight:800;display:flex}.attachment-picker input{display:none}.attachment-preview-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px;display:grid}.attachment-preview{aspect-ratio:1;background:#f3f7f6;border:1px solid #e0e9e6;border-radius:12px;position:relative;overflow:hidden}.attachment-preview img{object-fit:cover;width:100%;height:100%;display:block}.attachment-preview button{color:#fff;background:#092c27cc;border:0;border-radius:8px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px}.transaction-attachment-gallery{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.transaction-attachment-gallery button{background:#f3f7f6;border:1px solid #e0e9e6;border-radius:12px;width:58px;height:58px;padding:0;transition:border-color .15s,transform .15s;display:block;overflow:hidden}.transaction-attachment-gallery button:hover{border-color:#35a99e;transform:translateY(-1px)}.transaction-attachment-gallery img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=1050px){.transaction-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.transaction-detail-card{padding:14px}.transaction-detail-head{align-items:flex-start}.transaction-detail-amount{width:100%;margin-left:50px}.transaction-detail-grid{grid-template-columns:1fr;gap:8px}.transaction-detail-grid div{padding:9px}.history-card-detailed{padding:16px}.transaction-toolbar .toolbar-search{width:100%}.attachment-preview-grid{grid-template-columns:repeat(3,1fr)}.pagination-bar{flex-direction:column;align-items:flex-start}.pagination-bar>div{max-width:100%;padding-bottom:2px;overflow:auto}}.fund-link{text-underline-offset:3px;margin-top:12px;text-decoration:underline;color:#d7fff8!important;box-shadow:none!important;background:0 0!important;padding:0!important;font-size:9px!important;position:static!important}.fund-empty h2{font-size:25px}.modal-description{color:#778884;max-width:380px;margin:12px 0 20px;font-size:11px;line-height:1.6}.ui-button{color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.ui-button:hover{transform:translateY(-1px)}.ui-button:disabled{pointer-events:none;opacity:.5}.ui-button-default{background:#0f766e;box-shadow:0 7px 16px #0f766e24}.ui-button-default:hover{background:#0b665f}.ui-button-destructive{background:#e85364;box-shadow:0 7px 16px #e8536424}.ui-button-destructive:hover{background:#d94758}.ui-button-outline{color:#405650;box-shadow:none;background:#fff;border:1px solid #dce6e3}.ui-button-ghost{color:#526762;box-shadow:none;background:0 0}.ui-button-md{height:46px;padding:0 17px;font-size:12px}.ui-button-sm{height:38px;padding:0 13px;font-size:11px}.ui-button-icon{width:46px;height:46px;padding:0}.ui-input{color:#17312c;background:#fff;border:1px solid #dce6e3;border-radius:11px;width:100%;height:46px;padding:0 13px;font-size:12px;transition:border-color .15s,box-shadow .15s;display:flex}.ui-input::placeholder{color:#9aa8a5}.ui-input:focus{border-color:#35a99e;outline:0;box-shadow:0 0 0 3px #2dd4bf20}.ui-label{color:#2a403b;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.ui-dialog-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#092c2788;animation:.18s ease-out dialog-fade;position:fixed;inset:0}.ui-dialog-content{z-index:101;background:#fff;border:1px solid #e2ebe8;border-radius:24px;width:min(480px,100vw - 32px);max-height:92vh;padding:25px;animation:.2s ease-out dialog-pop;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 30px 80px #082c2766}.ui-dialog-close{color:#5c6f6b;background:#fff;border:1px solid #e4ebe9;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:20px;right:20px}.ui-dialog-header{padding-right:48px}.ui-dialog-title{color:#17312c;margin:0;font-size:21px;line-height:1.3}.ui-dialog-description{color:#778884;margin:8px 0 0;font-size:11px;line-height:1.6}.shadcn-form{gap:15px;margin-top:20px;display:grid}.form-control{min-width:0}.form-error{color:#dc3f52;margin:6px 0 0;font-size:10px}.form-submit{width:100%;margin-top:5px}.currency-input{position:relative}.currency-input .ui-input{letter-spacing:-.5px;height:58px;padding-right:42px;font-size:24px;font-weight:800}.currency-input>span{color:#82928e;font-size:13px;font-weight:700;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.ui-tabs-list{background:#f0f5f3;border-radius:13px;grid-template-columns:1fr 1fr;gap:6px;margin-top:20px;padding:5px;display:grid}.ui-tabs-trigger{color:#72837f;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:42px;font-size:11px;font-weight:700;display:flex}.ui-tabs-trigger[data-state=active]{color:#08766d;background:#fff;box-shadow:0 3px 10px #153e3615}.ui-tabs-trigger:first-child[data-state=active]{color:#e34c5c}.category-row{grid-template-columns:minmax(0,1fr) 46px;gap:8px;display:grid}.ui-select-trigger{color:#243b35;background:#fff;border:1px solid #dce6e3;border-radius:11px;justify-content:space-between;align-items:center;width:100%;height:46px;padding:0 13px;font-size:12px;display:flex}.ui-select-content{z-index:150;min-width:var(--radix-select-trigger-width);background:#fff;border:1px solid #e0e8e6;border-radius:12px;max-height:240px;padding:5px;animation:.15s ease-out dialog-fade;overflow:hidden;box-shadow:0 16px 40px #102f2928}.ui-select-item{color:#334944;cursor:pointer;border-radius:8px;outline:0;padding:10px 10px 10px 31px;font-size:11px;position:relative}.ui-select-item[data-highlighted]{color:#08766d;background:#eaf7f4}.ui-select-check{color:#08766d;place-items:center;display:grid;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.new-category-row{background:#f4f8f7;border-radius:12px;grid-template-columns:1fr auto;gap:8px;padding:10px;display:grid}.add-cat{color:#08766d;background:#effbf8;border-style:dashed}.ui-date-trigger{color:#334944;justify-content:flex-start;width:100%;font-weight:500}.ui-date-trigger svg{color:#0f887d}.ui-popover-content{z-index:150;background:#fff;border:1px solid #dfe8e5;border-radius:15px;padding:12px;animation:.15s ease-out dialog-fade;box-shadow:0 18px 45px #102f2928}.ui-calendar-popover{width:auto}.rdp-root{--rdp-accent-color:#0f766e;--rdp-accent-background-color:#e7f6f3;margin:0;font-size:12px}.rdp-month_caption{align-items:center;height:38px;font-weight:800;display:flex}.rdp-button_previous,.rdp-button_next{background:#fff;border:1px solid #e2eae8;border-radius:9px;width:32px;height:32px}.rdp-weekday{color:#8b9a97;font-size:9px;font-weight:700}.rdp-day_button{background:0 0;border:0;border-radius:9px;width:35px;height:35px;font-size:11px}.rdp-selected .rdp-day_button{color:#fff;background:#0f766e;font-weight:800}.rdp-today:not(.rdp-selected) .rdp-day_button{color:#08766d;background:#e8f6f3;font-weight:800}.rdp-outside{opacity:.35}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-pop{0%{opacity:0;transform:translate(-50%,-47%)scale(.98)}}@media (width<=720px){.ui-dialog-content{border-radius:24px 24px 14px 14px;width:calc(100vw - 16px);padding:22px;animation:.2s ease-out dialog-mobile;top:auto;bottom:8px;transform:translate(-50%)}.ui-dialog-close{top:17px;right:17px}.ui-input,.ui-select-trigger,.ui-button-md{height:48px}.currency-input .ui-input{height:60px}@keyframes dialog-mobile{0%{opacity:0;transform:translate(-50%,18px)}}}.nav-count{color:#df4255;background:#fef0f2;border-radius:8px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:9px;display:grid}.page-view{padding-bottom:15px}.page-heading{justify-content:space-between;align-items:center;gap:20px;min-height:88px;display:flex}.page-heading p{color:#0f887d;letter-spacing:1.2px;margin:0 0 5px;font-size:9px;font-weight:800}.page-heading h2{letter-spacing:-.6px;margin:0 0 5px;font-size:23px}.page-heading span{color:#899995;font-size:10px;display:block}.page-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:7px 0 15px;display:flex}.toolbar-search{width:270px;position:relative}.toolbar-search>svg{color:#83928f;z-index:1;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.toolbar-search .ui-input{height:40px;padding-left:38px}.transaction-toolbar>div:last-child{gap:8px;display:flex}.transaction-toolbar .ui-button{height:40px}.approval-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.approval-summary>div{background:#fff;border:1px solid #e5ecea;border-radius:16px;align-items:center;gap:12px;padding:15px 17px;display:flex;box-shadow:0 4px 15px #173d3506}.approval-summary>div>svg{color:#d99209;background:#fff6df;border-radius:10px;width:35px;height:35px;padding:8px}.approval-summary>div:nth-child(2)>svg{color:#059669;background:#eafaf5}.approval-summary>div:nth-child(3)>svg{color:#e34c5c;background:#fff0f2}.approval-summary span{color:#849490;font-size:9px}.approval-summary strong{color:#213a34;margin-top:2px;font-size:18px;display:block}.voucher-list{gap:10px;display:grid}.voucher-card{background:#fff;border:1px solid #e4ece9;border-radius:17px;align-items:center;gap:13px;padding:16px 17px;display:flex;box-shadow:0 5px 18px #173d3507}.voucher-type{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.voucher-type svg{width:20px}.voucher-type.income{color:#059669;background:#eafaf5}.voucher-type.expense{color:#e34c5c;background:#fff0f2}.voucher-body{flex:1;min-width:0}.voucher-title{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.voucher-title span{color:#849590;font-size:8px;font-weight:700}.voucher-title h3{margin:4px 0 8px;font-size:11px}.voucher-title>strong{white-space:nowrap;font-size:12px}.voucher-title>strong.income{color:#059669}.voucher-title>strong.expense{color:#e34c5c}.voucher-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.voucher-meta>span{color:#94a29f;font-size:8px}.voucher-meta .badge{gap:4px;display:flex}.badge.warning{color:#bd7c06;background:#fff6df}.voucher-actions{gap:7px;margin-left:8px;display:flex}.page-empty{text-align:center;color:#91a19d;background:#fff;border:1px dashed #d8e4e0;border-radius:18px;padding:45px 20px}.page-empty>svg{color:#72b8ad;width:38px;height:38px}.page-empty h3{color:#3b514c;margin:10px 0 4px;font-size:13px}.page-empty p{margin:0;font-size:10px}.category-page-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.category-manage-card{padding:20px}.category-group-head{align-items:center;gap:11px;display:flex}.category-group-head>div{border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.category-group-head>div.income{color:#059669;background:#eafaf5}.category-group-head>div.expense{color:#e34c5c;background:#fff0f2}.category-group-head>span{flex:1}.category-group-head h3{margin:0 0 4px;font-size:13px}.category-group-head p{color:#92a19d;margin:0;font-size:9px}.manage-category-list{margin-top:16px}.manage-category-list>div{border-top:1px solid #edf2f0;align-items:center;gap:10px;padding:12px 2px;display:flex}.manage-category-list>div>strong{flex:1;font-size:10px}.manage-category-list>div>small{color:#95a39f;font-size:8px}.manage-category-list>div>button{color:#8b9b97;background:0 0;border:0}.category-dot{color:#d99209;background:#fff6df;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.category-dot.dot-1{color:#0f887d;background:#e8f7f4}.category-dot.dot-2{color:#6366f1;background:#eef0ff}.category-dot.dot-3{color:#e34b91;background:#fff0f7}.budget-overview{color:#fff;background:linear-gradient(110deg,#102f2b,#0d7168);border-radius:20px;justify-content:space-between;align-items:center;height:155px;padding:25px 28px;display:flex;overflow:hidden}.budget-overview span{color:#bce9e2;font-size:9px}.budget-overview h3{margin:8px 0 5px;font-size:26px}.budget-overview p{color:#abd8d1;margin:0;font-size:9px}.budget-ring{background:conic-gradient(#54dbc9 var(--progress),#ffffff20 0);border-radius:50%;place-items:center;width:95px;height:95px;display:grid;position:relative}.budget-ring:after{content:"";background:#116a62;border-radius:50%;position:absolute;inset:9px}.budget-ring span{z-index:1;color:#fff;font-size:16px;font-weight:800;position:relative}.budget-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:15px;display:grid}.budget-card{padding:19px}.budget-card-head{align-items:center;gap:11px;display:flex}.budget-card-head>span{border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.budget-card-head svg{width:18px}.budget-card-head>div{flex:1}.budget-card-head h3{margin:0 0 4px;font-size:11px}.budget-card-head p{color:#92a19d;margin:0;font-size:8px}.budget-alert{color:#f59e0b}.budget-numbers{margin:20px 0 10px}.budget-numbers strong{font-size:14px}.budget-numbers span{color:#8d9c98;font-size:9px}.budget-progress{background:#edf2f1;border-radius:10px;height:7px;overflow:hidden}.budget-progress i{border-radius:10px;height:100%;display:block}.budget-card>small{text-align:right;color:#8d9c98;margin-top:7px;font-size:8px;display:block}@media (width<=900px){.voucher-card{flex-wrap:wrap;align-items:flex-start}.voucher-actions{justify-content:flex-end;width:100%;margin-left:55px}.category-page-grid{grid-template-columns:1fr}}@media (width<=720px){.page-heading{min-height:95px}.page-heading h2{font-size:20px}.page-heading .ui-button{padding:0 12px;font-size:10px}.approval-summary{gap:7px}.approval-summary>div{gap:7px;padding:12px 9px}.approval-summary>div>svg{width:31px;height:31px}.approval-summary strong{font-size:15px}.page-toolbar{flex-direction:column;align-items:stretch}.page-toolbar .filter-tabs{overflow:auto}.toolbar-search{width:100%}.voucher-card{padding:14px}.voucher-title{display:block}.voucher-title>strong{margin-bottom:7px;display:block}.voucher-actions{justify-content:stretch;margin-left:0}.voucher-actions .ui-button{flex:1}.transaction-toolbar>div:last-child{grid-template-columns:1fr 1fr;display:grid}.budget-grid{grid-template-columns:1fr}.budget-overview{height:140px;padding:20px}.category-manage-card{padding:16px}.category-group-head .ui-button{width:38px;padding:0;font-size:0}.category-group-head .ui-button svg{margin:0}}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check-field{color:#526762;align-items:center;gap:9px;font-size:11px;display:flex}.check-field input{accent-color:#0f766e}.account-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.account-card{padding:20px}.account-card-head{align-items:center;gap:11px;display:flex}.account-card-head>span{color:#08766d;background:#eaf7f4;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.account-card-head>div{flex:1;min-width:0}.account-card h3{margin:0 0 4px;font-size:12px}.account-card p,.account-card small{color:#8b9b97;margin:0;font-size:9px}.account-number{letter-spacing:1px;color:#526762;margin:20px 0 15px;font-size:12px}.account-balance{border-top:1px solid #edf2f0;padding-top:14px}.account-balance span{color:#8b9b97;margin-bottom:5px;font-size:9px;display:block}.account-balance strong{margin-bottom:8px;font-size:18px;display:block}.page-empty .ui-button{margin-top:15px}.empty-inline{color:#94a29f;width:100%;font-size:10px;justify-content:center!important}.app-error{color:#be123c;background:#fff1f2;border:1px solid #f2cfd4;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;padding:11px 14px;font-size:10px;display:flex}.app-error button{color:#a81732;background:0 0;border:0;font-weight:800;text-decoration:underline}@media (width<=1050px){.account-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.form-grid,.account-grid{grid-template-columns:1fr}.account-card{padding:17px}}