:root{font-family:system-ui,sans-serif;color:#0f172a;background:#eef2ff}body{margin:0}.shell{max-width:52rem;margin:0 auto;padding:1.5rem}.card{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 10px 30px #0f172a14}.top{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}nav{display:flex;gap:.35rem;flex:1}button,.ghost{border:0;border-radius:8px;padding:.45rem .8rem;background:#4f46e5;color:#fff;cursor:pointer}button.active{background:#312e81}.ghost{background:transparent;color:#4f46e5}label{display:grid;gap:.25rem;margin:.6rem 0}input{padding:.5rem .65rem;border:1px solid #cbd5e1;border-radius:8px}.row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.muted{color:#64748b;font-size:.9rem}.err{color:#b91c1c}