/* ==========================================================
   پاراسەت تور تېخنىكىسى — باشقۇرۇش بېتى ئۇسلۇبى
   ========================================================== */

.admin-body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  min-height:100vh;
}
.hidden{display:none !important}

/* ---------- كىرىش ئېكرانى ---------- */
.login-screen{
  position:relative;min-height:100vh;
  display:grid;place-items:center;
  padding:1.5rem;overflow:hidden;
}
.login-bg{position:absolute;inset:0;pointer-events:none}
.login-bg .orb-1{inset-inline-start:-120px;inset-inline-end:auto}
.login-bg .orb-2{inset-inline-end:-120px;inset-inline-start:auto;top:55%}

.login-card{
  position:relative;z-index:2;
  width:100%;max-width:410px;
  background:var(--card-solid);
  border:1px solid var(--border);
  border-radius:22px;
  padding:2.5rem 2.2rem;
  box-shadow:var(--shadow),0 0 70px var(--glow-2);
  animation:loginIn .6s cubic-bezier(.16,1,.3,1);
}
@keyframes loginIn{
  from{opacity:0;transform:translateY(26px)}
  to{opacity:1;transform:none}
}
.login-logo{text-align:center;margin-bottom:1.8rem}
.login-logo .logo-icon{margin:0 auto 1rem;width:54px;height:54px;border-radius:15px}
.login-logo h1{font-size:1.35rem}
.login-logo p{color:var(--text-2);font-size:.9rem;margin-top:.3rem}

.login-btn{width:100%;margin-top:.4rem}

/* ---------- كىرىش/تىزىملىتىش بەتكۈچلىرى ---------- */
.auth-tabs{
  display:flex;gap:4px;
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:12px;padding:4px;
  margin-bottom:1.5rem;
}
.auth-tab{
  flex:1;padding:.6rem;border:none;border-radius:9px;
  background:transparent;color:var(--text-2);
  font-family:inherit;font-weight:700;font-size:.95rem;
  cursor:pointer;transition:all .25s;
}
.auth-tab:hover{color:var(--text)}
.auth-tab.active{
  background:var(--grad);color:#fff;
  box-shadow:0 4px 14px var(--glow);
}
.auth-pane.hidden{display:none}

.login-hint{
  text-align:center;color:var(--text-2);
  font-size:.83rem;margin-top:1.1rem;
}
.login-hint b{color:var(--primary-2)}
.login-back{
  display:block;text-align:center;margin-top:.8rem;
  color:var(--text-2);font-size:.87rem;font-weight:600;
}
.login-back:hover{color:var(--primary)}

/* ---------- ئىنپۇت (field) ---------- */
.field{margin-bottom:1.05rem}
.field label{
  display:block;font-weight:700;font-size:.88rem;margin-bottom:.45rem;
}
.field input,.field select,.field textarea{
  width:100%;padding:.75rem 1rem;
  border-radius:11px;border:1.5px solid var(--border);
  background:var(--bg);color:var(--text);
  font-family:inherit;font-size:.95rem;outline:none;
  transition:border-color .25s,box-shadow .25s;
}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 3px var(--glow-2);
}
.field input::placeholder,.field textarea::placeholder{color:var(--text-2);opacity:.65}
.field-hint{display:block;margin-top:.4rem;font-size:.78rem;color:var(--text-2);line-height:1.5}

/* ---------- ئۇمۇمىي جايلاشتۇرۇش ---------- */
.admin-app{min-height:100vh}

.sidebar{
  position:fixed;top:0;bottom:0;inset-inline-start:0;
  width:262px;z-index:60;
  background:var(--bg-soft);
  border-inline-end:1px solid var(--border);
  padding:1.35rem 1rem;
  display:flex;flex-direction:column;
  transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .35s ease;
}
.sidebar-logo{margin-bottom:1.6rem;padding-inline-start:.4rem}
.sidebar-nav{display:flex;flex-direction:column;gap:.35rem;flex:1}

