*{box-sizing:border-box} body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#0b1020;color:#e6e8f0}
a{color:#9ecbff;text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:24px}
.card{background:#111831;border:1px solid #1c2442;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:20px;margin-bottom:16px}
h1,h2{margin:0 0 12px} h1{font-size:28px} h2{font-size:20px;color:#9fb0d9}
input,select,button{padding:10px 12px;border-radius:10px;border:1px solid #223057;background:#0e1428;color:#e6e8f0}
button{cursor:pointer} button.primary{background:#2649ff;border-color:#2649ff;color:#fff}
table{width:100%;border-collapse:collapse} th,td{padding:10px;border-bottom:1px solid #1c2442} th{color:#9fb0d9;text-align:left}
.form-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.alert{padding:10px;border-radius:10px;background:#10253a;color:#cde7ff;border:1px solid #1a3b5c;margin-bottom:10px}
.nav{display:flex;gap:10px;margin-bottom:16px}
.nav a{padding:8px 12px;border:1px solid #1c2442;border-radius:10px;background:#0e1428}
.nav a.active{background:#1f2a4d}
.footer{margin-top:20px;color:#92a1c6;font-size:12px;text-align:center;opacity:.8}
.badge{display:inline-block;padding:2px 8px;border:1px solid #30518a;border-radius:999px;font-size:12px;color:#bcd0ff}
.btn-cancel {
  border: 2px solid #ff3333 !important;
  color: #ff3333 !important;
  background: transparent !important;
  border-radius: 8px;
  padding: 6px 28px;
  font-size: 16px;
  font-weight: 500;
  margin-left: 12px;
  transition: background .15s, color .15s;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.btn-cancel:hover {
  background: #ff3333 !important;
  color: #fff !important;
}