:root{
  --bg:#091a28;
  --panel:#091a28e0;
  --panel2:#0d2436;
  --line:#1f4963;
  --text:#d9e9f7;
  --muted:#86a5bd;
  --accent:#20bcae;
  --danger:#e56a6a;
}
*{box-sizing:border-box;font-family:system-ui,Segoe UI,Arial;}
body{margin:0;background:radial-gradient(ellipse at 18% 0%,#17354d 0%,#0d2336 45%,#06111b 100%);color:var(--text);overflow:hidden}
#bg{position:fixed;inset:0;filter:blur(40px);opacity:.25;pointer-events:none}

.btn{background:#17364c;border:1px solid var(--line);color:var(--text);padding:10px 12px;border-radius:10px;cursor:pointer}
.btn:hover{border-color:#3b7b9e}
.btn.primary{background:linear-gradient(180deg,#1db5a6,#12897f);border-color:#36b3aa}
.btn.danger{background:#2a1212;border-color:#6a2a2a}
.btn.small{padding:7px 10px;border-radius:10px;font-size:12px}

.modal{
  width:460px;max-width:90vw;
  background:var(--panel);border:1px solid var(--line);
  border-radius:16px;padding:14px;
  position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
  box-shadow:0 20px 60px rgba(0,0,0,.55);
}
.modalTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.title{font-weight:700}
.badge{font-size:12px;padding:5px 8px;border-radius:999px;background:#0d2230;border:1px solid var(--line)}
.badge.bad{background:#2a0f0f;border-color:#4b1c1c;color:#ffbdbd}
.tabs{display:flex;gap:8px;margin:10px 0}
.tab{flex:1;background:#0c1b25;border:1px solid var(--line);color:var(--text);padding:8px;border-radius:12px;cursor:pointer}
.tab.active{border-color:#2e8f88;background:#0e2a2a}
.panel label{display:block;color:var(--muted);font-size:12px;margin:8px 0 4px}
.panel input{width:100%;padding:10px;border-radius:10px;border:1px solid var(--line);background:#08131b;color:var(--text)}
.hidden{display:none}
.err{margin:10px 0;padding:10px;border:1px solid #5a2a2a;background:#2a0f0f;border-radius:12px;color:#ffd0d0}

body { background-color: #0a1c2b; }

td {
  color: white;
}

b {
  color: white;
}