:root{--bg: #0b0b0d;--surface: #16171a;--surface-2: #202226;--hairline: #2a2c31;--fg: #f4f4f5;--fg-muted: #a1a1aa;--fg-faint: #71717a;--accent: #ff7a1a;--accent-press: #e76a0e;--on-accent: #0b0b0d;--person-vini: #f5a524;--person-esposa: #4a9dff;--person-casal: #8b7ff5;--positive: #22c55e;--negative: #f04438;--nav-h: 64px;--radius: 12px}:root[data-theme=light]{--bg: #f7f7f8;--surface: #ffffff;--surface-2: #eff0f2;--hairline: #e4e4e7;--fg: #18181b;--fg-muted: #52525b;--fg-faint: #9ca3af;--accent: #e76a0e;--accent-press: #c75a05;--on-accent: #ffffff;--person-vini: #b26a08;--person-esposa: #2563eb;--person-casal: #6d5fe0;--positive: #16a34a;--negative: #dc2626}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.app{min-height:100%;display:flex;flex-direction:column}.maincol{flex:1;display:flex;flex-direction:column;min-width:0}.content{flex:1;width:100%;max-width:640px;margin:0 auto;padding:16px;padding-bottom:calc(var(--nav-h) + 24px)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--hairline);position:sticky;top:0;background:var(--bg);z-index:10}.sidebar{display:none}.bottomnav{position:fixed;left:0;right:0;bottom:0;height:var(--nav-h);background:var(--surface);border-top:1px solid var(--hairline);display:grid;grid-template-columns:1fr 1fr 88px 1fr 1fr;align-items:center;padding-bottom:env(safe-area-inset-bottom)}@media(min-width:768px){.app{flex-direction:row}.sidebar{display:flex;flex-direction:column;gap:4px;width:220px;flex-shrink:0;border-right:1px solid var(--hairline);padding:16px 12px;position:sticky;top:0;height:100vh}.topbar,.bottomnav{display:none}.content{padding-bottom:32px}}