.admin-page{padding:0}
.admin-access [hidden]{display:none!important}
.admin-access{
  width:min(100%,680px);
  margin:0 auto;
  overflow:hidden;
  border:1px solid #343434;
  border-radius:24px;
  background:
    radial-gradient(circle at 88% 5%,rgba(244,119,0,.17),transparent 18rem),
    linear-gradient(150deg,#18120e,#090909 72%);
  box-shadow:var(--shadow);
}
.admin-access__header{
  display:flex;
  align-items:center;
  gap:13px;
  padding:16px 18px;
  border-bottom:3px solid var(--orange);
  background:rgba(9,9,9,.78);
}
.admin-access__header small,.admin-access__header strong{display:block}
.admin-access__header small{color:var(--orange);font-size:9px;font-weight:950;letter-spacing:.14em}
.admin-access__header strong{margin-top:2px;font-size:21px}
.admin-access__back{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 auto;
  border:1px solid #454545;
  border-radius:13px;
  color:#fff;
  background:#1d1d1d;
  font-size:22px;
  cursor:pointer;
}
.admin-access__status{min-height:0;padding:0 20px;color:#ffb1a9;font-size:13px;line-height:1.45}
.admin-access__status:not(:empty){padding-top:15px}
.admin-access__view{display:none;padding:clamp(22px,5vw,34px)}
.admin-access__view.is-active{display:block}
.admin-access__view>small{color:var(--orange);font-size:10px;font-weight:950;letter-spacing:.16em}
.admin-access__view h1{margin:8px 0 10px;font-size:clamp(28px,7vw,39px);line-height:1.08}
.admin-access__view>p{margin:0 0 22px;color:#bcbcbc;line-height:1.55}
.admin-access__loading{display:grid;place-items:center;min-height:260px;text-align:center}
.admin-access__loading span{
  width:42px;
  height:42px;
  border:4px solid #3b3b3b;
  border-top-color:var(--orange);
  border-radius:50%;
  animation:adminSpin .8s linear infinite;
}
.admin-access__loading p{margin:18px 0 0;color:#ccc;font-weight:800}
@keyframes adminSpin{to{transform:rotate(360deg)}}
.admin-access__form{display:grid;gap:8px}
.admin-access__form label,.admin-result__warning+label{
  color:#ccc;
  font-size:12px;
  font-weight:850;
}
.admin-access__form input,.admin-result__warning+label+textarea{
  width:100%;
  min-height:52px;
  padding:12px 14px;
  border:1px solid #424242;
  border-radius:13px;
  color:#fff;
  background:#171717;
  font:inherit;
  font-size:16px;
}
.admin-access__form input:focus,.admin-result__warning+label+textarea:focus{
  outline:3px solid rgba(244,119,0,.55);
  outline-offset:2px;
  border-color:var(--orange);
}
.admin-access__code{text-align:center;font-size:27px!important;font-weight:950;letter-spacing:.22em}
.admin-access__actions,.admin-result__actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:16px}
.admin-access__primary,.admin-access__secondary{
  min-height:52px;
  padding:11px 14px;
  border-radius:14px;
  font-weight:900;
  cursor:pointer;
}
.admin-access__primary{border:1px solid #ffb05d;color:#fff;background:linear-gradient(180deg,#ff9932,#f06e00)}
.admin-access__secondary{border:1px solid #474747;color:#eee;background:#1d1d1d}
.admin-access__primary:disabled,.admin-access__secondary:disabled{opacity:.5;cursor:not-allowed}
.admin-access__full{width:100%;margin-top:12px}
.admin-access__error{margin:0;color:#ffb1a9;font-size:13px;line-height:1.45}
.admin-access__message{min-height:20px;margin:5px 0;color:#a8d9b7;font-size:13px;line-height:1.45}
.admin-access__link-actions{display:grid;gap:4px;margin-top:12px}
.admin-access__link-actions button,.admin-access__link-button{
  min-height:44px;
  border:0;
  border-radius:11px;
  color:#d5d5d5;
  background:transparent;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.admin-access__link-actions button:disabled{color:#777;cursor:not-allowed;text-decoration:none}
.admin-access__notice{
  margin:22px 0;
  padding:17px;
  border:1px solid rgba(244,119,0,.38);
  border-radius:16px;
  background:rgba(244,119,0,.08);
}
.admin-access__notice strong{color:#ff9b3d}
.admin-access__notice ul{margin:10px 0 0;padding-left:20px;color:#c7c7c7;line-height:1.55}
.admin-result__details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.admin-result__details div{padding:14px;border:1px solid #393939;border-radius:14px;background:#151515}
.admin-result__details dt{color:#999;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.admin-result__details dd{margin:6px 0 0;color:#fff;font-weight:900;overflow-wrap:anywhere}
.admin-result__warning{margin:0 0 18px;padding:15px;border:1px solid #9d5b1d;border-radius:14px;background:#2c1909}
.admin-result__warning strong{color:#ffad59}
.admin-result__warning p{margin:6px 0 0;color:#f2d2b2;line-height:1.5}
.admin-result__warning+label{display:block;margin-bottom:7px}
.admin-result__warning+label+textarea{display:block;min-height:112px;resize:vertical;overflow-wrap:anywhere;line-height:1.45}
.admin-access__link-button{display:block;width:100%;margin-top:12px}

@media(max-width:699px){
  .admin-access{overflow:visible;border-radius:18px}
  .admin-access__header{padding:11px 12px}
  .admin-access__back{width:38px;height:38px}
}
@media(max-width:430px){
  .admin-access__view{padding:22px 15px max(24px,env(safe-area-inset-bottom))}
  .admin-access__actions,.admin-result__actions,.admin-result__details{grid-template-columns:1fr}
  .admin-access__actions .admin-access__primary{grid-row:1}
}
@media(prefers-reduced-motion:reduce){.admin-access__loading span{animation-duration:1.6s}}