:root{--ink:#172c27;--ink-soft:#496158;--muted:#8b9890;--paper:#f4f3ef;--card:#fffefa;--line:#e5e4df;--forest:#142d26;--forest-2:#2d6753;--mint:#d9e9dc;--mint-strong:#8cb79a;--peach:#f2b398;--peach-pale:#f8e1d6;--lav:#ddd4e5;--blue:#d8e7ed;--shadow:0 20px 70px rgba(23,44,39,.08);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--peach);outline-offset:3px}.eyebrow{margin:0 0 10px;color:#91a097;font:500 10px 'DM Mono',monospace;letter-spacing:1.35px}.is-hidden{display:none!important}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--forest);color:#fff9f0}.login-art{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 54% 42%,#376954 0,#224b3e 39%,#142d26 76%)}.art-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,#000 35%,transparent)}.art-ring{position:absolute;border:1px solid rgba(242,179,152,.35);border-radius:50%}.ring-a{width:530px;height:530px;transform:rotate(28deg) scaleX(.45)}.ring-b{width:720px;height:720px;transform:rotate(-35deg) scaleX(.31)}.art-badge{z-index:1;width:205px;height:205px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--peach);color:var(--forest);font-size:40px;font-weight:800;letter-spacing:-5px;box-shadow:0 0 0 17px rgba(242,179,152,.08),0 0 0 46px rgba(242,179,152,.04)}.art-badge i{font-family:Georgia,serif;font-weight:400;color:#fff8f0;font-style:normal}.art-caption{position:absolute;bottom:45px;left:48px;color:#bad0c2;font-size:11px;letter-spacing:.3px}.login-panel{padding:12vh 10vw 8vh;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;justify-content:center}.brand-lockup{display:flex;align-items:center;gap:8px;color:var(--forest);font-size:13px;letter-spacing:1.5px}.brand-chip{display:inline-grid;place-items:center;padding:7px 6px;border-radius:7px;background:var(--forest);color:#fff;letter-spacing:-1px;font-size:11px}.login-panel>.eyebrow{margin-top:58px}.login-panel h1{font-size:64px;line-height:.95;letter-spacing:-5px;margin:0 0 22px}.login-panel h1 em,.welcome-banner em{font-family:Georgia,serif;color:#bd755b;font-weight:400}.login-copy{max-width:340px;margin:0 0 30px;color:#7f8c84;font-size:13px;line-height:1.7}.profile-options{display:grid;gap:10px;max-width:420px}.profile-option{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;padding:13px 15px;text-align:left;background:rgba(255,254,250,.75);transition:.2s}.profile-option:hover{transform:translateY(-2px);border-color:#c9b7ac;background:#fffefa;box-shadow:var(--shadow)}.profile-option b{font-size:18px;color:#acb7b0}.profile-option strong,.profile-option small{display:block}.profile-option strong{font-size:12px}.profile-option small{margin-top:4px;color:#98a39b;font-size:10px}.profile-initial{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font:500 10px 'DM Mono',monospace}.ca{background:var(--peach-pale);color:#a76652}.ch{background:var(--mint);color:#4a765e}.login-foot{margin-top:44px;color:#a1aaa3;font-size:10px}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;display:flex;flex-direction:column;padding:31px 22px 25px;background:#eeece7;border-right:1px solid var(--line)}.sidebar .brand-lockup{font-size:12px}.sidebar-label{margin-top:58px}.sidebar nav{display:grid;gap:4px;margin-top:15px}.nav-item{display:flex;align-items:center;gap:11px;padding:12px 12px;border-radius:9px;text-align:left;color:#7d8b82;font-size:12px;font-weight:700}.nav-item span{width:18px;color:#9ba79e;font-size:17px;text-align:center}.nav-item.active,.nav-item:hover{color:var(--forest);background:#dce8dd}.nav-item.active span{color:var(--forest)}.sidebar-bottom{margin-top:auto}.sidebar-rule{height:1px;background:#dedfd9;margin-bottom:22px}.developer{margin:-2px 0 17px;font-size:12px;font-weight:700}.switch-profile{padding:0;color:#849188;font-size:11px}.switch-profile span{margin-left:8px;color:var(--forest)}.main-content{width:100%;max-width:1380px;padding:34px 60px 28px}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar h2{margin:0;font-size:18px;letter-spacing:-.5px}.current-profile{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.current-profile span:first-child{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--peach-pale);color:#a76652;font:500 9px 'DM Mono',monospace}.current-profile b{color:#9da8a0}.welcome-banner{display:flex;justify-content:space-between;align-items:center;min-height:280px;margin-top:34px;padding:42px 48px;border-radius:20px;overflow:hidden;position:relative;background:var(--forest);color:#fff9f0}.welcome-banner .eyebrow{color:#a8c5b3}.welcome-banner h1{margin:0 0 15px;font-size:42px;line-height:1.02;letter-spacing:-3px}.welcome-banner p:last-child{max-width:390px;margin:0;color:#c3d5c8;font-size:12px;line-height:1.7}.banner-art{position:absolute;right:80px;top:34px;width:215px;height:215px;border:1px solid rgba(242,179,152,.34);border-radius:50%;display:flex;justify-content:center;align-items:center;gap:2px;transform:rotate(-12deg);font-size:31px;font-weight:800;letter-spacing:-4px;color:var(--peach)}.banner-art:before,.banner-art:after{content:'';position:absolute;border:1px solid rgba(242,179,152,.2);border-radius:50%;width:310px;height:105px;transform:rotate(36deg)}.banner-art:after{width:285px;height:140px;transform:rotate(-39deg)}.banner-art i{z-index:1;font-family:Georgia,serif;font-weight:400;font-style:normal;color:#fff5ee}.banner-art b{position:absolute;bottom:26px;font:500 8px 'DM Mono',monospace;letter-spacing:2px;color:#b6d1bf;transform:rotate(12deg)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.metric-card{position:relative;min-height:132px;padding:21px 22px;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}.metric-card strong{display:block;font:500 25px 'DM Mono',monospace;letter-spacing:-1.5px}.metric-card span{display:block;margin-top:6px;color:#93a097;font-size:10px}.metric-card i{position:absolute;right:21px;bottom:20px;font-style:normal;font-size:21px}.metric-income i{color:var(--mint-strong)}.metric-expenses i{color:var(--peach)}.metric-room i{color:#a899b8}.section-head{display:flex;justify-content:space-between;align-items:end;margin:44px 0 17px}.section-head h3{margin:0;font-size:22px;letter-spacing:-1.2px}.compact-head{margin-top:43px}.text-btn{color:var(--forest-2);font-size:11px;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.surface,.budget-detail,.pulse-card,.next-strip,.calendar-toolbar,.money-hero article,.privacy-card{border:1px solid var(--line);border-radius:14px;background:var(--card)}.surface{padding:21px}.surface-head{display:flex;justify-content:space-between;align-items:start}.surface-head h3{margin:0;font-size:14px}.surface-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:17px}.peach{background:var(--peach-pale);color:#a76652}.mint{background:var(--mint);color:#4e7c62}.compact-list{display:grid;margin-top:15px}.compact-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #efeee9}.compact-date{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f1f1ed;color:#65776c;text-align:center}.compact-date strong{font:500 12px 'DM Mono',monospace;line-height:1}.compact-date small{font:500 7px 'DM Mono',monospace}.compact-row strong{display:block;font-size:11px}.compact-row small{display:block;margin-top:4px;color:#9aa49d;font-size:9px}.compact-row .amount{font:500 10px 'DM Mono',monospace;color:#a76652}.surface-link{margin-top:16px;padding:11px 0 0;color:var(--forest-2);font-size:10px;font-weight:800;border-top:1px solid #efeee9;width:100%;text-align:left}.surface-link span{float:right;font-size:15px}.pulse-card{display:grid;grid-template-columns:210px 1fr 150px;gap:23px;align-items:center;padding:23px 25px}.pulse-copy strong{display:block;font:500 25px 'DM Mono',monospace}.pulse-copy p:last-child{margin:7px 0 0;color:#93a097;font-size:10px;line-height:1.5}.pulse-bars{height:80px;display:flex;align-items:end;gap:7px}.pulse-bar{flex:1;min-height:10px;border-radius:5px 5px 1px 1px;background:#dbe8dc;position:relative}.pulse-bar:nth-child(2n){background:#cde0d0}.pulse-bar span{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);font:500 8px 'DM Mono',monospace;color:#9ca79e}.pulse-side{border-left:1px solid var(--line);padding-left:22px}.pulse-side span,.pulse-side small{display:block;color:#9aa49c;font-size:9px}.pulse-side strong{display:block;margin:6px 0;font-size:14px}.next-strip{display:flex;align-items:center;gap:13px;margin-top:15px;padding:14px 17px}.next-strip-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf2ec;color:var(--forest);font-size:19px}.next-strip strong{font-size:11px}.next-strip p{margin:4px 0 0;color:#9aa49d;font-size:10px}.next-strip button{margin-left:auto;color:var(--forest-2);font-size:10px;font-weight:800}.page-title{display:flex;align-items:end;justify-content:space-between;margin:62px 0 25px}.page-title h1{margin:0 0 8px;font-size:37px;letter-spacing:-2.6px}.page-title>div>p:last-child{margin:0;color:#8a968e;font-size:12px}.primary-btn{padding:11px 15px;border-radius:8px;background:var(--forest);color:#fff;font-size:11px;font-weight:800}.primary-btn span{margin-left:6px;color:var(--peach)}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;margin-bottom:13px;font-size:12px}.calendar-toolbar span{color:#9aa39d;font-size:10px}.calendar-note{font:500 9px 'DM Mono',monospace}.calendar-layout{display:grid;grid-template-columns:1fr 265px;gap:14px}.calendar-surface{padding:22px;overflow:auto}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);min-width:650px}.calendar-week{padding-bottom:14px;color:#99a49b;font:500 9px 'DM Mono',monospace}.calendar-grid{border-top:1px solid var(--line)}.calendar-day{min-height:101px;padding:11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.calendar-day:nth-child(7n){border-right:0}.calendar-day.muted-day{color:#c2c8c1}.calendar-day.today{background:#eef5ee;color:var(--forest);font-weight:800}.calendar-event{display:block;margin-top:10px;padding:5px 6px;border-radius:5px;background:var(--peach-pale);color:#8d5c4c;font-size:8px;font-weight:700}.calendar-event.bill{background:var(--mint);color:#4e7660}.calendar-side h3{margin:0;font-size:15px}.calendar-side #calendar-events{margin-top:16px}.calendar-help{margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}.calendar-help strong{font-size:11px}.calendar-help p{color:#9aa49d;font-size:10px;line-height:1.6}.money-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.money-hero article{padding:22px}.money-hero strong{display:block;font:500 25px 'DM Mono',monospace;letter-spacing:-1.5px}.money-hero span{display:block;margin-top:7px;color:#97a29a;font-size:10px}.money-columns{display:grid;grid-template-columns:1fr 1.45fr;gap:14px;margin-top:14px}.money-table{padding:21px}.small-action,.data-pill{padding:6px 8px;border-radius:6px;background:#eef3ed;color:var(--forest-2);font:500 9px 'DM Mono',monospace}.data-pill{color:#8d9b92}.money-row{display:grid;grid-template-columns:1fr 84px 72px 34px;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #efeee9;font-size:11px}.money-row strong{font-size:11px}.money-row small{display:block;margin-top:4px;color:#99a39b;font-size:9px}.money-row .number{text-align:right;font:500 10px 'DM Mono',monospace}.money-row .row-edit{text-align:right;color:var(--forest-2);font-size:10px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.table-foot{padding-top:14px;color:#a0aaa1;font:500 9px 'DM Mono',monospace}.birthday-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.birthday-row{display:grid;grid-template-columns:47px 1fr auto;align-items:center;gap:13px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.date-tile{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:var(--peach-pale);color:#a76652;text-align:center}.birthday-row:nth-child(3n) .date-tile{background:var(--mint);color:#4e7660}.birthday-row:nth-child(4n) .date-tile{background:var(--lav);color:#756682}.date-tile strong{font:500 13px 'DM Mono',monospace;line-height:1}.date-tile small{margin-top:2px;font:500 7px 'DM Mono',monospace}.birthday-row strong{display:block;font-size:11px}.birthday-row small{display:block;margin-top:4px;color:#9aa49d;font-size:9px}.row-amount{font:500 11px 'DM Mono',monospace;color:#a76652}.row-edit,.category-edit{display:block;margin-left:auto;margin-top:5px;color:var(--forest-2);font-size:9px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.budget-detail{max-width:900px;padding:27px}.detail-top{display:flex;justify-content:space-between;align-items:end;padding-bottom:23px;border-bottom:1px solid var(--line)}.detail-top strong{font:500 38px 'DM Mono',monospace;letter-spacing:-2px}.detail-highlight{text-align:right}.detail-highlight span{display:block;font:500 25px 'DM Mono',monospace}.detail-highlight small{color:#8f9991;font-size:10px}.category-row{display:grid;grid-template-columns:1fr 110px 62px;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:11px}.category-name{font-weight:800}.category-name small{display:block;margin-top:4px;color:#99a39c;font-size:9px;font-weight:400}.category-bar{height:5px;border-radius:5px;background:#edf0eb}.category-bar span{display:block;height:100%;border-radius:5px;background:var(--forest-2)}.category-total{text-align:right;font:500 11px 'DM Mono',monospace}.budget-source{margin-top:17px;color:#9ba59d;font-size:10px}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.connection-card{position:relative;min-height:220px;padding:23px}.connection-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#edf2ed;color:var(--forest-2);font-size:20px;margin-bottom:23px}.connection-card h3{margin:0;font-size:15px}.connection-card p:not(.eyebrow){color:#8e9a92;font-size:11px;line-height:1.65}.status-dot{position:absolute;top:22px;right:20px;font:500 9px 'DM Mono',monospace;color:#5c8a6b}.next .status-dot{color:#a89883}.connection-muted{color:#a0aaa1;font-size:10px}.privacy-card{display:flex;align-items:flex-start;gap:15px;margin-top:14px;padding:21px}.privacy-lock{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--peach-pale);color:#a76652;font-size:18px}.privacy-card h3{margin:0;font-size:14px}.privacy-card p:last-child{margin:6px 0 0;color:#8e9991;font-size:10px;line-height:1.6}footer{display:flex;justify-content:space-between;margin-top:53px;padding-top:14px;border-top:1px solid var(--line);color:#a0aaa1;font:500 9px 'DM Mono',monospace}footer span{color:#7f8e84}.modal{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgba(20,45,38,.45)}.modal-card{width:min(430px,100%);padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 25px 90px rgba(20,45,38,.2)}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal-head h2{margin:0;font-size:21px;letter-spacing:-1px}.close-modal{color:#98a39b;font-size:26px;line-height:.8}.modal form{display:grid;gap:14px}.modal label{display:grid;gap:7px;color:#66756c;font-size:10px;font-weight:800}.modal label small{color:#9ba59d;font-weight:400}.modal input{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#f8f6f1;color:var(--ink);font-size:12px}.modal-save{width:100%;margin-top:5px}.modal-hint{margin:0;color:#9aa49d;font-size:9px;line-height:1.5}@media(max-width:1050px){.main-content{padding:28px 25px}.sidebar{width:210px}.banner-art{right:20px;opacity:.6}.pulse-card{grid-template-columns:190px 1fr}.pulse-side{display:none}}@media(max-width:780px){.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:48px 9vw}.metric-grid,.dashboard-grid,.money-hero,.money-columns,.calendar-layout,.connection-grid{grid-template-columns:1fr}.welcome-banner{min-height:315px;padding:30px 26px;align-items:start}.welcome-banner h1{font-size:34px}.banner-art{top:135px;right:-30px}.pulse-card{grid-template-columns:1fr}.pulse-bars{margin-top:20px}.page-title{display:block;margin-top:38px}.page-title .primary-btn{margin-top:19px}.birthday-list{grid-template-columns:1fr}.calendar-side{display:none}}@media(max-width:560px){.sidebar{width:100%;height:auto;padding:17px 18px;display:block;border-right:0;border-bottom:1px solid var(--line)}.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:17px}.nav-item{white-space:nowrap;padding:9px 11px}.main-content{padding:21px 15px}.topbar h2{font-size:16px}.current-profile span:nth-child(2),.current-profile b{display:none}.welcome-banner{margin-top:24px}.metric-card{min-height:116px}.section-head{margin-top:34px}.pulse-card{padding:19px}.money-row{grid-template-columns:1fr 70px 65px 31px;gap:6px}.money-row .number{font-size:9px}.page-title h1{font-size:30px}footer{display:block;line-height:2.2}.next-strip{align-items:start;flex-wrap:wrap}.next-strip button{margin-left:45px}}
 .login-form{display:grid;gap:14px;max-width:420px}.login-form label{display:grid;gap:7px;color:#66756c;font-size:10px;font-weight:800}.login-form input{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fffefa;color:var(--ink);font-size:12px}.login-submit{width:100%;margin-top:5px}.login-error{min-height:15px;margin:0;color:#a04f43;font-size:10px}.empty-list{padding:15px 0;color:#9aa49d;font-size:10px}
