:root{--bg:#0b1220;--card:#121a2d;--text:#e8eefc;--muted:#9db0d0;--acc:#3aa6ff;}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;background:var(--bg);color:var(--text);}
a{color:var(--acc);text-decoration:none}
header,main,footer{max-width:900px;margin:0 auto;padding:16px}
nav a{margin-right:12px}
.card{background:var(--card);border:1px solid #233153;border-radius:14px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.btn{background:var(--acc);color:#001733;border:none;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer}
.btn:hover{opacity:.9}
.grid{display:grid;gap:12px}
label{display:block;margin:10px 0 6px}
input[type=radio]{margin-right:6px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #22304f;padding:10px;text-align:left}
.progress{height:10px;background:#0e1628;border-radius:8px;overflow:hidden}
.progress>div{height:100%;background:var(--acc);width:0}
.scale{display:flex;justify-content:space-between;font-size:.9rem;color:var(--muted)}
.rtl{text-align:right;direction:rtl}

.card.domain{padding:18px;border-radius:16px}
.card.domain h3{margin:0 0 8px}
.card.domain p{margin:8px 0 0;color:var(--muted)}

.bar{height:12px;background:#0e1628;border-radius:8px;overflow:hidden;border:1px solid #233153}
.bar>div{height:100%;background:var(--acc);width:0}

@media print{
  header, .no-print { display:none !important; }
  body{ background:#fff; color:#000; }
  .card{ border:none; box-shadow:none; }
  a{ color:#000; }
}