/* Kvizi uslubi: admin.html uchun "polish" qatlami (2026-10-04, foydalanuvchi so'rovi).
   RANG TOKENLARI VA TUZILMA O'ZGARMAGAN — faqat shakl: shrift (Inter), yumshoqroq radius, tekis yon panel,
   pill shaklidagi tablar/belgilar, bir xil fokus halqasi. Mavjud (inline) CSS'dan KEYIN ulanadi. */
:root{--sans:Inter,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--r-lg:14px;--r-md:12px;--r-sm:10px;--ring:rgba(59,130,196,.22)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* yon panel: gradient va nuqtali naqsh olib tashlandi, tekis fon */
.sidebar{background:var(--sidebar-bg)}
.sidebar::before{display:none}
.sidebar-sep,.sidebar-footer{border-color:rgba(255,255,255,.07)}
.nav-group{padding:0 12px}
.nav-item{position:relative;border-radius:var(--r-sm);border-left:0;padding:10px 14px;font-size:15px;font-weight:500;margin-bottom:2px}
.nav-item.active{background:rgba(59,130,196,.16);font-weight:600}
.nav-item.active::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent-blue)}
.lang-switch,.theme-switch{border-radius:var(--r-sm);border-color:rgba(255,255,255,.1)}
.lang-opt,.theme-opt{border-radius:8px}
.telegram-support{border-radius:var(--r-sm);border-color:rgba(255,255,255,.1)}

/* sahifa sarlavhasi, tablar */
.page-title{font-size:22px;font-weight:650;letter-spacing:-.02em}
.period-tabs,.period-tab{border-radius:999px}
.period-tabs{padding:3px}
.period-tab{padding:7px 16px}
.subtab{font-weight:500}
.subtab.active{font-weight:600}
.amo-tab{border-radius:var(--r-sm)}

/* kartochkalar: soyasiz, yumshoq burchak */
.card,.stat-card,.att-card,.att-pcard,.dedup-box{border-radius:var(--r-lg)}
.stat-card{box-shadow:none;background:var(--card-bg)}
.card-header{border-radius:var(--r-lg) var(--r-lg) 0 0;font-weight:650}
:root[data-theme="dark"] .stat-card,:root[data-theme="dark"] .card{box-shadow:none}

/* jadval */
th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px}
td{padding:13px 16px}
.badge,.pill{border-radius:999px;padding:3px 11px}

/* tugma va maydonlar */
.btn{border-radius:var(--r-sm);padding:9px 18px;font-weight:600;transition:background .15s,border-color .15s,transform .1s}
.btn:active{transform:scale(.985)}
.btn-sm{border-radius:8px;padding:6px 13px}
.btn-outline{border-radius:var(--r-sm)}
.filter-bar select,.filter-bar input[type=text],.filter-bar input[type=date],.form-grid input[type=text],.form-grid input[type=password],.form-grid input[type=email],.dedup-select,.dedup-value,#confirm-input{border-radius:var(--r-sm)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select,textarea{border-radius:var(--r-sm);transition:border-color .15s,box-shadow .15s}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--ring)}
button:focus-visible,.btn:focus-visible,.nav-item:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}

/* oynalar */
.confirm-box{border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.2)}
.audio-player-bar{box-shadow:none}

