@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--color-base:#0d0d0d;--color-brand:#f16f84;--color-income:#5ccb6a;--color-expense:#ef8d46;--color-warning:#e0ae46;--color-error:#e8705c;--text-primary:#fff;--text-secondary:#c3c3c3;--text-tertiary:#7a7a7a;--surface-bg:#ffffff0f;--surface-border:#ffffff1a;--overlay-bg:#ffffff1a;--overlay-border:#ffffff2e;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-md:16px;--radius-xl:28px;--radius-full:100px}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--text-primary);background:var(--color-base);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit}.page{padding:var(--space-8) var(--space-5);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.card{gap:var(--space-6);width:100%;max-width:380px;padding:var(--space-8);background:var(--overlay-bg);border:1px solid var(--overlay-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);flex-direction:column;display:flex}.logo{text-align:center;letter-spacing:-.02em;justify-content:center;align-items:center;gap:4px;font-size:24px;font-weight:700;display:flex}.logo:after{content:"";background:var(--color-brand);border-radius:50%;width:6px;height:6px}.subtitle{text-align:center;color:var(--text-secondary);font-size:16px;line-height:24px}.form{gap:var(--space-3);flex-direction:column;display:flex}.field{gap:var(--space-1,4px);flex-direction:column;display:flex}.field label{color:var(--text-secondary);font-size:14px;font-weight:500}.field input{padding:var(--space-3) var(--space-4);border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-bg);color:var(--text-primary);font-family:inherit;font-size:16px}.field input::placeholder{color:var(--text-tertiary)}.field input:focus{outline:2px solid var(--color-brand);outline-offset:1px}.button{padding:var(--space-4) var(--space-5);border-radius:var(--radius-full);background:var(--color-brand);color:var(--text-primary);cursor:pointer;border:none;font-family:inherit;font-size:16px;font-weight:600;transition:opacity .15s}.button:hover:not(:disabled){opacity:.9}.button:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--color-error);text-align:center;font-size:14px;line-height:20px}.status{text-align:center;color:var(--text-secondary);font-size:16px;line-height:24px}
