:root{--marinho:#17375e;--marinho-2:#0f2742;--entrou:#1e8e4e;--entrou-soft:#e4f3ea;--saiu:#c6412b;--saiu-soft:#fbe9e4;--pendente:#b57a00;--pendente-soft:#fbf0d6;--bg:#edf1f2;--surface:#fff;--ink:#15242b;--ink-soft:#5e7079;--line:#e3e9eb;--font:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button{cursor:pointer}button,input{font-family:inherit}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:flex}.content{flex:1 1;width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;padding-bottom:92px}.appbar{background:var(--marinho);color:#fff;padding:34px 18px 18px}.appbar .hello{font-size:13px;color:#bcd2e6}.appbar .name{font-size:20px;font-weight:800;letter-spacing:-.01em}.apptitle{font-size:22px;font-weight:800}.month{background:hsla(0,0%,100%,.16);padding:7px 12px;border-radius:999px;font-size:13px;font-weight:700}.body{padding:16px;flex:1 1}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}.money-big{font-size:42px;font-weight:800;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.05;margin-top:2px}.lbl{font-size:13px;color:var(--ink-soft);font-weight:600}.row{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:13px;gap:12px;margin-bottom:10px}.avatar,.row{display:flex;align-items:center}.avatar{width:44px;height:44px;border-radius:12px;background:var(--marinho);color:#fff;justify-content:center;flex:none}.avatar,.pill{font-weight:800}.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 9px;border-radius:999px;margin-top:5px}.pill.ok{background:var(--entrou-soft);color:var(--entrou)}.pill.pend{background:var(--pendente-soft);color:var(--pendente)}.bottomnav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:var(--surface);border-top:1px solid var(--line);display:flex;padding:8px 6px 14px;z-index:10}.navitem{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink-soft);font-size:11px;font-weight:700;background:none;border:none}.navitem.active{color:var(--marinho)}.navitem svg{width:25px;height:25px}.sidebar{display:none}.sidebar-brand{font-size:26px;font-weight:800;color:#fff;padding:6px 14px 22px;letter-spacing:-.02em}.side-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;color:#cddcec;font-weight:700;font-size:15px;background:none;border:none;width:100%;text-align:left}.side-item.active{background:hsla(0,0%,100%,.14);color:#fff}.side-item svg{width:22px;height:22px}@media (min-width:820px){.bottomnav{display:none}.sidebar{display:flex;flex-direction:column;gap:4px;width:250px;flex:none;background:var(--marinho);min-height:100vh;position:-webkit-sticky;position:sticky;top:0;padding:26px 12px}.content{max-width:840px;margin:0 auto;padding:0 16px 28px}.appbar{border-radius:0 0 18px 18px;margin-bottom:4px}}