:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}@media(prefers-color-scheme:dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media(max-width:1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media(max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html,body{height:100%;height:100dvh;overscroll-behavior:none;position:fixed;width:100%}body{background-color:#f0f0f0;display:flex;justify-content:center;overflow:hidden}.app-container{width:100%;max-width:412px;height:100vh;height:100dvh;background-color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;overscroll-behavior:none;will-change:transform}.nav-item{border-radius:32px;padding:8px 12px}.header{padding:24px 20px 16px;text-align:center}.header h1{color:#000;font-size:20px;font-weight:700}.balance-card{background-color:#000;color:#fff;margin:0 20px;border-radius:16px;padding:24px}.balance-card.expanded{max-height:500px}.balance-header{margin-bottom:20px}.balance-label{font-size:14px;color:#a0a0a0;display:flex;align-items:center;gap:6px;margin-bottom:8px}.total-amount{font-size:28px;font-weight:700;text-align:left}.balance-summary{display:flex;justify-content:space-between;margin-top:24px;overflow:hidden;opacity:1;max-height:100px;transition:all .4s cubic-bezier(.4,0,.2,1)}.balance-summary.hidden,.balance-details.hidden{max-height:0;margin-top:0;opacity:0;gap:0;border:none;overflow:hidden}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:#a0a0a0;display:flex;align-items:center;gap:4px}.summary-value{font-size:14px;font-weight:500}.balance-details{display:flex;flex-direction:column;gap:16px;margin-top:24px;overflow:hidden;opacity:1;max-height:500px;transition:all .4s cubic-bezier(.4,0,.2,1)}.balance-list-scrollable{display:flex;flex-direction:column;gap:16px;max-height:250px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.balance-list-scrollable::-webkit-scrollbar{display:none}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:14px;color:#a0a0a0;text-align:left}.detail-value{font-size:18px;font-weight:600;text-align:left}.add-category-btn{background:none;border:none;color:#fff;display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;cursor:pointer;padding:0}.transactions-section{padding:24px 20px 40px;display:flex;flex-direction:column;flex:1;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:18px;font-weight:700}.see-all{font-size:14px;color:#666;cursor:pointer}.transaction-list{display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;padding-bottom:24px;scrollbar-width:none;-ms-overflow-style:none}.transaction-list::-webkit-scrollbar{display:none}.transaction-item{display:flex;align-items:center;justify-content:space-between}.transaction-icon-box{background-color:#000;width:48px;height:48px;border-radius:12px;display:flex;justify-content:center;align-items:center}.transaction-info{flex:1;margin-left:12px}.transaction-title{font-weight:600;font-size:15px;margin-bottom:2px;text-align:left}.transaction-type{font-size:13px;color:#888;text-align:left}.transaction-amount-data{text-align:right}.amount-positive{color:#2ecc71;font-weight:600;font-size:15px}.amount-negative{color:#e74c3c;font-weight:600;font-size:15px}.transaction-date{font-size:12px;color:#888;margin-top:2px}.bottom-nav{position:absolute;bottom:20px;left:20px;right:20px;background-color:#000;border-radius:30px;padding:12px 24px}.nav-container{display:flex;justify-content:space-around;align-items:center;color:#fff}.screen-content{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;padding-bottom:80px}.overview-summary{display:flex;gap:16px;padding:0 20px;margin-bottom:24px}.summary-card{flex:1;background-color:#000;color:#fff;padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:8px}.summary-card .summary-label{font-size:12px;color:#a0a0a0}.summary-card .summary-value{font-size:16px;font-weight:700;text-align:left}.overview-tabs{display:flex;gap:20px;padding:0 20px;margin-bottom:24px;border-bottom:1px solid #e0e0e0}.tab-item{font-size:18px;font-weight:600;color:#a0a0a0;padding-bottom:8px;cursor:pointer;transition:color .2s ease}.tab-item.active{color:#000;border-bottom:2px solid #000000}.tab-content-area{padding:0 20px;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.statistics-content,.calendar-content{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0;touch-action:pan-y}.chart-area{display:flex;height:200px;margin-bottom:24px;position:relative}.y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#888;padding-right:12px;height:160px}.bars-container{flex:1;display:flex;justify-content:space-between;border-bottom:1px dashed #ccc;height:160px;position:relative}.chart-grid-line{position:absolute;left:0;right:0;border-bottom:1px dashed #e0e0e0;z-index:0}.line-1jt{top:33%}.line-2jt{top:66%}.line-3jt{top:0%}.bar-group{display:flex;align-items:flex-end;gap:4px;height:100%;position:relative;z-index:1}.bar{width:16px;border-radius:4px 4px 0 0}.bar-inc{background-color:#0f0}.bar-exp{background-color:red}.x-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:10px;color:#888;white-space:nowrap}.stat-filters{display:flex;gap:16px;margin-bottom:14px}.filter-btn{flex:1;padding:12px;border-radius:8px;border:1px solid #000000;background:transparent;color:#000;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn.active{background:#000;color:#fff}.calendar-month-title{font-size:16px;font-weight:700;margin-bottom:16px;text-align:left}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px 8px;text-align:center;margin-bottom:24px}.cal-day-name{font-size:12px;font-weight:600;color:#666}.cal-day-box{font-size:14px;color:#333;width:32px;height:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;border-radius:50%;cursor:pointer;position:relative;transition:all .2s ease}.cal-day-box.active{background-color:#000;color:#fff}.cal-dot{width:4px;height:4px;background-color:red;border-radius:50%;position:absolute;bottom:2px}.calendar-daily-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-daily-summary h4{font-size:14px;font-weight:600}.daily-total-expense{color:red;font-size:14px}.add-transaction-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;flex-direction:column;z-index:100;justify-content:flex-end}.add-tx-header-top{text-align:center;color:#fff;padding:24px 20px}.add-tx-header-top h2{font-size:16px;font-weight:600;color:#000}.add-tx-modal{background-color:#fff;flex:2;border-radius:24px 24px 0 0;padding:24px 20px;overflow-y:auto;border-color:#000;box-shadow:0 -8px 24px #00000026;animation:slideUp .3s ease-out forwards}.add-tx-modal.closing{animation:slideDown .3s ease-in forwards}.modal-title{color:#000;padding:0 0 24px}.tx-input-name{text-align:left}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.back-btn-container{display:flex;align-items:center;gap:8px;margin-bottom:24px;cursor:pointer;color:#000}.back-text{font-weight:700;font-size:16px}.tx-input-box{background-color:#000;border-radius:12px;padding:12px 16px;margin-bottom:16px;display:flex;flex-direction:column}.tx-input-box label{color:#a0a0a0;font-size:10px;margin-bottom:4px}.tx-input-field{background:transparent;border:none;color:#fff;outline:none;width:100%}.amount-text{font-size:28px;font-weight:400}.desc-text{font-size:20px;font-weight:400}.tx-section{margin-bottom:24px}.section-label{font-size:12px;color:#666;margin-bottom:12px;font-weight:400;text-align:left}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.category-item{background-color:#fff;color:#000;padding:12px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px;cursor:pointer;border:2px solid transparent;transition:all .2s;border-color:#000}.category-item.active{border-color:#fff;box-shadow:0 0 10px #0000004d;background-color:#000;color:#fff}.report-toggle-container{display:flex;gap:16px}.report-btn{flex:1;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;border:2px solid #000000}.report-btn.active{background-color:#000;color:#fff}.report-btn:not(.active){background-color:transparent;color:#000}.balance-select-btn{background-color:#000;color:#fff;padding:12px 16px;border-radius:8px;display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:14px;cursor:pointer}.tx-actions{display:flex;gap:16px;margin-top:32px}.tx-actions button{flex:1;padding:14px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer}.btn-save{background-color:#000;color:#fff;border:none}.btn-draft{background-color:#fff;color:#000;border:2px solid #000000}.balance-dropdown-list{position:absolute;top:70px;left:0;right:0;background-color:#1c1c1e;border:1px solid #333;border-radius:12px;z-index:10;overflow:hidden;box-shadow:0 10px 20px #0000004d;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:14px 16px;color:#fff;font-size:14px;cursor:pointer;border-bottom:1px solid #333;transition:background .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#2c2c2e}.dropdown-item.active{background-color:#3a3a3c;font-weight:700}.overview-balance-btn{background-color:#000;color:#fff;padding:6px 12px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;cursor:pointer}.custom-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:9999;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease-out forwards}.custom-popup{background-color:#fff;width:85%;max-width:320px;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 40px #0003;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275) forwards}.custom-popup-title{font-size:16px;font-weight:700;color:#000;text-align:center}.custom-popup-desc{font-size:14px;color:#666;text-align:center;line-height:1.4}.custom-popup-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #e0e0e0;font-size:14px;outline:none;transition:all .2s;box-sizing:border-box}.custom-popup-input:focus{border-color:#000}.custom-popup-actions{display:flex;gap:12px;margin-top:8px}.popup-btn{flex:1;padding:12px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:all .2s}.popup-btn.cancel{background-color:#f5f5f5;color:#000}.popup-btn.confirm{background-color:#000;color:#fff}.balance-details::-webkit-scrollbar{display:none}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.transaction-swipe-container{position:relative;overflow:hidden;width:100%;border-radius:12px;flex-shrink:0}.transaction-swipe-action{position:absolute;top:0;left:0;height:100%;background-color:transparent;display:flex;align-items:center;justify-content:flex-start;width:60px;opacity:0;transition:opacity .3s ease;z-index:0}.transaction-swipe-action.visible{opacity:1}.delete-icon-btn{background-color:#fff;border:2px solid #000000;border-radius:12px;width:48px;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#000}.transaction-content-wrapper{position:relative;width:100%;background-color:#fff;transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:1;touch-action:pan-y}.transaction-content-wrapper.swiped{transform:translate(65px)}