:root{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  color:#1d1d1f;
  background:#f5f5f7;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.96), transparent 30%),
    radial-gradient(circle at 78% 12%, rgba(205,226,255,.62), transparent 32%),
    radial-gradient(circle at 76% 88%, rgba(229,231,235,.86), transparent 35%),
    linear-gradient(135deg,#fbfbfd 0%,#f5f5f7 42%,#edf2f7 100%);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(125deg,rgba(255,255,255,.68),transparent 34%,rgba(255,255,255,.30) 70%,transparent),
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.55),transparent 34%);
  opacity:.9;
}
.page{
  width:100%;
  min-height:100vh;
  padding:28px;
  display:grid;
  place-items:center;
  position:relative;
}
.glass{
  width:min(860px,100%);
  border-radius:40px;
  padding:clamp(24px,4.6vw,48px);
  background:
    linear-gradient(150deg,rgba(255,255,255,.66),rgba(255,255,255,.26)),
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.88),transparent 36%);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:
    0 28px 82px rgba(0,0,0,.105),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(255,255,255,.28);
  backdrop-filter:blur(38px) saturate(185%);
  -webkit-backdrop-filter:blur(38px) saturate(185%);
  position:relative;
  overflow:hidden;
}
.glass::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:39px;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.78),transparent 28%,rgba(255,255,255,.18) 72%,transparent);
}
.glass>*{position:relative;z-index:1}
.center{text-align:center}
.icon{
  width:68px;
  height:68px;
  margin:0 auto 18px;
  border-radius:24px;
  display:grid;
  place-items:center;
  font-size:30px;
  background:rgba(255,255,255,.52);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:
    0 10px 30px rgba(0,0,0,.075),
    inset 0 1px 0 rgba(255,255,255,.98);
  backdrop-filter:blur(22px) saturate(180%);
  -webkit-backdrop-filter:blur(22px) saturate(180%);
}
h1{
  margin:0;
  font-size:clamp(40px,7.5vw,66px);
  letter-spacing:-1.65px;
  line-height:1.04;
  font-weight:760;
}
h2{
  margin:0;
  font-size:clamp(32px,5.8vw,52px);
  letter-spacing:-1.15px;
  line-height:1.08;
  font-weight:760;
}
.subtitle{
  margin:12px auto 0;
  color:#6e6e73;
  line-height:1.6;
  font-size:clamp(15px,2vw,17px);
}
.ps{
  margin:18px auto 0;
  width:fit-content;
  max-width:100%;
  padding:8px 14px;
  border-radius:999px;
  color:#6e6e73;
  background:rgba(255,255,255,.46);
  border:1px solid rgba(255,255,255,.86);
  font-size:13px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94);
  backdrop-filter:blur(18px) saturate(170%);
  -webkit-backdrop-filter:blur(18px) saturate(170%);
}
.info-grid,.stats{
  margin-top:30px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(185px,1fr));
  gap:12px;
}
.info,.stat,.list{
  border-radius:26px;
  padding:18px;
  background:rgba(255,255,255,.40);
  border:1px solid rgba(255,255,255,.82);
  box-shadow:
    0 10px 28px rgba(0,0,0,.045),
    inset 0 1px 0 rgba(255,255,255,.90);
  backdrop-filter:blur(24px) saturate(170%);
  -webkit-backdrop-filter:blur(24px) saturate(170%);
}
.info small,.stat small{
  display:block;
  color:#86868b;
  margin-bottom:8px;
  font-size:13px;
}
.info strong{
  font-size:15.5px;
  line-height:1.52;
}
.form{margin-top:28px}
label{
  display:block;
  margin-bottom:8px;
  color:#424245;
  font-weight:650;
  font-size:14px;
}
input{
  width:100%;
  height:60px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.88);
  background:rgba(255,255,255,.55);
  padding:0 19px;
  font-size:16.5px;
  color:#1d1d1f;
  outline:none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 8px 22px rgba(0,0,0,.035);
  backdrop-filter:blur(20px) saturate(165%);
  -webkit-backdrop-filter:blur(20px) saturate(165%);
}
input:focus{
  border-color:rgba(0,113,227,.42);
  box-shadow:
    0 0 0 4px rgba(0,113,227,.10),
    inset 0 1px 0 rgba(255,255,255,.96),
    0 8px 22px rgba(0,0,0,.035);
}
input::placeholder{color:#9a9aa0}
.actions{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(155px,1fr));
  gap:12px;
}
button,.button{
  min-height:56px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.88);
  background:rgba(255,255,255,.58);
  color:#1d1d1f;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  box-shadow:
    0 12px 26px rgba(0,0,0,.055),
    inset 0 1px 0 rgba(255,255,255,.95);
  text-decoration:none;
  display:inline-grid;
  place-items:center;
  backdrop-filter:blur(20px) saturate(170%);
  -webkit-backdrop-filter:blur(20px) saturate(170%);
  transition:
    transform .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}
button:hover,.button:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.76);
  box-shadow:
    0 16px 34px rgba(0,0,0,.075),
    inset 0 1px 0 rgba(255,255,255,.98);
}
button:active,.button:active{
  transform:translateY(0) scale(.985);
}
button:disabled{
  opacity:.68;
  cursor:not-allowed;
  transform:none;
}
.primary{
  background:#0071e3!important;
  border-color:#0071e3!important;
  color:#fff!important;
  box-shadow:
    0 14px 30px rgba(0,113,227,.25),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.primary:hover{
  background:#0077ed!important;
  box-shadow:
    0 18px 40px rgba(0,113,227,.30),
    inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.dark{
  background:#1d1d1f!important;
  border-color:#1d1d1f!important;
  color:#fff!important;
}
.danger{
  color:#b42318;
  background:rgba(255,235,235,.58);
  border-color:rgba(255,255,255,.88);
}
.message{
  margin:12px 0 0;
  color:#d92d20;
  font-size:14px;
  line-height:1.5;
}
.success{color:#067647}
.hidden{display:none!important}
.admin-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.admin-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.stat{text-align:center}
.stat b{
  display:block;
  font-size:42px;
  line-height:1;
}
.list{margin-top:16px}
.list-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.list-head h3{margin:0}
.badge{
  border-radius:999px;
  background:rgba(255,255,255,.58);
  color:#6e6e73;
  padding:5px 10px;
  font-size:12px;
}
.table-wrap{
  overflow:auto;
  max-height:360px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.72);
  background:rgba(255,255,255,.24);
}
table{
  width:100%;
  min-width:640px;
  border-collapse:collapse;
  font-size:14px;
}
th{
  text-align:left;
  color:#86868b;
  padding:12px;
  background:rgba(255,255,255,.52);
}
td{
  padding:12px;
  border-top:1px solid rgba(255,255,255,.62);
  font-weight:610;
}
td.muted{
  color:#86868b;
  font-weight:500;
}
.tiny-link{
  text-align:center;
  margin-top:18px;
}
.tiny-link a{
  color:#6e6e73;
  text-decoration:none;
  font-size:13px;
}
@media(max-width:540px){
  .page{padding:16px}
  .glass{border-radius:32px;padding:24px}
  .glass::after{border-radius:31px}
  .actions{grid-template-columns:1fr}
}