*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf9f7;--card:#fff;--text:#1a1a1e;--text2:#6b6a68;--accent:oklch(55% .18 250);--accent-light:oklch(92% .05 250);--green:oklch(55% .15 155);--green-light:oklch(92% .05 155);--red:oklch(55% .15 25);--red-light:oklch(92% .05 25);--border:#e8e6e3;--radius:14px}html,body{-webkit-font-smoothing:antialiased;background:#1a1a1e;height:100%;font-family:DM Sans,sans-serif}button,input,textarea,select{font-family:inherit}.app-frame{background:var(--bg);flex-direction:column;width:100%;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=600px){body{justify-content:center;align-items:center;min-height:100vh;display:flex}.app-frame{border-radius:32px;max-height:874px;box-shadow:0 40px 80px #00000059,0 0 0 1px #ffffff0f}}.screen-body{-webkit-overflow-scrolling:touch;flex:1;padding:0 20px 24px;overflow-y:auto}.screen-header{flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;display:flex}.screen-title{color:var(--text);flex:1;font-size:18px;font-weight:700}.back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:12px;padding:16px}.tag{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:4px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.tag-ingreso{background:var(--green-light);color:var(--green)}.tag-gasto{color:var(--text);background:#f5f4f2}.bottom-nav{border-top:1px solid var(--border);background:var(--card);padding:8px 0 max(4px, env(safe-area-inset-bottom));flex-shrink:0;display:flex}.bottom-nav a{color:var(--text2);flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;text-decoration:none;transition:color .15s;display:flex}.bottom-nav a.active{color:var(--accent)}.bottom-nav .nav-icon{font-size:20px}.bottom-nav .nav-label{font-size:10px;font-weight:600}.amount{font-family:DM Mono,monospace}.amount-pos{color:var(--green)}.amount-neg{color:var(--red)}.btn-primary{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;width:100%;padding:16px;font-size:15px;font-weight:700;transition:opacity .15s}.btn-primary:disabled{opacity:.45;cursor:default}.btn-secondary{border-radius:var(--radius);border:1px solid var(--border);width:100%;color:var(--text2);cursor:pointer;background:0 0;padding:12px;font-size:13px;font-weight:600}.section-label{color:var(--text);margin-top:4px;margin-bottom:10px;font-size:14px;font-weight:700}.empty-state{text-align:center;color:var(--text2);padding:48px 24px;font-size:14px;line-height:1.6}