*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f6f8;color:#1a1a2e;line-height:1.5}a{color:#2563eb}.container{max-width:480px;margin:0 auto;padding:2rem 1rem}.card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #00000014}h1{font-size:1.5rem;margin:0 0 .5rem}h2{font-size:1.125rem;margin:1.5rem 0 .75rem}.subtitle{color:#64748b;margin:0 0 1.5rem;font-size:.9rem}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.35rem}input{width:100%;padding:.6rem .75rem;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;margin-bottom:1rem}input:focus{outline:2px solid #2563eb;outline-offset:1px;border-color:#2563eb}button{display:inline-block;padding:.65rem 1.25rem;font-size:.95rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;background:#2563eb;color:#fff}button:hover{background:#1d4ed8}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#e2e8f0;color:#334155}button.danger{background:#dc2626}button.danger:hover{background:#b91c1c}.error{background:#fef2f2;color:#b91c1c;padding:.75rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.success{background:#f0fdf4;color:#15803d;padding:.75rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.steps{display:flex;gap:.5rem;margin-bottom:1.5rem}.step{flex:1;text-align:center;font-size:.75rem;padding:.35rem;border-radius:4px;background:#e2e8f0;color:#64748b}.step.active{background:#2563eb;color:#fff}.step.done{background:#bbf7d0;color:#15803d}.key-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e2e8f0;gap:.5rem}.key-row:last-child{border-bottom:none}.key-value{font-family:monospace;font-size:.85rem;word-break:break-all}.badge{display:inline-block;font-size:.7rem;padding:.15rem .5rem;border-radius:999px;font-weight:600;text-transform:uppercase}.badge.prod{background:#dbeafe;color:#1d4ed8}.badge.sandbox{background:#fef3c7;color:#b45309}.badge.on{background:#dcfce7;color:#15803d}.badge.off{background:#f1f5f9;color:#64748b}.features{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal{background:#fff;border-radius:8px;padding:1.5rem;max-width:400px;width:100%}.modal h3{margin:0 0 1rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.qr-wrap{display:flex;justify-content:center;padding:1rem;margin:1rem 0;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.qr-secret{font-family:monospace;font-size:.8rem;background:#f8fafc;padding:.75rem;border-radius:6px;word-break:break-all;margin:1rem 0}.link-btn{background:none;border:none;color:#2563eb;padding:0;font-size:.875rem;cursor:pointer;text-decoration:underline}.dashboard-wide{max-width:640px}