/* ingichka scrollbar */
*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
.sidebar{scrollbar-color:#3a3835 transparent}

/* Ko'rinish masshtabi (2026-10-04, foydalanuvchi: "hamma narsa juda katta, KICHIKROQ bo'lsin — Kvizi super-admin panelidek"):
   butun interfeys teng masshtablanadi (yagona tugma: pastdagi zoom qiymati; 1 = asl o'lcham). CSS zoom viewport birliklarini (vh/vw) masshtablamaydi,
   shuning uchun ular masshtabga BO'LIB beriladi. Mobilda (<=900px) o'zgarmaydi. */
@media(min-width:901px){
  html{zoom:0.85;width:calc(100vw / 0.85)}
  .app{min-height:calc(100vh / 0.85)}
  .sidebar{height:calc(100vh / 0.85)}
  .page{min-height:calc(100vh / 0.85 - 88px)}
}

/* ===== Yuqori panel (o'ng burchak): mavzu + til (2026-10-04) ===== */
.topbar{display:flex;justify-content:flex-end;align-items:center;padding:12px 32px 0}
.topbar-tools{display:flex;align-items:center;gap:8px}
.topbar .theme-switch,.topbar .lang-switch{margin:0;background:var(--card-bg);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}
.topbar .theme-opt{flex:none;width:32px;height:30px;padding:0;border-radius:999px;color:var(--text-muted)}
.topbar .theme-opt:hover{color:var(--text-main)}
.topbar .theme-opt[aria-pressed="true"]{background:var(--accent-blue);color:#fff}
.topbar .lang-opt{flex:none;padding:5px 12px;border-radius:999px;color:var(--text-muted);font-size:12.5px}
.topbar .lang-opt:hover{color:var(--text-main)}
.topbar .lang-opt.active{background:var(--accent-blue);color:#fff}
@media(max-width:900px){.topbar{padding:10px 14px 0}}

/* ===== Logotip menyu bilan bir xil chiziqdan boshlanadi (markazda emas) ===== */
.sidebar-brand{text-align:left!important;padding:20px 20px 16px 18px!important}
.sidebar-user{padding-left:26px;padding-right:20px}
.sidebar-company-id{margin-left:0}

/* ===== To'lovlar (Click onlayn to'lov, 2026-10-09) ===== */
.click-logo{height:20px;display:block}.click-logo.dk{display:none}
:root[data-theme="dark"] .click-logo.lt{display:none}:root[data-theme="dark"] .click-logo.dk{display:block}
.bill-sec{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.bill-h{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}
.bill-opts{border:1px solid var(--border);border-radius:12px;overflow:hidden}
.bill-opt{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:14px 18px}
.bill-opt + .bill-opt{border-top:1px solid var(--border)}
.bill-nm{font-weight:600;font-size:15px}.bill-meta{font-size:13px;color:var(--text-muted)}
.bill-pr{text-align:right;font-variant-numeric:tabular-nums}.bill-pr b{font-size:17px;font-weight:600}.bill-pr span{font-size:13px;color:var(--text-muted)}
.bill-method{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 16px;border:1px solid var(--border);border-radius:12px}
.bill-method b{display:block;font-size:13px;font-weight:500}.bill-method small{font-size:12px;color:var(--text-muted)}
.bill-note{font-size:12.5px;color:var(--text-muted);margin:12px 0 0;line-height:1.5}
.bill-err{font-size:13px;color:var(--accent-red);margin:10px 0 0}
.bill-hrow{display:grid;grid-template-columns:96px 1fr auto 96px;gap:12px;align-items:center;padding:9px 0;font-size:13.5px;border-top:1px solid var(--border)}
.bill-hrow:first-of-type{border-top:0}.bill-hrow b{font-weight:500;font-variant-numeric:tabular-nums}
.bill-st{text-align:right;font-size:13px;color:var(--text-muted)}.bill-st.paid{color:var(--accent-green-dark)}.bill-st.cancelled{color:var(--accent-red)}
@media(max-width:560px){.bill-opt{grid-template-columns:1fr auto}.bill-opt .btn{grid-column:1 / -1}.bill-hrow{grid-template-columns:1fr auto}.bill-hrow .bill-meta{grid-column:1 / -1}}
.bill-cur{font-weight:600;font-size:15px}
.bill-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:14px}
.bill-via .click-logo{height:18px;opacity:.9}
.bill-gift{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--border)}
.bill-gift:first-of-type{border-top:0}.bill-gact{display:flex;gap:8px;flex-wrap:wrap}

/* Obuna tugashi ogohlantirishi (renewal-banner.js) */
.renewal-banner{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:10px 14px;border:1px solid var(--accent-amber);border-radius:10px;background:var(--tint-amber)}
.renewal-banner.err{border-color:var(--accent-red);background:var(--tint-red,var(--tint-amber))}
.renewal-banner .rb-msg{flex:1;font-size:13.5px;line-height:1.4}
.renewal-banner .rb-x{background:none;border:0;font-size:20px;line-height:1;cursor:pointer;color:var(--text-muted);padding:0 4px}
@media (max-width:600px){.renewal-banner{flex-wrap:wrap}}