@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";
:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-sand-light:#fcfbf7;--color-sand-medium:#f4f1eb;--color-sand-dark:#e2ddd5;--color-ocean-dark:#0b2441;--color-ocean-medium:#1a4474;--color-ocean-light:#8ba8c6;--color-ocean-sky:#d3e2ee;--color-coral:#f26b36;--color-coral-hover:#fd804e;--color-coral-light:#fee9e1;--color-mint:#2a9d8e;--color-mint-light:#e7f9f6;--text-primary:var(--color-ocean-dark);--text-secondary:#476485;--text-muted:#8598ad;--text-light:#fff;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0b22400a;--shadow-md:0 8px 24px #0b224014;--shadow-lg:0 16px 40px #0b22401f;--shadow-inset:inset 0 2px 4px #0b22400a;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--glass-bg:#fdfbf7bf;--glass-border:1px solid #8da9c440;--glass-blur:blur(16px)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--color-sand-light);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(at 0 0,#d3e2ee66 0,#0000 50%),radial-gradient(at 100% 0,#fdeae266 0,#0000 50%),radial-gradient(at 100% 100%,#f4f1eb66 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-sand-light)}::-webkit-scrollbar-thumb{background:var(--color-ocean-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-ocean-medium)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-ocean-dark);font-weight:700;line-height:1.2}a{color:var(--color-ocean-medium);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--color-coral)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.container{width:100%;max-width:600px;margin:0 auto;padding:0 16px}.glass-card{background:var(--glass-bg);border:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-md);border-radius:var(--radius-md);transition:var(--transition-normal);padding:24px}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#8da9c466}.form-group{margin-bottom:20px}.form-label{font-family:var(--font-heading);color:var(--color-ocean-dark);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.form-control{border:1px solid var(--color-sand-dark);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);box-shadow:var(--shadow-inset);transition:var(--transition-fast);background:#fff;outline:none;padding:12px 16px}.form-control:focus{border-color:var(--color-ocean-medium);box-shadow:0 0 0 3px #1a467526}.btn{font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);text-align:center;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-ocean-medium);color:#fff}.btn-primary:hover{background-color:var(--color-ocean-dark);box-shadow:var(--shadow-md)}.btn-accent{background-color:var(--color-coral);color:#fff}.btn-accent:hover{background-color:var(--color-coral-hover);box-shadow:var(--shadow-md)}.btn-outline{border:1px solid var(--color-ocean-medium);color:var(--color-ocean-medium);box-shadow:none;background-color:#0000}.btn-outline:hover{background-color:#1a46750d}.btn-danger{color:#fff;background-color:#e64d4d}.btn-danger:hover{background-color:#ec1313}.btn-block{width:100%;display:flex}.badge{border-radius:var(--radius-full);text-transform:uppercase;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-expense{background-color:var(--color-coral-light);color:var(--color-coral)}.badge-income{background-color:var(--color-mint-light);color:var(--color-mint)}.navbar{background:var(--glass-bg);border-bottom:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);z-index:100;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-heading);color:var(--color-ocean-dark);align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:flex}.brand span{color:var(--color-coral)}.alert{border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;display:flex}.alert-error{color:#b31a1a;background-color:#fde7e7;border:1px solid #f5bcbc}.alert-success{background-color:var(--color-mint-light);color:var(--color-mint);border:1px solid #2a9d8f33}