:root{--color-primary:#05213a;--color-primary-dark:#001629;--color-primary-light:#0b3d5c;--color-accent:#1ba7ff;--color-growth:#20c997;--color-dashboard-income:#16a34a;--color-dashboard-expense:#dc2626;--color-dashboard-balance:#2563eb;--color-bg:#f6f8fb;--color-surface:#fff;--color-surface-alt:#eef3f8;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-light:#fff;--color-border:#e2e8f0;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444}html{font-family:Inter,sans-serif}body{color:var(--color-text);background:var(--color-bg);margin:0}header{background:var(--color-surface);box-shadow:inset 0 -1px 0 var(--color-border);flex:1;align-items:center;padding:1rem;display:flex}nav{align-items:center;width:100%;display:flex}nav a{color:var(--color-text-muted);padding:.5rem;text-decoration:none;display:flex}nav a.active{color:var(--color-primary);background-color:var(--color-surface-alt);border-radius:4px}nav a:hover{color:var(--color-primary-dark);border-radius:4px}nav button{justify-self:flex-end;display:flex}.menu-account{margin-left:auto;position:relative}.menu-account-button{border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-muted);background:var(--color-surface-alt);cursor:pointer;border-radius:50%;place-items:center;display:grid}.menu-account-button:hover,.menu-account:focus-within .menu-account-button{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-surface)}.menu-account-button:focus-visible,.menu-account-dropdown a:focus-visible,.menu-account-dropdown button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.menu-account-dropdown{z-index:10;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;width:210px;padding:8px;display:none;position:absolute;top:100%;right:0;box-shadow:0 12px 28px #0f172a24}.menu-account:hover .menu-account-dropdown,.menu-account:focus-within .menu-account-dropdown{display:block}.menu-account-dropdown ul{margin:0;padding:0;list-style:none}.menu-account-dropdown a,.menu-account-dropdown button{box-sizing:border-box;width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;padding:10px 12px;text-decoration:none;display:flex}.menu-account-dropdown a:hover,.menu-account-dropdown button:hover{background:var(--color-surface-alt)}.menu-account-dropdown button{color:var(--color-error)}.form-auth{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;width:min(100% - 32px,420px);margin:80px auto;padding:32px;box-shadow:0 16px 40px #0f172a1f}.form-auth h2{color:var(--color-text);text-align:center;margin:0 0 24px;font-size:1.6rem}.form-auth form{flex-direction:column;gap:14px;display:flex}.form-auth input{box-sizing:border-box;border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-surface-alt);font:inherit;border-radius:6px;padding:12px 14px}.form-auth input:focus{border-color:var(--color-accent);background:var(--color-surface);outline:none;box-shadow:0 0 0 3px #1ba7ff2e}.form-auth button{width:100%;color:var(--color-text-light);background:var(--color-primary);font:inherit;cursor:pointer;border:0;border-radius:6px;padding:12px 16px;font-weight:700;transition:background .2s,transform .2s}.form-auth button:hover{background:var(--color-primary-light);transform:translateY(-1px)}.form-auth button[type=button]{color:var(--color-primary);border:1px solid var(--color-border);background:var(--color-surface-alt)}.form-auth button[type=button]:hover{color:var(--color-text-light);background:var(--color-primary)}.form-auth .erro-msg{color:var(--color-error);background:var(--color-surface-alt);border-radius:6px;margin:0;padding:10px 12px;font-size:.9rem;font-weight:700}.form-auth button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}@media (width<=520px){.form-auth{margin:32px auto;padding:24px}}.home-page{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0}.transacoes-section{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:2rem;display:flex}@media (width<=900px){.transacoes-section{flex-direction:column}}.resumo-container{justify-content:space-between;gap:16px;margin:0;display:flex}@media (width<=720px){.resumo-container{flex-direction:column}}.card{min-width:0;color:var(--color-text-light);border-radius:8px;flex:1;padding:20px;box-shadow:0 12px 28px #0f172a24}.card h2{opacity:.9;margin:0;font-size:.95rem;font-weight:700}.card p{margin:8px 0 0;font-size:1.55rem;font-weight:700}.card.receita{background:linear-gradient(135deg, var(--color-dashboard-income), var(--color-growth))}.card.despesa{background:linear-gradient(135deg, var(--color-dashboard-expense), var(--color-error))}.card.saldo{background:linear-gradient(135deg, var(--color-dashboard-balance), var(--color-accent))}.form-container{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;flex-direction:column;width:40%;min-width:320px;padding:24px;display:flex;box-shadow:0 8px 24px #0f172a0f}.form-container h2{color:var(--color-text);margin:0 0 18px;font-size:1.25rem}form{flex-direction:column;gap:1rem;display:flex}.form-container input,.form-container select{box-sizing:border-box;border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-surface);font:inherit;border-radius:6px;padding:12px 14px}.form-container input:focus,.form-container select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #1ba7ff2e}.form-container button{width:100%;color:var(--color-text-light);background:var(--color-primary);font:inherit;cursor:pointer;border:0;border-radius:6px;padding:12px 16px;font-weight:700}.form-container button:hover{background:var(--color-primary-light)}.erro-msg{color:var(--color-error);margin:0;font-weight:700}.form-container button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}@media (width<=900px){.form-container{box-sizing:border-box;width:100%;min-width:0}}.lista-transacoes{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;flex-direction:column;flex:1;min-width:0;padding:24px;display:flex;box-shadow:0 8px 24px #0f172a0f}.lista-transacoes h2{color:var(--color-text);margin:0 0 18px;font-size:1.25rem}.transacao{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.transacao:last-child{border-bottom:0}.transacao hr{display:none}.transacao p{color:var(--color-text);margin:0}.transacao .data{color:var(--color-text-muted);margin-bottom:4px;font-size:.85rem}.buttons{gap:8px;display:flex}.buttons button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.buttons button:hover{background:var(--color-surface-alt)}.lista-vazia{color:var(--color-text-muted);background:var(--color-surface-alt);border-radius:8px;margin:0;padding:16px}@media (width<=900px){.lista-transacoes{box-sizing:border-box;width:100%}}.painel-transacoes{flex-direction:row;gap:.8rem;margin-bottom:16px;display:flex}.painel-transacoes select{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-surface);font:inherit;border-radius:6px;padding:10px 12px}.painel-transacoes select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #1ba7ff2e}@media (width<=640px){.painel-transacoes{flex-direction:column}}