/* Tadbirkor.uz — veb sahifalar va admin paneli (ilova dizayn tizimi bilan bir xil tokenlar) */
@font-face { font-family: 'Onest'; font-weight: 400; font-display: swap; src: url('fonts/onest-400.woff2') format('woff2'); }
@font-face { font-family: 'Onest'; font-weight: 600; font-display: swap; src: url('fonts/onest-600.woff2') format('woff2'); }
@font-face { font-family: 'Onest'; font-weight: 700; font-display: swap; src: url('fonts/onest-700.woff2') format('woff2'); }
@font-face { font-family: 'Onest'; font-weight: 800; font-display: swap; src: url('fonts/onest-800.woff2') format('woff2'); }

:root {
  --fon: #F7F5F0; --fon-2: #EFEBE3; --sirt: #FFFFFF; --sirt-2: #F1EEE7; --sirt-3: #E9E5DC;
  --chiziq: #E6E2D9; --chiziq-2: #D6D1C6;
  --matn: #15171C; --matn-2: #5B6070; --matn-3: #62677A;
  --uchqun: #C2410C; --uchqun-och: #FDE9DF; --uchqun-matn: #9A3412; --yorqin: #F2541B;
  --siyoh: #14213D; --yashil: #1F7A55; --yashil-och: #E3F2EA; --yashil-matn: #1A6847;
  --qizil: #B42318; --qizil-och: #FDECEA; --sariq-och: #FBF0D9; --sariq-matn: #7A5208; --kok-och: #E5ECF6; --kok-matn: #2F4A73;
  --soya: 0 1px 2px rgba(20,22,28,.05), 0 2px 10px rgba(20,22,28,.04);
}
@media (prefers-color-scheme: dark) {
  :root {
    --fon: #12141A; --fon-2: #171A21; --sirt: #1B1E26; --sirt-2: #232733; --sirt-3: #2B303D;
    --chiziq: #2A2F3B; --chiziq-2: #3A4050; --matn: #F0F1F5; --matn-2: #9AA0AE; --matn-3: #8C92A0;
    --uchqun: #FF7A45; --uchqun-och: #3A2219; --uchqun-matn: #FFB08A; --siyoh: #0E1626;
    --yashil: #3FBF8A; --yashil-och: #173328; --yashil-matn: #7FD3AA; --qizil: #FF8A80; --qizil-och: #3A1D1B;
    --sariq-och: #3A2E14; --sariq-matn: #F2C36B; --kok-och: #1E2A3D; --kok-matn: #A9C1E8;
    --soya: 0 0 0 1px var(--chiziq);
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { font-family: 'Onest', system-ui, sans-serif; background: var(--fon); color: var(--matn); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
a { color: var(--uchqun); text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3 { margin: 0; letter-spacing: -0.02em; }
p { margin: 0; }
.m2 { color: var(--matn-2); } .kichik { font-size: 14px; } .q7 { font-weight: 700; }
.raqam { font-variant-numeric: tabular-nums; }

/* tugmalar, maydonlar */
.tug { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 22px; border-radius: 14px;
  border: 0; font: 600 16px 'Onest', sans-serif; cursor: pointer; background: var(--sirt-2); color: var(--matn); text-decoration: none; white-space: nowrap; }
.tug:hover { text-decoration: none; filter: brightness(.97); }
.tug-asosiy { background: var(--uchqun); color: #fff; }
@media (prefers-color-scheme: dark) { .tug-asosiy { color: #12141A; } }
.tug-chiziq { background: transparent; box-shadow: inset 0 0 0 1.5px var(--chiziq-2); }
.tug-qizil { background: var(--qizil-och); color: var(--qizil); }
.tug-yashil { background: var(--yashil-och); color: var(--yashil-matn); }
.tug-s { height: 36px; padding: 0 14px; border-radius: 11px; font-size: 14px; }
.tug-toliq { width: 100%; }
label.yorliq { display: block; font-size: 14px; font-weight: 600; color: var(--matn-2); margin: 0 0 6px; }
input[type=text], input[type=email], input[type=password], input[type=search], input[type=date], input[type=number], select, textarea {
  width: 100%; min-height: 48px; border-radius: 14px; border: 1.5px solid transparent; background: var(--sirt-2); color: var(--matn);
  padding: 0 14px; font: 16px 'Onest', sans-serif; }
textarea { padding: 12px 14px; min-height: 110px; resize: vertical; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--uchqun); background: var(--sirt); box-shadow: 0 0 0 4px color-mix(in srgb, var(--uchqun) 18%, transparent); }
.maydon { margin-bottom: 16px; }
.xabar { padding: 12px 16px; border-radius: 14px; font-size: 14px; margin-bottom: 16px; }
.xabar.xato { background: var(--qizil-och); color: var(--qizil); }
.xabar.ok { background: var(--yashil-och); color: var(--yashil-matn); }

/* ochiq sahifalar */
.ochiq { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px 16px; }
.ochiq .quti { width: 100%; max-width: 440px; background: var(--sirt); border-radius: 24px; padding: 32px 28px; box-shadow: var(--soya); }
.logo { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 22px; letter-spacing: -0.03em; color: var(--matn); }
.logo span { color: var(--uchqun); }
.logo svg { width: 32px; height: 32px; }
.belgi-katta { display: flex; justify-content: center; margin: 8px 0 18px; }
.natija-yaxshi { background: var(--yashil-och); color: var(--yashil-matn); border-radius: 20px; padding: 24px; text-align: center; }
.natija-yomon { background: var(--qizil-och); color: var(--qizil); border-radius: 20px; padding: 24px; text-align: center; }
.qator-kv { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px dashed var(--chiziq); font-size: 15px; }
.qator-kv:last-child { border: 0; }
.qator-kv span:first-child { color: var(--matn-2); }
.qator-kv span:last-child { font-weight: 600; text-align: right; }
.muhr { font-family: ui-monospace, 'Onest', monospace; font-size: 12px; word-break: break-all; color: var(--matn-2); background: var(--sirt-2); padding: 8px 10px; border-radius: 10px; }
.bosh { min-height: 100vh; background: radial-gradient(circle at 75% 35%, #5A2B22 0%, #14213D 55%); color: #F4F2EC; display: flex; flex-direction: column; }
.bosh .ich { flex: 1; max-width: 1100px; margin: 0 auto; padding: 48px 24px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; }
.bosh h1 { font-size: clamp(36px, 5vw, 64px); line-height: 1.05; font-weight: 800; }
.bosh p.lead { font-size: 20px; color: #C9D2E3; margin-top: 16px; }
.bosh .tugmalar { display: flex; gap: 12px; margin-top: 28px; flex-wrap: wrap; }
.bosh .muallif { display: flex; gap: 14px; align-items: center; margin-top: 40px; color: #C9D2E3; font-size: 14px; }
.bosh .muallif img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; border: 2px solid #F4F2EC; }
.bosh .tel { width: 300px; height: 600px; border-radius: 40px; background: #0D0E12; padding: 10px; justify-self: center; box-shadow: 0 40px 80px -20px rgba(0,0,0,.5); }
.bosh .tel > div { width: 100%; height: 100%; border-radius: 32px; background: var(--fon); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; color: var(--matn); }
@media (max-width: 820px) { .bosh .ich { grid-template-columns: 1fr; } .bosh .tel { display: none; } }

/* admin */
.adm { display: flex; min-height: 100vh; }
.adm-yon { width: 240px; flex: none; background: var(--siyoh); color: #fff; padding: 22px 14px; display: flex; flex-direction: column; gap: 4px; position: sticky; top: 0; height: 100vh; }
.adm-yon .logo { color: #F4F2EC; padding: 0 10px 20px; font-size: 19px; }
.adm-yon .logo span { color: #FF7A45; }
.adm-yon a.band { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; font-size: 15px; font-weight: 600; color: rgba(255,255,255,.72); text-decoration: none; }
.adm-yon a.band:hover { background: rgba(255,255,255,.06); }
.adm-yon a.band.faol { background: rgba(255,255,255,.12); color: #fff; }
.adm-yon a.band .son { margin-left: auto; background: var(--yorqin); color: #fff; font-size: 12px; border-radius: 999px; padding: 1px 8px; }
.adm-yon .past { margin-top: auto; font-size: 13px; color: rgba(255,255,255,.6); padding: 10px 12px; }
.adm-asosiy { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.adm-tepa { height: 64px; display: flex; align-items: center; gap: 16px; padding: 0 28px; background: var(--sirt); border-bottom: 1px solid var(--chiziq); position: sticky; top: 0; z-index: 2; }
.adm-tepa h1 { font-size: 22px; flex: 1; }
.adm-ich { padding: 24px 28px 48px; display: flex; flex-direction: column; gap: 18px; }
.kpi-tor { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.kpi { background: var(--sirt); border-radius: 18px; padding: 18px; box-shadow: var(--soya); }
.kpi .son { font-size: 30px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.kpi .farq { font-size: 13px; font-weight: 700; color: var(--yashil-matn); }
.panel { background: var(--sirt); border-radius: 18px; box-shadow: var(--soya); overflow: hidden; }
.panel .sarl { display: flex; justify-content: space-between; align-items: center; padding: 16px 18px 10px; font-weight: 700; }
.panel .ichi { padding: 0 18px 18px; }
.ikki-ustun { display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px; }
.ustunlar { display: flex; align-items: flex-end; gap: 14px; height: 170px; padding-top: 10px; }
.ustunlar div { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 12px; color: var(--matn-2); font-weight: 600; height: 100%; justify-content: flex-end; }
.ustunlar b { width: 100%; max-width: 42px; border-radius: 8px 8px 3px 3px; background: color-mix(in srgb, var(--yorqin) 35%, var(--sirt-2)); display: block; min-height: 4px; }
.ustunlar div:last-child b { background: var(--yorqin); }
.gorizont { display: grid; grid-template-columns: 150px 1fr 40px; gap: 10px; align-items: center; font-size: 14px; padding: 6px 0; }
.gorizont .chiz { height: 10px; border-radius: 5px; background: var(--sirt-3); overflow: hidden; }
.gorizont .chiz i { display: block; height: 100%; background: var(--siyoh); border-radius: 5px; }
@media (prefers-color-scheme: dark) { .gorizont .chiz i { background: #7F95BA; } }
table.jadval { width: 100%; border-collapse: collapse; font-size: 14px; }
.jadval th { text-align: left; font-size: 12px; font-weight: 700; color: var(--matn-2); padding: 10px 12px; background: var(--sirt-2); border-bottom: 1px solid var(--chiziq); }
.jadval td { padding: 11px 12px; border-bottom: 1px solid var(--chiziq); vertical-align: middle; }
.jadval tr:last-child td { border-bottom: 0; }
.chiplar { display: flex; gap: 8px; flex-wrap: wrap; }
.chip { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 999px; background: var(--sirt-2); color: var(--matn); font-size: 14px; font-weight: 500; text-decoration: none; }
.chip:hover { text-decoration: none; }
.chip.tanl { background: var(--matn); color: var(--fon); font-weight: 600; }
.holat { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: 8px; font-size: 12px; font-weight: 700; }
.holat::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.holat.pub { background: var(--yashil-och); color: var(--yashil-matn); }
.holat.arx { background: var(--sirt-3); color: var(--matn-2); }
.holat.xavf { background: var(--qizil-och); color: var(--qizil); }
.bosq { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 9px; border-radius: 8px; font-size: 12px; font-weight: 700; }
.bosq.idea { background: var(--kok-och); color: var(--kok-matn); } .bosq.mvp { background: var(--sariq-och); color: var(--sariq-matn); } .bosq.business { background: var(--yashil-och); color: var(--yashil-matn); }
.amallar { display: flex; gap: 6px; justify-content: flex-end; flex-wrap: wrap; }
.amallar form { display: inline; }
.sahifalar { display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: var(--matn-2); }
.sahifalar .tugmalar { display: flex; gap: 6px; }
.qidiruv { display: flex; gap: 8px; align-items: center; }
.qidiruv input { min-height: 40px; width: 280px; }
.forma-tor { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
@media (max-width: 900px) { .adm-yon { display: none; } .kpi-tor, .ikki-ustun { grid-template-columns: 1fr 1fr; } }