.sidebar-link{
  display:flex;align-items:center;gap:.8rem;
  padding:.82rem 1rem;border-radius:12px;
  color:var(--text-2);font-weight:700;font-size:.95rem;
  cursor:pointer;transition:all .25s;
  border:1px solid transparent;
}
.sidebar-link:hover{background:var(--chip-bg);color:var(--text)}
.sidebar-link.active{
  background:var(--grad);color:#fff;
  box-shadow:0 8px 20px var(--glow);
}
.sidebar-foot{border-top:1px solid var(--border);padding-top:.8rem;margin-top:.8rem}

.sidebar-mask{
  position:fixed;inset:0;z-index:55;
  background:rgba(0,0,0,.5);
  opacity:0;pointer-events:none;transition:opacity .3s;
}
.sidebar-mask.show{opacity:1;pointer-events:auto}

.admin-main{
  min-height:100vh;
  margin-inline-start:262px;
  display:flex;flex-direction:column;
  transition:margin .35s;
}

/* ---------- ئۈستى بالداق ---------- */
.topbar{
  position:sticky;top:0;z-index:50;
  height:70px;
  display:flex;align-items:center;gap:1rem;
  padding:0 1.6rem;
  background:var(--nav-bg);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--border);
}
.sidebar-toggle{display:none}
.topbar-title{font-size:1.15rem;font-weight:800}
.topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:.8rem}

.user-chip{
  display:flex;align-items:center;gap:.6rem;
  padding:.4rem .9rem .4rem .5rem;border-radius:12px;
  border:1px solid var(--border);
}
.user-avatar{
  width:32px;height:32px;border-radius:9px;flex:none;
  background:var(--grad);color:#fff;
  display:grid;place-items:center;font-weight:800;
}
.user-name{font-weight:700;font-size:.9rem}

