*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#0d0d14}#root{min-height:100vh}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#0d0d14;--bg2:#14141f;--bg3:#1c1c2e;--accent:#6c5ce7;--accent-light:#a29bfe;--text:#fff;--text2:#88a;--green:#00b894;--red:#e17055;--border:#ffffff12;--radius:14px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}.app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.header{z-index:10;background:var(--bg);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex;position:sticky;top:0}.logo{letter-spacing:1px;color:var(--text);font-size:22px;font-weight:800}.avatar{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.tabbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;padding:0 8px;display:flex;position:sticky;top:62px}.tab-btn{cursor:pointer;color:var(--text2);background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:3px;margin-bottom:-1px;padding:10px 0 8px;transition:color .15s;display:flex}.tab-btn.active{color:var(--accent-light);border-bottom-color:var(--accent)}.tab-icon{font-size:18px}.tab-label{font-size:12px;font-weight:500}.main{flex:1;padding-bottom:24px;overflow-y:auto}.tab-content{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.loader,.empty{text-align:center;color:var(--text2);padding:48px 24px;font-size:14px}.group{margin-bottom:8px}.group-header{justify-content:space-between;align-items:center;padding:10px 4px 6px;display:flex}.group-date{letter-spacing:.5px;color:var(--text2);font-size:11px;font-weight:600}.group-count{background:var(--bg3);color:var(--text2);border-radius:20px;padding:2px 7px;font-size:11px;font-weight:600}.task-row{background:var(--bg2);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:6px;padding:14px;transition:background .1s;display:flex}.task-row:active{background:var(--bg3)}.task-row.done .task-title{color:var(--text2);text-decoration:line-through}.checkbox{border:2px solid var(--bg3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;transition:all .15s;display:flex}.checkbox.checked{background:var(--accent);border-color:var(--accent)}.checkbox svg{width:12px;height:10px}.task-info{flex-direction:column;flex:1;gap:4px;display:flex}.task-title{color:var(--text);font-size:14px;font-weight:500;line-height:1.4}.task-time{color:var(--text2);align-items:center;gap:4px;font-size:12px;display:flex}.nutrition-summary{background:var(--bg2);border-radius:var(--radius);justify-content:space-around;margin-bottom:6px;padding:14px;display:flex}.nut-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.nut-val{color:var(--accent-light);font-size:18px;font-weight:700}.nut-label{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.meal-row{background:var(--bg2);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:14px;display:flex}.meal-info{flex-direction:column;flex:1;gap:4px;display:flex}.meal-kcal{color:var(--accent-light);white-space:nowrap;font-size:13px;font-weight:600}.finance-summary{background:var(--bg2);border-radius:var(--radius);align-items:center;margin:4px 0 8px;padding:16px;display:flex}.fin-stat{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.fin-label{color:var(--text2);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.fin-val{font-size:14px;font-weight:700}.fin-stat.income .fin-val{color:var(--green)}.fin-stat.expense .fin-val{color:var(--red)}.fin-divider{background:var(--border);width:1px;height:32px}.tx-row{background:var(--bg2);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;display:flex}.tx-icon{text-align:center;flex-shrink:0;width:36px;font-size:24px}.tx-amount{white-space:nowrap;font-size:14px;font-weight:700}.tx-amount.income{color:var(--green)}.tx-amount.expense{color:var(--red)}