body{font-family:system-ui, -apple-system, Segoe UI, Roboto, Arial; margin:0; background:#0b0f1a; color:#e6edf7}
main{max-width:860px;margin:0 auto;padding:28px}
h1{margin:.2rem 0 0;font-size:1.9rem}
.sub{margin:.2rem 0 1rem;color:#9db0d0}
.panel{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:10px 0 12px}
.panel label{background:#12192a;border:1px solid #1e2a45;border-radius:12px;padding:10px 12px}
.panel button{background:#1b66ff;border:0;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer}
.card{background:#0f1525;border:1px solid #1e2a45;border-radius:14px;padding:14px;min-height:140px}
.inputrow{display:flex;gap:10px;margin:12px 0}
.inputrow input{flex:1;padding:12px;border-radius:12px;border:1px solid #1e2a45;background:#0f1525;color:#e6edf7}
.inputrow button{background:#1b66ff;border:0;color:#fff;padding:12px 16px;border-radius:12px;cursor:pointer}
.u{color:#a3ffc6;margin:.4rem 0}
.b{color:#e6edf7;margin:.2rem 0 .6rem}
.metrics{display:flex;gap:18px;align-items:center;margin-top:.4rem}
.metrics button{background:#15223b;border:1px solid #24365d;color:#cfe0ff;padding:8px 12px;border-radius:10px;cursor:pointer}
a{color:#7fb3ff}