.logout-btn:hover{color:#ef4444;border-color:#ef4444}

/* ---------- مەزمۇن ---------- */
.admin-content{padding:1.7rem 1.6rem 2.4rem;flex:1}

.stats-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1.2rem;margin-bottom:2.1rem;
}
.stat-card{
  background:var(--card-solid);
  border:1px solid var(--border);
  border-radius:16px;
  padding:1.35rem 1.4rem;
  display:flex;justify-content:space-between;align-items:center;
  gap:1rem;
  transition:transform .3s,box-shadow .3s;
}
.stat-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px var(--glow-2)}
.stat-card small{color:var(--text-2);font-weight:600;font-size:.86rem;display:block}
.stat-card strong{font-size:1.65rem;font-weight:800;line-height:1.4}
.stat-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex:none}
.i-blue{background:rgba(99,102,241,.14);color:#6366f1}
.i-cyan{background:rgba(34,211,238,.13);color:#22d3ee}
.i-green{background:rgba(34,197,94,.13);color:#22c55e}
.i-orange{background:rgba(245,158,11,.13);color:#f59e0b}

.panel-head{
  display:flex;justify-content:space-between;align-items:center;
  gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem;
}
.panel-head h3{font-size:1.12rem;font-weight:800}

/* ---------- جەدۋەل ---------- */
.table-wrap{
  background:var(--card-solid);
  border:1px solid var(--border);
  border-radius:16px;
  overflow-x:auto;
}
.data-table{width:100%;border-collapse:collapse;min-width:660px}
.data-table th{
  text-align:start;
  padding:.95rem 1.15rem;
  background:var(--chip-bg);
  color:var(--text-2);
  font-size:.83rem;font-weight:700;white-space:nowrap;
}
.data-table td{
  padding:.95rem 1.15rem;
  border-top:1px solid var(--border);
  font-size:.92rem;
  vertical-align:middle;
}
.data-table tbody tr{transition:background .2s}
.data-table tbody tr:hover{background:var(--chip-bg)}

.pill{padding:.28rem .85rem;border-radius:99px;font-size:.78rem;font-weight:700;white-space:nowrap;display:inline-block}
.pill-on{background:rgba(34,197,94,.15);color:#22c55e}
.pill-off{background:rgba(239,68,68,.14);color:#ef4444}
.pill-wait{background:rgba(245,158,11,.15);color:#f59e0b}
.pill-wx{background:rgba(7,193,96,.15);color:#07c160}
.pill-info{background:rgba(99,102,241,.16);color:#818cf8}

/* ---------- ئىزدەش كىرگۈزگۈچى ---------- */
.search-input{
  padding:.6rem 1rem;border-radius:10px;
  border:1.5px solid var(--border);
  background:var(--bg);color:var(--text);
  font-family:inherit;font-size:.9rem;outline:none;
  min-width:260px;transition:border-color .25s,box-shadow .25s;
}
.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--glow-2)}
.search-input::placeholder{color:var(--text-2);opacity:.65}

.row-actions{display:flex;gap:.45rem}
.icon-btn{
  width:34px;height:34px;border-radius:9px;
  border:1px solid var(--border);
  background:transparent;color:var(--text-2);
  cursor:pointer;display:inline-grid;place-items:center;flex:none;
  transition:all .25s;
}
.icon-btn:hover{border-color:var(--primary);color:var(--primary)}
.icon-btn.del:hover{border-color:#ef4444;color:#ef4444}

/* ---------- تەڭشەك كارتىسى ---------- */
.settings-card{
  max-width:560px;
  background:var(--card-solid);
  border:1px solid var(--border);
  border-radius:16px;
  padding:1.7rem;
}
.settings-card .btn{margin-top:.5rem}

/* ---------- Modal ---------- */
.modal-overlay{
  position:fixed;inset:0;z-index:200;
  background:rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
  display:grid;place-items:center;padding:1.2rem;
  opacity:0;pointer-events:none;transition:opacity .3s;
}
.modal-overlay.open{opacity:1;pointer-events:auto}
.modal{
  width:min(470px,100%);
  background:var(--card-solid);
  border:1px solid var(--border);
  border-radius:20px;
  padding:1.7rem;
  transform:translateY(20px) scale(.97);
  transition:transform .35s cubic-bezier(.16,1,.3,1);
  box-shadow:var(--shadow);
}
.modal-overlay.open .modal{transform:none}
.modal-head{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:1.3rem;
}
.modal-head h3{font-size:1.1rem}
.modal-actions{display:flex;gap:.7rem;justify-content:flex-start;margin-top:1.3rem}

/* ---------- يۇمشاق دېتال كۆزنىكى ---------- */
.modal-wide{width:min(620px,100%);max-height:88vh;overflow-y:auto}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.sw-imgs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.7rem}
.sw-imgs:empty{display:none}
.sw-img{
  position:relative;width:74px;height:74px;border-radius:10px;overflow:hidden;
  border:1px solid var(--border);
}
.sw-img img{width:100%;height:100%;object-fit:cover;display:block}
.sw-img button{
  position:absolute;top:2px;inset-inline-end:2px;
  width:18px;height:18px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(0,0,0,.65);color:#fff;font-size:12px;line-height:1;
  display:grid;place-items:center;padding:0;
}
.sw-img button:hover{background:#ef4444}
.sw-dl-kind{display:flex;gap:1.4rem;margin-bottom:.75rem}
.sw-radio{
  display:flex;align-items:center;gap:.45rem;
  font-size:.9rem;font-weight:500;cursor:pointer;margin:0 !important;
}
.sw-radio input{width:auto;accent-color:var(--primary);cursor:pointer}
.sw-dl-file{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.sw-file-name{font-size:.82rem;color:var(--text-2);word-break:break-all}

/* ---------- ئېلان باشقۇرۇش ---------- */
.bn-thumb{
  width:96px;height:34px;object-fit:cover;border-radius:7px;
  border:1px solid var(--border);display:block;
}
.bn-link{font-size:.78rem;color:var(--text-2);word-break:break-all}
.bn-img{
  position:relative;width:100%;max-width:360px;
  border-radius:12px;overflow:hidden;border:1px solid var(--border);
  margin-bottom:.7rem;
}
.bn-img img{width:100%;max-height:130px;object-fit:cover;display:block}
.bn-img button{
  position:absolute;top:6px;inset-inline-end:6px;
  width:22px;height:22px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(0,0,0,.65);color:#fff;font-size:13px;line-height:1;
  display:grid;place-items:center;padding:0;
}
.bn-img button:hover{background:#ef4444}

/* ---------- نومۇر باشقۇرۇش ---------- */
.pill-gift{background:rgba(245,158,11,.15);color:#f59e0b}
.pill-pur{background:rgba(34,197,94,.15);color:#22c55e}
.tx-plus{color:#22c55e}
.tx-minus{color:#ef4444}
.credit-member{
  background:var(--chip-bg);border-radius:10px;
  padding:.6rem .8rem;font-size:.88rem;
  color:var(--text-2);margin-bottom:1.1rem;
}
.credit-member b{color:var(--text)}
.key-code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.74rem;background:var(--chip-bg);
  border:1px solid var(--border);border-radius:7px;
  padding:.3rem .5rem;word-break:break-all;
}
.sys-note{
  color:var(--text-2);font-size:.86rem;line-height:1.8;
  margin-bottom:1.1rem;
}

/* ---------- ئەزا باش سۈرىتى ---------- */
.member-cell{display:flex;align-items:center;gap:.55rem}
.member-avatar{
  width:32px;height:32px;border-radius:50%;flex:none;
  overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#6366f1,#8b5cf6);
  color:#fff;font-weight:700;font-size:.8rem;line-height:1;
}
.member-avatar img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- Toast ---------- */
.toast{
  position:fixed;bottom:26px;left:50%;
  transform:translateX(-50%) translateY(90px);
  background:#16a34a;color:#fff;
  padding:.9rem 1.7rem;border-radius:12px;
  font-weight:700;font-size:.93rem;
  z-index:300;opacity:0;
  transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;
  box-shadow:0 14px 34px rgba(0,0,0,.3);
  pointer-events:none;
}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1}
.toast.err{background:#dc2626}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .sidebar{transform:translateX(100%)}
  [dir="ltr"] .sidebar{transform:translateX(-100%)}
  .sidebar.open{transform:translateX(0) !important}
  .admin-main{margin-inline-start:0}
  .sidebar-toggle{display:grid}
  .user-name{display:none}
  .topbar{padding:0 1rem}
  .admin-content{padding:1.3rem 1rem 2rem}
}
@media (max-width:560px){
  .stats-grid{grid-template-columns:1fr}
}

/* ---------- سىستېمىلار: تۈزۈم بەلگىسى + ئۇلاش كۆرسەتمىسى + ئەزالىق كۆزنىكى ---------- */
.pill-vip{background:rgba(245,158,11,.16);color:#fbbf24}

.sys-guide{margin-top:.5rem}
.guide-ok{
  padding:.7rem 1rem;border-radius:12px;margin-bottom:.9rem;
  background:rgba(34,197,94,.12);color:#4ade80;font-weight:700;font-size:.92rem
}
.guide-keys{
  display:flex;flex-direction:column;gap:.35rem;
  padding:.8rem 1rem;border-radius:12px;margin-bottom:.9rem;
  background:var(--card);border:1px solid var(--border);
  font-size:.82rem;color:var(--text-2);text-align:left
}
.guide-keys code{color:var(--primary-2);font-size:.78rem;word-break:break-all}
.guide-box{
  max-height:300px;overflow:auto;white-space:pre-wrap;
  padding:.9rem 1rem;border-radius:12px;margin-bottom:1rem;
  background:var(--card);border:1px solid var(--border);
  font-size:.85rem;line-height:1.9;color:var(--text)
}

.vip-list{display:flex;flex-direction:column;gap:.7rem;margin-bottom:.5rem}
.vip-row{
  display:flex;flex-direction:column;gap:.6rem;
  padding:.8rem 1rem;border-radius:12px;
  background:var(--card);border:1px solid var(--border)
}
.vip-info{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.vip-info small{color:var(--text-2)}
.vip-date{
  padding:.4rem .6rem;border-radius:9px;
  background:transparent;border:1px solid var(--border);
  color:var(--text);font-family:inherit;font-size:.85rem
}
.vip-date:focus{outline:none;border-color:var(--primary)}
@media (max-width:560px){
  .vip-row .row-actions{flex-wrap:wrap}
}