*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#0f172a;--surface:#1e293b;--surface2:#263044;--border:#94a3b826;--text:#f1f5f9;--muted:#94a3b8;--faint:#475569;--accent:#2563eb;--accent2:#3b82f6;--success:#16a34a;--warn:#d97706;--danger:#dc2626;--radius:12px;--radius-sm:8px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden}input,select,button{font-family:inherit}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.app-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:.5px solid var(--border);background:#0f172af2;justify-content:space-between;align-items:center;height:56px;padding:0 1rem;display:flex;position:sticky;top:0}.logo{letter-spacing:-.5px;font-size:18px;font-weight:700}.logo span{color:var(--accent2)}.logo em{color:var(--faint);margin-left:6px;font-size:11px;font-style:normal;font-weight:400}.content{max-width:540px;margin:0 auto;padding:1.25rem 1rem 5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{letter-spacing:-.3px;font-size:20px;font-weight:700}.month-nav{background:var(--surface);border:.5px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:4px 8px;display:flex}.month-nav-btn{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:16px;transition:all .15s;display:flex}.month-nav-btn:hover{background:var(--surface2);color:var(--text)}.month-nav-btn:disabled{opacity:.3;cursor:not-allowed}.month-nav-label{color:var(--text);white-space:nowrap;text-align:center;min-width:80px;font-size:12px;font-weight:600}.month-badge{color:var(--accent2);background:#2563eb33;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:600}.sub-tabs{gap:6px;margin-bottom:1.25rem;padding-bottom:4px;display:flex;overflow-x:auto}.sub-tabs::-webkit-scrollbar{display:none}.sub-tab{border:.5px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.sub-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.card{background:var(--surface);border-radius:var(--radius);border:.5px solid var(--border);margin-bottom:1rem;padding:1.25rem}.card-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:11px;font-weight:600}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:1rem;display:grid}.metric{background:var(--surface2);border-radius:var(--radius-sm);border:.5px solid var(--border);padding:12px 14px}.metric-label{color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:500}.metric-value{letter-spacing:-.5px;font-size:18px;font-weight:700}.metric-sub{color:var(--faint);margin-top:2px;font-size:10px}.progress{background:var(--surface2);border-radius:3px;height:5px;margin-top:8px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .4s}.field{margin-bottom:12px}.field label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.input{border-radius:var(--radius-sm);border:.5px solid var(--border);background:var(--surface2);width:100%;color:var(--text);outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--accent2)}.input-sm{padding:7px 10px;font-size:13px}.select{border-radius:var(--radius-sm);border:.5px solid var(--border);background:var(--surface2);width:100%;color:var(--text);appearance:none;outline:none;padding:10px 12px;font-size:14px}.btn{border-radius:var(--radius-sm);border:.5px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;padding:9px 16px;font-size:13px;font-weight:500;transition:all .15s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-ghost{background:var(--surface2);border-color:var(--border);color:var(--muted);font-size:12px}.btn-danger{border-color:var(--danger);color:var(--danger);background:#dc262626}.btn-sm{padding:5px 10px;font-size:12px}.row{align-items:center;gap:8px;display:flex}.row-between{justify-content:space-between;align-items:center;display:flex}.budget-row{border-bottom:.5px solid var(--border);padding:10px 0}.budget-row:last-child{border-bottom:none}.budget-row-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.budget-cat-name{font-size:13px;font-weight:500}.budget-remaining{font-size:12px;font-weight:600}.budget-inputs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.budget-input-label{color:var(--faint);margin-bottom:2px;font-size:10px}.spend-row{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:9px 0;display:flex}.spend-row:last-child{border-bottom:none}.spend-cat{font-size:13px;font-weight:500}.spend-meta{color:var(--faint);margin-top:1px;font-size:11px}.spend-amt{font-size:15px;font-weight:700}.cc-card{border-radius:var(--radius);background:linear-gradient(135deg,#1e3a5f 0%,#1e293b 100%);border:.5px solid #2563eb4d;margin-bottom:10px;padding:1rem}.cc-name{margin-bottom:8px;font-size:14px;font-weight:600}.cc-stats{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.cc-billing{color:var(--faint);margin-top:6px;font-size:11px}.ritual-row{border-bottom:.5px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px 0;transition:opacity .2s;display:flex}.ritual-row:last-child{border-bottom:none}.ritual-row.done{opacity:.55}.check-box{border:2px solid var(--faint);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.check-box.checked{background:var(--accent);border-color:var(--accent)}.ritual-label{font-size:14px}.ritual-label.done{color:var(--faint);text-decoration:line-through}.badge{color:var(--accent2);letter-spacing:.04em;background:#2563eb33;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.history-grid{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:1rem;display:grid}.history-cell{aspect-ratio:1;cursor:pointer;border-radius:4px;transition:transform .1s}.history-cell:active{transform:scale(.9)}.legend{flex-wrap:wrap;gap:12px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:.5px solid var(--border);padding:8px 0 max(8px, env(safe-area-inset-bottom));z-index:50;background:#0f172af7;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-btn{cursor:pointer;color:var(--faint);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;font-size:10px;font-weight:500;transition:color .15s;display:flex}.bottom-nav-btn.active{color:var(--accent2)}.bottom-nav-btn svg{width:22px;height:22px}.install-banner{border-radius:var(--radius);background:#2563eb1f;border:.5px solid #2563eb4d;align-items:center;gap:10px;margin-bottom:1rem;padding:12px 14px;display:flex}.install-banner-text{color:var(--muted);flex:1;font-size:13px;line-height:1.4}.carry-notice{border-radius:var(--radius-sm);background:#2563eb14;border:.5px solid #2563eb33;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 12px;display:flex}.carry-notice-text,.date-label{color:var(--muted);font-size:12px}.empty{text-align:center;color:var(--faint);padding:2rem 0;font-size:14px}.divider{background:var(--border);height:.5px;margin:1rem 0}.summary-banner{border-radius:var(--radius);border:.5px solid;margin-bottom:1rem;padding:1rem 1.25rem}.summary-banner.positive{background:#16a34a14;border-color:#16a34a4d}.summary-banner.negative{background:#dc262614;border-color:#dc26264d}.summary-banner.neutral{background:var(--surface);border-color:var(--border)}.help-btn{border:1.5px solid var(--faint);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .15s;display:flex}.help-btn:hover{border-color:var(--accent2);color:var(--accent2)}.help-overlay{z-index:200;background:#000000b3;align-items:flex-end;display:flex;position:fixed;inset:0}.help-sheet{background:var(--bg);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-height:92vh;display:flex;overflow:hidden}.help-header{border-bottom:.5px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.help-title{letter-spacing:-.3px;font-size:17px;font-weight:700}.help-close{background:var(--surface2);width:30px;height:30px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.help-body{flex:1;padding:1.25rem;overflow-y:auto}.help-section{margin-bottom:1.75rem}.help-section-title{color:var(--accent2);text-transform:uppercase;letter-spacing:.06em;border-bottom:.5px solid var(--border);margin-bottom:.75rem;padding-bottom:6px;font-size:14px;font-weight:700}.help-item{margin-bottom:10px}.help-item-label{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600}.help-item-desc{color:var(--muted);font-size:13px;line-height:1.5}.help-tip{border-radius:var(--radius-sm);color:var(--muted);background:#2563eb14;border:.5px solid #2563eb40;margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.5}.trip-card{background:var(--surface);border-radius:var(--radius);border:.5px solid var(--border);cursor:pointer;margin-bottom:10px;padding:1rem 1.25rem;transition:border-color .15s,background .15s}.trip-card:active{background:var(--surface2)}.trip-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.trip-name{letter-spacing:-.2px;font-size:15px;font-weight:700}.trip-dates{color:var(--muted);margin-bottom:6px;font-size:12px}.trip-stats{color:var(--faint);font-size:12px}.trip-detail-header{align-items:center;gap:10px;margin-bottom:1rem;display:flex}.trip-detail-title{letter-spacing:-.3px;flex:1;font-size:17px;font-weight:700}.exp-card{background:var(--surface);border-radius:var(--radius-sm);border:.5px solid var(--border);margin-bottom:8px;padding:.85rem 1rem}.type-toggle{gap:6px;margin-bottom:12px;display:flex}.type-toggle-btn{border-radius:var(--radius-sm);border:.5px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;flex:1;padding:8px;font-size:13px;font-weight:500;transition:all .15s}.type-toggle-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}