/* K1 Moliya — "Tungi binafsha shisha" (Uktam namunasi, 08.11 22:24).
   FAQAT tashqi ko'rinish. Hisob-kitob, JS, baza — tegilmagan.
   Tezlik: kartalarda blur yo'q (yarim shaffof gradient), blur faqat pastki menyuda.
   O'chirish: index.html dagi <link href="glass.css..."> qatorini olib tashlash. */
:root{
  --bg:#120d1f; --paper:rgba(255,255,255,.055); --ink:#f4f1fb; --muted:#a49cbb;
  --line:rgba(255,255,255,.13); --acc:#8b5cf6; --acc2:#a78bfa; --ok:#4ade80; --bad:#fb7185; --dark:rgba(255,255,255,.06);
}
html,body{background:#0f0b1a}
body{
  background:
    radial-gradient(ellipse at 0% 0%, rgba(124,58,237,.38) 0, rgba(124,58,237,0) 45%),
    radial-gradient(ellipse at 100% 45%, rgba(91,33,182,.30) 0, rgba(91,33,182,0) 45%),
    radial-gradient(ellipse at 0% 100%, rgba(139,92,246,.28) 0, rgba(139,92,246,0) 45%),
    linear-gradient(180deg,#151026 0%,#0f0b1a 60%,#120c22 100%) !important;
  min-height:100vh; color:var(--ink);
}
@media (min-width:900px){body{background-color:#0f0b1a!important}}
/* Shrift: namunadagidek toza sans (raqamlar ham) */
.serif,header h1,.kpi .v,.amt,.pin button{font-family:Manrope,system-ui,sans-serif!important;font-weight:600!important;letter-spacing:-.01em}
header h1{font-size:30px}
.amt{font-size:48px}
.kpi .v{font-size:26px}

/* Shisha kartalar */
.card,.kpi{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);border-radius:22px}
.kpi.big{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03));color:var(--ink);border:1px solid var(--line)}
.kpi.big small,.kpi small{color:var(--muted)}
.lbl{color:var(--muted)}
.mini,.row .t small,header small{color:var(--muted)}
.row{border-bottom:1px solid rgba(255,255,255,.07)}

/* Segment (Chiqim / Kirim) */
.seg{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:18px}
.seg button{color:var(--muted)}
.seg button.on,.seg button.on.out,.seg button.on.in{color:#fff;background:linear-gradient(180deg,rgba(139,92,246,.55),rgba(109,40,217,.45));
  border:1px solid rgba(196,181,253,.55);box-shadow:0 0 18px rgba(139,92,246,.45), inset 0 1px 0 rgba(255,255,255,.25)}

/* Chiplar, maydonlar, kichik tugmalar */
.chip,.btn2,input.f,select.f,textarea.f,.pin button{background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--ink)}
.chip.on{color:#fff;background:linear-gradient(180deg,rgba(139,92,246,.6),rgba(109,40,217,.5));border-color:rgba(196,181,253,.6);box-shadow:0 0 14px rgba(139,92,246,.5)}
input.f::placeholder,textarea.f::placeholder{color:rgba(244,241,251,.4)}
input.f:focus,select.f:focus,textarea.f:focus{border-color:var(--acc2);box-shadow:0 0 0 3px rgba(139,92,246,.25)}
select option{color:#1e1b2b;background:#fff}
.tag{background:rgba(139,92,246,.18);color:#d8ccff}
.toast{background:rgba(30,22,52,.95);color:var(--ink);border:1px solid var(--line)}

/* Asosiy tugma — porlovchi binafsha */
.cta{color:#fff;background:linear-gradient(180deg,#8b5cf6,#6d28d9);border:1px solid rgba(196,181,253,.6);
  box-shadow:0 0 24px rgba(139,92,246,.55), inset 0 1px 0 rgba(255,255,255,.3)}
.cta.dark{background:rgba(255,255,255,.08);box-shadow:none;border:1px solid var(--line)}

/* Diagrammalar */
.days i{background:linear-gradient(180deg,#a78bfa,#7c3aed);border:1px solid rgba(196,181,253,.35);border-bottom:0}
.days i.lo{background:linear-gradient(180deg,#fb7185,#e11d48)}
.bar{background:rgba(255,255,255,.08)}.bar i{background:linear-gradient(90deg,#7c3aed,#a78bfa)}
.dots i{border-color:var(--acc2)}.dots i.f{background:var(--acc2)}
body.busy:before{background:var(--acc2)}

/* JS ichidagi oq bloklar — qorong'i shishaga */
[style*="background:#fff"]{background:rgba(255,255,255,.06)!important;color:var(--ink)}
[style*="background:var(--dark)"]{border:1px solid var(--line)!important}

/* ---------- Harakat ---------- */
button,.chip,.btn2,.cta,.pin button{transition:transform .14s ease, background-color .15s ease, color .15s ease, box-shadow .2s ease}
button:active,.chip:active,.btn2:active,.pin button:active,.seg button:active{transform:scale(.94);background:rgba(139,92,246,.6)!important;color:#fff!important;border-color:rgba(196,181,253,.7)!important;box-shadow:0 0 16px rgba(139,92,246,.6)!important}
.cta:active{transform:scale(.97)}
.seg button.on,.chip.on{animation:k1pop .3s ease}
@keyframes k1pop{0%{transform:scale(.92)}60%{transform:scale(1.05)}100%{transform:scale(1)}}

/* ---------- Pastki menyu (namunadagidek) ---------- */
nav{background:rgba(22,16,38,.94)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
nav button{color:var(--muted)}
@media (max-width:899px){
  nav{left:10px;right:10px;bottom:calc(10px + var(--safe));padding:6px;border-radius:26px;border:1px solid rgba(196,181,253,.35)!important;
      box-shadow:0 0 22px rgba(139,92,246,.25), inset 0 1px 0 rgba(255,255,255,.12)}
  .wrap{padding-bottom:calc(110px + var(--safe))}
  nav .in{gap:2px}
  nav button{border-radius:20px;padding:9px 4px 7px;background:none}
  nav button.on{color:#fff;background:linear-gradient(180deg,rgba(139,92,246,.45),rgba(109,40,217,.25));
      box-shadow:inset 0 0 0 1px rgba(196,181,253,.55),0 0 16px rgba(139,92,246,.5)}
  nav button.on svg{filter:drop-shadow(0 0 6px #a78bfa)}
  nav button:active{transform:scale(.92)}
}
@media (min-width:900px){
  nav{border-right:1px solid var(--line)}nav:before{color:#c4b5fd}
  nav button.on{color:#fff;background:linear-gradient(90deg,rgba(139,92,246,.45),rgba(139,92,246,.05));box-shadow:inset 3px 0 0 var(--acc2)}
  nav button:hover{background:rgba(255,255,255,.06)}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}