:root{--bg: #F4F6FA;--text: #1E2532;--accent: #4338CA;--card-bg: #FFFFFF;--border: #E2E6EF;--muted: #64748B;--danger: #DC2626;--font-display: "Sora", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app-shell{min-height:100vh;padding-top:env(safe-area-inset-top,44px);padding-bottom:32px;background:var(--bg)}.summary-header{padding:20px 20px 24px;text-align:center;border-bottom:1px solid var(--border);background:var(--card-bg)}.summary-toggle{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:3px;margin-bottom:14px}.toggle-btn{border:none;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:13px;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer}.toggle-btn.active{background:var(--accent);color:#fff}.summary-value{font-family:var(--font-display);font-weight:800;font-size:44px;color:var(--accent);letter-spacing:-.02em;line-height:1.1}.summary-currency{font-size:26px;font-weight:700}.summary-sub{margin-top:6px;font-size:13px;color:var(--muted)}.content{padding:20px 16px 0;max-width:520px;margin:0 auto}.section-header{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.section-header h3{font-family:var(--font-display);font-size:15px;font-weight:700;margin:0;color:var(--text)}.add-btn{border:1px solid var(--accent);background:var(--card-bg);color:var(--accent);font-weight:600;font-size:13px;padding:7px 12px;border-radius:8px;cursor:pointer}.empty-state{padding:24px 16px;text-align:center;color:var(--muted);font-size:14px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px}.sub-list{display:flex;flex-direction:column;gap:8px}.sub-row{display:flex;align-items:center;gap:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:10px 12px;box-shadow:0 1px 2px #1e25320a}.sub-icon{width:36px;height:36px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:15px}.sub-info{flex:1;min-width:0}.sub-name-line{display:flex;align-items:center;gap:6px}.sub-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soon-dot{width:7px;height:7px;border-radius:50%;background:var(--danger);flex-shrink:0}.sub-category{font-size:12px;color:var(--muted);margin-top:1px}.sub-meta{text-align:right;flex-shrink:0}.sub-amount{font-weight:700;font-size:14px}.sub-days{font-size:11px;color:var(--muted);margin-top:1px}.sub-delete{border:none;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:2px 4px}.donut-card{display:flex;align-items:center;gap:18px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:8px}.donut-svg{width:96px;height:96px;flex-shrink:0}.donut-empty{font-size:13px;color:var(--muted);padding:8px 0}.donut-legend{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px}.legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.legend-label{flex:1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-value{color:var(--muted);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e253273;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal-card{width:100%;max-width:520px;background:var(--card-bg);border-radius:16px 16px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}.modal-card h2{font-family:var(--font-display);font-size:18px;margin:0 0 14px}.field-label{font-size:12px;color:var(--muted);font-weight:600;margin:10px 0 4px}.guessing-hint{color:var(--accent);font-weight:500}.field-input{width:100%;border:1px solid var(--border);border-radius:9px;padding:9px 11px;font-size:16px;font-family:var(--font-body);background:var(--bg);color:var(--text)}.field-row{display:grid;grid-template-columns:2fr 1fr;gap:10px}.segmented{display:flex;gap:8px}.seg-btn{flex:1;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:13px;font-weight:600;padding:9px;border-radius:9px;cursor:pointer}.seg-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.form-error{color:var(--danger);font-size:12px;margin-top:10px}.modal-actions{display:flex;gap:10px;margin-top:18px}.btn-secondary,.btn-primary{flex:1;border-radius:9px;padding:11px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid transparent}.btn-secondary{background:var(--bg);border-color:var(--border);color:var(--text)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{opacity:.6}