:root{--bg:#f2f3f5;--surface:#fff;--surface-2:#ececec;--text:#222;--muted:#666;--border:#d6d6d6;--green-1:#5fa87b;--green-2:#80bc97;--green-3:#c7e2cf;--red-1:#c56d6d;--red-2:#d99191;--red-3:#f0d4d4}html[data-theme=dark]{--bg:#17191c;--surface:#23262b;--surface-2:#2f3338;--text:#f2f2f2;--muted:#b7b7b7;--border:#40454b;--green-1:#3f855d;--green-2:#5f9e79;--green-3:#294535;--red-1:#a45656;--red-2:#b56b6b;--red-3:#4c2b2b}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,system-ui,Arial,sans-serif}button,input{font:inherit}.app-shell{width:100%;padding:14px}.bar{background:var(--surface);border:1px solid var(--border);border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;margin-bottom:14px;padding:12px 14px;display:grid;box-shadow:0 4px 14px #0000000a}.bar-left,.bar-center,.bar-right{align-items:center;gap:10px;display:flex}.bar-left{justify-content:flex-start}.bar-center{justify-content:center}.bar-right{flex-wrap:wrap;justify-content:flex-end}.month-nav{gap:12px}.month-label{text-transform:capitalize;font-size:28px;font-weight:700}.icon-btn,.soft-btn,.google-btn,.danger-btn,.danger-lite-btn,.cat-mini-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 14px}.icon-btn{min-width:42px}.google-btn{background:#f7f7f7;font-weight:700}.danger-btn{color:#fff;background:#c95151;border-color:#c95151}.danger-lite-btn{color:#7d2222;background:#f5d6d6}.cat-mini-btn{min-width:38px;padding:6px 10px}.danger-mini{background:#f0d5d5}.avatar-wrap{position:relative}.avatar-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;width:46px;height:46px;padding:0;overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-fallback{justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.avatar-menu{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:14px;min-width:180px;padding:10px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 24px #0000001f}.avatar-menu-name{color:var(--muted);margin-bottom:8px;font-size:14px}.dashboard-wrap{gap:12px;margin-bottom:18px;display:grid}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden}.dash-card-head{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 18px;font-size:18px;font-weight:700;display:flex}.dash-card-body{padding:0 18px 18px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat-box{border-radius:14px;padding:14px}.green-soft{background:var(--green-3)}.red-soft{background:var(--red-3)}.neutral-soft{background:var(--surface-2)}.stat-label{color:var(--muted);margin-bottom:6px;font-size:13px}.stat-value{font-size:24px;font-weight:700}.green-text{color:var(--green-1)}.red-text{color:var(--red-1)}.neutral-text{color:var(--text)}.summary-line{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.summary-line:last-child{border-bottom:none}.summary-line.strong{font-weight:700}.pie-wrap{width:100%;height:240px}.quick-note{margin-bottom:12px}.soft-warning{color:#6a5714;background:#fff4cf;border:1px solid #ebd583;border-radius:14px;padding:12px 14px}.tree-wrap{background:0 0}.tree-title{margin:10px 0 14px;font-size:24px;font-weight:700}.tree-section{margin-bottom:18px}.children-wrap{margin-top:8px}.node-block{margin-bottom:8px}.node-content{margin-top:8px;margin-bottom:8px}.cat-bar{border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:8px;width:100%;display:grid;overflow:hidden}.cat-bar-main{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:700;display:flex}.cat-actions{gap:6px;padding-right:8px;display:flex}.full-click-wrap{cursor:pointer;width:100%}.cat-sum{opacity:.9;margin-left:12px;font-size:14px}.income-l1{background:var(--green-1);color:#fff}.income-l2{background:var(--green-2)}.income-l3{background:var(--green-3)}.expense-l1{background:var(--red-1);color:#fff}.expense-l2{background:var(--red-2)}.expense-l3{background:var(--red-3)}.inline-add-row{gap:8px;padding:10px 0 4px;display:flex}.inline-add-input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;flex:1;padding:10px 12px}.tx-input-wrap{margin-top:10px;margin-bottom:8px}.tx-input-row{grid-template-columns:110px 1fr 140px auto;align-items:start;gap:8px;display:grid}.tx-day-input,.tx-description-input,.tx-amount-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:12px;padding:12px 14px}.tx-description-box{width:100%;position:relative}.suggestions-box{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:12px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 24px #0000001f}.suggestion-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 12px}.suggestion-item:hover,.suggestion-item.active{background:var(--surface-2)}.add-btn{height:46px}.tx-list-wrap{gap:8px;margin-top:8px;display:grid}.tx-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.tx-row-left,.tx-row-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tx-day{min-width:28px;font-weight:700}.tx-description{color:var(--text)}.tx-amount{font-weight:700}.edit-row{grid-template-columns:110px 1fr 140px auto auto;gap:8px;width:100%;display:grid}.empty-list{color:var(--muted);padding:8px 0;font-size:14px}.old-level2-list{margin-top:10px;padding-top:8px}@media (max-width:920px){.bar{grid-template-columns:1fr}.bar-left,.bar-center,.bar-right{justify-content:center}.stats-grid{grid-template-columns:1fr}.month-label{font-size:24px}}@media (max-width:720px){.app-shell{padding:10px}.month-label{font-size:22px}.tx-input-row{grid-template-columns:90px 1fr 110px}.add-btn{grid-column:1/-1;width:100%}.edit-row{grid-template-columns:90px 1fr 110px}.edit-row button{grid-column:span 1}}.app-shell{transition:transform .25s}.slide-left{animation:.25s slideLeft}.slide-right{animation:.25s slideRight}@keyframes slideLeft{0%{opacity:.7;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:.7;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.tx-day-group{opacity:.7;border-bottom:1px solid #78787840;margin-top:14px;margin-bottom:6px;padding-bottom:3px;font-size:13px;font-weight:600}.tx-list-wrap{flex-direction:column;gap:4px;display:flex}