@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.p.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_222bd768-module__ipYlpq__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--bg:#f6f7f9;--panel:#ffffffd1;--panel-solid:#fff;--text:#15171a;--muted:#6b7280;--line:#e5e7eb;--primary:#0f172a;--blue:#2563eb;--green:#16a34a;--orange:#f97316;--gray:#737373;--danger:#dc2626;--shadow:0 20px 50px #0f172a14;--radius:22px}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at top left, #60a5fa2e, transparent 36rem), linear-gradient(180deg, #fbfcfd 0%, var(--bg) 42%, #eef1f5 100%);color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.page{min-height:100vh}.container{width:min(1180px,100% - 32px);margin:0 auto}.landing{align-items:center;min-height:100vh;padding:32px 0;display:grid}.landing-shell{grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:56px;display:grid}.hero-label{border:1px solid var(--line);width:fit-content;color:var(--muted);background:#ffffffb3;border-radius:999px;padding:8px 12px;font-size:14px;display:inline-flex}.hero-title{letter-spacing:0;max-width:760px;margin:22px 0 18px;font-size:clamp(42px,7vw,84px);line-height:.95}.hero-copy{color:#475569;max-width:680px;margin:0 0 28px;font-size:20px;line-height:1.55}.hero-actions,.row,.toolbar,.card-actions,.nav-row,.form-row,.tabs,.metric-grid,.dialog-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-benefits{gap:12px;margin:30px 0;padding:0;list-style:none;display:grid}.hero-benefits li{color:#334155;align-items:center;gap:10px;display:flex}.hero-benefits li:before{content:"";background:var(--blue);border-radius:999px;width:9px;height:9px}.preview-board{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffa8;border:1px solid #ffffffd9;border-radius:28px;padding:18px}.preview-header{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.preview-total{margin:22px 0;font-size:40px;font-weight:750}.preview-list{gap:12px;display:grid}.preview-item{background:#fff;border-radius:18px;justify-content:space-between;gap:16px;padding:14px;display:flex}.button{background:var(--primary);color:#fff;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:650;display:inline-flex}.button.secondary{border-color:var(--line);color:var(--text);background:#ffffffb8}.button.ghost{color:var(--muted);background:0 0;border-color:#0000}.button.danger{background:var(--danger);color:#fff}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--text);background:#fff;border-radius:50%;place-items:center;display:inline-grid}.auth-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.panel,.column,.expense-card,.modal,.onboarding,.analytics-card{background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #e5e7ebe6}.auth-card{border-radius:var(--radius);width:min(430px,100%);padding:28px}.auth-card h1,.section-title{margin:0 0 8px;font-size:28px}.muted{color:var(--muted)}.form{gap:14px;margin-top:22px;display:grid}.field{gap:7px;display:grid}.field span{color:#475569;font-size:14px;font-weight:600}.input,.select,.textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#ffffffe6;border-radius:14px;outline:none;padding:10px 12px}.input:focus,.select:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1a}.error{color:#991b1b;background:#fef2f2;border-radius:14px;padding:10px 12px;font-size:14px}.app-shell{min-height:100vh;padding-bottom:88px}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f7f9d1;border-bottom:1px solid #e5e7ebc7;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;min-height:74px;display:flex}.brand{font-size:19px;font-weight:800}.nav{align-items:center;gap:8px;display:flex}.nav a,.nav button,.bottom-nav a,.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:999px;font-weight:650}.nav a,.nav button{padding:10px 12px}.nav a.active,.bottom-nav a.active,.bottom-nav button.active{color:var(--text);background:#fff;box-shadow:0 8px 20px #0f172a0f}.main{padding:28px 0}.header-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;margin-bottom:22px;display:grid}.headline{letter-spacing:0;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.05}.panel{border-radius:var(--radius);padding:18px}.settings-strip{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.board{scroll-snap-type:x proximity;grid-auto-columns:minmax(310px,360px);grid-auto-flow:column;gap:16px;padding:4px 0 20px;display:grid;overflow-x:auto}.column{border-radius:var(--radius);scroll-snap-align:start;flex-direction:column;min-height:540px;max-height:calc(100vh - 220px);display:flex}.column.drag-over{outline:3px solid #2563eb40}.column-head{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px;display:grid}.group-dot{border-radius:50%;width:13px;height:13px}.column-title{align-items:center;gap:8px;min-width:0;font-weight:800;display:flex}.column-title span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.column-sum{color:var(--muted);grid-column:1/-1;font-size:14px}.expense-list{gap:10px;padding:12px;display:grid;overflow-y:auto}.expense-card{background:#fff;border-radius:18px;gap:10px;padding:13px;display:grid}.expense-card[draggable=true]{cursor:grab}.expense-title-row{justify-content:space-between;gap:10px;display:flex}.expense-title{overflow-wrap:anywhere;min-width:0;font-weight:750}.amount{white-space:nowrap;font-weight:800}.tag{border-radius:999px;align-items:center;width:fit-content;min-height:26px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.tag-green{color:#166534;background:#dcfce7}.tag-orange{color:#9a3412;background:#ffedd5}.tag-gray{color:#525252;background:#f3f4f6}.empty{color:var(--muted);text-align:center;padding:28px 14px}.modal-backdrop{z-index:50;background:#0f172a59;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);background:#fff;width:min(520px,100%);max-height:min(760px,100vh - 36px);padding:20px;overflow-y:auto}.modal h2{margin:0 0 8px}.segmented{border:1px solid var(--line);background:#ffffffb3;border-radius:16px;gap:6px;padding:4px;display:flex}.segmented button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:12px;padding:0 10px;font-weight:650}.segmented button.active{color:var(--text);background:#fff;box-shadow:0 8px 18px #0f172a14}.onboarding{border-radius:var(--radius);gap:14px;margin-bottom:18px;padding:16px;display:grid}.onboarding-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.onboarding-step{background:#fff;border-radius:16px;padding:12px;font-weight:700}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px;display:grid}.analytics-card{border-radius:var(--radius);gap:6px;padding:16px;display:grid}.analytics-card strong{font-size:26px}.analytics-grid{grid-template-columns:minmax(0,1fr) 360px;gap:16px;display:grid}.bar-list,.insights,.expense-table{gap:10px;display:grid}.bar-row{gap:7px;display:grid}.bar-meta{color:#475569;justify-content:space-between;gap:10px;font-size:14px;display:flex}.bar-track{background:#eef2f7;border-radius:999px;height:10px;overflow:hidden}.bar-fill{border-radius:inherit;height:100%}.donut-wrap{place-items:center;padding:8px;display:grid}.expense-table-row{background:#fff;border-radius:16px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.bottom-nav{z-index:30;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;display:none;position:fixed;bottom:12px;left:12px;right:12px}.bottom-nav a,.bottom-nav button{color:var(--muted);font:inherit;background:0 0;border:0;place-items:center;min-height:48px;padding:8px;font-size:13px;display:grid}@media (max-width:860px){.landing-shell,.analytics-grid,.header-grid{grid-template-columns:1fr}.preview-board{order:-1}.metric-grid,.onboarding-steps{grid-template-columns:1fr}.nav{display:none}.bottom-nav{display:grid}.topbar-inner{min-height:64px}.board{grid-auto-columns:minmax(286px,88vw)}.column{min-height:480px;max-height:none}.settings-strip{flex-direction:column;align-items:stretch}.expense-table-row{grid-template-columns:1fr}}
