.mg-admin-entry{
  margin-left:8px;
  border:1px solid rgba(215,176,105,.35);
  background:rgba(215,176,105,.08);
  color:#e9c98e;
  padding:8px 12px;
  border-radius:999px;
  cursor:pointer;
  font-size:12px;
  font-weight:700;
}

.mg-admin-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(2,8,12,.88);
  backdrop-filter:blur(12px);
}

.mg-admin-modal.on{
  display:flex;
}

.mg-admin-panel{
  width:min(1180px,100%);
  max-height:92vh;
  overflow:auto;
  border:1px solid rgba(215,176,105,.22);
  border-radius:24px;
  background:#07151d;
  box-shadow:0 30px 100px rgba(0,0,0,.55);
}

.mg-admin-head{
  position:sticky;
  top:0;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:20px 22px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(7,21,29,.96);
  backdrop-filter:blur(12px);
}

.mg-admin-head strong{
  color:#f0d19b;
  font-size:18px;
}

.mg-admin-head small{
  display:block;
  margin-top:4px;
  color:#8399a4;
}

.mg-admin-close{
  border:1px solid rgba(255,255,255,.1);
  background:#0b202a;
  color:#dce4e7;
  border-radius:12px;
  padding:8px 12px;
  cursor:pointer;
}

.mg-admin-tabs{
  display:flex;
  gap:8px;
  padding:18px 22px 0;
  flex-wrap:wrap;
}

.mg-admin-tabs button{
  border:1px solid rgba(255,255,255,.09);
  background:#0b1c25;
  color:#9fb1ba;
  border-radius:999px;
  padding:9px 13px;
  cursor:pointer;
}

.mg-admin-tabs button.active{
  color:#f0cf95;
  border-color:rgba(215,176,105,.35);
  background:rgba(215,176,105,.08);
}

.mg-admin-body{
  padding:20px 22px 28px;
}

.mg-admin-toolbar{
  display:flex;
  gap:10px;
  margin-bottom:16px;
}

.mg-admin-toolbar input,
.mg-admin-form input,
.mg-admin-form select{
  width:100%;
  border:1px solid rgba(255,255,255,.1);
  background:#091a23;
  color:#edf1f2;
  border-radius:12px;
  padding:11px 12px;
  outline:none;
}

.mg-admin-toolbar button,
.mg-admin-form button{
  white-space:nowrap;
  border:1px solid rgba(215,176,105,.35);
  background:rgba(215,176,105,.09);
  color:#eccb91;
  border-radius:12px;
  padding:10px 14px;
  cursor:pointer;
}

.mg-admin-table-wrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.07);
  border-radius:15px;
}

.mg-admin-table{
  width:100%;
  border-collapse:collapse;
  min-width:780px;
}

.mg-admin-table th,
.mg-admin-table td{
  padding:12px;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:12px;
}

.mg-admin-table th{
  color:#8297a1;
  font-weight:600;
}

.mg-admin-table td{
  color:#d8e1e4;
}

.mg-admin-money{
  color:#edca8d!important;
  font-weight:700;
}

.mg-admin-userbtn{
  border:1px solid rgba(255,255,255,.1);
  background:#0c2029;
  color:#d8e3e6;
  border-radius:9px;
  padding:6px 9px;
  cursor:pointer;
}

.mg-admin-form{
  display:grid;
  grid-template-columns:
    minmax(150px,1fr)
    150px
    170px
    minmax(220px,2fr)
    auto;
  gap:9px;
  padding:15px;
  margin-bottom:16px;
  border:1px solid rgba(215,176,105,.15);
  border-radius:15px;
  background:rgba(215,176,105,.035);
}

.mg-admin-form-title{
  grid-column:1/-1;
  color:#d9b979;
  font-size:12px;
}

.mg-admin-empty{
  color:#82949c;
  padding:30px;
  text-align:center;
}

.mg-admin-pill{
  display:inline-flex;
  border:1px solid rgba(215,176,105,.28);
  color:#e0bf82;
  border-radius:999px;
  padding:2px 7px;
  font-size:9px;
  margin-left:5px;
}

@media(max-width:760px){
  .mg-admin-form{
    grid-template-columns:1fr;
  }

  .mg-admin-form-title{
    grid-column:auto;
  }
}