:root{
  --bg:#0a0f1f; --panel:#111a33; --panel2:#0d1429; --line:#1f2c4d;
  --ink:#e8eefc; --muted:#8295bf; --accent:#f6c544; --good:#43d17a; --hot:#ff6b6b;
  --blurple:#5865f2;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#070b18,#0a0f1f 40%);color:var(--ink);
  font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}
a{color:var(--accent)}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
header.top{border-bottom:1px solid var(--line);background:rgba(7,11,24,.7);backdrop-filter:blur(6px);
  position:sticky;top:0;z-index:50}
header.top .wrap{display:flex;align-items:center;gap:14px;padding:14px 20px}
header.top h1{font-size:20px;margin:0;letter-spacing:.5px}
header.top h1 .pin{color:var(--accent)}
header.top .spacer{flex:1}
.user{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted)}
.user img{width:30px;height:30px;border-radius:50%;border:1px solid var(--line)}
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:0;cursor:pointer;
  border-radius:10px;padding:10px 14px;font-size:14px;font-weight:700;transition:.15s;font-family:inherit}
.btn:hover{filter:brightness(1.08)}
.btn.accent{background:var(--accent);color:#1a1300}
.btn.blurple{background:var(--blurple);color:#fff}
.btn.ghost{background:var(--panel);color:var(--ink);border:1px solid var(--line)}
.btn.sm{padding:7px 11px;font-size:13px}
.btn:disabled{opacity:.45;cursor:not-allowed}
h1.page{font-size:30px;margin:26px 0 4px}
.sub{color:var(--muted);margin:0 0 16px;font-size:15px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12.5px;color:var(--muted)}
.chip b{color:var(--ink)}
.controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
input,select{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:11px 12px;font-size:14px;outline:none;font-family:inherit}
input:focus,select:focus{border-color:var(--accent)}
.controls input{flex:1;min-width:180px}

/* board rows */
.row{display:grid;grid-template-columns:120px 1fr 140px 160px;gap:14px;align-items:center;
  background:linear-gradient(90deg,var(--panel),var(--panel2));border:1px solid var(--line);
  border-radius:14px;padding:14px 16px;margin-bottom:10px}
.row.reserved{opacity:.72}
.row.mine{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.tail{font-family:ui-monospace,Menlo,monospace;font-size:20px;font-weight:700;letter-spacing:1px}
.type{display:inline-block;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 6px;margin-top:4px}
.al{display:inline-block;font-size:11px;font-weight:700;border-radius:6px;padding:1px 7px;margin-top:4px;margin-left:4px}
.route .ap{font-family:ui-monospace,monospace;font-weight:700}
.route .arr{color:var(--accent);margin:0 8px}
.meta{color:var(--muted);font-size:12.5px;margin-top:4px}
.meta .hot{color:var(--hot);font-weight:700}
.meta .sched{color:var(--good);font-weight:700}
.reward{text-align:right;font-size:22px;font-weight:800;color:var(--accent);font-family:ui-monospace,monospace}
.reward small{display:block;color:var(--muted);font-size:11px;font-weight:500}
.tag{font-size:12px;color:var(--muted);text-align:center}
.tag.me{color:var(--accent);font-weight:700}
.empty{text-align:center;color:var(--muted);padding:60px 0;font-size:18px}
footer{color:var(--muted);font-size:12.5px;text-align:center;padding:30px 0 50px}

/* banners */
.banner{border-radius:14px;padding:16px 18px;margin:0 0 18px;border:1px solid var(--line)}
.banner.warn{background:rgba(246,197,68,.08);border-color:#5a4a14}
.banner.ok{background:rgba(67,209,122,.08);border-color:#1f5a38}
.banner h3{margin:0 0 6px;font-size:16px}
.banner p{margin:0;color:var(--muted);font-size:14px}

/* centered cards (login / link / error) */
.center{max-width:560px;margin:8vh auto;padding:0 20px;text-align:center}
.card{background:linear-gradient(160deg,var(--panel),var(--panel2));border:1px solid var(--line);
  border-radius:18px;padding:30px 28px}
.card h2{margin:0 0 8px;font-size:24px}
.card p{color:var(--muted);font-size:15px;line-height:1.5}
.steps{text-align:left;margin:18px 0 0;padding:0;list-style:none;counter-reset:s}
.steps li{position:relative;padding:12px 0 12px 44px;border-top:1px solid var(--line)}
.steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:11px;
  width:28px;height:28px;border-radius:50%;background:var(--accent);color:#1a1300;font-weight:800;
  display:flex;align-items:center;justify-content:center;font-size:14px}
.steps li b{color:var(--ink)}
.steps code,code.k{background:#0b1326;border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-family:ui-monospace,monospace;color:var(--accent)}

/* pilot confirm card */
.pilot{display:flex;gap:14px;align-items:center;text-align:left;background:var(--panel2);
  border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:14px}
.pilot img{width:56px;height:56px;border-radius:50%;border:1px solid var(--line)}
.pilot .pn{font-size:18px;font-weight:700}
.pilot .pm{color:var(--muted);font-size:13px;margin-top:3px}

/* modal */
.modal-bg{position:fixed;inset:0;background:rgba(4,7,15,.72);backdrop-filter:blur(4px);
  display:none;align-items:center;justify-content:center;z-index:100;padding:20px}
.modal-bg.show{display:flex}
.modal{background:linear-gradient(160deg,var(--panel),var(--panel2));border:1px solid var(--accent);
  border-radius:18px;padding:28px;max-width:480px;width:100%;text-align:center;
  box-shadow:0 20px 60px rgba(0,0,0,.5)}
.modal h2{margin:0 0 6px;font-size:24px}
.modal .big{font-size:30px;font-weight:800;color:var(--accent);font-family:ui-monospace,monospace;margin:10px 0}
.modal .flt{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px;margin:14px 0;font-size:15px}
.modal .flt .rt{font-size:22px;font-weight:700;font-family:ui-monospace,monospace}
.count{font-size:14px;color:var(--muted)} .count b{color:var(--accent)}
.errline{color:var(--hot);font-size:14px;margin-top:10px;min-height:18px}
@media(max-width:760px){.row{grid-template-columns:1fr 1fr}.reward{text-align:left}.row .act{grid-column:1/-1}}