@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,Arial,sans-serif;font-synthesis:none;color:#242424;background:#f8f6f0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #9bbaee;outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em}h2{font-size:18px;font-weight:600}.muted{color:#81817d;line-height:1.6}.notice{font-size:12px;color:#83837d;line-height:1.6;margin-top:15px}.error{color:#c44747}.home-name{font-size:19px;font-weight:600;margin:14px 0 4px}.container{width:min(440px,calc(100% - 40px));margin:clamp(55px,11vh,120px) auto 60px}.brand{font-size:23px;font-weight:700;letter-spacing:-.055em;color:#222;margin-bottom:56px}.container h1{font-size:clamp(29px,4vw,38px);font-weight:600;letter-spacing:-.055em;line-height:1.13;margin-bottom:12px}.container>p.muted{font-size:13px}.card{background:#fff;border:1px solid #ecebe6;border-radius:18px;padding:29px;margin-top:32px;box-shadow:0 10px 35px #27272108}.form-title{font-size:17px;font-weight:600;margin-bottom:5px}.form-intro{font-size:12px;color:#92928e;margin-bottom:23px}.card label{display:block;font-size:12px;font-weight:500;color:#464643;margin:19px 0 8px}.card input{width:100%;padding:13px 14px;background:#fafaf8;border:1px solid #e8e8e4;border-radius:9px;font-size:14px;color:#242424;min-height:45px}.container button{display:block;width:100%;background:#242424;color:#fff;border:0;border-radius:9px;padding:13px 16px;margin-top:24px;font-size:13px;font-weight:600;min-height:45px}.container button.secondary{background:transparent;color:#666;font-size:12px;font-weight:500;margin-top:6px;min-height:35px}.container button.secondary:hover{text-decoration:underline}.app-layout{display:flex;min-height:100vh}.sidebar{width:236px;flex:0 0 236px;background:#fff;border-right:1px solid #ecebe7;padding:34px 16px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{font-size:25px;font-weight:700;letter-spacing:-.06em;padding:0 12px}.sidebar-caption{font-size:9px;font-weight:500;letter-spacing:.13em;color:#a0a09a;padding:9px 12px 43px}.sidebar-nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#62625f;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 13px;border-radius:10px;font-size:12px;font-weight:400;min-height:43px}.nav-item:hover{background:#f6f5f1}.nav-item.active{background:#f0efe9;color:#202020;font-weight:600}.nav-icon{font-size:19px;width:22px;text-align:center;line-height:1;font-weight:400}.sidebar-bottom{margin-top:auto;padding:12px}.sidebar-email{font-size:11px;overflow-wrap:anywhere;color:#969690;margin-bottom:12px}.logout-button{border:1px solid #eaeae6;background:#fff;border-radius:9px;padding:11px 12px;font-size:12px;font-weight:500;width:100%;text-align:left;color:#65655f}.logout-button:hover{background:#f8f7f3}.app-main{flex:1;min-width:0}.page-content{max-width:1220px;padding:54px clamp(24px,4vw,70px) 80px;margin:auto}.eyebrow{font-size:10px;letter-spacing:.11em;color:#999992;font-weight:500;margin-bottom:13px}.page-title{font-size:clamp(30px,3vw,39px);font-weight:600;letter-spacing:-.055em;line-height:1.2;margin-bottom:9px}.page-subtitle{color:#8b8b85;margin-bottom:33px;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:25px 0 38px}.metric-card{background:#fff;border:1px solid #eeede8;border-radius:16px;padding:23px 21px;min-width:0}.metric-label{font-size:12px;font-weight:500;margin-bottom:20px}.metric-value{font-size:clamp(28px,3vw,38px);font-weight:600;letter-spacing:-.06em;margin-bottom:10px}.metric-note{font-size:11px;color:#a0a09a}.income .metric-label,.income .metric-value{color:#238d65}.expense .metric-label,.expense .metric-value{color:#dd6669}.balance .metric-label,.balance .metric-value{color:#4b79cc}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}.section-heading h2{font-size:18px;font-weight:600}.section-heading span{font-size:11px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.category-card{border-radius:17px;min-height:158px;padding:20px;display:flex;flex-direction:column;color:#282824}.category-icon{font-size:24px;line-height:1;font-weight:400}.category-card h3{font-size:13px;font-weight:500;margin:auto 0 6px;letter-spacing:-.02em}.category-value{font-size:25px;font-weight:600;letter-spacing:-.05em}.white-panel{background:#fff;border:1px solid #eeede8;border-radius:17px;padding:25px;margin-bottom:16px}.white-panel h2{margin-bottom:11px}.white-panel p:last-child{margin-bottom:0}.white-panel .muted{font-size:13px}.empty-section{margin-top:28px;padding:55px 28px;text-align:center}.empty-symbol{font-size:38px;margin-bottom:20px;color:#9e9e98}.mobile-top{display:none}@media(max-width:900px){.sidebar{width:205px;flex-basis:205px;padding-left:12px;padding-right:12px}.page-content{padding:43px 25px 60px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:19px 15px}}@media(max-width:650px){.app-layout{display:flex;flex-direction:column}.sidebar{display:none;position:static;width:100%;height:auto;border-right:0;border-bottom:1px solid #eeede8;padding:14px 18px;order:1}.app-layout.menu-open .sidebar{display:flex}.sidebar-caption{padding-bottom:16px}.sidebar-bottom{margin-top:15px}.app-main{display:contents}.mobile-top{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-bottom:1px solid #eeede8;order:0}.mobile-brand{font-size:21px;font-weight:700;letter-spacing:-.055em}.menu-toggle{background:#f1f0ec;border:0;border-radius:9px;padding:10px 13px;color:#242424;font-size:12px;font-weight:500}.page-content{order:2;padding:30px 17px 55px;width:100%}.metrics{gap:8px;margin:24px 0 30px}.metric-card{padding:15px 10px;border-radius:12px}.metric-label{font-size:11px;margin-bottom:15px}.metric-value{font-size:28px}.metric-note{font-size:10px}.category-grid{gap:10px}.category-card{min-height:140px;padding:16px}.container{margin:65px auto 45px}.brand{margin-bottom:40px}.card{padding:22px}}@media(max-width:390px){.metrics{grid-template-columns:1fr}.metric-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px}.metric-label,.metric-value{margin:0}.metric-note{grid-column:1/-1}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}