:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;--accent:#2456a6;--accent-strong:#173d78;--surface:#fff;--surface-muted:#eef2f7;--border:#d6dce6;--ink-muted:#5f6c80;--income:#177245;--focus:#c87900;background:#f7f8fa;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f7f8fa;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.skip-link{z-index:20;background:var(--surface);border:2px solid var(--focus);color:var(--accent-strong);padding:10px 12px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.desktop-nav{display:none}.content{width:min(100%,720px);margin:0 auto;padding:24px 16px 96px}.page-header{margin-bottom:20px}.eyebrow{color:var(--ink-muted);margin:0 0 6px;font-size:.875rem}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:2rem;font-weight:750;line-height:1.15}h2{margin-bottom:8px;font-size:1.125rem;line-height:1.25}.summary-panel,.placeholder-list,.server-status{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:16px;padding:16px}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0;display:grid}.facts div{background:var(--surface-muted);border-radius:8px;padding:12px}dt{color:var(--ink-muted);font-size:.875rem}dd{margin:4px 0 0;font-weight:700}.amount{color:var(--income);font-variant-numeric:tabular-nums}.placeholder-list ul,.desktop-nav-list,.mobile-nav-list{margin:0;padding:0;list-style:none}.placeholder-list li{border-top:1px solid var(--border);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.placeholder-list li:first-child{border-top:0}.placeholder-list li span:last-child{color:var(--ink-muted)}.server-status{grid-template-columns:48px 1fr;align-items:center;gap:14px;display:grid}.server-status p,.summary-panel p{color:var(--ink-muted);line-height:1.5}.skeleton{background:linear-gradient(90deg,#e4e9f1 0%,#f3f5f8 50%,#e4e9f1 100%) 0 0/200% 100%;border-radius:8px;width:48px;height:48px;animation:1.4s ease-in-out infinite shimmer}.mobile-nav{z-index:10;border-top:1px solid var(--border);background:var(--surface);position:fixed;bottom:0;left:0;right:0}.mobile-nav-list{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.mobile-nav button,.desktop-nav button{color:#172033;cursor:pointer;background:0 0;border:0;width:100%;min-height:44px}.mobile-nav button{justify-items:center;gap:2px;padding:8px 4px;font-size:.75rem;display:grid}.mobile-nav button span:first-child{font-size:1.25rem;line-height:1}.mobile-nav button.active,.desktop-nav button.active{color:var(--accent-strong);font-weight:700}button:focus-visible,.content:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=1024px){.app-shell{grid-template-columns:248px 1fr;display:grid}.desktop-nav{border-right:1px solid var(--border);background:var(--surface);height:100vh;padding:24px 16px;display:block;position:sticky;top:0}.brand{align-items:center;gap:10px;margin-bottom:24px;font-weight:800;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid}.desktop-nav-list{gap:4px;display:grid}.desktop-nav button{text-align:left;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.desktop-nav button.active{background:#e9eff9}.mobile-nav{display:none}.content{padding:40px 24px}}