@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#1e2440;font-synthesis:none;text-rendering:optimizelegibility;--indigo:#4438ca;--indigo-dark:#31299d;--indigo-soft:#eeedff;--apricot:#ffb47a;--apricot-soft:#fff1e7;--mint:#74cdb5;--ink:#1e2440;--muted:#6f7489;--line:#e7e8f0;--surface:#fff;--shadow:0 12px 36px #29236812;background:#f7f8fc;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f7f8fc;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #4438ca40}h1,h2,p{margin:0}h1,h2,strong,.brand{font-family:Manrope,DM Sans,sans-serif}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;grid-template-columns:240px 1fr auto;align-items:center;height:72px;padding:0 32px;display:grid;position:sticky;top:0}.brand{color:var(--indigo-dark);letter-spacing:.08em;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:18px;font-weight:800;display:inline-flex}.brand-mark{background:var(--indigo);color:#fff;letter-spacing:0;border-radius:11px;place-items:center;width:34px;height:34px;font-size:17px;display:grid;box-shadow:inset 0 -3px #0000001a}.topbar-context{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.context-label{color:#a0a4b4}.context-switcher{color:var(--ink);background:0 0;border:0;align-items:center;gap:6px;padding:8px;font-weight:700;display:inline-flex}.context-slash{color:#c6c8d2}.community-context{color:var(--ink);font-weight:600}.topbar-actions{align-items:center;gap:12px;display:flex}.icon-button{color:#7b7f90;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{color:var(--ink);background:#f1f2f7}.notification{position:relative}.notification>span{background:var(--apricot);border:2px solid #fff;border-radius:99px;width:7px;height:7px;position:absolute;top:6px;right:7px}.avatar{background:var(--indigo-soft);width:38px;height:38px;color:var(--indigo);border:0;border-radius:12px;font-weight:800}.hub-page{max-width:1180px;margin:0 auto;padding:72px 32px 56px}.hub-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.eyebrow{text-transform:uppercase;color:var(--indigo);letter-spacing:.1em;font-size:12px;font-weight:700}.hub-heading h1,.page-heading h1{letter-spacing:-.035em;color:var(--ink);margin:7px 0 8px;font-size:clamp(30px,4vw,42px);line-height:1.12}.hub-heading p,.page-heading p{color:var(--muted);font-size:16px}.primary-button,.secondary-button{white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:var(--indigo);box-shadow:0 8px 18px #4438ca33}.primary-button:hover{background:var(--indigo-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.secondary-button{color:var(--ink);background:var(--surface);border:1px solid var(--line)}.secondary-button:hover{background:#fafafe;border-color:#d0d1dc}.community-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.community-card{text-align:left;border:1px solid var(--line);background:var(--surface);min-height:270px;color:var(--ink);border-radius:20px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px #26205b05}.community-card:not(.create-card):hover{box-shadow:var(--shadow);border-color:#d9d6f4;transform:translateY(-4px)}.community-card:before{content:"";background:var(--indigo);height:4px;position:absolute;inset:0 0 auto}.accent-apricot:before{background:var(--apricot)}.accent-mint:before{background:var(--mint)}.card-topline{justify-content:space-between;align-items:flex-start;display:flex}.community-emblem{background:var(--indigo-soft);width:54px;height:54px;color:var(--indigo);border-radius:16px;place-items:center;font:800 16px Manrope;display:grid}.accent-apricot .community-emblem{background:var(--apricot-soft);color:#b85f25}.accent-mint .community-emblem{color:#22816a;background:#e8f8f4}.template-pill{color:#737789;background:#f3f3f7;border-radius:99px;padding:6px 9px;font-size:12px}.card-copy{margin:27px 0 auto}.card-copy h2{letter-spacing:-.02em;margin-bottom:8px;font-size:21px}.card-copy p{color:var(--muted);max-width:270px;font-size:14px;line-height:1.55}.card-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:17px;font-size:13px;display:flex}.card-footer>span{align-items:center;gap:7px;display:inline-flex}.enter-link{color:var(--indigo);font-weight:700}.unread-badge{color:#fff;background:var(--indigo);border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;font-weight:700;display:grid;position:absolute;bottom:65px;right:22px}.create-card{text-align:center;color:var(--ink);background:0 0;border-style:dashed;justify-content:center;align-items:center;gap:8px}.create-card:before{display:none}.create-card:hover{border-color:var(--indigo);background:#fff}.create-icon{background:var(--indigo-soft);width:48px;height:48px;color:var(--indigo);border-radius:15px;place-items:center;margin-bottom:8px;display:grid}.create-card>span:not(.create-icon){font-size:16px;font-weight:700}.create-card small{color:var(--muted);font-size:13px}.hub-note{background:linear-gradient(105deg,#f0efff,#fafaff);border:1px solid #e2e0ff;border-radius:16px;align-items:center;gap:14px;margin-top:26px;padding:18px 22px;display:flex}.note-icon{width:38px;height:38px;color:var(--indigo);background:#fff;border-radius:12px;flex:none;place-items:center;display:grid}.hub-note div:last-child{flex-direction:column;gap:2px;display:flex}.hub-note strong{font-size:14px}.hub-note span{color:var(--muted);font-size:13px}.workspace-layout{grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:calc(100vh - 72px);padding:24px 18px;display:flex;position:sticky;top:72px}.community-profile{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) 30px;align-items:center;gap:11px;padding:2px 6px 23px;display:grid}.community-avatar{background:var(--indigo);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font:800 14px Manrope;display:grid}.community-profile>div{min-width:0}.community-profile strong,.community-profile span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.community-profile strong{font-size:14px}.community-profile div span{color:var(--muted);margin-top:2px;font-size:12px}.side-nav{flex-direction:column;gap:4px;margin-top:22px;display:flex}.side-nav button,.sidebar-bottom button{color:#656a7e;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;height:44px;padding:0 12px;font-weight:600;display:flex}.side-nav button:hover,.sidebar-bottom button:hover{color:var(--ink);background:#f7f7fb}.side-nav button.active{background:var(--indigo-soft);color:var(--indigo)}.nav-count{color:#717586;background:#f0f0f5;border-radius:99px;margin-left:auto;padding:3px 7px;font-size:11px}.nav-dot{background:var(--apricot);border-radius:50%;width:7px;height:7px;margin-left:auto}.sidebar-bottom{border-top:1px solid var(--line);flex-direction:column;margin-top:auto;padding-top:16px;display:flex}.workspace-main{min-width:0}.content-wrap{width:min(1120px,100%);margin:0 auto;padding:46px 42px 60px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.page-heading h1{font-size:34px}.summary-strip{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(3,1fr);margin-bottom:22px;display:grid;box-shadow:0 8px 28px #26205b0a}.summary-strip>div{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:0 14px;min-height:108px;padding:23px 24px;display:grid;position:relative}.summary-strip>div+div:before{content:"";background:var(--line);width:1px;height:54px;position:absolute;left:0}.summary-icon{background:var(--indigo-soft);width:44px;height:44px;color:var(--indigo);border-radius:13px;grid-row:span 2;place-items:center;display:grid}.summary-icon.apricot{background:var(--apricot-soft);color:#bd6529}.summary-icon.mint{color:#20816b;background:#e8f8f4}.summary-strip p{flex-direction:column;display:flex}.summary-strip small{color:var(--muted);font-size:12px}.summary-strip strong{margin-top:2px;font-size:20px}.summary-strip>div>span:last-child{grid-column:2;font-size:12px}.positive{color:#24856c}.muted{color:var(--muted)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.module-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;min-height:224px;padding:22px;box-shadow:0 6px 22px #26205b09}.module-card.budget-module{cursor:pointer}.module-card.budget-module:hover{border-color:#d5d1f4}.module-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.module-title{align-items:center;gap:10px;font:700 15px Manrope;display:flex}.module-icon{width:34px;height:34px;color:var(--indigo);background:#f2f1ff;border-radius:10px;place-items:center;display:grid}.soft-badge{color:var(--indigo);background:var(--indigo-soft);border-radius:99px;padding:5px 8px;font-size:11px;font-weight:700}.progress-copy{align-items:baseline;gap:8px;margin:34px 0 12px;display:flex}.progress-copy strong{font-size:28px}.progress-copy span{color:var(--muted);font-size:13px}.progress-track,.hero-track{background:#eeeff4;border-radius:99px;height:9px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--indigo), #786fe0);border-radius:inherit;height:100%;display:block}.module-meta{color:var(--muted);justify-content:space-between;margin-top:15px;font-size:12px;display:flex}.module-meta b{color:var(--ink)}.budget-ring-row{justify-content:space-around;align-items:center;gap:20px;display:flex}.budget-ring{--progress:21%;background:conic-gradient(var(--apricot) var(--progress), #f0f0f5 0);border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:relative}.budget-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:10px}.budget-ring>span{z-index:1;flex-direction:column;align-items:center;display:flex}.budget-ring strong{font-size:21px}.budget-ring small{color:var(--muted);font-size:10px}.budget-numbers{flex-direction:column;gap:8px;min-width:150px;display:flex}.budget-numbers p{color:var(--muted);justify-content:space-between;align-items:center;gap:22px;font-size:12px;display:flex}.budget-numbers strong{color:var(--ink);font-size:13px}.budget-numbers .remaining{border-top:1px solid var(--line);padding-top:8px}.budget-numbers .remaining strong{color:var(--indigo)}.text-button{color:var(--indigo);background:0 0;border:0;align-items:center;gap:4px;margin-top:19px;padding:0;font-size:13px;font-weight:700;display:flex}.message-list{flex-direction:column;gap:18px;display:flex}.message-list>div{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.mini-avatar{background:var(--apricot-soft);color:#a95b28;border-radius:11px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:grid}.mini-avatar.alt{color:#287b68;background:#e9f7f3}.message-list p{flex-direction:column;min-width:0;display:flex}.message-list strong{font-size:12px}.message-list small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.message-list time{color:#9a9dac;font-size:10px}.compact-module{min-height:160px}.compact-module .module-header{margin-bottom:17px}.compact-value{color:var(--ink);font:700 20px Manrope}.budget-heading{align-items:flex-end}.back-link{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;display:flex}.back-link:hover{color:var(--indigo)}.budget-hero{color:#fff;background:linear-gradient(120deg,#3930b4,#5548d2);border-radius:22px;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:30px 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 30px #352ca62e}.budget-hero:after{content:"";border:38px solid #ffffff0d;border-radius:50%;width:190px;height:190px;position:absolute;top:-95px;right:-65px}.budget-hero-copy{z-index:1;flex-direction:column;display:flex;position:relative}.budget-hero-copy>span{color:#cfcbff;font-size:13px}.budget-hero-copy strong{letter-spacing:-.04em;margin:3px 0 5px;font-size:clamp(34px,5vw,46px)}.budget-hero-copy p{color:#cfcbff;font-size:13px}.hero-progress{z-index:1;position:relative}.hero-progress>div:first-child{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.hero-track{background:#ffffff2e;height:10px}.hero-track span{border-radius:inherit;background:var(--apricot);height:100%;display:block}.hero-legend{color:#dcd9ff;justify-content:space-between;gap:10px;margin-top:13px;font-size:11px;display:flex}.hero-legend span{align-items:center;gap:6px;display:flex}.hero-legend i{background:var(--apricot);border-radius:50%;width:7px;height:7px}.hero-legend .left-dot{background:#ffffffa6}.budget-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0;display:grid}.budget-stats>div{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:13px;padding:18px;display:flex}.stat-icon{background:var(--indigo-soft);width:40px;height:40px;color:var(--indigo);border-radius:12px;place-items:center;display:grid}.stat-icon.apricot{background:var(--apricot-soft);color:#b9662e}.stat-icon.mint{color:#217e69;background:#e8f8f4}.budget-stats p{flex-direction:column;display:flex}.budget-stats small{color:var(--muted);font-size:11px}.budget-stats strong{margin-top:2px;font-size:18px}.transactions-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.section-heading h2{font-size:18px}.section-heading p{color:var(--muted);margin-top:4px;font-size:12px}.section-heading .secondary-button{height:38px;font-size:12px}.table-head,.table-row{grid-template-columns:2fr 1fr 1fr .8fr;align-items:center;gap:20px;padding:0 24px;display:grid}.table-head{color:#9295a4;text-transform:uppercase;letter-spacing:.07em;background:#fafafe;height:40px;font-size:10px;font-weight:700}.table-row{min-height:66px;color:var(--muted);border-top:1px solid #f0f0f4;font-size:13px}.table-row>span{align-items:center;gap:7px;display:flex}.expense-name{color:var(--ink);font-weight:600}.receipt-icon{width:34px;height:34px;color:var(--indigo);background:var(--indigo-soft);border-radius:10px;flex:none;place-items:center;display:grid}.category-dot{background:var(--apricot);border-radius:50%;width:7px;height:7px}.table-row>strong{color:var(--ink);text-align:right;font-size:13px}.overlay{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14132f6b;place-items:center;padding:18px;animation:.16s fadeIn;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:22px;width:min(520px,100%);animation:.22s popIn;box-shadow:0 24px 70px #1814463d}.dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.dialog-header>div{align-items:center;gap:12px;display:flex}.dialog-icon{background:var(--indigo-soft);width:42px;height:42px;color:var(--indigo);border-radius:13px;flex:none;place-items:center;display:grid}.dialog-header h2{font-size:18px}.dialog-header p{color:var(--muted);margin-top:4px;font-size:12px}.dialog form{padding:24px}.dialog label{color:#4f5365;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.dialog input,.dialog select{height:46px;color:var(--ink);background:#fff;border:1px solid #dddfe8;border-radius:11px;padding:0 13px}.dialog input::placeholder{color:#acaebb}.form-row{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:27px;padding-top:20px;display:flex}.panel-overlay{place-items:stretch end;padding:0}.customize-panel{background:#fff;flex-direction:column;width:min(480px,100%);height:100%;animation:.24s slideIn;display:flex;box-shadow:-18px 0 50px #18144626}.module-picker{padding:12px 18px;overflow:auto}.picker-row{border-bottom:1px solid #f0f0f4;grid-template-columns:28px 38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 8px;transition:opacity .15s;display:grid}.picker-row.disabled{opacity:.5}.drag-handle{color:#a3a5b2;background:0 0;border:0;place-items:center;padding:4px;display:grid}.picker-icon{width:38px;height:38px;color:var(--indigo);background:var(--indigo-soft);border-radius:11px;place-items:center;display:grid}.picker-row>div{flex-direction:column;display:flex}.picker-row strong{font-size:13px}.picker-row div span{color:var(--muted);margin-top:2px;font-size:11px}.toggle{background:#d9dbe3;border:0;border-radius:99px;width:42px;height:24px;padding:3px;transition:background .18s}.toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;display:block;box-shadow:0 1px 3px #0003}.toggle.on{background:var(--indigo)}.toggle.on span{transform:translate(18px)}.panel-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:auto;padding:18px 22px;display:flex}.toast{z-index:100;color:#fff;background:#25233d;border-radius:12px;align-items:center;gap:9px;padding:11px 16px 11px 10px;font-size:13px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #19164140}.toast>span{background:#3f936f;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.mobile-nav{display:none}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes slideIn{0%{opacity:.7;transform:translate(30px)}}@media (width<=980px){.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-layout{grid-template-columns:220px minmax(0,1fr)}.topbar{grid-template-columns:200px 1fr auto}.content-wrap{padding:38px 28px 50px}.summary-strip{grid-template-columns:1fr}.summary-strip>div{min-height:92px}.summary-strip>div+div:before{width:auto;height:1px;inset:0 22px auto}.budget-hero{gap:30px}}@media (width<=760px){.topbar{grid-template-columns:1fr auto;height:64px;padding:0 17px}.brand{font-size:16px}.brand-mark{width:32px;height:32px}.topbar-context{display:none}.hub-page{padding:42px 18px}.hub-heading{flex-direction:column;align-items:flex-start}.community-grid{grid-template-columns:1fr}.community-card{min-height:245px}.hub-note{align-items:flex-start}.workspace-layout{min-height:calc(100vh - 64px);display:block}.sidebar{display:none}.content-wrap{padding:30px 17px 85px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading .secondary-button,.page-heading .primary-button{width:100%}.dashboard-grid{grid-template-columns:1fr}.summary-strip>div{padding:18px}.mobile-nav{z-index:20;color:#fff;background:var(--indigo);border:0;border-radius:15px;place-items:center;width:48px;height:48px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 24px #4438ca40}.budget-hero{grid-template-columns:1fr;gap:26px;padding:26px 23px}.budget-stats{grid-template-columns:1fr}.table-head{display:none}.table-row{grid-template-columns:1fr auto;gap:7px 14px;padding:14px 17px}.table-row>span:nth-child(2),.table-row>span:nth-child(3){grid-column:1;padding-left:44px;font-size:11px}.table-row>strong{grid-area:1/2}.section-heading{align-items:flex-start;gap:16px}.section-heading .secondary-button{display:none}}@media (width<=480px){.topbar-actions .icon-button{display:none}.hub-heading h1,.page-heading h1{font-size:30px}.hub-heading .primary-button{width:100%}.budget-ring-row{justify-content:flex-start}.budget-numbers{flex:1;min-width:0}.form-row{grid-template-columns:1fr}.hero-legend{flex-direction:column}.dialog{border-radius:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}