:root{
  --black:#050505;
  --dark:#0b0b0d;
  --card:#111113;
  --white:#ffffff;
  --muted:#b8b8bf;
  --line:#2b2b30;
  --orange:#ff7600;
  --orange2:#ff9b42;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:radial-gradient(circle at top, rgba(255,118,0,.2), transparent 32%), linear-gradient(180deg,#030303,#080808 55%,#030303);
  color:var(--white);
  min-height:100vh;
}
a{color:var(--orange2);text-decoration:none}
.page{max-width:1180px;margin:auto;padding:28px 16px}
.card{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:28px;
  box-shadow:0 30px 90px rgba(0,0,0,.45);
}
.logo{text-align:center;margin-bottom:18px}
.logo img{width:98px;height:98px;object-fit:contain}
h1,h2{margin-top:0;color:#fff}
.orange{color:var(--orange2)}
.underline{width:70px;height:3px;background:var(--orange);margin:12px 0 22px}
input,select,textarea{
  width:100%;
  background:#070708;
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  border-radius:14px;
  padding:14px 15px;
  font-size:15px;
  outline:none;
}
input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,118,0,.10)}
label{display:block;font-weight:bold;margin-bottom:8px}
.form-group{margin-bottom:17px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.btn{
  display:inline-block;
  border:0;
  border-radius:14px;
  background:linear-gradient(90deg,var(--orange),var(--orange2));
  color:#fff;
  padding:14px 20px;
  font-weight:900;
  cursor:pointer;
  text-align:center;
}
.btn-light{background:transparent;border:1px solid rgba(255,255,255,.18)}
.alert{padding:14px;border-radius:14px;background:rgba(255,118,0,.12);border:1px solid rgba(255,118,0,.45);color:#ffd8c0;margin-bottom:18px}
.success{background:rgba(30,150,80,.12);border-color:rgba(30,150,80,.45);color:#d7ffe5}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:#070707;border-bottom:1px solid #222}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:780px}
th,td{padding:12px;border-bottom:1px solid #2b2b30;text-align:left;font-size:14px}
th{color:var(--orange2);text-transform:uppercase;font-size:12px}
.badge{padding:6px 10px;border-radius:99px;background:rgba(255,118,0,.15);color:#ffbc82;font-weight:bold;font-size:12px}
.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.option-card{display:flex;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#08080a}
.option-card input{width:auto}
.footer{text-align:center;color:#888;margin-top:24px;font-size:13px}
@media(max-width:760px){
  .grid-2,.grid-3,.option-grid{grid-template-columns:1fr}
  .topbar{display:block}
  .card{padding:22px}
}