@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--ff-primary: #042c6b;--ff-secondary: #1c6fb6;--ff-accent: #7dcd42;--ff-accent-2: #2fb057;--ff-light: #f2f2f2;--bg-top: #dce8f9;--bg-bottom: #f2f2f2;--surface: rgba(242, 242, 242, .86);--text: var(--ff-primary);--muted: #2f5f99;--line: rgba(4, 44, 107, .18);--income: var(--ff-accent-2);--expense: var(--ff-secondary);--balance: var(--ff-primary);--neutral: #3f6f9f;--accent: var(--ff-accent)}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,sans-serif;color:var(--text);background:linear-gradient(145deg,var(--bg-top),var(--bg-bottom));min-height:100vh}.page{position:relative;min-height:100vh}.ff-logo{display:inline-block;width:min(220px,100%)}.ff-logo-image{width:100%;height:auto;display:block;border-radius:.8rem;box-shadow:0 10px 22px #042c6b33}.ff-logo.sm{width:min(170px,100%)}.ff-logo.lg{width:min(320px,100%)}.auth-screen-logo{display:inline-block;width:min(360px,100%)}.auth-screen-logo-image{width:100%;height:auto;display:block;border-radius:.9rem;box-shadow:0 12px 26px #042c6b38}.auth-page{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;display:grid;place-items:center;padding:clamp(1rem,3vw,2rem);background:radial-gradient(circle at 12% 16%,rgba(125,205,66,.28),transparent 44%),radial-gradient(circle at 84% 20%,rgba(47,176,87,.16),transparent 42%),radial-gradient(circle at 75% 82%,rgba(28,111,182,.32),transparent 48%),linear-gradient(140deg,#eaf2ff,#f2f2f2 46%,#dce8f9)}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:.4;background:linear-gradient(120deg,rgba(255,255,255,.3),transparent 46%),repeating-linear-gradient(90deg,rgba(4,44,107,.06) 0,rgba(4,44,107,.06) 1px,transparent 1px,transparent 42px)}.auth-page:after{content:"";position:absolute;width:min(78vw,900px);height:min(78vw,900px);border-radius:50%;right:-20%;top:-28%;z-index:-1;background:radial-gradient(circle,rgba(255,255,255,.56) 0%,rgba(255,255,255,.12) 52%,transparent 74%)}.auth-visual{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.auth-visual-orb{position:absolute;border-radius:999px;filter:blur(.2px)}.auth-visual-orb-income{width:min(36vw,500px);aspect-ratio:1;left:-10%;top:-22%;background:radial-gradient(circle,#2fb05752,#2fb05700)}.auth-visual-orb-balance{width:min(50vw,660px);aspect-ratio:1;right:-18%;bottom:-35%;background:radial-gradient(circle,#1c6fb657,#1c6fb600)}.auth-visual-orb-accent{width:min(28vw,360px);aspect-ratio:1;left:20%;bottom:-18%;background:radial-gradient(circle,#7dcd4252,#7dcd4200)}.auth-visual-grid{position:absolute;top:10%;right:8%;bottom:10%;left:8%;border-radius:1.4rem;border:1px solid rgba(255,255,255,.42);background:linear-gradient(150deg,#ffffff59,#ffffff1a 48%,#fff0)}.auth-visual-badge{position:absolute;right:clamp(.8rem,6vw,4rem);bottom:clamp(.8rem,7vh,3.8rem);padding:.75rem .95rem;border-radius:.95rem;border:1px solid rgba(255,255,255,.58);background:#ffffff6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 16px 34px #1020362e;display:grid;gap:.38rem;max-width:min(82vw,300px);transform:rotate(-3deg)}.auth-visual-badge strong{font-family:Space Grotesk,sans-serif;font-size:1rem;letter-spacing:.02em}.auth-visual-badge span{font-size:.78rem;color:#1c2a3dd9}.auth-visual-tags{display:flex;flex-wrap:wrap;gap:.35rem}.auth-visual-tags span{border-radius:999px;border:1px solid rgba(28,111,182,.26);background:#ffffffa8;padding:.2rem .5rem;font-size:.68rem;font-weight:600;color:#1c2a3dd1}.auth-card{position:relative;z-index:1;width:min(520px,100%);background:#ffffffe6;border:1px solid rgba(255,255,255,.72);border-radius:1.15rem;padding:1.2rem;display:grid;gap:.8rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 22px 46px #182a4229,0 4px 10px #182a421f}.auth-tabs{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(125,205,66,.08),transparent 45%),radial-gradient(circle at 75% 0%,rgba(28,111,182,.1),transparent 45%)}.shell{position:relative;z-index:1;width:min(1400px,96%);margin:0 auto;display:grid;grid-template-columns:300px minmax(0,1fr);gap:1rem;padding:1rem 0 2rem}.sidebar{position:sticky;top:1rem;height:calc(100vh - 2rem);background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.content{min-width:0}.hero{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.auth-user-box{display:grid;gap:.35rem;justify-items:end}.auth-user-box strong{font-size:.95rem}.eyebrow{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--balance);font-weight:600}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0 0 .35rem}h1{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.2}h2{font-size:1.3rem}h3{font-size:1rem}.subtitle{margin:0;color:var(--muted);max-width:52ch}.month-control{display:grid;gap:.4rem;font-weight:500;font-size:.9rem}.sidebar-brand{display:grid;gap:.3rem}.sidebar-menu{display:grid;gap:.45rem}.sidebar-button{border:1px solid var(--line);border-radius:.75rem;background:#ffffffb3;color:var(--muted);padding:.55rem .8rem;font-weight:600;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,color .18s ease}.sidebar-button:hover{transform:translate(2px);box-shadow:0 5px 14px #042c6b29}.sidebar-button.active{color:var(--ff-light);border-color:transparent;background:linear-gradient(90deg,var(--ff-primary),var(--ff-secondary))}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#042c6b73;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:12}.drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;left:0;top:0;bottom:0;width:min(82vw,320px);background:linear-gradient(180deg,#eef4fc 0%,var(--ff-light) 100%);border-right:1px solid var(--line);padding:1rem;transform:translate(-105%);transition:transform .25s ease;z-index:13;display:none;overflow-y:auto}.mobile-drawer.open{transform:translate(0)}.mobile-header{display:none}.menu-toggle{border:1px solid var(--line);border-radius:.75rem;padding:.45rem .75rem;background:#fffc;font-weight:600}input,select,button{font:inherit}input,select{border:1px solid var(--line);border-radius:.7rem;background:#ffffffeb;color:var(--text);padding:.55rem .65rem}.alert{background:#042c6b14;border:1px solid rgba(28,111,182,.32);color:var(--ff-primary);padding:.8rem;border-radius:.8rem}.stats-grid{display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:1rem 0}.view-content{margin-top:.8rem}.view-stack{display:grid;gap:.9rem}.settings-grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-form{display:grid;gap:.6rem;margin:.8rem 0 1rem}.settings-form.settings-inline{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.settings-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.settings-list li{border:1px solid var(--line);border-radius:.8rem;background:#ffffffa6;padding:.65rem}.settings-edit-grid{display:grid;gap:.5rem;grid-template-columns:1fr auto auto}.member-edit-grid{grid-template-columns:1fr 120px auto auto}.action-row{display:flex;align-items:center;gap:.45rem}.btn-ghost.danger{color:var(--ff-primary)}.member-role-chip{display:block;color:var(--muted);font-size:.8rem}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:.9rem 1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;gap:.2rem}.stat-card span{color:var(--muted);font-size:.85rem}.stat-card strong{font-size:1.3rem}.stat-card.income strong{color:var(--income)}.stat-card.expense strong{color:var(--expense)}.stat-card.balance strong{color:var(--balance)}.stat-card.neutral strong{color:var(--neutral)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem;margin-bottom:.75rem}.panel-header h2{margin-bottom:0}.family-panel{margin-bottom:.9rem}.family-grid{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.family-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.split{display:grid;gap:.9rem;grid-template-columns:minmax(0,2fr) minmax(0,1fr);margin-bottom:.9rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:.8rem 0 1rem}.form-grid.compact{grid-template-columns:1fr}.form-grid label{display:grid;gap:.3rem;font-size:.88rem;color:var(--muted)}.form-actions{grid-column:1 / -1;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.btn-primary{border:0;border-radius:.75rem;padding:.62rem .9rem;background:linear-gradient(90deg,var(--ff-secondary),var(--ff-accent-2));color:var(--ff-light);font-weight:600;cursor:pointer}.btn-ghost{border:1px solid var(--line);border-radius:.65rem;padding:.35rem .55rem;background:#ffffffb3;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{padding:.55rem .35rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.budget-list,.goal-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.8rem}.budget-list li,.goal-list li{border:1px solid var(--line);border-radius:.8rem;padding:.75rem;background:#ffffffa6}.row-between{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.text-positive{color:var(--income)}.text-negative{color:var(--expense)}.progress{width:100%;height:.5rem;border-radius:999px;background:#4d5f7633;overflow:hidden;margin-bottom:.35rem}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--balance),var(--accent))}.goal-actions{display:grid;gap:.5rem;grid-template-columns:1fr auto;margin-top:.6rem}.analytics-columns{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-columns ul{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.analytics-columns li{display:flex;justify-content:space-between;gap:.6rem;border-bottom:1px dashed var(--line);padding-bottom:.3rem}.timeline-controls{margin:.8rem 0;display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-controls label{display:grid;gap:.3rem;font-size:.85rem;color:var(--muted)}.timeline-summary{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.7rem}.timeline-summary div{border:1px solid var(--line);border-radius:.75rem;padding:.6rem;background:#fff9;display:grid;gap:.2rem}.timeline-summary span{color:var(--muted);font-size:.8rem}.timeline-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.timeline-list li{display:grid;gap:.55rem;grid-template-columns:12px 1fr;align-items:stretch}.timeline-marker{width:12px;border-radius:999px;background:linear-gradient(180deg,var(--balance),var(--accent))}.timeline-card{border:1px solid var(--line);border-radius:.8rem;background:#ffffffa6;padding:.65rem;display:grid;gap:.35rem}.timeline-net{display:grid;gap:.3rem}.timeline-net-bar{height:.45rem;border-radius:999px;background:#4d5f7626;overflow:hidden}.timeline-net-bar span{display:block;height:100%}.timeline-net-bar span.positive{background:var(--income)}.timeline-net-bar span.negative{background:var(--expense)}.loading{margin-top:.7rem;color:var(--muted)}.helper-text{margin:.2rem 0 .8rem;color:var(--muted);font-size:.85rem}@media (max-width: 980px){.auth-visual-grid{top:14%;right:5%;bottom:14%;left:5%}.auth-visual-badge{right:1rem;bottom:1rem}.shell{width:min(1200px,95%);grid-template-columns:1fr}.sidebar{display:none}.mobile-drawer{display:block}.mobile-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-grid,.analytics-columns,.settings-grid,.timeline-controls,.timeline-summary,.settings-form.settings-inline,.settings-edit-grid,.member-edit-grid{grid-template-columns:1fr}}@media (max-width: 620px){.auth-screen-logo{width:min(130px,42vw)}.auth-screen-logo-image{border-radius:1rem}.auth-card{padding:1rem}.auth-visual-badge{display:none}.auth-visual-grid{top:20%;right:4%;bottom:20%;left:4%}.hero{flex-direction:column}.auth-user-box{justify-items:start}.stats-grid,.form-grid{grid-template-columns:1fr}}