*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh}.topbar{height:var(--topbar);position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:calc(100vh - var(--topbar))}.sidebar{position:sticky;top:var(--topbar);height:calc(100vh - var(--topbar));padding:24px 14px;display:flex;flex-direction:column;justify-content:space-between}.content{padding:32px;max-width:1200px;width:100%;margin:0 auto}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-actions{grid-column:1/-1}.goal-form{display:grid;grid-template-columns:1fr 220px auto;gap:14px;align-items:end}.goal-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.mobile-nav{display:none}@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.content{padding:20px 16px 92px}.metric-grid,.goal-columns,.form-grid{grid-template-columns:1fr}.goal-form{grid-template-columns:1fr}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:20;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.topbar{padding:0 16px}}