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

.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{
  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{
  border-color:var(--primary);
  box-shadow:0 0 0 3px var(--glow-2);
}
.field input::placeholder{color:var(--text-2);opacity:.65}

/* ---------- ئۇمۇمىي جايلاشتۇرۇش ---------- */
.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}

/* ---------- 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}
}