body{font-family:'Plus Jakarta Sans',sans-serif;background:#0d1117;color:#c9d1d9;-webkit-tap-highlight-color:transparent}
.glass{background:rgba(22,27,34,.82);backdrop-filter:blur(10px);border:1px solid #30363d}
#reader-admin,#reader-wali,#reader-sekretaris,#reader-piket{border:none !important;border-radius:1.5rem;overflow:hidden;background:#000}
.chip{border:1px solid #30363d;background:rgba(17,24,39,.6)}
.mode-pill{user-select:none;-webkit-user-select:none;border:1px solid #374151;padding:12px 16px;border-radius:16px;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.pill-active{background:#16a34a;border-color:#22c55e;color:#fff;box-shadow:0 0 15px rgba(34,197,94,.25)}
.pill-inactive{background:transparent;border-color:#374151;color:#9ca3af}
.login-logo img {
  width: 100px;
  margin: 0 auto;
  display: block;
  border-radius: 20px;
  background: #111;
  padding: 10px;
  box-shadow: 0 0 20px rgba(34,211,238,0.2);
}
.log-item{animation:slideIn .25s ease-out forwards}
@keyframes slideIn{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}
.ma-status{padding:14px 10px;border-radius:16px;color:white;font-weight:900;font-size:10px;letter-spacing:.18em;text-transform:uppercase}