:root{--bg: #F7F5F0;--card: #FFFFFF;--card2: #F0EDE6;--border: #E8E4DC;--text: #1A1814;--muted: #8C8880;--muted2: #C4BFB5;--personal: #D4522A;--personal-light: #FDF0EC;--work: #2A7D4F;--work-light: #EAF5EF;--danger: #C53030;--danger-light: #FEF2F2;--success: #2A7D4F;--shadow: 0 2px 16px rgba(26,24,20,.08);--shadow-lg: 0 8px 40px rgba(26,24,20,.14);--radius: 20px;--radius-sm: 12px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;min-height:100vh;line-height:1.5;overflow-x:hidden}input,select,button,textarea{font-family:Plus Jakarta Sans,sans-serif;font-size:14px}button{cursor:pointer}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;position:relative}.page-content{padding-bottom:90px}.app-header{background:var(--text);padding:3rem 1.5rem 2rem;position:relative;overflow:hidden}.app-header:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#ffffff0a;top:-70px;right:-50px;pointer-events:none}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;position:relative;z-index:1}.header-logo{font-family:"Instrument Serif",serif;font-size:22px;color:#fff;text-decoration:none}.header-right{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:#ffffff24;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.btn-icon{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .15s}.btn-icon:hover{background:#fff3}.total-section{position:relative;z-index:1}.total-label{font-size:12px;color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.total-amount{font-family:"Instrument Serif",serif;font-size:46px;color:#fff;line-height:1;letter-spacing:-1px;margin-bottom:4px}.total-sub{font-size:13px;color:#ffffff73}.quick-log-wrap{padding:0 1.25rem;margin-top:-20px;position:relative;z-index:5}.quick-log-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:1.25rem;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.ql-desc{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text);font-size:15px;outline:none;transition:border-color .15s;margin-bottom:10px}.ql-desc:focus{border-color:var(--text)}.ql-desc::placeholder{color:var(--muted2)}.ql-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.ql-amt-wrap{position:relative}.ql-currency{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:600;color:var(--muted)}.ql-amt{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px 12px 28px;color:var(--text);font-size:15px;font-weight:600;outline:none;transition:border-color .15s}.ql-amt:focus{border-color:var(--text)}.ql-amt::placeholder{color:var(--muted2)}.acc-toggles{display:flex;gap:6px}.acc-toggle{flex:1;padding:11px 0;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg);font-size:13px;font-weight:600;color:var(--muted);transition:all .15s;text-align:center}.acc-toggle.active-personal{background:var(--personal-light);border-color:var(--personal);color:var(--personal)}.acc-toggle.active-work{background:var(--work-light);border-color:var(--work);color:var(--work)}.cat-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none}.cat-scroll::-webkit-scrollbar{display:none}.cat-chip{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--bg);font-size:12px;font-weight:600;color:var(--muted);transition:all .15s;white-space:nowrap}.cat-chip.selected{background:var(--text);border-color:var(--text);color:#fff}.btn-deduct{width:100%;padding:14px;background:var(--text);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:15px;transition:all .15s}.btn-deduct:active{transform:scale(.98);opacity:.9}.btn-deduct.loading{opacity:.7}.spend-err{font-size:12px;color:var(--danger);margin-top:8px;font-weight:500;min-height:16px;text-align:center}.section{padding:1.5rem 1.25rem 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.acc-card{border-radius:var(--radius);padding:1.25rem;position:relative;overflow:hidden;transition:transform .15s}.acc-card:active{transform:scale(.97)}.acc-card.personal{background:var(--personal)}.acc-card.work{background:var(--work)}.acc-card.empty{background:var(--card);border:2px dashed var(--border);cursor:pointer}.acc-glow{position:absolute;width:130px;height:130px;border-radius:50%;background:#ffffff1a;bottom:-35px;right:-35px;pointer-events:none}.acc-type{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;position:relative;z-index:1}.acc-card.personal .acc-type,.acc-card.work .acc-type{color:#ffffffa6}.acc-card.empty .acc-type{color:var(--muted)}.acc-balance{font-family:"Instrument Serif",serif;font-size:26px;line-height:1;margin-bottom:3px;position:relative;z-index:1}.acc-card.personal .acc-balance,.acc-card.work .acc-balance{color:#fff}.acc-card.empty .acc-balance{color:var(--muted2);font-size:14px;font-family:Plus Jakarta Sans,sans-serif;font-weight:600}.acc-sub{font-size:11px;position:relative;z-index:1}.acc-card.personal .acc-sub,.acc-card.work .acc-sub{color:#fff9}.acc-card.empty .acc-sub{color:var(--muted2)}.acc-btn-row{display:flex;gap:6px;margin-top:10px;position:relative;z-index:1}.btn-acc{flex:1;padding:7px 0;border-radius:10px;border:none;background:#ffffff2e;color:#fff;font-size:11px;font-weight:600;transition:background .15s}.btn-acc:hover{background:#ffffff47}.txn-list{padding:0 1.25rem;margin-top:1.5rem}.txn-day-label{font-size:11px;font-weight:700;color:var(--muted2);text-transform:uppercase;letter-spacing:.08em;padding-bottom:8px}.txn-day-label:not(:first-child){padding-top:1.25rem}.txn-group{background:var(--card);border-radius:var(--radius);overflow:hidden;margin-bottom:0}.txn-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--bg);position:relative;transition:background .1s}.txn-row:last-child{border-bottom:none}.txn-row:active{background:var(--bg)}.txn-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.txn-info{flex:1;min-width:0}.txn-desc{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-meta{font-size:11px;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:5px}.txn-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.txn-right{text-align:right;flex-shrink:0}.txn-amt{font-size:14px;font-weight:700}.txn-bal{font-size:11px;color:var(--muted);margin-top:1px}.txn-del{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:var(--danger-light);border:none;border-radius:8px;color:var(--danger);width:28px;height:28px;font-size:16px;align-items:center;justify-content:center;display:none;line-height:1}.txn-row:hover .txn-del{display:flex}.txn-row:hover .txn-right{opacity:0;pointer-events:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:8px 0 20px;display:flex;justify-content:space-around;z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:4px 24px;border-radius:10px;text-decoration:none;transition:all .15s}.nav-icon{font-size:22px;line-height:1}.nav-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.nav-item.active .nav-label{color:var(--text)}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1a181480;z-index:100;align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.open{display:flex}.modal-sheet{background:var(--card);border-radius:28px 28px 0 0;padding:1.5rem 1.5rem 2.5rem;width:100%;animation:sheetUp .25s ease}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 1.25rem}.modal-title{font-size:18px;font-weight:700;margin-bottom:1.25rem}.modal-field{margin-bottom:12px}.modal-field label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.modal-field input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:13px 16px;color:var(--text);font-size:16px;font-weight:600;outline:none;transition:border-color .15s}.modal-field input:focus{border-color:var(--text)}.modal-field input::placeholder{color:var(--muted2)}.btn-modal{width:100%;padding:14px;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:15px;transition:opacity .15s;margin-top:4px}.btn-modal.dark{background:var(--text);color:#fff}.btn-modal.green{background:var(--work);color:#fff}.btn-modal:active{opacity:.88}.btn-cancel{width:100%;padding:12px;background:none;border:none;color:var(--muted);font-size:14px;font-weight:600;margin-top:4px}.auth-screen{min-height:100vh;background:var(--text);display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-bg-blob{position:absolute;border-radius:50%;pointer-events:none}.auth-hero{flex:1;padding:4rem 2rem 2rem;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}.auth-wordmark{font-family:"Instrument Serif",serif;font-size:52px;color:#fff;line-height:1;margin-bottom:10px}.auth-tagline{font-size:15px;color:#ffffff73;max-width:260px}.auth-sheet{background:var(--bg);border-radius:28px 28px 0 0;padding:2rem 1.5rem 2.5rem;position:relative;z-index:2}.auth-tabs{display:flex;background:var(--card2);border-radius:14px;padding:4px;margin-bottom:1.5rem;gap:4px}.auth-tab{flex:1;padding:10px;border:none;border-radius:10px;background:none;color:var(--muted);font-size:14px;font-weight:600;transition:all .2s}.auth-tab.active{background:var(--card);color:var(--text);box-shadow:0 2px 8px #1a181414}.auth-field{margin-bottom:14px}.auth-field label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.auth-field input{width:100%;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:13px 16px;color:var(--text);font-size:15px;outline:none;transition:border-color .15s}.auth-field input:focus{border-color:var(--text)}.auth-field input::placeholder{color:var(--muted2)}.btn-auth{width:100%;padding:14px;background:var(--text);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:15px;transition:opacity .15s;margin-top:4px}.btn-auth:active{opacity:.88}.btn-auth:disabled{opacity:.45}.auth-msg{font-size:13px;margin-top:10px;min-height:18px;text-align:center;font-weight:500}.auth-msg.error{color:var(--danger)}.auth-msg.success{color:var(--success)}.analytics-header{background:var(--text);padding:3rem 1.5rem 2rem;position:relative;overflow:hidden}.analytics-header:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#ffffff0a;top:-60px;right:-40px;pointer-events:none}.analytics-title{font-family:"Instrument Serif",serif;font-size:34px;color:#fff;margin-bottom:4px;position:relative;z-index:1}.analytics-sub{font-size:13px;color:#ffffff73;position:relative;z-index:1}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:1.25rem 1.25rem 0}.stat-card{background:var(--card);border-radius:var(--radius);padding:1.25rem}.stat-lbl{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.stat-val{font-family:"Instrument Serif",serif;font-size:28px;color:var(--text);line-height:1}.stat-sub{font-size:11px;color:var(--muted);margin-top:3px}.chart-section{padding:1.25rem 1.25rem 0}.chart-card{background:var(--card);border-radius:var(--radius);padding:1.25rem}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.bar-row:last-child{margin-bottom:0}.bar-lbl{font-size:12px;font-weight:600;width:70px;color:var(--muted)}.bar-track{flex:1;height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .7s cubic-bezier(.4,0,.2,1)}.bar-val{font-size:12px;font-weight:700;width:80px;text-align:right;color:var(--text)}.cat-section{padding:1.25rem}.cat-card{background:var(--card);border-radius:var(--radius);overflow:hidden}.cat-row-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--bg)}.cat-row-item:last-child{border-bottom:none}.cat-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:19px}.cat-name{font-size:14px;font-weight:600;flex:1}.cat-count{font-size:12px;color:var(--muted)}.cat-total{font-size:14px;font-weight:700;color:var(--danger)}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-icon{font-size:44px;margin-bottom:12px}.empty-title{font-size:16px;font-weight:700;margin-bottom:4px}.empty-sub{font-size:13px;color:var(--muted)}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%) translateY(10px);background:var(--text);color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;font-weight:600;opacity:0;transition:all .25s;z-index:200;white-space:nowrap;pointer-events:none;max-width:calc(100vw - 40px);text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.loader-logo{font-family:"Instrument Serif",serif;font-size:48px;color:var(--text);animation:pulse 1.2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.loader-text{font-size:13px;color:var(--muted)}@media (min-width: 480px){.bottom-nav{left:50%;right:auto;transform:translate(-50%);width:480px;border-radius:20px 20px 0 0}.toast{bottom:100px}}