html,body,#root{margin:0;padding:0;height:100%;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;background:#161616;color:#f4f4f4}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{padding:1rem 2rem;border-bottom:1px solid #393939;display:flex;gap:2rem;align-items:baseline}.app-header h1{font-size:1.125rem;font-weight:400;margin:0}.app-nav{display:flex;gap:1.25rem}.app-nav a{color:#c6c6c6;text-decoration:none;font-size:.875rem}.app-nav a.active{color:#78a9ff}.app-main{padding:2rem;flex:1}.placeholder-card{border:1px solid #393939;padding:1.25rem 1.5rem;border-radius:4px;max-width:640px}.placeholder-card h2{margin:0 0 .5rem;font-size:1rem;font-weight:600}.placeholder-card p{margin:0;color:#a8a8a8;font-size:.875rem;line-height:1.5}.vendor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;max-width:960px}.vendor-card{border:1px solid #393939;padding:1rem 1.25rem;border-radius:4px;background:#262626}.vendor-card h3{margin:0 0 .5rem;font-size:1rem}.vendor-card p{margin:0 0 .75rem;font-size:.8125rem;color:#a8a8a8}.badge{display:inline-block;padding:2px 8px;font-size:.6875rem;text-transform:uppercase;border-radius:2px;background:#525252;color:#f4f4f4;letter-spacing:.04em}.link-card{border:1px solid #393939;padding:1.5rem;border-radius:4px;max-width:520px;background:#262626}.link-card a.button{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#0f62fe;color:#fff;text-decoration:none;border-radius:2px;font-size:.875rem}