@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap";:root{--bg-base: #edf3f8;--bg-overlay: #dbe6f0;--surface: #ffffff;--surface-alt: #f6fafc;--text-primary: #13243a;--text-muted: #5c6f86;--border-soft: #d4e1ec;--shadow-card: 0 14px 35px rgba(18, 48, 83, .12);--shadow-subtle: 0 4px 14px rgba(18, 48, 83, .09);--accent: #0f9d94;--accent-strong: #0f766e;--accent-soft: #d6f2f0;--danger: #c03a2b;--danger-soft: #fde6e4;--success: #1f8f54;--success-soft: #e3f7ec;--radius-xl: 24px;--radius-lg: 16px;--radius-sm: 10px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--text-primary);background:radial-gradient(circle at 0% 0%,#f9fdfd,#f9fdfd00 42%),radial-gradient(circle at 100% 8%,#127ea021,#127ea000 45%),linear-gradient(170deg,var(--bg-base) 0%,var(--bg-overlay) 100%)}h1,h2,h3{margin:0;font-family:Sora,Manrope,sans-serif;letter-spacing:-.03em}p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1240px,100% - 2.75rem);margin:0 auto}.site-header{position:sticky;top:0;z-index:20;padding:1rem 0 .25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffffe6;padding:.6rem .9rem;box-shadow:var(--shadow-subtle)}.brand{display:inline-flex;align-items:center;gap:.7rem;flex-shrink:0}.brand-mark{width:2.35rem;height:2.35rem;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-family:Sora,sans-serif;font-weight:700;color:#fff;background:linear-gradient(140deg,var(--accent) 0%,#0e5f90 100%);box-shadow:0 8px 20px #0f766e4d}.brand-copy{display:inline-flex;flex-direction:column;line-height:1.1}.brand-title{font-family:Sora,sans-serif;font-size:1rem;font-weight:600}.brand-subtitle{font-size:.72rem;color:var(--text-muted)}.nav-links{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:center}.nav-pill{padding:.48rem .78rem;border-radius:999px;color:#2b435f;font-size:.88rem;font-weight:600;transition:background-color .2s ease,transform .2s ease}.nav-pill:hover{background:#e8f2fb;transform:translateY(-1px)}.nav-actions{display:inline-flex;align-items:center;gap:.6rem;flex-shrink:0}.user-chip{font-size:.8rem;font-weight:700;letter-spacing:.01em;color:#29527b;background:#e6f0fa;border-radius:999px;padding:.35rem .72rem}.primary-button,.ghost-button{border-radius:999px;border:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;padding:.72rem 1.1rem;font-size:.9rem;font-weight:700;box-shadow:0 8px 18px #0f766e47}.primary-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.primary-button.compact{padding:.56rem 1rem}.ghost-button{background:#eef5fa;color:#214261;border:1px solid #d4e3ee;padding:.65rem .96rem;font-size:.88rem;font-weight:700}.ghost-button:hover{background:#e5eef6}.ghost-button:disabled{opacity:.55;cursor:not-allowed}.pages{width:min(1240px,100% - 2.75rem);margin:1.5rem auto 2rem}.dashboard-layout,.insight-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:1.15rem;align-items:start}.panel,.form-card,.metric-card,.auth-card,.auth-hero,.content-card{border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.7);background:#ffffffe0;box-shadow:var(--shadow-card);animation:rise-in .45s ease both}.panel,.form-card,.content-card{padding:1.25rem}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.95rem;margin-bottom:1rem}.eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#2a6996;margin-bottom:.45rem}.panel-subtitle{margin-top:.55rem;color:var(--text-muted);font-size:.95rem;max-width:62ch}.toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.field-inline{display:inline-flex;align-items:center;gap:.65rem;color:var(--text-muted);font-size:.86rem;font-weight:700}.sort-select,.field select,.field input{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#fff;color:var(--text-primary);padding:.62rem .7rem}.sort-select{min-width:132px}.field input:focus,.field select:focus,.sort-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f9d9424}.transaction-list{display:grid;gap:.8rem}.transaction-details{border-radius:var(--radius-lg);border:1px solid #d6e4ef;background:linear-gradient(180deg,#fff,#f8fcff);padding:.95rem;box-shadow:0 7px 18px #12305314}.transaction-main{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.transaction-copy h3{font-size:1.03rem;margin:.45rem 0 .4rem}.transaction-type-chip{font-size:.71rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:.2rem .58rem}.chip-income{color:#0e6a4d;background:#d9f6e8}.chip-expense{color:#8d2f2f;background:#fbe0df}.transaction-meta{color:var(--text-muted);font-size:.84rem;display:inline-flex;gap:.55rem}.transaction-meta span+span:before{content:"•";margin-right:.55rem}.transaction-amount{margin-top:.05rem;font-family:Sora,sans-serif;font-size:1rem;font-weight:600;white-space:nowrap}.transaction-amount.income{color:#0e7d57}.transaction-amount.expense{color:#b53b36}.deleteButton{border:1px solid #f2cbc7;border-radius:999px;padding:.34rem .74rem;margin-top:.8rem;color:#a53c35;background:#fff3f2;font-size:.78rem;font-weight:700;cursor:pointer}.deleteButton:hover{background:#f9dfdc}.pagination-row{margin-top:1rem;display:flex;align-items:center;justify-content:flex-end;gap:.6rem}.pageNumber{font-size:.82rem;font-weight:700;color:var(--text-muted)}.sidebar{display:grid;gap:.95rem}.sidebar.single-metric{align-content:start}.metric-grid{display:grid;gap:.85rem}.metric-card{padding:1rem;background:linear-gradient(170deg,#ffffff 0%,var(--surface-alt) 100%);box-shadow:var(--shadow-subtle)}.metric-grid .metric-card:nth-child(2){animation-delay:.06s}.metric-grid .metric-card:nth-child(3){animation-delay:.12s}.metric-label{font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#527191}.metric-value{margin-top:.55rem;font-size:clamp(1.35rem,2vw,1.8rem)}.metric-caption{margin-top:.4rem;color:var(--text-muted);font-size:.84rem}.metric-card.is-positive .metric-value{color:#13784f}.metric-card.is-negative .metric-value{color:#b23e36}.form-card{background:linear-gradient(180deg,#fff,#f7fcfd)}.form-card-header{margin-bottom:.95rem}.form-card h2{font-size:1.2rem}.form-grid{display:grid;gap:.78rem}.field{display:grid;gap:.38rem}.field span{font-size:.8rem;font-weight:700;color:var(--text-muted)}.form-submit{width:100%;margin-top:1rem}.status-message{border-radius:var(--radius-sm);padding:.56rem .72rem;margin-top:.74rem;font-size:.84rem;border:1px solid transparent}.status-neutral{background:#ebf2f8;border-color:#d4e2ef;color:#355577}.status-error{background:var(--danger-soft);border-color:#efc3bd;color:var(--danger)}.status-success{background:var(--success-soft);border-color:#bde6cd;color:var(--success)}.auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.95fr);gap:1.15rem;align-items:stretch;min-height:calc(100vh - 13rem)}.auth-hero{padding:1.4rem;background:radial-gradient(circle at 100% 0%,#1076a033,#1076a000 55%),linear-gradient(180deg,#f8fffe,#eef8fc);display:grid;align-content:center;gap:.85rem}.auth-hero h1{font-size:clamp(1.7rem,3vw,2.4rem);max-width:16ch}.auth-hero p{max-width:48ch;color:var(--text-muted);line-height:1.6}.auth-card{padding:1.3rem;display:grid;align-content:start;gap:.85rem}.auth-card h2{margin-bottom:.1rem}.auth-submit{margin-top:.6rem}.auth-switch{margin-top:.1rem;color:var(--text-muted);font-size:.9rem}.auth-switch a{color:#1a6a9b;font-weight:700}.content-shell{display:grid;gap:1rem}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.content-card h1{font-size:clamp(1.45rem,2.8vw,2.2rem);margin-bottom:.8rem;max-width:20ch}.content-card h2{margin-bottom:.72rem}.content-card p{color:var(--text-muted);line-height:1.65}.content-card ul{margin:0;padding-left:1.1rem;color:var(--text-muted);display:grid;gap:.42rem;line-height:1.5}.sandbox-card .primary-button{margin-top:1rem}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1120px){.nav-shell{border-radius:22px;flex-wrap:wrap;justify-content:center;gap:.8rem}.dashboard-layout,.insight-layout,.auth-layout{grid-template-columns:1fr}.auth-layout{min-height:auto}}@media (max-width: 880px){.pages,.container{width:min(1240px,100% - 1.5rem)}.panel,.form-card,.content-card,.auth-card,.auth-hero{padding:1rem;border-radius:var(--radius-lg)}.content-grid{grid-template-columns:1fr}.panel-header{flex-direction:column}.sync-button{width:100%}.toolbar,.pagination-row{justify-content:flex-start}}@media (max-width: 620px){.brand-subtitle,.user-chip{display:none}.nav-links,.nav-actions{width:100%;justify-content:center}.transaction-main{flex-direction:column;gap:.55rem}.transaction-amount{margin-top:0}.field-inline{flex-direction:column;align-items:flex-start}.sort-select{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}