:root{--navy: #0f2040;--bg: #0b1830;--panel: #12294d;--panel2: #16315c;--border: #1e3a5f;--text: #e6eefb;--muted: #93a6c4;--teal: #2dd4bf;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--nav-w: 228px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:1.5rem;margin:0 0 .25rem}.muted{color:var(--muted);font-size:.85rem}.app{display:flex;min-height:100%}.nav{width:var(--nav-w);flex:0 0 var(--nav-w);background:var(--navy);border-right:1px solid var(--border);padding:18px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.nav-brand{font-weight:700;font-size:1.25rem;letter-spacing:.04em;color:var(--teal);padding:0 8px 14px}.nav-group{margin-bottom:14px}.nav-group-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);padding:6px 8px 4px}.nav-link{display:block;padding:8px 10px;border-radius:8px;color:var(--text);text-decoration:none;font-size:.92rem}.nav-link:hover{background:var(--panel)}.nav-link.active{background:var(--teal);color:#05221c;font-weight:600}.main{flex:1 1 auto;padding:24px 28px 48px;max-width:1180px;width:100%}.page{animation:fade .18s ease}@keyframes fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.banner{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:.9rem}.banner-error{border-color:var(--red);color:#ffd7d7}.link-btn{background:none;border:none;color:var(--teal);cursor:pointer;text-decoration:underline;font:inherit;padding:0}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0}.tile{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.tile-label{color:var(--muted);font-size:.8rem}.tile-value{font-size:1.7rem;font-weight:700;margin:4px 0 2px}.tile-sub{color:var(--muted);font-size:.78rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin:16px 0}.scaffold-note{border-left:3px solid var(--teal)}.version-tag{margin-top:40px;color:var(--muted);font-size:.72rem;opacity:.7}@media(max-width:760px){.app{flex-direction:column}.nav{width:100%;height:auto;flex:none;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:4px;overflow-x:auto;padding:8px 10px;border-right:none;border-bottom:1px solid var(--border)}.nav-brand{padding:0 10px 0 4px}.nav-group{display:flex;margin:0}.nav-group-label{display:none}.nav-link{white-space:nowrap;padding:6px 10px}.main{padding:16px 14px 40px}}