:root{--bg: #0f172a;--panel: #1e293b;--panel-border: #334155;--text: #f8fafc;--muted: #94a3b8;--primary: #38bdf8;--primary-hover: #0284c7;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh}.app-container{max-width:1000px;margin:0 auto;padding:1rem;width:100%}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--panel-border);margin-bottom:1.5rem}header h1{font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:.5rem;color:var(--primary)}header .badge{font-size:.75rem;background:#38bdf826;color:var(--primary);padding:.2rem .5rem;border-radius:999px;border:1px solid rgba(56,189,248,.3)}nav{display:flex;gap:.5rem;overflow-x:auto;margin-bottom:1.5rem;padding-bottom:.5rem}nav button{background:var(--panel);color:var(--muted);border:1px solid var(--panel-border);padding:.6rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}nav button.active{background:var(--primary);color:#0f172a;border-color:var(--primary)}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:1.25rem;margin-bottom:1.25rem}.card h2{font-size:1.1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.4rem;font-weight:600}input,select,textarea{width:100%;background:#0f172a;border:1px solid var(--panel-border);color:var(--text);padding:.75rem;border-radius:8px;font-size:.95rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary)}button.primary{background:var(--primary);color:#0f172a;border:none;font-weight:700;padding:.75rem 1.2rem;border-radius:8px;cursor:pointer;width:100%}button.primary:hover{background:var(--primary-hover)}button.secondary{background:transparent;border:1px solid var(--panel-border);color:var(--text);padding:.5rem 1rem;border-radius:8px;cursor:pointer}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.grid-2{grid-template-columns:1fr}}.code-box{background:#090d16;border:1px solid var(--panel-border);border-radius:8px;padding:1rem;font-family:var(--font-mono);font-size:.82rem;white-space:pre-wrap;word-break:break-all;max-height:250px;overflow-y:auto;color:#38bdf8}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-badge.valid{background:#22c55e33;color:var(--success)}.status-badge.invalid{background:#ef444433;color:var(--danger)}.status-badge.pilot{background:#f59e0b33;color:var(--warning)}.login-modal{max-width:400px;margin:4rem auto}