*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e7edf7;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:#cbd7f0;text-decoration:none}header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #233047;background:#101827;position:sticky;top:0}.brand{display:flex;gap:10px}.brand span{color:#7dd3fc}nav{display:flex;align-items:center;gap:22px}.wrap{max-width:1240px;margin:34px auto;padding:0 22px}.hero,.card,.panel,.login-card{background:#111b2d;border:1px solid #233047;border-radius:16px}.hero{display:flex;justify-content:space-between;align-items:center;padding:30px}.hero h1{font-size:34px;margin:3px 0 8px}.hero p,.panel p,.muted{color:#9ba9bf}.score{font-size:48px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#7dd3fc!important}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.card,.panel{padding:22px}.card span{display:block;color:#9ba9bf}.card strong{display:block;font-size:30px}.panel{margin:18px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}button{border:0;border-radius:10px;padding:11px 16px;font-weight:700;background:#38bdf8;color:#062033;cursor:pointer}.secondary{background:#26354d;color:#e7edf7}.dangerbtn{background:#8f3040;color:#fff}.small{padding:6px 9px}.linkbtn{padding:0;background:transparent;color:#cbd7f0}.inline{display:inline}.alert{padding:13px 16px;border-radius:10px;margin:14px 0}.success{background:#12382d}.danger{background:#4b1f28}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid #233047;text-align:left;vertical-align:top}.path{max-width:380px;overflow-wrap:anywhere}.pill{padding:4px 7px;border-radius:999px;font-size:11px;font-weight:800}.pill.critical{background:#6c1f2b}.pill.high{background:#6b4d12}.pill.medium{background:#244a73}.pill.low{background:#28374f}.settings-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}label{display:block;margin:12px 0}input,select{width:100%;margin-top:6px;border:1px solid #34445e;border-radius:9px;background:#0b1220;color:#fff;padding:10px}.secret{font-family:monospace;background:#0b1220;padding:12px;border-radius:8px;word-break:break-all}.goodtext{color:#86efac!important}.topgap{margin-top:10px}.login{display:grid;min-height:100vh;place-items:center}.login-card{width:min(420px,92vw);padding:30px}.shield{font-size:38px;color:#7dd3fc}footer{text-align:center;color:#6f7f98;padding:26px}@media(max-width:800px){nav a{display:none}.stats{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}


/* === SECURITY CENTER SCAN MODAL START === */

.scan-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.scan-modal.is-open {
  display: flex;
}


.scan-modal [hidden] {
  display: none !important;
}

.scan-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 7, 20, .76);
  backdrop-filter: blur(10px);
}

.scan-modal-card {
  position: relative;
  width: min(560px, 100%);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 24px;
  padding: 38px;
  background:
    radial-gradient(circle at top, rgba(91,107,255,.12), transparent 42%),
    #171827;
  box-shadow:
    0 32px 90px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.04);
  text-align: center;
  overflow: hidden;
}

.scan-modal-close {
  position: absolute;
  right: 18px;
  top: 14px;
  border: 0;
  background: transparent;
  color: #aeb4d0;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}

.scan-modal-icon-wrap {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.scan-modal-spinner {
  position: relative;
  width: 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scan-modal-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 3px solid rgba(121,136,255,.15);
  border-top-color: #8795ff;
  animation: securityScanSpin .9s linear infinite;
}

.scan-modal-shield {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(115,130,255,.12);
  color: #9ba7ff;
  font-size: 23px;
  box-shadow: 0 0 32px rgba(115,130,255,.14);
}

.scan-modal-success,
.scan-modal-failed {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  font-weight: 800;
}

.scan-modal-success {
  background: rgba(60,211,145,.12);
  color: #58dfa3;
  border: 1px solid rgba(88,223,163,.24);
}

.scan-modal-failed {
  background: rgba(255,91,105,.12);
  color: #ff6b78;
  border: 1px solid rgba(255,107,120,.24);
}

.scan-modal-eyebrow {
  margin: 0 0 9px;
  color: #8ea2ff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
}

.scan-modal-card h2 {
  margin: 0;
  color: #f7f8ff;
  font-size: 30px;
  line-height: 1.15;
}

.scan-modal-message {
  margin: 13px auto 0;
  max-width: 430px;
  color: #aeb5d1;
  font-size: 15px;
  line-height: 1.65;
}

.scan-modal-progress {
  position: relative;
  width: 100%;
  height: 7px;
  margin: 28px 0 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
}

.scan-modal-progress span {
  position: absolute;
  inset: 0 auto 0 -35%;
  width: 35%;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    transparent,
    #7888ff,
    #a8b2ff
  );
  animation: securityScanProgress 1.25s ease-in-out infinite;
}

.scan-modal-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 26px;
}

.scan-modal-stats > div {
  padding: 14px 8px;
  border-radius: 14px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.06);
}

.scan-modal-stats span {
  display: block;
  margin-bottom: 5px;
  color: #838ba8;
  font-size: 11px;
}

.scan-modal-stats strong {
  color: #f7f8ff;
  font-size: 20px;
}

.scan-modal-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 26px;
}

.scan-modal-primary,
.scan-modal-secondary {
  min-width: 155px;
  padding: 12px 18px;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.scan-modal-primary {
  background: #7486ff;
  color: #fff;
  border: 1px solid #7486ff;
}

.scan-modal-secondary {
  background: rgba(255,255,255,.04);
  color: #dfe3f5;
  border: 1px solid rgba(255,255,255,.1);
}

.scan-modal-footnote {
  margin: 18px 0 0;
  color: #737b99;
  font-size: 12px;
}

body.scan-modal-lock {
  overflow: hidden;
}

@keyframes securityScanSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes securityScanProgress {
  0% {
    left: -35%;
  }

  100% {
    left: 110%;
  }
}

@media (max-width: 620px) {
  .scan-modal-card {
    padding: 30px 20px;
    border-radius: 20px;
  }

  .scan-modal-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .scan-modal-actions {
    flex-direction: column;
  }

  .scan-modal-primary,
  .scan-modal-secondary {
    width: 100%;
  }
}

/* === SECURITY CENTER SCAN MODAL END === */