:root{
  --bg:#071127;
  --card:#0d1938;
  --line:#213b7a;
  --text:#eaf1ff;
  --muted:#9ab0df;
  --accent:#73a9ff;
  --accent2:#99beff;
  --ok:#2ecc71;
  --bad:#ff6b6b;
  --warn:#ffb84d;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,Arial,Helvetica,sans-serif;
  color:var(--text);
  background:radial-gradient(circle at top,#0b1d49 0,#061024 40%,#040b18 100%);
}
.wrap{max-width:1240px;margin:0 auto;padding:40px 20px 60px}
.topline{color:var(--accent);font-size:13px;letter-spacing:2px;margin-bottom:8px}
h1{font-size:52px;line-height:1.05;margin:0 0 12px}
.sub{color:var(--muted);font-size:24px;max-width:980px;margin:0 0 26px}
.grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}
.card{
  background:rgba(13,25,56,.92);
  border:1px solid rgba(115,169,255,.22);
  border-radius:22px;
  padding:18px;
  box-shadow:0 18px 40px rgba(0,0,0,.24);
}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.card-head h2,.results-head h2{margin:0;font-size:20px}
.badge{
  font-size:12px;color:var(--accent2);border:1px solid rgba(115,169,255,.28);
  padding:7px 10px;border-radius:999px
}
textarea{
  width:100%;height:320px;background:#09132d;border:1px solid rgba(115,169,255,.22);
  border-radius:16px;color:#fff;padding:16px;font-size:16px;resize:vertical;outline:none
}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.btn,.filter{
  background:transparent;border:1px solid rgba(115,169,255,.28);color:var(--text);cursor:pointer;
  border-radius:14px;padding:12px 18px;font-weight:700;font-size:16px
}
.btn-primary,.filter.active{
  background:var(--accent);border-color:var(--accent);color:#0a1735
}
.hint{margin-top:12px;color:var(--muted);font-size:14px}
.status-box{
  min-height:94px;background:#0a1431;border:1px solid rgba(115,169,255,.18);border-radius:16px;
  padding:16px;color:var(--muted);margin-bottom:16px
}
.summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.sum{
  background:#0a1431;border:1px solid rgba(115,169,255,.18);border-radius:16px;padding:14px
}
.sum span{display:block;color:var(--muted);font-size:13px}
.sum strong{display:block;font-size:30px;margin-top:8px}
.results-card{margin-top:18px}
.results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.filters{display:flex;gap:10px;flex-wrap:wrap}
.table-wrap{overflow:auto;margin-top:12px}
table{width:100%;border-collapse:collapse}
th,td{padding:14px 12px;border-bottom:1px solid rgba(115,169,255,.12);text-align:left}
th{color:var(--muted);font-size:14px}
td{font-size:15px}
.empty{text-align:center;color:var(--muted);padding:24px}
.pill{
  display:inline-block;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase
}
.available{background:rgba(46,204,113,.16);color:#7ef0ae}
.taken{background:rgba(255,107,107,.16);color:#ff9a9a}
.unknown{background:rgba(255,184,77,.16);color:#ffd089}
.invalid{background:rgba(160,160,160,.16);color:#d4d4d4}
.linkbtn{
  color:var(--accent2);text-decoration:none;border:1px solid rgba(115,169,255,.22);padding:8px 12px;border-radius:12px;display:inline-block
}
@media (max-width:980px){
  h1{font-size:40px}
  .sub{font-size:18px}
  .grid{grid-template-columns:1fr}
  .summary{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .wrap{padding:22px 12px 40px}
  h1{font-size:32px}
  .summary{grid-template-columns:repeat(2,1fr)}
}