:root{color:#162738;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef4f8;font-family:Space Grotesk,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 0,#25a18c33,#0000 50%),radial-gradient(circle at 96% 100%,#509ddc33,#0000 45%),#eef4f8;min-height:100vh;margin:0}#root{min-height:100vh}.app{z-index:1;gap:18px;width:min(980px,100% - 32px);margin:26px auto;display:grid;position:relative}.app-shell{gap:16px;width:min(1100px,100% - 32px);margin:24px auto;display:grid}.page-grid{gap:16px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.main-nav{align-items:center;gap:10px;display:flex}.main-nav a{color:#11314a;background:#1369721a;border-radius:10px;padding:8px 12px;font-weight:600;text-decoration:none}.main-nav a:hover{background:#1369722e}.auth-page{gap:18px;width:min(680px,100% - 32px);margin:42px auto;display:grid}.auth-hero-card{color:#f7fbfa;background:linear-gradient(140deg,#0f3558,#136972 60%,#1a8f79);border-radius:22px;padding:30px;box-shadow:0 12px 28px #0b253833}.auth-only{margin-top:0}.hero{color:#f7fbfa;background:linear-gradient(140deg,#0f3558,#136972 60%,#1a8f79);border-radius:22px;padding:34px 30px;animation:.42s ease-out rise;box-shadow:0 12px 28px #0b253833}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;opacity:.85;margin:0 0 12px;font-size:12px}.hero h1{color:#fff;margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.subtitle{color:#d6ece9;max-width:56ch;margin:14px 0 0}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.panel,.cta{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffdb;border:1px solid #081a2a14;border-radius:18px;padding:22px;animation:.46s ease-out rise;box-shadow:0 8px 16px #10212c14}.label{color:#5f6a78;margin:0;font-size:14px}.value{color:#0e2438;margin:8px 0 0;font-size:clamp(1.3rem,2.8vw,1.9rem);font-weight:700}.panel.accent{background:linear-gradient(140deg,#e7fbf4,#d6f0ff)}.goal h2,.cta h2,.panel h2{color:#10283e;margin:0;font-size:1.35rem}.goal-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.goal-header p{color:#44586d;margin:0}.progress{background:#d8e6ef;border-radius:999px;height:12px;margin-top:16px;overflow:hidden}.progress span{background:linear-gradient(90deg,#2aaf7f,#36c0d4);border-radius:999px;height:100%;display:block}.categories{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.data-note{color:#4f6378;margin-top:10px;font-size:.95rem}.data-note.warning{color:#7a4f1b}.data-note.success{color:#12674a}.categories li{color:#233d53;border-bottom:1px dashed #0b273b33;justify-content:space-between;padding:8px 0;display:flex}.bucket-chip{text-transform:uppercase;color:#406079;margin-left:6px;font-size:.68rem}.bucket-graph{gap:10px;margin-top:12px;display:grid}.bucket-row{color:#163248;cursor:pointer;text-align:left;background:#f6fbffb3;border:1px solid #081a2a24;border-radius:12px;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;width:100%;padding:10px 12px;display:grid}.bucket-row.active{border-color:#1369728c;box-shadow:0 0 0 2px #1f9d8e1f}.bucket-name{font-weight:700}.bucket-value{white-space:nowrap;font-weight:700}.bucket-track,.category-track{background:#d8e6ef;border-radius:999px;height:10px;overflow:hidden}.bucket-fill,.category-fill{border-radius:999px;height:100%;display:block}.bucket-fill.needs{background:linear-gradient(90deg,#2a8ad4,#5db3ef)}.bucket-fill.wants{background:linear-gradient(90deg,#b38a2b,#ddc36a)}.bucket-fill.savings{background:linear-gradient(90deg,#2aaf7f,#54d6a3)}.category-graph{gap:12px;margin-top:12px;display:grid}.category-row{gap:8px;display:grid}.category-row-head{color:#1d3448;justify-content:space-between;gap:10px;display:flex}.category-fill{background:linear-gradient(90deg,#1f9d8e,#58c3b8)}.cta{background:linear-gradient(160deg,#f3f8ff,#edfdf7)}.cta p{color:#4f6378;margin:10px 0 0}.auth-state{color:#10434f;background:#1369721f;border-radius:999px;margin-top:10px;padding:6px 10px;font-size:.9rem;display:inline-flex}.auth-actions{gap:10px;margin-top:16px;display:flex}.language-switch{gap:8px;margin-top:10px;display:flex}.auth-button,.submit-button{color:#f4fbff;cursor:pointer;background:#0d4569;border:none;border-radius:10px;margin-top:16px;padding:10px 14px;font-weight:600}.danger-button{color:#fff9f9;cursor:pointer;background:#b83a2f;border:none;border-radius:10px;margin-top:14px;padding:10px 14px;font-weight:700}.danger-button:hover{background:#9f2f25}.auth-button{margin-top:0}.auth-button:hover,.submit-button:hover{background:#0a3654}.auth-button.active{background:#0a3654;box-shadow:inset 0 0 0 2px #fff3}.auth-panel{border-left:5px solid #1f9d8e;margin-top:-4px}.auth-form{gap:12px;margin-top:14px;display:grid}.auth-form label{color:#1f3448;gap:6px;font-size:.95rem;display:grid}.auth-form input{border:1px solid #081a2a33;border-radius:10px;padding:10px 12px;font-size:.95rem}.auth-form input:focus{border-color:#1f9d8e;outline:2px solid #1f9d8e59}.transaction-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.transaction-form .wide{grid-column:1/-1}.transaction-form label{color:#1f3448;gap:6px;font-size:.95rem;display:grid}.transaction-form input,.transaction-form select{border:1px solid #081a2a33;border-radius:10px;padding:10px 12px;font-size:.95rem}.transactions-list{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.transactions-list li{border-bottom:1px dashed #0b273b33;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.tx-title{color:#1f3448;margin:0;font-weight:600}.tx-meta{color:#5f6a78;margin:4px 0 0;font-size:.85rem}.csv-tools{align-items:center;gap:10px;margin-top:12px;display:flex}.csv-tools input{border:1px solid #081a2a33;border-radius:10px;flex:1;padding:10px 12px;font-size:.95rem}.csv-table-wrap{margin-top:12px;overflow-x:auto}.csv-table{border-collapse:collapse;width:100%;min-width:840px}.csv-table th,.csv-table td{text-align:left;vertical-align:top;border-bottom:1px dashed #0b273b33;padding:8px}.csv-table input,.csv-table select{box-sizing:border-box;border:1px solid #081a2a33;border-radius:8px;width:100%;padding:6px 8px;font-size:.9rem}.list-filters{grid-template-columns:2fr 1fr 1.2fr 1fr 1fr auto;gap:10px;margin:12px 0 14px;display:grid}.list-filters input,.list-filters select{box-sizing:border-box;border:1px solid #081a2a33;border-radius:10px;padding:10px 12px;font-size:.92rem}.ghost-button{color:#0a324a;cursor:pointer;background:#0a324a0d;border:1px solid #0a324a59;border-radius:10px;padding:10px 12px;font-weight:600}.idle-warning-backdrop{z-index:40;background:#0818226b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.idle-warning-card{background:#fbfeff;border:1px solid #081a2a24;border-radius:16px;width:min(520px,100%);padding:22px;box-shadow:0 20px 40px #0a233247}.idle-warning-card h3{color:#11263b;margin:0}.idle-warning-card p{color:#355067;margin:12px 0 0;line-height:1.45}.idle-warning-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.history-filters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;margin-top:12px;display:grid}.history-filters label{color:#1f3448;gap:6px;font-size:.95rem;display:grid}.history-filters input{border:1px solid #081a2a33;border-radius:10px;padding:10px 12px;font-size:.95rem}.planner-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.planner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.planner-bucket{background:#f6fbffa6;border:1px solid #081a2a1f;border-radius:12px;padding:12px}.planner-bucket h3{text-transform:capitalize;color:#163248;margin:0}.categories.compact{margin-top:10px}.planner-inflation{border-top:1px dashed #0b273b33;gap:10px;margin-top:16px;padding-top:14px;display:grid}.planner-inflation h3{color:#18344c;margin:0}.planner-inflation label{color:#1f3448;gap:6px;max-width:260px;display:grid}.planner-inflation input{border:1px solid #081a2a33;border-radius:10px;padding:10px 12px;font-size:.95rem}.submit-button{justify-self:start}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=880px){.summary-grid{grid-template-columns:1fr}.goal-header{flex-direction:column;align-items:flex-start}.auth-actions{flex-direction:column}.topbar{flex-direction:column;align-items:flex-start}.main-nav{flex-wrap:wrap;width:100%}.transaction-form{grid-template-columns:1fr}.csv-tools{flex-direction:column;align-items:stretch}.list-filters,.bucket-row{grid-template-columns:1fr}.idle-warning-actions{flex-direction:column;align-items:stretch}.history-filters{grid-template-columns:1fr;align-items:stretch}.planner-grid{grid-template-columns:1fr}}