:root{--bg:#f4f7f6;--surface:#fff;--surface-2:#eaf3ed;--ink:#0f231d;--ink-soft:#55685f;--ink-faint:#8b9c93;--line:#dce7e0;--accent:#12a66b;--accent-dark:#0c8054;--money:#c97a16;--danger:#b93a2a;--sidebar-w:224px}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace}a{color:var(--accent-dark)}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--ink);color:#e6efea;display:flex;flex-direction:column;padding:20px 14px;overflow-y:auto;z-index:50;transition:transform .2s ease}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 22px}.sidebar-brand-name{font-family:IBM Plex Mono,monospace;font-weight:700;font-size:15px;line-height:1}.sidebar-brand-sub{font-size:11px;color:#9fb3aa;margin-top:3px}.nav-section-label{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#6c8079;padding:14px 12px 6px}.nav-link,.nav-section-label{font-family:IBM Plex Mono,monospace}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:500;color:#b7c7bf;text-decoration:none}.nav-link:hover{background:hsla(0,0%,100%,.06);color:#fff}.nav-link.active{background:var(--accent);color:#fff}.nav-link svg{flex-shrink:0}.sidebar-footer{margin-top:auto;padding:12px 10px;border-top:1px solid hsla(0,0%,100%,.1);font-size:11px;color:#6c8079}.topbar{display:none;position:-webkit-sticky;position:sticky;top:0;z-index:40;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.hamburger,.topbar{align-items:center;background:var(--surface)}.hamburger{display:flex;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--line);cursor:pointer;flex-shrink:0}.overlay{display:none;position:fixed;inset:0;background:rgba(15,35,29,.35);z-index:45}.content{flex:1 1;min-width:0;margin-left:var(--sidebar-w);padding:28px 32px 64px}.page-title{font-family:IBM Plex Mono,monospace;font-size:20px;font-weight:600;margin:0}.page-sub{color:var(--ink-soft);font-size:13px;margin-top:4px}.table-scroll{overflow-x:auto}@media (max-width:860px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.content{margin-left:0;padding:20px 16px 64px}.topbar{display:flex}.overlay.open{display:block}}