:root{--blue:#2563eb;--navy:#102a62;--text:#172033;--muted:#718096;--border:#e7ebf2;--bg:#f4f7fb;--white:#fff;--shadow:0 8px 28px rgba(28,55,90,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:14px}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button,input{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--border);padding:28px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{position:relative;width:max-content;color:#102c68;font-size:22px;font-weight:800;letter-spacing:.5px;line-height:18px;margin:0 10px 32px}.brand small{display:block;font-size:9px;letter-spacing:1.8px;margin-left:15px}.brand b{position:absolute;right:-39px;bottom:0;background:#f04444;color:#fff;font-size:9px;line-height:16px;padding:0 5px;border-radius:4px}.main-nav{display:flex;flex-direction:column;gap:5px}.nav-link{height:46px;padding:0 13px;border-radius:10px;color:#617087;text-decoration:none;display:flex;align-items:center;gap:13px;font-size:13px;font-weight:600;transition:.2s}.nav-link svg{width:18px}.nav-link:hover{background:#f5f8fd;color:var(--blue)}.nav-link.active{background:#edf4ff;color:var(--blue)}.nav-link i{margin-left:auto;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#ffeded;color:#ef4444;font-size:10px;font-style:normal}.upgrade-card{margin-top:auto;padding:18px;border:1px solid #dfe8f8;border-radius:14px;background:linear-gradient(145deg,#f8fbff,#eef5ff);text-align:center}.crown{font-size:25px;color:#f6ad28}.upgrade-card strong{display:block;font-size:14px;margin:5px}.upgrade-card p{font-size:10px;color:var(--muted);margin:0 0 13px}.upgrade-card button,.primary-btn{border:0;background:var(--blue);color:#fff;border-radius:7px;cursor:pointer}.upgrade-card button{width:100%;height:34px;font-size:11px}.sidebar-foot{display:flex;justify-content:space-between;color:#a5adba;font-size:8px;padding:17px 2px 0}.page-shell{padding-left:238px;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);padding:0 38px;display:flex;align-items:center;gap:25px;position:sticky;top:0;z-index:15}.search{width:min(430px,45vw);height:40px;background:#f7f9fc;border:1px solid #e6eaf0;border-radius:9px;display:flex;align-items:center;padding:0 13px;color:#8a96a8}.search svg{width:17px}.search input{border:0;outline:0;background:transparent;flex:1;min-width:0;padding:0 10px;color:var(--text);font-size:12px}.search kbd{border:1px solid #dde3ec;background:#fff;border-radius:5px;padding:2px 6px;font-size:9px;color:#9ba5b4}.top-actions{display:flex;align-items:center;gap:17px;margin-left:auto}.icon-button{border:0;background:transparent;color:#63728a;position:relative;padding:8px;cursor:pointer}.notification span{position:absolute;width:7px;height:7px;border-radius:50%;background:#ef4444;right:7px;top:7px;border:2px solid #fff}.profile-button{display:flex;align-items:center;gap:10px;border:0;background:transparent;cursor:pointer;color:var(--text);text-align:left}.avatar,.mini-avatar{display:grid;place-items:center;border-radius:50%;font-weight:700;background:linear-gradient(145deg,#f1c7a7,#7a523c);color:#fff}.avatar{width:38px;height:38px;font-size:11px;box-shadow:0 0 0 3px #eef2f7}.profile-copy{display:flex;flex-direction:column}.profile-copy b{font-size:12px}.profile-copy small{color:var(--muted);font-size:9px}.chevron{color:#8b96a7}.menu-toggle,.mobile-brand{display:none}main{max-width:1480px;margin:auto;padding:34px 38px 30px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.eyebrow{color:var(--blue)!important;font-weight:700;font-size:11px!important;text-transform:uppercase;letter-spacing:.7px}.welcome-row h1{font-size:27px;margin:4px 0 7px;letter-spacing:-.8px}.welcome-row h1 span{font-size:11px;color:#fff;background:#ef4444;border-radius:4px;padding:4px 6px;vertical-align:middle;letter-spacing:.2px}.welcome-row p{margin:0;color:var(--muted);font-size:12px}.date-chip{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 15px;display:flex;flex-direction:column}.date-chip span{font-size:9px;color:var(--muted)}.date-chip strong{font-size:11px}.direction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.direction{min-height:178px;color:#fff;border-radius:15px;padding:20px;position:relative;overflow:hidden;box-shadow:0 12px 25px rgba(42,81,157,.12);transition:transform .25s,box-shadow .25s}.direction:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(42,81,157,.18)}.direction:after{content:"";position:absolute;width:140px;height:140px;border:35px solid rgba(255,255,255,.08);border-radius:50%;right:-75px;bottom:-85px}.direction.blue{background:linear-gradient(135deg,#367be9,#2256c2)}.direction.green{background:linear-gradient(135deg,#37bb8a,#11996a)}.direction.orange{background:linear-gradient(135deg,#ffb738,#ee8714)}.direction.purple{background:linear-gradient(135deg,#a181e4,#755ac7)}.direction>span{position:absolute;right:18px;top:18px;font-size:24px;font-weight:800;opacity:.13}.direction-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.16);margin-bottom:13px}.direction-icon svg{width:18px}.direction h2{font-size:15px;margin:0 0 6px}.direction p{font-size:10px;margin:0;opacity:.82}.direction-footer{position:absolute;left:20px;right:18px;bottom:16px;display:flex;align-items:center;justify-content:space-between;z-index:1}.direction-footer small{font-size:9px;opacity:.8}.direction-footer button{width:28px;height:28px;border-radius:8px;border:0;background:rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;cursor:pointer}.direction-footer svg{width:15px}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.8fr);gap:18px;margin-top:20px}.card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.tests-card,.rating-card{padding:20px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.card-head h2{font-size:15px;margin:0 0 3px}.card-head p{font-size:9px;color:var(--muted);margin:0}.card-head>a,.rating-link{color:var(--blue);font-size:10px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:4px}.card-head>a svg,.rating-link svg{width:13px}.test-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #edf0f5}.test-icon,.feature-icon{flex:0 0 auto;display:grid;place-items:center;border-radius:10px}.test-icon{width:39px;height:39px}.test-icon svg,.feature-icon svg{width:18px}.blue-soft{background:#edf4ff;color:#2871df}.green-soft{background:#e9f8f1;color:#19a66f}.orange-soft{background:#fff4df;color:#ec9a19}.purple-soft{background:#f1ecff;color:#7656cc}.test-info{flex:1;min-width:0}.test-info>div{display:flex;align-items:center;gap:9px}.test-info h3{font-size:12px;margin:0}.test-info span{font-size:9px;color:var(--blue);font-weight:700}.test-info p{font-size:9px;color:var(--muted);margin:4px 0 7px}.progress{height:4px;border-radius:4px;background:#e8ecf2;overflow:hidden}.progress i{display:block;height:100%;background:var(--blue);border-radius:4px}.primary-btn{height:33px;padding:0 12px;font-size:9px;display:flex;align-items:center;gap:4px}.primary-btn svg{width:13px}.live{font-size:9px;color:#1f9d6a;background:#eaf8f1;border-radius:12px;padding:4px 8px}.live i{display:inline-block;width:5px;height:5px;background:#23b979;border-radius:50%;margin-right:3px}.rating-list{list-style:none;margin:0;padding:0}.rating-list li{display:flex;align-items:center;gap:9px;height:48px;border-top:1px solid #edf0f5}.place{font-size:10px;color:#9da7b5;width:20px;text-align:center}.place.first{color:#e0a21f}.place.second{color:#8793a4}.place.third{color:#c47a45}.mini-avatar{width:28px;height:28px;font-size:9px}.mini-avatar.two{background:linear-gradient(145deg,#8ac1df,#315d82)}.mini-avatar.three{background:linear-gradient(145deg,#dec08a,#79541f)}.mini-avatar.four{background:linear-gradient(145deg,#97d1b4,#277b55)}.mini-avatar.five{background:linear-gradient(145deg,#baa6e1,#604991)}.rating-list li div{display:flex;flex-direction:column;flex:1}.rating-list strong{font-size:10px}.rating-list small{font-size:8px;color:var(--muted)}.rating-list em{font-size:9px;font-style:normal;color:#68758a}.rating-link{justify-content:center;margin-top:12px;padding-top:14px;border-top:1px solid #edf0f5}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.features article{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px;box-shadow:var(--shadow)}.feature-icon{width:36px;height:36px}.features strong{font-size:10px}.features p{font-size:8px;color:var(--muted);margin:4px 0 0}.overlay{display:none}
@media(max-width:1050px){.sidebar{width:210px}.page-shell{padding-left:210px}.direction-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.profile-copy{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .25s;width:240px}.sidebar.open{transform:translateX(0)}.page-shell{padding-left:0}.topbar{height:64px;padding:0 17px}.menu-toggle{display:grid;place-items:center;border:0;background:#edf4ff;color:var(--blue);width:36px;height:36px;border-radius:8px}.mobile-brand{display:block;color:var(--navy);font-weight:800;font-size:14px}.mobile-brand small{display:block;font-size:6px;letter-spacing:1px}.search{margin-left:auto;width:40px;border:0;background:transparent;padding:0}.search input,.search kbd{display:none}.top-actions{margin-left:0;gap:4px}.profile-button .chevron{display:none}.avatar{width:33px;height:33px}.overlay.show{display:block;position:fixed;inset:0;background:rgba(15,29,52,.42);z-index:19}main{padding:24px 17px}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:23px}.date-chip{display:none}.content-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.direction-grid{grid-template-columns:1fr}.direction{min-height:160px}.features{grid-template-columns:1fr}.test-row{align-items:flex-start;flex-wrap:wrap}.test-info{min-width:calc(100% - 55px)}.primary-btn{margin-left:52px}.welcome-row p{max-width:290px;line-height:1.6}}

/* Yo'nalishlar va kunlik reytingning umumiy yuqori paneli */
.overview-grid{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(285px,.65fr);gap:18px;align-items:stretch}
.overview-grid .direction-grid{grid-template-columns:repeat(3,1fr);gap:14px}
.overview-grid .direction{min-height:166px;padding:18px}
.direction.cyan{background:linear-gradient(135deg,#35b9cf,#168ca9)}
.direction.rose{background:linear-gradient(135deg,#ef718d,#cd456c)}
.overview-grid>.rating-card{height:100%;display:flex;flex-direction:column}
.overview-grid>.rating-card .rating-list{flex:1}
.content-grid{grid-template-columns:1fr}
@media(max-width:1180px){.overview-grid{grid-template-columns:1fr}.overview-grid .direction-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.overview-grid .direction-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.overview-grid .direction-grid{grid-template-columns:1fr}}

/* Bot katalogiga mos, ko'zni charchatmaydigan bo'lim kartalari */
.overview-grid .direction{color:#263550;box-shadow:0 8px 22px rgba(57,75,111,.07);border:1px solid rgba(126,143,177,.16)}
.overview-grid .direction:hover{box-shadow:0 13px 28px rgba(57,75,111,.11)}
.overview-grid .direction:after{border-color:rgba(255,255,255,.28)}
.overview-grid .direction-icon{font-size:20px;background:rgba(255,255,255,.56);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.overview-grid .direction>span{color:#33466b;opacity:.1}
.overview-grid .direction p,.overview-grid .direction-footer small{color:#4e607e;opacity:.88}
.overview-grid .direction-footer button{background:rgba(255,255,255,.62);color:#40577f}
.direction.pastel-blue{background:linear-gradient(135deg,#dfeaff,#cbdcf7)}
.direction.pastel-lilac{background:linear-gradient(135deg,#ebe7f7,#dcd5ee)}
.direction.pastel-slate{background:linear-gradient(135deg,#e7ebf2,#d8dfeb)}
.direction.pastel-sky{background:linear-gradient(135deg,#e1eef8,#cee1ef)}
.direction.pastel-violet{background:linear-gradient(135deg,#e9e3f6,#d9cfed)}
.direction.pastel-denim{background:linear-gradient(135deg,#dce6f4,#c9d7eb)}
.direction.pastel-mauve{background:linear-gradient(135deg,#eee5ef,#dfd3e2)}
.direction.pastel-aqua{background:linear-gradient(135deg,#e1eef0,#cee0e4)}
.sidebar-foot{margin-top:auto}
.brand b,.welcome-row h1 span{background:#7f91b4}
.notification span{background:#8799bb}

/* Navbar Premium — ixcham oltin toj */
.navbar-premium-crown{
  position:relative;
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(245,181,42,.42);
  border-radius:12px;
  color:#ffd45a;
  text-decoration:none;
  background:linear-gradient(145deg,rgba(255,245,190,.2),rgba(224,151,20,.14));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 5px 16px rgba(164,105,10,.16);
  isolation:isolate;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.navbar-premium-crown:before{
  content:"";
  position:absolute;
  inset:-3px;
  z-index:-1;
  border-radius:14px;
  background:radial-gradient(circle,rgba(255,213,85,.3),transparent 68%);
  opacity:.55;
  animation:navbarCrownGlow 2.2s ease-in-out infinite;
}
.navbar-premium-crown:after{
  content:"";
  position:absolute;
  top:5px;
  left:7px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#fff8cf;
  box-shadow:0 0 7px 2px rgba(255,225,111,.8);
  animation:navbarCrownSpark 1.8s ease-in-out infinite;
}
.navbar-premium-crown>span{display:grid;place-items:center}
.navbar-premium-crown svg{
  width:22px;
  height:22px;
  fill:#f5b92f;
  stroke:#a76a08;
  stroke-width:1.45;
  filter:drop-shadow(0 2px 4px rgba(165,99,0,.28));
}
.navbar-premium-crown:hover,.navbar-premium-crown:focus-visible{
  transform:translateY(-2px) scale(1.04);
  border-color:rgba(255,204,68,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 8px 22px rgba(180,116,10,.25);
  outline:none;
}
@keyframes navbarCrownGlow{0%,100%{opacity:.38;transform:scale(.94)}50%{opacity:.85;transform:scale(1.08)}}
@keyframes navbarCrownSpark{0%,100%{opacity:.3;transform:scale(.65)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:760px){
  .navbar-premium-crown{width:34px;height:34px;flex-basis:34px;border-radius:11px}
  .navbar-premium-crown svg{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){
  .navbar-premium-crown:before,.navbar-premium-crown:after{animation:none}
}
.brand{text-decoration:none}

/* Chap menyudagi Premium chaqiruvi */
.premium-banner{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:13px 11px;border:1px solid #d9dff1;border-radius:13px;background:linear-gradient(135deg,#f0edfa,#e7edf9);color:#465577;text-decoration:none;overflow:hidden;box-shadow:0 7px 18px rgba(78,87,132,.08);transition:transform .2s,box-shadow .2s,border-color .2s}
.premium-banner:before{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.42);right:-27px;top:-35px}
.premium-banner:hover{transform:translateY(-2px);border-color:#c8d0e8;box-shadow:0 10px 23px rgba(78,87,132,.13)}
.premium-gem{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:10px;background:#fff;color:#7772a6;font-size:18px;box-shadow:0 4px 12px rgba(76,82,128,.1)}
.premium-text{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}
.premium-text small{font-size:7px;color:#808ba3;white-space:nowrap}
.premium-text strong{font-size:12px;color:#3d4967;margin-top:2px}
.premium-arrow{position:relative;z-index:1;margin-left:auto;display:grid;place-items:center;color:#7380a4}
.premium-arrow svg{width:14px}
.premium-gem svg{width:19px;height:19px}
.premium-soft{background:#fff4cf;color:#e6a810}
.premium-feature{border-color:#ddd9ec!important;background:linear-gradient(135deg,#fff,#f8f6fc)!important}
.brand b{right:-39px;bottom:0;display:block;background:#ef4444;color:#fff;padding:0 5px;font-size:9px;line-height:16px}
.premium-gem{color:#e3a411;background:linear-gradient(145deg,#fffaf0,#ffedb7);box-shadow:0 5px 15px rgba(211,155,20,.2)}
.premium-gem svg,.premium-soft svg{stroke-width:2;filter:drop-shadow(0 2px 3px rgba(198,139,0,.2))}

/* Har bir bo'lim uchun alohida, yumshoq rang */
.direction.pastel-blue{background:linear-gradient(135deg,#e4edfb,#d4e1f4)}
.direction.pastel-lilac{background:linear-gradient(135deg,#eeeaf8,#e0daf0)}
.direction.pastel-slate{background:linear-gradient(135deg,#e9edf3,#dce3ed)}
.direction.pastel-sky{background:linear-gradient(135deg,#e5f0f7,#d4e5f0)}
.direction.pastel-violet{background:linear-gradient(135deg,#ede8f7,#ded5ef)}
.direction.pastel-denim{background:linear-gradient(135deg,#e1e9f5,#cedbeb)}
.direction.pastel-mauve{background:linear-gradient(135deg,#f0e9f1,#e3d8e5)}
.direction.pastel-aqua{background:linear-gradient(135deg,#e5f0f1,#d4e5e7)}
.overview-grid .direction-icon{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.42);color:#334c78}
.overview-grid .direction-icon svg{width:21px;height:21px;stroke-width:1.75}
.direction.pastel-blue{background:linear-gradient(135deg,#cbdffc,#a9c8f3)}
.direction.pastel-lilac{background:linear-gradient(135deg,#ded2f5,#c4b1e8)}
.direction.pastel-slate{background:linear-gradient(135deg,#d7dfeb,#b9c8dc)}
.direction.pastel-sky{background:linear-gradient(135deg,#c9e4f2,#a6cee3)}
.direction.pastel-violet{background:linear-gradient(135deg,#ddd0f2,#bea8e3)}
.direction.pastel-denim{background:linear-gradient(135deg,#c9d9ee,#a8c0df)}
.direction.pastel-mauve{background:linear-gradient(135deg,#e2cee6,#c9acd0)}
.direction.pastel-aqua{background:linear-gradient(135deg,#cbe4e5,#a9d0d3)}
.overview-grid{margin-top:0}
.top-features{margin-top:0;margin-bottom:20px}

/* Desktopda qidiruv yuqori panelning aniq markazida */
@media(min-width:761px){.topbar{position:sticky}.topbar .search{position:absolute;left:43%;transform:translateX(-50%);width:min(510px,48vw)}}

/* ===== To'liq frontend SPA ===== */
a{color:inherit}.page-title{display:flex;align-items:flex-start;gap:18px;margin-bottom:24px}.page-title h1{font-size:24px;letter-spacing:-.6px;margin:0 0 6px}.page-title p{color:var(--muted);font-size:11px;margin:0}.back-link{height:34px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#fff;text-decoration:none;color:#63728a;font-size:10px}.feature-link{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0}.direction{text-decoration:none}.direction-footer b{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.55);display:grid;place-items:center}.direction-footer b svg{width:15px}.position-grid,.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.selection-card,.subject-card{position:relative;text-align:left;border:1px solid var(--border);border-radius:15px;background:#fff;padding:22px;min-height:190px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);transition:.2s}.selection-card:hover,.subject-card:hover{transform:translateY(-3px);border-color:#c8d6ec;box-shadow:0 14px 30px rgba(42,65,105,.1)}.selection-card>span,.subject-card>small{position:absolute;right:18px;top:16px;font-size:22px;font-weight:800;color:#e0e6ef}.selection-icon,.subject-card>span{width:45px;height:45px;border-radius:12px;background:#edf3fb;color:#526f9f;display:grid;place-items:center}.selection-icon svg,.subject-card>span svg{width:22px}.selection-card h2,.subject-card h2{font-size:15px;margin:18px 0 6px}.selection-card p,.subject-card p{font-size:10px;line-height:1.6;color:var(--muted);margin:0 0 18px}.selection-card>b,.subject-card>b{font-size:10px;color:var(--blue);display:flex;align-items:center;gap:4px}.selection-card>b svg,.subject-card>b svg{width:13px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.large-choice{display:flex;gap:20px;text-align:left;border:1px solid #d9e3f2;background:linear-gradient(135deg,#fff,#eef5ff);padding:28px;border-radius:17px;cursor:pointer;color:var(--text);min-height:230px;box-shadow:var(--shadow);transition:.2s}.large-choice.interview{background:linear-gradient(135deg,#fff,#f4f0fb);border-color:#e2daef}.large-choice:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(50,70,110,.11)}.large-choice>span{width:55px;height:55px;border-radius:15px;background:#dbe9fb;color:#426da9;display:grid;place-items:center;flex:0 0 auto}.large-choice.interview>span{background:#e8def5;color:#725b9c}.large-choice>span svg{width:27px;height:27px}.large-choice small{font-size:9px;color:#6d7d95}.large-choice h2{font-size:20px;margin:6px 0}.large-choice p{font-size:11px;line-height:1.7;color:var(--muted);max-width:390px}.large-choice b{font-size:10px;color:var(--blue);display:flex;align-items:center;gap:5px;margin-top:20px}.large-choice b svg{width:14px}.stage-layout{display:grid;gap:18px}.stage-summary{display:flex;justify-content:space-between;align-items:center;padding:22px}.stage-summary>div:first-child{display:flex;align-items:center;gap:13px}.stage-summary>div:first-child>span{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:#edf4ff;color:var(--blue)}.stage-summary h2{font-size:15px;margin:3px 0}.stage-summary small{font-size:9px;color:var(--muted)}.summary-stats{display:flex;gap:35px}.summary-stats span{display:flex;flex-direction:column}.summary-stats b{font-size:14px}.stages-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.stage-card,.checkpoint-card{border:1px solid var(--border);background:#fff;border-radius:13px;padding:16px;text-align:left;min-height:140px;color:var(--text);cursor:pointer;box-shadow:var(--shadow)}.stage-card:hover:not(:disabled){border-color:#aebfdd;transform:translateY(-2px)}.stage-card:disabled,.checkpoint-card:disabled{cursor:not-allowed;opacity:.67}.stage-state{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:#4774b4;margin-bottom:14px}.stage-state svg{width:16px}.stage-card.completed .stage-state{background:#e8f5ef;color:#4a9475}.stage-card.premium .stage-state{background:#fff3c8;color:#d99b08}.stage-card small{font-size:8px;color:var(--muted)}.stage-card h3{font-size:11px;margin:4px 0 14px}.mini-progress{height:4px;background:#edf0f5;border-radius:3px}.mini-progress i{display:block;height:100%;background:#63a687}.checkpoint-card{grid-column:span 5;min-height:auto;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#f5f1fb,#edf2fa);color:#6c6292}.checkpoint-card svg{width:21px}.checkpoint-card span{display:flex;flex-direction:column}.checkpoint-card small{font-size:8px}.checkpoint-card b{font-size:11px}.material-layout{display:grid;grid-template-columns:minmax(0,1.7fr) 320px;gap:18px}.pdf-mock{background:#dfe4ec;border-radius:14px;overflow:hidden;min-height:620px}.pdf-toolbar{height:50px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-size:10px}.pdf-toolbar span,.pdf-toolbar div{display:flex;align-items:center;gap:9px}.pdf-toolbar svg{width:16px}.pdf-toolbar button{border:1px solid var(--border);background:#f7f9fc;border-radius:5px}.pdf-page{width:min(520px,80%);min-height:540px;background:#fff;margin:28px auto;padding:55px;box-shadow:0 8px 25px rgba(38,47,64,.14)}.pdf-page>small{font-size:8px;letter-spacing:1.2px;color:#6a83a8}.pdf-page h2{font-size:22px;margin:35px 0 4px}.pdf-page h3{font-size:12px;color:#64748b}.pdf-page p{font-size:10px;line-height:1.8;color:#69788d;margin:28px 0}.text-lines{display:grid;gap:10px}.text-lines i{height:6px;background:#edf0f4;border-radius:3px}.text-lines i:nth-child(3n){width:75%}.material-side{padding:25px;height:max-content;position:sticky;top:100px}.side-icon{width:50px;height:50px;border-radius:14px;background:#edf4ff;color:var(--blue);display:grid;place-items:center}.material-side h2{font-size:18px;margin:20px 0 8px}.material-side p{font-size:10px;line-height:1.7;color:var(--muted)}.material-side ul{list-style:none;padding:14px 0;margin:15px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.material-side li{display:flex;align-items:center;gap:8px;font-size:10px;margin:10px 0}.material-side li svg{width:15px;color:#489274}.primary-action,.secondary-action{border:0;border-radius:9px;min-height:39px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;cursor:pointer;font-size:10px;font-weight:700}.primary-action{background:#3977d5;color:#fff}.primary-action svg{width:14px}.secondary-action{border:1px solid #dce3ed;background:#fff;color:#607089}.primary-action:disabled,.secondary-action:disabled{opacity:.45}.material-side .primary-action{width:100%}.test-screen{max-width:980px;margin:auto}.test-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.test-top small{font-size:9px;color:var(--blue)}.test-top h2{font-size:17px;margin:3px 0}.test-count{border:1px solid var(--border);background:#fff;border-radius:9px;padding:9px 13px;font-size:9px;color:var(--muted)}.test-count b{color:var(--blue);font-size:12px}.question-nav{display:flex;gap:7px;margin-bottom:17px}.question-nav button{width:37px;height:37px;border-radius:8px;border:1px solid #dce3ed;background:#fff;color:#7b8798;font-size:10px;cursor:pointer}.question-nav button.current{border-color:#3977d5;color:#3977d5;box-shadow:0 0 0 2px #e6effc}.question-nav button.answered{background:#eaf4f0;border-color:#c7e4d9;color:#448a70}.question-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:27px;box-shadow:var(--shadow)}.question-card>small{font-size:9px;color:#6680a8}.question-card h1{font-size:16px;line-height:1.6;margin:10px 0 24px}.answers{display:grid;gap:10px}.answers button{min-height:50px;border:1px solid #e1e6ed;background:#fff;border-radius:10px;padding:7px 12px;display:flex;align-items:center;gap:12px;text-align:left;color:#566478;font-size:10px;cursor:pointer}.answers button:hover{border-color:#b9c9df;background:#f9fbfe}.answers button.selected{border-color:#74a5e3;background:#f0f6ff;color:#2d5f9e}.answers button i{width:29px;height:29px;border-radius:8px;background:#f0f3f7;display:grid;place-items:center;font-style:normal;font-weight:700}.answers button.selected i{background:#3977d5;color:#fff}.answers button b{margin-left:auto;display:none;color:#3977d5}.answers button.selected b{display:block}.answers button b svg{width:16px}.test-actions{display:flex;justify-content:space-between;margin-top:17px}.result-wrap{max-width:650px;margin:45px auto;background:#fff;border:1px solid var(--border);border-radius:18px;padding:45px;text-align:center;box-shadow:var(--shadow)}.result-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px}.result-icon.success{background:#e6f4ed;color:#418d6d}.result-icon.fail{background:#f5eaea;color:#a76565}.result-icon svg{width:31px}.result-wrap>small{color:#79869a;font-size:9px}.result-wrap h1{font-size:25px;margin:8px}.result-wrap>p{font-size:11px;color:var(--muted)}.result-score{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0;border:1px solid var(--border);border-radius:12px}.result-score div{padding:18px;border-right:1px solid var(--border);display:flex;flex-direction:column}.result-score div:last-child{border:0}.result-score b{font-size:21px}.result-score small{font-size:8px;color:var(--muted)}.result-actions{display:flex;justify-content:center;gap:10px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--border);margin-bottom:18px;overflow:auto}.tabs button{border:0;background:transparent;padding:11px 15px;font-size:9px;color:#728096;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent}.tabs button.active{color:var(--blue);border-color:var(--blue);font-weight:700}.rating-page{display:grid;grid-template-columns:1fr 280px;gap:18px}.leaderboard{padding:8px 20px}.leader-head,.leader-row{display:grid;grid-template-columns:55px 1.6fr .7fr .7fr .7fr;align-items:center;gap:10px}.leader-head{height:42px;color:#929cab;font-size:8px;border-bottom:1px solid var(--border)}.leader-row{min-height:58px;border-bottom:1px solid #edf0f4;font-size:10px}.leader-row.me{background:#f2f7ff;margin:0 -10px;padding:0 10px;border-radius:8px}.leader-row>div{display:flex;align-items:center;gap:10px}.leader-row strong{display:flex;flex-direction:column}.leader-row strong small{color:var(--blue);font-size:7px}.leader-row em{font-style:normal;font-weight:700}.my-rank{padding:25px;text-align:center;height:max-content}.my-rank>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf4ff;color:var(--blue);margin:auto}.my-rank>small{display:block;color:var(--muted);font-size:9px;margin:15px}.my-rank>strong{font-size:48px;color:#334b70}.my-rank p{font-size:9px;color:var(--muted)}.my-rank>div{border-top:1px solid var(--border);padding-top:15px;display:flex;flex-direction:column}.my-rank>div small{font-size:8px;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.profile-main{grid-column:span 2;padding:22px;display:flex;align-items:center;gap:16px}.big-avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#91aace,#526b91);color:#fff;font-weight:800}.profile-main h2{font-size:17px;margin:0 0 5px}.profile-main p{font-size:9px;color:var(--muted)}.profile-main .secondary-action{margin-left:auto}.status-badge{display:inline-flex;background:#eef3fa;color:#597096;border-radius:12px;padding:4px 8px;font-size:8px}.profile-stats{grid-column:span 2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-stats article{padding:18px;background:#fff;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column}.profile-stats small{font-size:8px;color:var(--muted)}.profile-stats b{font-size:20px;margin:8px 0}.profile-stats span{font-size:8px;color:#4d9778}.progress-panel,.achievement-panel{padding:20px}.course-progress{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--border)}.course-progress>span{width:36px;height:36px;border-radius:10px;background:#edf4ff;color:#5478ae;display:grid;place-items:center}.course-progress>span svg{width:17px}.course-progress>div{flex:1;display:grid;grid-template-columns:1fr auto}.course-progress b{font-size:10px}.course-progress small{font-size:8px;color:var(--muted)}.course-progress i{grid-column:span 2;height:4px;background:#edf0f4;border-radius:4px;margin-top:8px}.course-progress em{display:block;height:100%;background:#678fc8;border-radius:4px}.course-progress>strong{font-size:9px}.achievement-panel>h2{font-size:15px;margin:0 0 12px}.achievement{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--border)}.achievement>svg{width:30px;height:30px;color:#8c78ad}.achievement span{display:flex;flex-direction:column}.achievement b{font-size:10px}.achievement small{font-size:8px;color:var(--muted)}.premium-page{display:grid;gap:18px}.premium-hero{display:flex;align-items:center;gap:28px;padding:35px;background:linear-gradient(135deg,#e9e5f4,#d9e4f4);border:1px solid #d5d6e6;border-radius:18px}.premium-hero>span{width:75px;height:75px;border-radius:20px;background:#fff4c9;color:#e1a00c;display:grid;place-items:center;box-shadow:0 8px 22px rgba(174,129,22,.15)}.premium-hero>span svg{width:37px;height:37px}.premium-hero small{font-size:9px;letter-spacing:1px;color:#776d92}.premium-hero h1{font-size:25px;margin:7px 0}.premium-hero p{font-size:11px;color:#65748b}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.benefit-grid article{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px}.benefit-grid svg{width:24px;color:#627fab}.benefit-grid h3{font-size:12px;margin:15px 0 5px}.benefit-grid p{font-size:9px;line-height:1.6;color:var(--muted)}.premium-contact{padding:20px;display:flex;align-items:center;justify-content:space-between}.premium-contact h2{font-size:15px;margin:0 0 4px}.premium-contact p{font-size:9px;color:var(--muted);margin:0}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.video-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:11px 11px 18px;box-shadow:var(--shadow)}.video-cover{height:190px;border-radius:11px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#c7d9f2,#91acd2)}.video-cover.v2{background:linear-gradient(135deg,#dcd2ee,#b6a4d2)}.video-cover.v3{background:linear-gradient(135deg,#d5e5e8,#a8c7cc)}.video-cover button{width:49px;height:49px;border:0;border-radius:50%;background:rgba(255,255,255,.85);color:#536f9b;cursor:pointer}.video-cover span{position:absolute;right:15px;top:12px;font-size:30px;font-weight:800;color:rgba(255,255,255,.4)}.video-card>small{display:block;font-size:8px;color:#7b8aa0;margin:14px 5px 5px}.video-card h2{font-size:14px;margin:0 5px}.video-card p{font-size:9px;color:var(--muted);margin:7px 5px}.news-grid{display:grid;gap:14px}.news-card{display:grid;grid-template-columns:180px 1fr;overflow:hidden}.news-cover{display:grid;place-items:center;min-height:155px;background:#d7e4f4;color:#5878a6}.news-cover.n2{background:#e2daef;color:#756394}.news-cover.n3{background:#d7e7e9;color:#5e858c}.news-cover svg{width:40px;height:40px}.news-card>div:last-child{padding:22px}.news-card small{font-size:8px;color:#77869b}.news-card h2{font-size:15px;margin:7px 0}.news-card p{font-size:9px;line-height:1.7;color:var(--muted)}.news-card button{border:0;background:transparent;color:var(--blue);font-size:9px;padding:0;display:flex;align-items:center;gap:4px}.news-card button svg{width:13px}.contact-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.contact-form{padding:24px;display:grid;gap:17px}.contact-form label{font-size:9px;font-weight:700;display:grid;gap:7px}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #dfe4ec;background:#fafbfd;border-radius:9px;padding:11px;outline:0;font-size:10px;color:var(--text);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#93aed4}.contact-form .primary-action{justify-self:start}.contact-layout aside{display:grid;gap:14px}.contact-note{padding:22px;border:1px solid var(--border);background:#fff;border-radius:14px}.contact-note>svg{color:#6381ac}.contact-note h2{font-size:13px}.contact-note p{font-size:9px;line-height:1.7;color:var(--muted)}.about-page{display:grid;gap:18px}.about-hero{padding:55px;border-radius:18px;background:linear-gradient(135deg,#d9e6f5,#e8e4f3);text-align:center}.about-hero span{font-size:9px;letter-spacing:2px;color:#5b7295}.about-hero h1{font-size:30px;max-width:600px;margin:15px auto}.about-hero p{max-width:660px;margin:auto;color:#64748b;font-size:11px;line-height:1.8}.admin-shell{display:grid;grid-template-columns:210px 1fr;gap:0;min-height:calc(100vh - 145px);margin:-34px -38px -30px}.admin-nav{background:#26354c;padding:25px 15px;color:#dbe3ee;display:flex;flex-direction:column;gap:5px}.admin-nav h2{font-size:16px;margin:0 10px 20px}.admin-nav a{padding:11px 12px;border-radius:8px;text-decoration:none;font-size:9px;color:#bfcbdb}.admin-nav a.active{background:#4777bd;color:#fff}.admin-nav a:last-child{margin-top:auto}.admin-content{padding:28px;background:#f4f7fb;min-width:0}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-stats article{background:#fff;border:1px solid var(--border);border-radius:11px;padding:17px;display:flex;flex-direction:column}.admin-stats small{font-size:8px;color:var(--muted)}.admin-stats b{font-size:20px;margin:7px 0}.admin-stats span{font-size:8px;color:#448d70}.admin-panels{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.admin-panels>.card{padding:20px}.admin-panels h2{font-size:13px;margin:0 0 20px}.bar-chart{height:250px;display:flex;align-items:flex-end;gap:13px;border-bottom:1px solid var(--border);padding:20px}.bar-chart i{flex:1;background:linear-gradient(#779dd3,#abc2e1);border-radius:5px 5px 0 0;position:relative}.bar-chart span{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%) rotate(-35deg);font-size:6px;white-space:nowrap;color:#7b8798}.admin-user{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--border)}.admin-user b{font-size:9px;flex:1}.admin-user small{font-size:8px;color:var(--muted)}.admin-table{padding:20px}.admin-table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.admin-table-head h2{font-size:15px;margin:0}.admin-table-head p{font-size:8px;color:var(--muted)}.admin-table-row{display:flex;align-items:center;gap:12px;padding:12px;border-top:1px solid var(--border)}.admin-table-row>div{flex:1;display:flex;flex-direction:column}.admin-table-row b{font-size:10px}.admin-table-row small{font-size:8px;color:var(--muted)}.admin-table-row>button{border:0;background:transparent}.empty-state{text-align:center;padding:80px}.empty-state svg{width:40px;height:40px;color:#8394ae}.toast{position:fixed;right:25px;bottom:25px;background:#273b5b;color:#fff;border-radius:10px;padding:13px 18px;font-size:10px;z-index:100;box-shadow:0 12px 30px rgba(25,39,61,.25);animation:toastIn .25s ease}@keyframes toastIn{from{transform:translateY(15px);opacity:0}}

@media(max-width:1180px){.position-grid,.subject-grid{grid-template-columns:repeat(2,1fr)}.stages-grid{grid-template-columns:repeat(4,1fr)}.checkpoint-card{grid-column:span 4}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.material-layout,.rating-page,.contact-layout{grid-template-columns:1fr}.material-side{position:static}.profile-grid{grid-template-columns:1fr}.profile-main,.profile-stats{grid-column:auto}.profile-stats{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr;margin:-34px -38px}.admin-nav{display:none}.admin-panels{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}}
@media(max-width:760px){.page-title h1{font-size:20px}.top-features{grid-template-columns:1fr 1fr}.position-grid,.subject-grid{grid-template-columns:1fr 1fr}.stages-grid{grid-template-columns:repeat(2,1fr)}.checkpoint-card{grid-column:span 2}.summary-stats{gap:15px}.material-layout{grid-template-columns:1fr}.pdf-mock{min-height:480px}.pdf-page{padding:35px}.question-nav{display:grid;grid-template-columns:repeat(5,1fr)}.question-nav button{width:100%}.benefit-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr}.news-card{grid-template-columns:1fr}.news-cover{min-height:130px}.leader-head,.leader-row{grid-template-columns:40px 1.5fr .7fr .7fr}.leader-head span:nth-child(3),.leader-row>span:nth-child(3){display:none}.admin-shell{margin:-24px -17px}.premium-hero{padding:25px}.about-hero{padding:35px 20px}.about-hero h1{font-size:24px}}

/* Admin route sayt navigatsiyasidan mustaqil, to‘liq ekran rejimida ishlaydi. */
body.admin-mode .sidebar,
body.admin-mode .topbar,
body.admin-mode > .overlay{display:none!important}
body.admin-mode .page-shell{padding-left:0;min-height:100vh}
body.admin-mode main{max-width:none;margin:0;padding:0;min-height:100vh}
body.admin-mode .admin-shell{margin:0;min-height:100vh}
.admin-nav>a:not(.admin-profile){position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;transition:color .22s ease,background-color .22s ease,transform .22s ease}
.admin-nav>a:not(.admin-profile)::before{content:"";position:absolute;inset:2px;border:1px solid rgba(174,205,245,.62);border-radius:7px;opacity:0;transform:scale(.9);transition:opacity .22s ease,transform .22s ease;pointer-events:none}
.admin-nav>a:not(.admin-profile):hover{background:rgba(104,151,211,.14);color:#fff;transform:translateX(3px)}
.admin-nav>a:not(.admin-profile):hover::before{opacity:1;transform:scale(1)}
.admin-nav>a:not(.admin-profile).active::before{opacity:.5;transform:scale(1);border-color:rgba(255,255,255,.5)}
.admin-stat-more{display:flex;justify-content:center;padding-top:17px}.admin-stat-more .secondary-action{min-width:125px}

.admin-profile{display:flex;align-items:center;gap:11px;padding:2px 8px 21px;margin-bottom:13px;border-bottom:1px solid rgba(255,255,255,.12);text-decoration:none;border-radius:8px;transition:background .2s}
.admin-profile:hover{background:rgba(255,255,255,.06)}
.admin-profile-avatar{width:43px;height:43px;flex:0 0 43px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#77a3df,#3f68a4);border:2px solid rgba(255,255,255,.35);box-shadow:0 5px 14px rgba(0,0,0,.18);color:#fff;font-size:12px;font-weight:800}
.admin-profile-avatar img{width:100%;height:100%;object-fit:cover}
.admin-profile>div:last-child{display:flex;flex-direction:column;min-width:0}
.admin-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:10px}
.admin-profile small{margin-top:3px;color:#9fb7d7;font-size:8px;font-weight:600}
.admin-profile-page{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:980px}
.admin-profile-form{padding:24px;display:grid;gap:17px;align-content:start}
.admin-form-heading{display:flex;align-items:center;gap:14px;padding-bottom:17px;border-bottom:1px solid var(--border)}
.admin-form-heading h2{font-size:15px;margin:0 0 4px}.admin-form-heading p{font-size:9px;color:var(--muted);margin:0}
.admin-profile-preview{width:64px;height:64px;flex:0 0 64px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#77a3df,#3f68a4);color:#fff;font-weight:800}
.admin-profile-preview img{width:100%;height:100%;object-fit:cover}
.admin-profile-form label{display:grid;gap:7px;font-size:9px;font-weight:700;color:#526176}
.admin-profile-form input{width:100%;border:1px solid #dfe4ec;background:#fafbfd;border-radius:9px;padding:11px;outline:0;font-size:10px;color:var(--text)}
.admin-profile-form input:focus{border-color:#7da3d5;box-shadow:0 0 0 3px #eaf1fb}
.admin-profile-form input[type=file]{padding:8px;background:#fff}
.admin-profile-form .primary-action{justify-self:start}
.admin-form-message{min-height:16px;margin:0;color:#5275a5;font-size:9px}
@media(max-width:900px){.admin-profile-page{grid-template-columns:1fr}}
.admin-stat-section{margin-top:18px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}
.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.admin-section-head h2{font-size:14px;margin:0 0 4px}.admin-section-head p{font-size:8px;color:var(--muted);margin:0}.admin-section-head select{min-width:170px;border:1px solid var(--border);border-radius:8px;background:#f8fafc;padding:9px;font-size:9px;color:#536176}
.admin-top-positions{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.admin-top-position{min-width:0;padding:16px;border:1px solid #e3e8f0;border-radius:11px;background:linear-gradient(145deg,#fff,#f6f9fd);display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px}.admin-top-position>span{grid-row:span 2;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e8f0fb;color:#4474b7;font-size:10px;font-weight:800}.admin-top-position>div{min-width:0;display:flex;flex-direction:column}.admin-top-position strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.admin-top-position small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:7px}.admin-top-position>b{grid-column:2;font-size:19px;color:#304d75}.admin-top-position em{grid-column:2;font-size:7px;font-style:normal;color:var(--muted);margin-top:-7px}
.admin-stat-table{overflow:auto}.admin-stat-table table{width:100%;border-collapse:collapse}.admin-stat-table th,.admin-stat-table td{text-align:left;padding:12px;border-bottom:1px solid #edf0f4;font-size:9px}.admin-stat-table th{color:#8490a2;font-size:8px;font-weight:600}.admin-stat-table td:first-child{display:flex;flex-direction:column}.admin-stat-table td strong{font-size:9px}.admin-stat-table td small{margin-top:3px;color:var(--muted);font-size:7px}
.admin-history-tabs{display:flex;padding:3px;background:#eef2f7;border-radius:8px}.admin-history-tabs button{border:0;background:transparent;border-radius:6px;padding:7px 11px;color:#6d798b;font-size:8px;cursor:pointer}.admin-history-tabs button.active{background:#fff;color:#3977d5;box-shadow:0 2px 7px rgba(48,70,105,.12)}.admin-history-chart{height:230px;display:flex;align-items:stretch;gap:5px;padding-top:10px;overflow-x:auto}.admin-history-day{flex:1;min-width:17px;display:flex;flex-direction:column;align-items:center}.admin-history-day>div{width:100%;height:150px;display:flex;align-items:flex-end;justify-content:center}.admin-history-day i{display:block;width:70%;min-width:7px;background:linear-gradient(#5b8ed1,#a9c4e7);border-radius:4px 4px 0 0}.admin-history-day span{margin-top:7px;color:#8792a2;font-size:6px;transform:rotate(-45deg)}.admin-history-day small,.admin-history-day em{display:none}.admin-history-day:hover small,.admin-history-day:hover em{display:block;position:fixed;background:#26354c;color:#fff;padding:5px;border-radius:5px;font-size:7px}.admin-history-legend{display:flex;gap:20px;color:#7d899a;font-size:8px}.admin-history-legend span{display:flex;align-items:center;gap:6px}.admin-history-legend i{width:8px;height:8px;border-radius:2px;background:#6f9bd4}
@media(max-width:1100px){.admin-top-positions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-top-positions{grid-template-columns:1fr}.admin-section-head{align-items:flex-start;flex-direction:column}.admin-section-head select{width:100%}}

/* Admin statistika — och fon, o‘rtacha kontrast rang kombinatsiyasi */
body.admin-mode .admin-content:has(.admin-dashboard){background:linear-gradient(180deg,#fafbfc 0%,#f4f6f9 48%,#f8f9fb 100%)}
body.admin-mode .admin-content:has(.admin-dashboard)>.page-title h1{color:#1e293b;letter-spacing:-.5px}
body.admin-mode .admin-content:has(.admin-dashboard)>.page-title p{color:#64748b}
.admin-dashboard{display:grid;gap:18px;padding-bottom:10px}
.admin-dashboard .admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.admin-dashboard .admin-stats article{position:relative;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto auto;column-gap:14px;align-content:center;overflow:hidden;padding:20px 18px 20px 16px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 18px rgba(15,23,42,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.admin-dashboard .admin-stats article::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:16px 0 0 16px}
.admin-dashboard .admin-stats article:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(15,23,42,.08)}
.admin-dashboard .admin-stat-icon{grid-row:1/4;width:54px;height:54px;border-radius:12px;display:grid;place-items:center;border:1px solid transparent}
.admin-dashboard .admin-stat-icon svg{width:26px;height:26px;display:block}
.admin-dashboard .admin-stats article small{font-size:9px;font-weight:700;color:#64748b;letter-spacing:.01em}
.admin-dashboard .admin-stats article b{font-size:27px;line-height:1.1;margin:4px 0 2px;color:#0f172a;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.admin-dashboard .admin-stats article em{font-size:8px;font-style:normal;color:#94a3b8}
.admin-dashboard .stat-card-users::before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.admin-dashboard .stat-card-users .admin-stat-icon{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.admin-dashboard .stat-card-premium::before{background:linear-gradient(180deg,#d97706,#92400e)}.admin-dashboard .stat-card-premium .admin-stat-icon{background:#fffbeb;color:#92400e;border-color:#fcd34d}
.admin-dashboard .stat-card-today::before{background:linear-gradient(180deg,#f97316,#ea580c)}.admin-dashboard .stat-card-today .admin-stat-icon{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.admin-dashboard .stat-card-online::before{background:linear-gradient(180deg,#10b981,#059669)}.admin-dashboard .stat-card-online .admin-stat-icon{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.admin-dashboard .admin-stat-section{margin-top:0;padding:22px 22px 20px;border-radius:18px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 6px 22px rgba(15,23,42,.04);position:relative;overflow:hidden}
.admin-dashboard .admin-stat-section::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:18px 0 0 18px}
.admin-dashboard .admin-top-section::before{background:linear-gradient(180deg,#f43f5e,#be123c)}
.admin-dashboard .admin-position-section::before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}
.admin-dashboard .admin-history-section::before{background:linear-gradient(180deg,#8b5cf6,#6d28d9)}
.admin-dashboard .admin-section-title{display:flex;align-items:center;gap:12px}
.admin-dashboard .admin-section-title>span{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;border:1px solid transparent}
.admin-dashboard .admin-section-title>span svg{width:24px;height:24px}
.admin-dashboard .admin-top-section .admin-section-title>span{background:#fff1f2;color:#be123c;border-color:#fecdd3}
.admin-dashboard .admin-position-section .admin-section-title>span{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.admin-dashboard .admin-history-section .admin-section-title>span{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}
.admin-dashboard .admin-section-head h2{color:#0f172a;font-size:14px;font-weight:800;letter-spacing:-.25px}
.admin-dashboard .admin-section-head p{color:#64748b;font-size:9px}
.admin-dashboard .admin-section-head select{min-width:190px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;padding:10px 12px;font-size:9px;color:#334155;outline:0;font-weight:600}
.admin-dashboard .admin-section-head select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.admin-dashboard .admin-top-position{min-width:0;padding:14px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.admin-dashboard .admin-top-position:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.07);background:#fff}
.admin-dashboard .admin-top-position>span{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:11px;font-weight:800;border:1px solid transparent}
.admin-dashboard .admin-top-position.rank-1>span{background:#fff1f2;color:#be123c;border-color:#fecdd3}
.admin-dashboard .admin-top-position.rank-2>span{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.admin-dashboard .admin-top-position.rank-3>span{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.admin-dashboard .admin-top-position.rank-4>span{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.admin-dashboard .admin-top-position.rank-5>span{background:#faf5ff;color:#6d28d9;border-color:#ddd6fe}
.admin-dashboard .admin-top-position strong{color:#0f172a;font-size:10px;font-weight:700}
.admin-dashboard .admin-top-position small{color:#64748b;font-size:8px}
.admin-dashboard .admin-top-position>b{grid-column:2;font-size:21px;color:#0f172a;font-weight:800}
.admin-dashboard .admin-top-position em{grid-column:2;display:flex;align-items:center;gap:5px;color:#64748b;font-size:8px;margin-top:-3px}
.admin-dashboard .admin-stat-inline-icon{display:inline-grid;place-items:center;width:14px;height:14px;color:#64748b}
.admin-dashboard .admin-stat-inline-icon svg{width:12px;height:12px}
.admin-dashboard .admin-stat-table{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}
.admin-dashboard .admin-stat-table thead{background:linear-gradient(180deg,#eff6ff,#e0f2fe)}
.admin-dashboard .admin-stat-table th{color:#475569;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #cbd5e1}
.admin-dashboard .admin-stat-table td{color:#334155;border-bottom:1px solid #e2e8f0}
.admin-dashboard .admin-stat-table tbody tr{transition:background .15s ease}
.admin-dashboard .admin-stat-table tbody tr:hover{background:#fff7ed}
.admin-dashboard .admin-stat-table td strong{color:#0f172a}
.admin-dashboard .admin-stat-table td small{color:#64748b}
.admin-dashboard .admin-stat-more{padding-top:16px}
.admin-dashboard .admin-dashboard-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:138px;border:1px solid #93c5fd!important;background:#eff6ff!important;color:#1d4ed8!important;border-radius:11px!important;font-weight:800}
.admin-dashboard .admin-dashboard-btn svg{width:16px;height:16px;color:#2563eb}
.admin-dashboard .admin-dashboard-btn:hover{background:#dbeafe!important;border-color:#60a5fa!important;color:#1e3a8a!important}
.admin-dashboard .admin-history-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:11px;padding:4px}
.admin-dashboard .admin-history-tabs button{color:#64748b;font-size:9px;font-weight:700;padding:8px 14px;border-radius:8px}
.admin-dashboard .admin-history-tabs button.active{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 4px 14px rgba(109,40,217,.25)}
.admin-dashboard .admin-history-chart{height:236px;display:flex;align-items:stretch;gap:5px;padding:14px 12px 6px;background:linear-gradient(180deg,#faf5ff 0%,#f8fafc 100%);border:1px solid #e9d5ff;border-radius:14px;overflow-x:auto}
.admin-dashboard .admin-history-day i{background:linear-gradient(180deg,#6366f1 0%,#3b82f6 55%,#10b981 100%);border-radius:4px 4px 0 0;box-shadow:0 2px 8px rgba(59,130,246,.25)}
.admin-dashboard .admin-history-day span{color:#64748b;font-size:7px}
.admin-dashboard .admin-history-day:hover small,.admin-dashboard .admin-history-day:hover em{background:#0f172a;border:1px solid #334155;color:#f8fafc}
.admin-dashboard .admin-history-legend{color:#64748b;font-size:9px;gap:18px}
.admin-dashboard .admin-history-legend i{width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,#6366f1,#3b82f6)}
.admin-dashboard .admin-history-legend span:last-child .admin-stat-inline-icon{color:#059669}
.admin-dashboard .admin-dashboard-empty{margin:0;padding:26px;text-align:center;color:#64748b;font-size:10px;background:#f8fafc;border-radius:12px;border:1px dashed #cbd5e1}
@media(max-width:1180px){.admin-dashboard .admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-dashboard .admin-stats{grid-template-columns:repeat(2,1fr)}.admin-dashboard .admin-stats article b{font-size:23px}.admin-dashboard .admin-top-positions{grid-template-columns:1fr}.admin-dashboard .admin-section-head{align-items:flex-start;flex-direction:column}.admin-dashboard .admin-section-head select{width:100%}}

/* Boshqa admin bo‘limlari (statistikadan tashqari) */
.admin-nav>a:not(.admin-profile){font-size:11px;font-weight:600;letter-spacing:.05px;padding:12px 13px}
body.admin-mode .admin-content{background:linear-gradient(145deg,#f5f8fc 0%,#eef3f9 100%)}
body.admin-mode .admin-content>.page-title h1{color:#203653;font-size:25px}
body.admin-mode .admin-content>.page-title p{color:#718096;font-size:10px}
.mobile-admin-return{display:none}
@media(max-width:900px){
  .mobile-admin-return{
    width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:8px;
    margin:0 0 18px;padding:11px 14px;border:1px solid #cbdced;border-radius:11px;
    background:#fff;color:#315f8d;text-decoration:none;font-size:10px;font-weight:800;
    font-family:inherit;cursor:pointer;
    box-shadow:0 5px 16px rgba(42,72,108,.08);touch-action:manipulation;
  }
  .mobile-admin-return span{
    width:23px;height:23px;display:grid;place-items:center;border-radius:7px;
    background:#e8f1fa;color:#315f8d;font-size:15px;
  }
  .mobile-admin-return:active{transform:translateY(1px);background:#f7faff}
}
@media(max-width:1100px){.admin-dashboard .admin-top-positions{grid-template-columns:repeat(2,1fr)}}

/* Admin kontent boshqaruvi. */
.content-manager{display:grid;gap:18px}.content-selector-card,.content-actions-card,.content-editor{padding:22px}.content-card-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.content-card-title>span{width:40px;height:40px;border-radius:11px;background:#e8f1fc;color:#4f79b1;display:grid;place-items:center}.content-card-title>span svg{width:19px}.content-card-title h2{font-size:14px;margin:0 0 4px}.content-card-title p{font-size:8px;color:var(--muted);margin:0}
.content-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.content-selector-grid label,.content-inline-form label{display:grid;gap:7px;color:#607087;font-size:9px;font-weight:700}.content-selector-grid select,.content-inline-form input,.content-upload-row input[type=number],.content-editor-block input{width:100%;border:1px solid #dce5ef;background:#f8fafc;border-radius:9px;padding:10px;color:#40536e;font-size:9px;outline:0}.content-selector-grid select:focus,.content-inline-form input:focus,.content-editor-block input:focus{border-color:#8eadd4;box-shadow:0 0 0 3px #edf3fb}
.content-workspace{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(400px,1.25fr);gap:18px}.content-stage-column,.content-editor-column{display:grid;align-content:start;gap:13px;min-width:0}.content-inline-form{display:grid;grid-template-columns:100px 1fr auto;gap:8px;margin-bottom:15px}.content-upload-row{display:grid;grid-template-columns:1fr 90px auto;gap:8px;padding-top:15px;border-top:1px solid var(--border)}.content-upload-row>label{display:flex;align-items:center;gap:9px;padding:9px;border:1px dashed #cbd9ea;border-radius:9px;background:#f8fbff;cursor:pointer;color:#5c78a0}.content-upload-row>label>svg{width:18px}.content-upload-row>label>span{display:flex;flex-direction:column}.content-upload-row b{font-size:8px}.content-upload-row small{font-size:7px;color:var(--muted)}.content-upload-row input[type=file]{display:none}
.content-stage-list{display:grid;gap:8px}.content-stage-card{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;text-align:left;border:1px solid #dfe7f0;background:#fff;border-radius:11px;padding:11px;color:#40516a;cursor:pointer;box-shadow:0 4px 13px rgba(46,65,92,.045);transition:.2s}.content-stage-card:hover{transform:translateX(3px);border-color:#aac1df}.content-stage-card.selected{border-color:#6e98cd;background:#edf5ff;box-shadow:0 0 0 2px #dae8fa}.content-stage-card.inactive{opacity:.62}.content-stage-card>span{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:#e9f0f9;color:#5577a4;font-size:11px;font-weight:800}.content-stage-card>div{display:flex;flex-direction:column;min-width:0}.content-stage-card strong{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-stage-card small{font-size:7px;color:var(--muted);margin-top:3px}.content-stage-card em{font-size:7px;font-style:normal;color:#4b8c70;background:#e7f4ee;border-radius:10px;padding:4px 7px}
.content-editor-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--border)}.content-editor-head small{font-size:8px;color:#557caf}.content-editor-head h2{font-size:16px;margin:4px 0}.content-status-toggle{border:1px solid #e2c8c8;background:#f9ecec;color:#9b6060;border-radius:12px;padding:6px 10px;font-size:8px;cursor:pointer}.content-status-toggle.active{border-color:#c5e1d4;background:#e8f5ef;color:#47856c}.content-editor-block{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #edf1f5}.content-block-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.content-block-icon svg{width:19px}.content-block-icon.blue{background:#e8f1fc;color:#4d79b4}.content-block-icon.red{background:#f9ebeb;color:#a96767}.content-block-icon.purple{background:#f0ebfa;color:#7965aa}.content-block-icon.green{background:#e7f5ee;color:#468b6d}.content-editor-block>div:nth-child(2){display:grid;gap:5px}.content-editor-block h3{font-size:10px;margin:0}.content-editor-block p{font-size:8px;color:var(--muted);margin:0}.content-editor-block input[type=file]{padding:7px;background:#fff}.content-editor-block a{font-size:8px;color:#4d76ae;text-decoration:none}.content-validation{display:flex;align-items:center;gap:11px;margin-top:17px;padding:13px;border-radius:10px;background:#f0f6fd;color:#5278a9}.content-validation>span{width:34px;height:34px;border-radius:9px;background:#fff;display:grid;place-items:center}.content-validation>span svg{width:17px}.content-validation>div{display:flex;flex-direction:column}.content-validation b{font-size:10px}.content-validation small{font-size:8px;color:#72839a}.content-message{min-height:16px;color:#9a5c5c;font-size:9px}.content-empty{min-height:180px;padding:35px;display:grid;place-items:center;text-align:center;align-content:center;color:#8190a4}.content-empty>svg{width:32px;height:32px;color:#6f8db5}.content-empty h3{font-size:12px;margin:12px 0 4px}.content-empty p{font-size:8px;margin:0}
@media(max-width:1100px){.content-selector-grid{grid-template-columns:repeat(2,1fr)}.content-workspace{grid-template-columns:1fr}}
@media(max-width:760px){.content-selector-grid{grid-template-columns:1fr}.content-inline-form,.content-upload-row{grid-template-columns:1fr}.content-editor-block{grid-template-columns:38px 1fr}.content-editor-block>button{grid-column:2}.content-workspace{display:block}.content-editor-column{margin-top:14px}}
@media(max-width:520px){.top-features,.position-grid,.subject-grid{grid-template-columns:1fr}.stage-summary{align-items:flex-start;gap:20px;flex-direction:column}.summary-stats{width:100%;justify-content:space-between}.profile-stats{grid-template-columns:1fr 1fr}.profile-main{align-items:flex-start;flex-wrap:wrap}.profile-main .secondary-action{margin-left:0}.result-wrap{padding:28px 17px}.result-score b{font-size:17px}.premium-hero{align-items:flex-start;flex-direction:column}.premium-contact{align-items:flex-start;flex-direction:column;gap:15px}.large-choice{padding:22px;flex-direction:column}.test-actions{gap:10px}.test-actions>*{flex:1}.question-card{padding:20px}.pdf-page{width:90%;padding:25px}}

/* Administrator bilan suzuvchi chat */
.admin-chat{position:fixed;right:28px;bottom:26px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:13px}.chat-launcher{position:relative;width:58px;height:58px;border:1px solid rgba(102,91,184,.65);border-radius:18px;background:linear-gradient(145deg,#7188d2,#796bb9);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 27px rgba(73,75,145,.28);transition:transform .25s,box-shadow .25s;animation:chatFloat 3s ease-in-out infinite}.chat-launcher:before{content:"";position:absolute;inset:-6px;border:1px solid rgba(105,91,186,.34);border-radius:22px;animation:chatPulse 2.2s ease-out infinite}.chat-launcher:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 32px rgba(73,75,145,.36)}.chat-launcher span{display:grid;place-items:center}.chat-launcher svg{width:25px;height:25px;stroke-width:1.8}.chat-launcher b{position:absolute;right:-4px;top:-5px;width:20px;height:20px;border-radius:50%;background:#fff;color:#6558a2;display:grid;place-items:center;font-size:9px;border:2px solid #7770be}.chat-panel{width:350px;height:440px;background:rgba(255,255,255,.98);border:1px solid rgba(103,92,180,.6);border-radius:19px;box-shadow:0 22px 55px rgba(45,49,91,.22);overflow:hidden;display:flex;flex-direction:column;transform:translateY(18px) scale(.94);transform-origin:bottom right;opacity:0;visibility:hidden;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1),visibility .25s}.admin-chat.open .chat-panel{opacity:1;visibility:visible;transform:none}.admin-chat.open .chat-launcher{animation:none}.chat-panel header{min-height:72px;padding:13px 15px;background:linear-gradient(135deg,rgba(104,123,195,.96),rgba(112,91,170,.94));color:#fff;display:flex;align-items:center;gap:11px}.chat-admin-icon{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.27);display:grid;place-items:center}.chat-admin-icon svg{width:20px}.chat-panel header>div{display:flex;flex-direction:column;flex:1}.chat-panel header strong{font-size:11px}.chat-panel header small{display:flex;align-items:center;gap:5px;font-size:8px;color:rgba(255,255,255,.78);margin-top:3px}.chat-panel header small i{width:6px;height:6px;border-radius:50%;background:#bde4d1;box-shadow:0 0 0 3px rgba(189,228,209,.14)}.chat-panel header button{border:0;background:rgba(255,255,255,.12);color:#fff;width:29px;height:29px;border-radius:8px;font-size:18px;cursor:pointer}.chat-body{flex:1;overflow:auto;padding:17px;background:linear-gradient(180deg,#f8f9fd,#f3f5fa)}.chat-time{display:block;text-align:center;color:#98a2b1;font-size:7px;margin-bottom:15px}.admin-message,.user-message{max-width:82%;padding:10px 12px;border-radius:5px 13px 13px 13px;font-size:9px;line-height:1.55;animation:messageIn .25s ease}.admin-message{background:#fff;border:1px solid #e1e5ee;color:#556175}.admin-message b{font-size:7px;color:#7468ae}.admin-message p,.user-message p{margin:4px 0 0}.user-message{margin:12px 0 0 auto;background:linear-gradient(135deg,#7188ce,#7468af);color:#fff;border-radius:13px 5px 13px 13px}.chat-compose{min-height:66px;padding:11px;background:#fff;border-top:1px solid #e5e8ef;display:flex;align-items:flex-end;gap:8px}.chat-compose textarea{flex:1;min-height:40px;max-height:80px;border:1px solid #dfe3eb;border-radius:11px;background:#f7f8fb;padding:12px;outline:0;resize:none;font-size:9px;color:var(--text)}.chat-compose textarea:focus{border-color:#9b94ca;box-shadow:0 0 0 3px rgba(119,105,184,.1)}.chat-compose button{width:40px;height:40px;border:0;border-radius:11px;background:linear-gradient(145deg,#7188d2,#796bb9);color:#fff;display:grid;place-items:center;cursor:pointer}.chat-compose button svg{width:17px}@keyframes chatPulse{0%{opacity:.8;transform:scale(.92)}70%,100%{opacity:0;transform:scale(1.22)}}@keyframes chatFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes messageIn{from{opacity:0;transform:translateY(7px)}}
@media(max-width:760px){.admin-chat{right:17px;bottom:17px}.chat-panel{width:min(350px,calc(100vw - 34px));height:min(440px,calc(100vh - 105px))}.chat-launcher{width:54px;height:54px;border-radius:17px}}
@media(prefers-reduced-motion:reduce){.chat-launcher,.chat-launcher:before,.admin-message,.user-message{animation:none}}
.premium-price-card .premium-price>strong{font-size:34px;letter-spacing:-1.5px;white-space:nowrap}

/* Premium funksiyalari va original to'lov brendlari */
body .premium-benefits-card{display:flex;flex-direction:column}
body .benefits-heading>span{padding:0;background:transparent;color:#293959;font-size:16px;font-weight:800}
body .premium-benefits-list{flex:1;display:grid;grid-template-columns:1fr;gap:9px;margin-top:17px}
body .premium-benefits-list li{min-height:54px;padding:10px 13px;border:1px solid transparent;border-radius:12px;gap:12px}
body .premium-benefits-list li>span{flex:0 0 35px;height:35px}
body .premium-benefits-list li>b{font-size:11px;line-height:1.4;color:#16243a}
body .premium-benefits-list .benefit-test{background:#edf4fc;border-color:#cfdef0}
body .premium-benefits-list .benefit-test>span{background:#dceafb;color:#4e75aa}
body .premium-benefits-list .benefit-chat{background:#f2eef9;border-color:#ded4ee}
body .premium-benefits-list .benefit-chat>span{background:#e4dbf2;color:#745e9e}
body .premium-benefits-list .benefit-rating{background:#edf6f5;border-color:#d2e5e2}
body .premium-benefits-list .benefit-rating>span{background:#dcece9;color:#4f8078}
body .payment-logo[data-payment="Click"],body .modal-payment-grid button[data-payment="Click"]{background:#0065ff;border:2px solid #0053d5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
body .payment-logo[data-payment="Click"] img{max-width:105px;max-height:29px}
body .modal-payment-grid button[data-payment="Click"] img{max-width:125px;max-height:34px}
body .payment-logo.paynet-current,body .modal-payment-grid .paynet-current{background:#2daa66;border-color:#258e57;overflow:hidden}
body .payment-logo.paynet-current img{width:104px;height:39px;max-width:none;max-height:none;object-fit:cover;border-radius:0}
body .modal-payment-grid .paynet-current img{width:130px;height:48px;max-width:none;max-height:none;object-fit:cover;border-radius:0}
body .payment-methods>div h2{margin:0}
body .payment-logo[data-payment="Click"],body .modal-payment-grid button[data-payment="Click"]{background:#fff;border:1.5px solid #64b9ec;box-shadow:none}
body .payment-logo[data-payment="Click"] img{width:112px;height:42px;max-width:none;max-height:none;object-fit:contain}
body .modal-payment-grid button[data-payment="Click"] img{width:138px;height:52px;max-width:none;max-height:none;object-fit:contain}
body .payment-logo.paynet-current,body .modal-payment-grid .paynet-current{background:#fff;border:1.5px solid #68b984}
body .payment-logo.paynet-current img{width:118px;height:42px;max-width:none;max-height:none;object-fit:contain;border-radius:0}
body .modal-payment-grid .paynet-current img{width:145px;height:54px;max-width:none;max-height:none;object-fit:contain;border-radius:0}
body .payment-methods{grid-template-columns:repeat(4,1fr)}
body .premium-benefits-list li>b{font-size:14px;line-height:1.45}
body .payment-logo[data-payment="Payme"] img{width:112px;height:42px;max-width:none;max-height:none;object-fit:contain}
body .modal-payment-grid button[data-payment="Payme"] img{width:138px;height:52px;max-width:none;max-height:none;object-fit:contain}
@media(max-width:700px){body .payment-methods{grid-template-columns:repeat(2,1fr)}body .premium-benefits-list li>b{font-size:12px}}

/* Yangilangan navigatsiya — yo‘nalish palitrasiga mos to‘q kontrast */
:root{--navigation-bg:#1a2d42}
.sidebar,.topbar{background:var(--navigation-bg)}

/* Kuchaytirilgan matn kontrasti va imkoniyat kartalari */
:root{--text:#101c31;--muted:#53637b}
body{color:var(--text);font-weight:500}
.features>.feature-link{min-height:70px;padding:13px 14px;background:rgba(255,255,255,.72);border:1.5px solid #a9bdd3;border-radius:13px;box-shadow:0 5px 14px rgba(50,76,109,.07);transition:border-color .22s,transform .22s,box-shadow .22s}
.features>.feature-link:hover{transform:translateY(-2px);border-color:#7599bf;box-shadow:0 9px 20px rgba(50,76,109,.13)}
.features>.feature-link.premium-feature{border:1.5px solid #b8a8c9!important}
.features strong,.features p{color:#15233a}.features strong{font-weight:800}.features p{opacity:.78;font-weight:600}
.nav-link{color:#3f526d;font-weight:700}.nav-link.active{color:#155fc7}
.search input{color:#17243a;font-weight:600}.profile-copy b{color:#17243a;font-weight:800}
.overview-grid .direction h2{position:relative;display:inline-block;font-weight:800;transition:transform .25s,letter-spacing .25s}
.overview-grid .direction h2:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;border-radius:2px;background:rgba(255,255,255,.55);transition:width .28s ease}
.overview-grid .direction:hover h2{transform:translateX(4px) scale(1.02);letter-spacing:.1px}
.overview-grid .direction:hover h2:after{width:100%}
.overview-grid .direction p,.overview-grid .direction-footer small{color:rgba(255,255,255,.9);opacity:1;font-weight:600}
.card h2,.selection-card h2,.subject-card h2,.page-title h1{color:#111f35;font-weight:800}
.card p,.selection-card p,.subject-card p,.page-title p{color:#4b5c74;font-weight:600}
button,a,input,textarea,select{font-weight:600}

/* Premium obuna sahifasi */
.premium-subscription{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(450px,1.22fr);gap:18px}.premium-price-card,.premium-benefits-card{border-radius:19px;min-height:480px}.premium-price-card{position:relative;overflow:hidden;padding:31px;color:#fff;background:linear-gradient(145deg,#596da7,#7461a0);border:1px solid rgba(74,69,126,.58);box-shadow:0 18px 36px rgba(61,65,117,.2)}.premium-price-card:before,.premium-price-card:after{content:"";position:absolute;border-radius:50%;border:35px solid rgba(255,255,255,.065)}.premium-price-card:before{width:180px;height:180px;right:-100px;top:-95px}.premium-price-card:after{width:125px;height:125px;left:-80px;bottom:-85px}.premium-price-top{position:relative;z-index:1;display:flex;align-items:center;gap:13px}.premium-price-top>span{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#fff5c9,#f7d36d);color:#d39408;display:grid;place-items:center;box-shadow:0 7px 18px rgba(47,43,84,.2)}.premium-price-top svg{width:25px;height:25px}.premium-price-top>div{display:flex;flex-direction:column}.premium-price-top small{font-size:8px;letter-spacing:1.2px;color:rgba(255,255,255,.68)}.premium-price-top strong{font-size:20px}.premium-price-card>p{position:relative;z-index:1;max-width:330px;margin:32px 0 22px;font-size:11px;line-height:1.8;color:rgba(255,255,255,.78)}.premium-price{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:20px 0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.premium-price>strong{font-size:59px;line-height:1;letter-spacing:-3px}.premium-price>div{display:flex;flex-direction:column}.premium-price b{font-size:15px}.premium-price small{font-size:9px;color:rgba(255,255,255,.66)}.price-note{position:relative;z-index:1;display:flex;align-items:center;gap:7px;margin:18px 0;color:rgba(255,255,255,.82);font-size:9px}.price-note svg{width:15px}.premium-buy{position:relative;z-index:1;width:100%;height:47px;border:0;border-radius:11px;background:linear-gradient(145deg,#fff4c8,#f2cc67);color:#594a24;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(42,39,75,.22);transition:transform .22s,box-shadow .22s}.premium-buy:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(42,39,75,.3)}.premium-buy svg{width:15px}.secure-note{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:14px;color:rgba(255,255,255,.55);font-size:7px}.secure-note svg{width:12px}.premium-benefits-card{padding:31px;background:#fff;border:1px solid #d9dcea;box-shadow:var(--shadow)}.benefits-heading>span{display:inline-block;padding:5px 9px;border-radius:12px;background:#f0ecf8;color:#756394;font-size:8px;font-weight:800}.benefits-heading h2{font-size:21px;letter-spacing:-.4px;margin:12px 0 7px}.benefits-heading p{max-width:530px;color:var(--muted);font-size:10px;line-height:1.7;margin:0}.premium-benefits-list{list-style:none;margin:24px 0 0;padding:0}.premium-benefits-list li{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid #e8eaf0}.premium-benefits-list li>span{flex:0 0 40px;height:40px;border-radius:11px;background:#f0f3f9;color:#5e72a1;display:grid;place-items:center}.premium-benefits-list li:last-child>span{background:#fff3c5;color:#dd9f0d}.premium-benefits-list svg{width:19px;height:19px}.premium-benefits-list li>div{display:flex;flex-direction:column}.premium-benefits-list b{font-size:11px;color:#17233a}.premium-benefits-list p{font-size:8px;color:#5c6980;margin:4px 0 0;line-height:1.55}.payment-methods{grid-column:span 2;display:grid;grid-template-columns:1.2fr repeat(4,1fr);align-items:center;gap:12px;padding:19px 21px;background:#fff;border:1px solid #d8e0eb;border-radius:15px;box-shadow:var(--shadow)}.payment-methods>div small{font-size:7px;color:#7a8799}.payment-methods>div h2{font-size:13px;margin:3px 0 0}.payment-logo{height:54px;border:1px solid #e0e4eb;border-radius:11px;background:#fafbfc;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.payment-logo:hover{transform:translateY(-2px);border-color:#b6c3d5;box-shadow:0 7px 16px rgba(52,67,92,.1)}.payment-logo strong{font-size:13px;letter-spacing:-.2px}.click-logo{color:#159cdb}.click-logo i{width:15px;height:15px;border:4px solid #159cdb;border-right-color:transparent;border-radius:50%;transform:rotate(-28deg)}.payme-logo{color:#00b9b4}.payme-logo strong{font-size:17px;letter-spacing:-1px}.paynet-logo{color:#565d6a}.paynet-logo span{color:#ec7184}.paynet-logo strong{letter-spacing:.5px}.uzum-logo{color:#6338aa}.uzum-logo>span{width:25px;height:25px;border-radius:8px;background:linear-gradient(145deg,#7953c4,#ec78b1);color:#fff;display:grid;place-items:center;font-size:12px}.uzum-logo strong{display:flex;flex-direction:column;line-height:10px}.uzum-logo small{font-size:7px;letter-spacing:1.3px}
@media(max-width:980px){.premium-subscription{grid-template-columns:1fr}.payment-methods{grid-column:auto;grid-template-columns:repeat(2,1fr)}.payment-methods>div{grid-column:span 2}.premium-price-card,.premium-benefits-card{min-height:auto}}
@media(max-width:520px){.premium-price-card,.premium-benefits-card{padding:23px}.premium-price>strong{font-size:50px}.payment-methods{grid-template-columns:1fr 1fr;padding:15px}.payment-logo{height:50px}}

/* Ixcham Premium kartalari va real to'lov logotiplari */
.premium-price-card,.premium-benefits-card{min-height:265px;padding:20px}.premium-price-top>span{width:39px;height:39px;border-radius:11px}.premium-price-top svg{width:20px;height:20px}.premium-price-top strong{font-size:16px}.premium-price-card>p{margin:16px 0 11px;font-size:9px;line-height:1.55}.premium-price{padding:10px 0}.premium-price>strong{font-size:39px;letter-spacing:-2px}.premium-price b{font-size:12px}.price-note{margin:10px 0;font-size:8px}.premium-buy{height:39px;font-size:9px}.secure-note{margin-top:8px}.benefits-heading h2{font-size:16px;margin:8px 0 4px}.benefits-heading p{font-size:8px;line-height:1.5}.premium-benefits-list{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.premium-benefits-list li{gap:9px;padding:9px 0}.premium-benefits-list li>span{flex-basis:31px;height:31px;border-radius:8px}.premium-benefits-list svg{width:15px;height:15px}.premium-benefits-list b{font-size:9px}.premium-benefits-list p{font-size:7px;line-height:1.4}.payment-logo img{display:block;max-width:92px;max-height:28px;object-fit:contain}.payment-logo.icon-logo img{width:27px;height:27px;border-radius:7px}.payment-logo.icon-logo strong{font-size:10px;color:#323b4c}.payment-logo{padding:8px 12px}.payment-modal{position:fixed;inset:0;z-index:100;background:rgba(24,34,55,.48);backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.payment-modal.show{opacity:1;visibility:visible}.payment-dialog{position:relative;width:min(470px,100%);padding:28px;background:#fff;border:1px solid #cdd8e7;border-radius:19px;text-align:center;box-shadow:0 25px 65px rgba(24,35,59,.28);transform:translateY(14px) scale(.97);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.payment-modal.show .payment-dialog{transform:none}.modal-close{position:absolute;right:14px;top:14px;width:31px;height:31px;border:1px solid #e0e5ed;border-radius:9px;background:#f7f9fb;color:#69768b;font-size:18px;cursor:pointer}.modal-crown{width:46px;height:46px;border-radius:13px;margin:0 auto 10px;background:#fff2bf;color:#d99907;display:grid;place-items:center}.modal-crown svg{width:23px}.payment-dialog>small{font-size:8px;color:#76659b}.payment-dialog h2{font-size:18px;margin:5px 0}.payment-dialog>p{font-size:9px;color:var(--muted);margin:0 0 18px}.modal-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-payment-grid button{height:70px;border:1px solid #dfe4ec;border-radius:12px;background:#fafbfd;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s}.modal-payment-grid button:hover{transform:translateY(-2px);border-color:#a8b9d0;box-shadow:0 7px 16px rgba(56,70,94,.1)}.modal-payment-grid img{max-width:112px;max-height:32px;object-fit:contain}.modal-payment-grid .icon-logo img{width:33px;height:33px;border-radius:8px}.modal-payment-grid strong{font-size:11px;color:#343d4d}.modal-security{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:16px;font-size:7px;color:#8994a4}.modal-security svg{width:12px}@media(max-width:700px){.premium-benefits-list{grid-template-columns:1fr}}@media(max-width:520px){.premium-price-card,.premium-benefits-card{padding:18px}.modal-payment-grid button{height:60px}.modal-payment-grid img{max-width:90px}.payment-dialog{padding:24px 16px}}

.pdf-frame{width:100%;min-height:560px;border:0;border-radius:12px;background:#fff}
.rating-filter{display:block;margin:0 0 16px;font-size:11px;color:var(--muted)}
.rating-filter select{margin-left:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px}
.news-detail{padding:24px}
.news-body{margin-top:16px;line-height:1.7;color:#4b5c74}
.video-dialog{width:min(860px,96vw);padding:16px}
.video-dialog iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
.avatar img,.big-avatar img,.admin-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.admin-message-row{display:grid;grid-template-columns:1fr minmax(220px,.8fr);gap:16px;padding:16px 0;border-top:1px solid #edf0f5}
.admin-message-row p{margin:8px 0;color:#4b5c74;line-height:1.6}
.admin-message-row em{display:block;margin-top:8px;font-style:normal;color:#2563eb;font-size:11px}
.admin-reply-form{display:flex;flex-direction:column;gap:8px}
.admin-reply-form textarea,.admin-reply-form select{border:1px solid var(--border);border-radius:8px;padding:8px}
.nav-link i[hidden]{display:none!important}
.profile-button img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.profile-menu{position:relative}
.profile-dropdown{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  min-width:168px;
  padding:6px;
  border-radius:12px;
  background:#fff;
  border:1px solid #e2e8f0;
  box-shadow:0 14px 36px rgba(15,23,42,.18);
  z-index:30;
}
.profile-dropdown-item{
  display:flex;
  align-items:center;
  width:100%;
  padding:10px 12px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#1e293b;
  font-size:11px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  text-align:left;
}
.profile-dropdown-item:hover{background:#f1f5f9}
.profile-dropdown-logout{color:#b91c1c}
.profile-dropdown-logout:hover{background:#fef2f2}
.profile-button[aria-expanded=true]{background:rgba(255,255,255,.1);border-radius:10px}

/* ===== Bosh sahifa dizayn tizimi (2026) ===== */
:root{
  --nav-bg:#365b7a;
  --nav-bg-deep:#294a67;
  --nav-border:#52738d;
  --nav-text:#d5e2ec;
  --nav-text-strong:#ffffff;
  --nav-active:#ffffff;
  --surface:#f1f5f8;
  --dir-mahalla-a:#629bd1;--dir-mahalla-b:#3f78b0;--dir-mahalla-c:#fff;--dir-mahalla-icon:#fff;
  --dir-tibbiyot-a:#d47b91;--dir-tibbiyot-b:#b55470;--dir-tibbiyot-c:#fff;--dir-tibbiyot-icon:#fff;
  --dir-adliya-a:#8d98aa;--dir-adliya-b:#687488;--dir-adliya-c:#fff;--dir-adliya-icon:#fff;
  --dir-iqtisod-a:#55aa9f;--dir-iqtisod-b:#367f78;--dir-iqtisod-c:#fff;--dir-iqtisod-icon:#fff;
  --dir-talim-a:#9a81d6;--dir-talim-b:#745db6;--dir-talim-c:#fff;--dir-talim-icon:#fff;
  --dir-davlat-a:#6d9dda;--dir-davlat-b:#496fb3;--dir-davlat-c:#fff;--dir-davlat-icon:#fff;
  --dir-qurilish-a:#dc9260;--dir-qurilish-b:#b76843;--dir-qurilish-c:#fff;--dir-qurilish-icon:#fff;
  --dir-qishloq-a:#65ad7d;--dir-qishloq-b:#46865d;--dir-qishloq-c:#fff;--dir-qishloq-icon:#fff;
  --premium-gold-a:#fbbf24;--premium-gold-b:#d97706;--premium-gold-c:#fff;--premium-gold-icon:#fff;
  --chat-a:#3b82f6;--chat-b:#7c3aed;
}
body{background:var(--surface)}
.sidebar{
  position:fixed;
  background:linear-gradient(180deg,var(--nav-bg) 0%,var(--nav-bg-deep) 100%);
  border-right:1px solid var(--nav-border);
  box-shadow:4px 0 24px rgba(10,20,35,.18);
}
.sidebar:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,#2563eb 0%,#e11d48 14%,#ea580c 28%,#7c3aed 42%,#16a34a 57%,#0d9488 71%,#92400e 85%,#1e40af 100%);
  pointer-events:none;
}
.topbar{
  background:linear-gradient(90deg,#31536f 0%,#426985 52%,#527892 100%);
  border-bottom:1px solid var(--nav-border);
  backdrop-filter:blur(10px);
}
.search{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);color:#c5d4e4}
.search input{color:#f1f5f9;font-weight:600}
.search input::placeholder{color:#94a3b8}
.search kbd{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#cbd5e1}
.menu-toggle{background:rgba(255,255,255,.12);color:#e2e8f0;border:1px solid rgba(255,255,255,.16)}
.mobile-brand{color:#f1f5f9}
.icon-button{color:#cbd5e1}
.profile-copy b{color:#f8fafc}
.profile-copy small{color:#94a3b8}
.avatar{box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.brand{color:#f1f5f9}
.brand small{color:#94a3b8}
.brand{
  width:calc(100% - 8px);
  min-height:62px;
  margin:0 4px 27px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
  box-shadow:0 12px 28px rgba(2,8,23,.22),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}
.brand:after{
  content:"";
  position:absolute;
  width:52px;
  height:52px;
  right:-20px;
  bottom:-28px;
  border-radius:50%;
  background:rgba(59,130,246,.18);
}
.brand-copy{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;line-height:1}
.brand-copy strong{
  color:#fff;
  font-size:17px;
  line-height:1;
  letter-spacing:1.4px;
  text-shadow:0 2px 8px rgba(0,0,0,.25);
}
.brand .brand-copy small{
  margin:0;
  color:#fff;
  font-size:17px;
  font-weight:800;
  line-height:1;
  letter-spacing:1.4px;
  text-shadow:0 2px 8px rgba(0,0,0,.2);
}
.brand b{
  z-index:1;
  top:7px;
  right:7px;
  bottom:auto;
  padding:1px 5px;
  border-radius:5px;
  background:linear-gradient(135deg,#ff4949,#dc2626);
  box-shadow:0 4px 10px rgba(220,38,38,.32);
  font-size:7px;
  line-height:14px;
  letter-spacing:.4px;
}
.sidebar-foot{color:#64748b}
.nav-link{color:var(--nav-text);border:1px solid transparent;border-left:3px solid transparent;transition:background .2s,color .2s,border-color .2s,transform .2s}
.nav-link svg{width:18px;height:18px;stroke-width:1.9;stroke-linecap:square;stroke-linejoin:miter;transition:color .2s,transform .2s}
.nav-link:hover{background:rgba(255,255,255,.08);color:var(--nav-text-strong);transform:translateX(2px)}
.nav-link.active{background:rgba(255,255,255,.1);color:var(--nav-active);border-color:rgba(255,255,255,.08);border-left-color:#3b82f6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.nav-link[data-route="home"].active{border-left-color:#2563eb}.nav-link[data-route="home"].active svg{color:#60a5fa}
.nav-link[data-route="rating"].active{border-left-color:#d97706}.nav-link[data-route="rating"].active svg{color:#fbbf24}
.nav-link[data-route="videos"].active{border-left-color:#7c3aed}.nav-link[data-route="videos"].active svg{color:#c4b5fd}
.nav-link[data-route="news"].active{border-left-color:#16a34a}.nav-link[data-route="news"].active svg{color:#86efac}
.nav-link[data-route="contact"].active{border-left-color:#e11d48}.nav-link[data-route="contact"].active svg{color:#fda4af}
.nav-link[data-route="about"].active{border-left-color:#64748b}.nav-link[data-route="about"].active svg{color:#cbd5e1}
.nav-link i{background:linear-gradient(145deg,#fecaca,#f87171);color:#7f1d1d}

/* Premium banner — qorong‘u menyu uchun oltin-nos */
.premium-banner{margin-bottom:20px;padding:14px 12px;border:1px solid rgba(251,191,36,.28);border-radius:16px;background:linear-gradient(135deg,rgba(146,64,14,.55) 0%,rgba(180,83,9,.42) 50%,rgba(120,53,15,.5) 100%);box-shadow:0 8px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);overflow:visible}
.premium-banner:before{background:radial-gradient(circle,rgba(251,191,36,.15) 0%,transparent 70%);width:90px;height:90px;right:-24px;top:-38px}
.premium-banner:hover{border-color:rgba(251,191,36,.45);box-shadow:0 12px 28px rgba(0,0,0,.28);transform:translateY(-2px)}
.premium-gem{position:relative;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#fcd34d 0%,#f59e0b 55%,#b45309 100%);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.2)}
.premium-gem svg{width:22px;height:22px;stroke-width:1.9;stroke-linecap:square;stroke-linejoin:miter}
.premium-spark{display:none}
.premium-text strong{color:#fef3c7;font-size:12.5px;letter-spacing:-.2px}
.premium-text small{color:#fcd34d;font-size:7.5px;font-weight:700;letter-spacing:.3px;opacity:.85}
.premium-arrow{color:#fde68a;background:rgba(255,255,255,.1);width:26px;height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.12)}

/* Davlat tayyorlov banner — Vacancy.gov.uz */
.home-gov-banner{margin-bottom:8px}
.home-gov-banner-inner{
  position:relative;overflow:hidden;border-radius:20px;
  border:1px solid rgba(30,64,120,.18);
  background:linear-gradient(135deg,#fff 0%,#f0f7ff 38%,#e8f2fc 100%);
  box-shadow:0 14px 40px rgba(16,44,104,.1),inset 0 1px 0 rgba(255,255,255,.95);
}
.home-gov-banner-inner:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 80% at 100% 0%,rgba(31,111,212,.08) 0%,transparent 55%);
}
.home-gov-banner-brand{
  position:relative;z-index:1;display:flex;align-items:center;gap:22px;
  padding:22px 26px 20px;flex-wrap:wrap;
}
.home-gov-emblem-wrap{
  flex:0 0 auto;display:grid;place-items:center;
  width:132px;height:132px;padding:10px;border-radius:18px;
  background:linear-gradient(165deg,#0c1929 0%,#152238 45%,#1a3050 100%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 28px rgba(12,25,41,.35),inset 0 1px 0 rgba(255,255,255,.08);
}
.home-gov-emblem{width:100%;height:100%;object-fit:contain;display:block}
.home-gov-banner-copy{flex:1;min-width:240px}
.home-gov-eyebrow{
  display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px;
  border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#1e4a8a;background:rgba(255,255,255,.75);border:1px solid rgba(47,126,200,.25);
}
.home-gov-title{
  margin:0 0 10px;font-size:clamp(17px,2.4vw,22px);font-weight:800;line-height:1.35;
  letter-spacing:-.35px;color:#0f2744;
}
.home-gov-title a{
  color:#1f6fd4;text-decoration:none;border-bottom:2px solid rgba(31,111,212,.35);
  transition:border-color .2s,color .2s;
}
.home-gov-title a:hover{color:#134a8a;border-bottom-color:#1f6fd4}
.home-gov-lead{margin:0;max-width:560px;font-size:11px;line-height:1.65;font-weight:600;color:#4a607a}
.home-gov-banner-strip{
  display:flex;height:5px;overflow:hidden;border-radius:0 0 19px 19px;
}
.home-gov-banner-strip span{flex:1}
.home-gov-banner-strip span:nth-child(1){background:linear-gradient(90deg,#1e40af,#2563eb)}
.home-gov-banner-strip span:nth-child(2){background:linear-gradient(90deg,#2563eb,#38bdf8)}
.home-gov-banner-strip span:nth-child(3){background:linear-gradient(90deg,#38bdf8,#0ea5e9)}

/* Feature kartalar */
.home-hero{margin-bottom:18px;padding:22px 24px;border-radius:18px;border:1px solid #c9d9ea;background:linear-gradient(135deg,rgba(255,255,255,.88) 0%,rgba(232,241,250,.95) 55%,rgba(214,235,250,.85) 100%);box-shadow:0 8px 24px rgba(45,78,120,.07)}
.home-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid #c9d9ea;color:#2f6eb8;font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.home-eyebrow svg{width:14px;height:14px;color:#f0b429;stroke-width:2}
.home-hero h1{margin:12px 0 6px;font-size:24px;letter-spacing:-.7px;color:#12243d;font-weight:800}
.home-hero p{margin:0;max-width:560px;color:#4a607a;font-size:11px;line-height:1.65;font-weight:600}
.home-start-hint{
  display:flex;
  justify-content:center;
  margin:2px 0 22px;
  padding:4px 0;
  user-select:none;
}
.home-start-chip{
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:14px 26px 14px 30px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(236,245,255,.92) 55%,rgba(220,237,255,.88) 100%);
  border:1px solid rgba(47,126,200,.22);
  box-shadow:0 10px 32px rgba(31,111,212,.11),inset 0 1px 0 rgba(255,255,255,.95);
  animation:homeHintPulse 2.8s ease-in-out infinite;
}
.home-start-label{
  font-size:28px;
  font-weight:800;
  letter-spacing:-.4px;
  line-height:1;
  background:linear-gradient(120deg,#134a8a 0%,#1f6fd4 42%,#2a84e8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 8px 24px rgba(31,111,212,.08);
}
.home-start-arrow{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:44px;
  height:44px;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(31,111,212,.12),rgba(42,132,232,.18));
  border:1px solid rgba(31,111,212,.2);
  color:#1f6fd4;
  position:relative;
  overflow:visible;
}
.home-start-arrow:before{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:18px;
  border:1px solid rgba(31,111,212,.25);
  opacity:0;
  animation:homeArrowRing 2.8s cubic-bezier(.4,0,.2,1) infinite;
}
.home-start-arrow svg{
  width:24px;
  height:24px;
  transform:rotate(90deg);
  stroke-width:2.15;
  animation:homeArrowSlide 1.35s cubic-bezier(.45,.05,.55,.95) infinite;
}
@keyframes homeHintPulse{
  0%,100%{transform:translateY(0);box-shadow:0 10px 32px rgba(31,111,212,.1),inset 0 1px 0 rgba(255,255,255,.95)}
  50%{transform:translateY(2px);box-shadow:0 14px 38px rgba(31,111,212,.16),inset 0 1px 0 rgba(255,255,255,.95)}
}
@keyframes homeArrowSlide{
  0%,100%{transform:rotate(90deg) translateY(-3px);opacity:.62}
  50%{transform:rotate(90deg) translateY(6px);opacity:1}
}
@keyframes homeArrowRing{
  0%{opacity:0;transform:scale(.85)}
  35%{opacity:.55;transform:scale(1)}
  70%,100%{opacity:0;transform:scale(1.15)}
}
.top-features{margin-bottom:22px}
.features>.feature-link{background:rgba(255,255,255,.78);border:1px solid #c9d9ea;border-radius:14px;box-shadow:0 4px 16px rgba(45,78,120,.06)}
.features>.feature-link:hover{border-color:#98b8d8;box-shadow:0 10px 24px rgba(45,78,120,.11)}
.feature-icon{width:42px;height:42px;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.feature-icon svg{width:20px;height:20px;stroke-width:1.85}
.blue-soft{background:linear-gradient(145deg,#e8f3fc,#cfe4f8);color:var(--dir-mahalla-icon)}
.purple-soft{background:linear-gradient(145deg,#f0e8fa,#ddd0f2);color:var(--dir-talim-icon)}
.green-soft{background:linear-gradient(145deg,#e4f6ef,#c8ead8);color:var(--dir-qishloq-icon)}
.premium-soft{background:linear-gradient(145deg,var(--premium-gold-a),var(--premium-gold-b));color:var(--premium-gold-icon);box-shadow:0 4px 14px rgba(200,135,10,.15)}
.premium-feature{background:linear-gradient(135deg,#fffdf7 0%,#fff6e3 100%)!important;border-color:#ecd595!important}
.premium-feature .feature-icon{border:1px solid rgba(240,180,41,.25)}

/* 8 ta yo'nalish — to‘q kontrast, professional */
.overview-grid .direction{min-height:172px;padding:18px 18px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 28px rgba(15,23,42,.18);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}
.overview-grid .direction:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(15,23,42,.26)}
.overview-grid .direction:after{width:120px;height:120px;border-width:28px;right:-60px;bottom:-70px;border-color:rgba(255,255,255,.1)}
.overview-grid .direction-icon{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 14px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.2)}
.overview-grid .direction-icon svg{width:24px;height:24px;stroke-width:1.9;stroke-linecap:square;stroke-linejoin:miter}
.overview-grid .direction>span{font-size:26px;font-weight:800;opacity:.18;color:#fff}
.overview-grid .direction h2{font-size:15px;color:var(--dir-mahalla-c);font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.12)}
.overview-grid .direction p,.overview-grid .direction-footer small{color:rgba(255,255,255,.88);opacity:1;font-weight:600}
.overview-grid .direction-footer b,.overview-grid .direction-footer button{background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.22)}
.direction.pastel-blue{background:linear-gradient(145deg,var(--dir-mahalla-a),var(--dir-mahalla-b));color:var(--dir-mahalla-c)}
.direction.pastel-blue .direction-icon{color:var(--dir-mahalla-icon)}
.direction.pastel-blue h2{color:#fff}
.direction.pastel-lilac{background:linear-gradient(145deg,var(--dir-tibbiyot-a),var(--dir-tibbiyot-b));color:var(--dir-tibbiyot-c)}
.direction.pastel-lilac .direction-icon{color:var(--dir-tibbiyot-icon)}
.direction.pastel-lilac h2{color:#fff}
.direction.pastel-slate{background:linear-gradient(145deg,var(--dir-adliya-a),var(--dir-adliya-b));color:var(--dir-adliya-c)}
.direction.pastel-slate .direction-icon{color:var(--dir-adliya-icon)}
.direction.pastel-slate h2{color:#fff}
.direction.pastel-sky{background:linear-gradient(145deg,var(--dir-iqtisod-a),var(--dir-iqtisod-b));color:var(--dir-iqtisod-c)}
.direction.pastel-sky .direction-icon{color:var(--dir-iqtisod-icon)}
.direction.pastel-sky h2{color:#fff}
.direction.pastel-violet{background:linear-gradient(145deg,var(--dir-talim-a),var(--dir-talim-b));color:var(--dir-talim-c)}
.direction.pastel-violet .direction-icon{color:var(--dir-talim-icon)}
.direction.pastel-violet h2{color:#fff}
.direction.pastel-denim{background:linear-gradient(145deg,var(--dir-davlat-a),var(--dir-davlat-b));color:var(--dir-davlat-c)}
.direction.pastel-denim .direction-icon{color:var(--dir-davlat-icon)}
.direction.pastel-denim h2{color:#fff}
.direction.pastel-mauve{background:linear-gradient(145deg,var(--dir-qurilish-a),var(--dir-qurilish-b));color:var(--dir-qurilish-c)}
.direction.pastel-mauve .direction-icon{color:var(--dir-qurilish-icon)}
.direction.pastel-mauve h2{color:#fff}
.direction.pastel-aqua{background:linear-gradient(145deg,var(--dir-qishloq-a),var(--dir-qishloq-b));color:var(--dir-qishloq-c)}
.direction.pastel-aqua .direction-icon{color:var(--dir-qishloq-icon)}
.direction.pastel-aqua h2{color:#fff}

/* Reyting kartasi — navbar palitrasiga mos */
.overview-grid>.rating-card{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);border-color:#c9d9ea}
.rating-card .live{background:#e5f5ec;color:#24855a}
.rating-link{color:var(--nav-active)}

/* Chat — yo'nalish ranglariga mos gradient */
.chat-launcher{border:0;background:linear-gradient(145deg,var(--chat-a) 0%,var(--chat-b) 100%);box-shadow:0 12px 28px rgba(82,108,170,.32),0 0 0 1px rgba(255,255,255,.18) inset}
.chat-launcher:before{border-color:rgba(107,159,216,.35)}
.chat-launcher b{background:#fff;color:#6b7ec9;border-color:#eef1fb}
.chat-panel{border-color:rgba(107,159,216,.35);box-shadow:0 22px 50px rgba(40,60,100,.2)}
.chat-panel header{background:linear-gradient(135deg,var(--chat-a) 0%,var(--chat-b) 100%)}
.chat-admin-icon{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.28)}
.user-message{background:linear-gradient(135deg,var(--chat-a),var(--chat-b))}
.chat-compose textarea:focus{border-color:#8baed8;box-shadow:0 0 0 3px rgba(107,159,216,.14)}
.chat-compose button{background:linear-gradient(145deg,var(--chat-a),var(--chat-b))}
.admin-message b{color:#5a78a8}

/* Premium sahifa ikonkasi */
.premium-hero>span,.premium-price-top>span,.modal-crown{background:linear-gradient(145deg,var(--premium-gold-a),var(--premium-gold-b));color:var(--premium-gold-icon);box-shadow:0 8px 22px rgba(200,135,10,.18)}
.premium-hero>span svg,.premium-price-top>span svg,.modal-crown svg{stroke-width:1.7}

@media(max-width:760px){
  .sidebar{background:linear-gradient(180deg,var(--nav-bg) 0%,var(--nav-bg-deep) 100%)}
  .premium-gem{width:38px;height:38px}
  .home-gov-banner-brand{padding:18px 18px 16px;gap:16px;justify-content:center;text-align:center}
  .home-gov-banner-copy{min-width:0}
  .home-gov-lead{margin-left:auto;margin-right:auto}
  .home-hero{padding:18px}
  .home-hero h1{font-size:20px}
  .home-start-chip{padding:12px 20px 12px 22px;gap:10px}
  .home-start-label{font-size:22px;letter-spacing:-.3px}
  .home-start-arrow{width:38px;height:38px;border-radius:12px}
  .home-start-arrow svg{width:20px;height:20px}
}
.file-protocol-warning{position:sticky;top:0;z-index:200;padding:12px 18px;background:#fff3cd;border-bottom:1px solid #f0d58c;color:#6b4f00;font-size:12px;font-weight:700;text-align:center}
.file-protocol-warning a{color:#1f6fd4}

/* Asosiy sahifa — pastki footer */
.site-home-footer{
  margin-top:28px;padding:28px 24px 12px;
  border-top:1px solid #c9d9ea;
  background:linear-gradient(180deg,rgba(247,251,255,.6) 0%,rgba(232,241,250,.85) 100%);
  border-radius:18px;
}
.site-home-footer-inner{
  max-width:720px;margin:0 auto;text-align:center;display:grid;gap:10px;
}
.site-home-footer-brand{
  width:max-content;
  max-width:100%;
  margin:0 auto 5px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#153b70;
  text-align:left;
  text-decoration:none;
}
.site-home-footer-logo{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:2px solid rgba(255,255,255,.92);
  border-radius:50%;
  background:#fff;
  box-shadow:0 6px 18px rgba(31,77,128,.16),0 0 0 1px #c8d9eb;
}
.site-home-footer-logo img{width:100%;height:100%;display:block;object-fit:cover}
.site-home-footer-address{display:flex;flex-direction:column}
.site-home-footer-address strong{font-size:17px;line-height:1;font-weight:900;letter-spacing:.015em}
.site-home-footer-address small{margin-top:6px;color:#74869b;font-size:6px;font-weight:800;letter-spacing:.13em}
.site-home-footer-brand:hover .site-home-footer-address strong{color:#2563a9}
.site-home-footer-mission{
  margin:0;font-size:11px;line-height:1.65;font-weight:600;color:#4a607a;
}
.site-home-footer-author{
  margin:4px 0 0;font-size:10px;color:#64748b;font-weight:600;
}
.site-home-footer-author strong{font-weight:800;color:#334155}
@media(max-width:520px){
  .site-home-footer{padding:24px 16px 12px}
  .site-home-footer-brand{gap:10px}
  .site-home-footer-logo{width:43px;height:43px;flex-basis:43px}
  .site-home-footer-address strong{font-size:15px}
  .site-home-footer-address small{font-size:5px;letter-spacing:.1em}
}

/* Lavozim kartalari — 65% kontrast, professional palitra */
.position-grid .selection-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 10px 26px rgba(36,52,82,.1);
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,border-color .24s;
}
.position-grid .selection-card:before{
  content:"";
  position:absolute;
  width:108px;
  height:108px;
  border-radius:50%;
  right:-38px;
  bottom:-44px;
  background:rgba(255,255,255,.2);
  pointer-events:none;
}
.position-grid .selection-card:after{
  content:"";
  position:absolute;
  width:56px;
  height:56px;
  border-radius:50%;
  left:-18px;
  top:-22px;
  background:rgba(255,255,255,.14);
  pointer-events:none;
}
.position-grid .selection-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.62);
  box-shadow:0 16px 34px rgba(36,52,82,.15);
}
.position-grid .selection-card>span{
  color:rgba(255,255,255,.38);
  font-size:28px;
  font-weight:800;
  letter-spacing:-1px;
}
.position-grid .selection-card .selection-icon{
  background:rgba(255,255,255,.58);
  backdrop-filter:blur(5px);
  border:1px solid rgba(255,255,255,.48);
  box-shadow:0 4px 14px rgba(28,44,72,.1),inset 0 1px 0 rgba(255,255,255,.75);
}
.position-grid .selection-card .selection-icon svg{width:22px;height:22px;stroke-width:1.85}
.position-grid .selection-card h2{
  position:relative;
  z-index:1;
  color:#12243a;
  font-weight:800;
  letter-spacing:-.2px;
}
.position-grid .selection-card p{
  position:relative;
  z-index:1;
  color:#2a3d55;
  opacity:.86;
  font-weight:600;
}
.position-grid .selection-card>b{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:auto;
  padding:7px 11px;
  border-radius:9px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(255,255,255,.45);
  backdrop-filter:blur(4px);
  font-weight:800;
  font-size:10px;
}
.position-grid .selection-card>b svg{width:13px;height:13px}

.pos-blue{background:linear-gradient(145deg,#c5dcf5 0%,#8eb8e8 52%,#6598d4 100%);color:#245f96}
.pos-blue .selection-icon{color:#2563ab}
.pos-blue>b{color:#1f5288}

.pos-violet{background:linear-gradient(145deg,#ddd0f2 0%,#b89de0 52%,#9678c8 100%);color:#553a88}
.pos-violet .selection-icon{color:#6346a0}
.pos-violet>b{color:#4a3578}

.pos-pomegranate{background:linear-gradient(145deg,#f0bccc 0%,#dc8ea2 52%,#c5647c 100%);color:#8b3148}
.pos-pomegranate .selection-icon{color:#a33d56}
.pos-pomegranate>b{color:#872f44}

.pos-orange{background:linear-gradient(145deg,#f5d9ad 0%,#e8b86c 52%,#d99538 100%);color:#865818}
.pos-orange .selection-icon{color:#a0681f}
.pos-orange>b{color:#7a4e12}

.pos-teal{background:linear-gradient(145deg,#bce8df 0%,#7ecfc0 52%,#52b5a4 100%);color:#1f6a5c}
.pos-teal .selection-icon{color:#268976}
.pos-teal>b{color:#1b5e52}

.pos-indigo{background:linear-gradient(145deg,#c4ccf0 0%,#929edf 52%,#6c79c8 100%);color:#3b4688}
.pos-indigo .selection-icon{color:#4a549a}
.pos-indigo>b{color:#333d78}

.pos-rose{background:linear-gradient(145deg,#f5c6d6 0%,#e898b2 52%,#d46c90 100%);color:#8a3450}
.pos-rose .selection-icon{color:#9e4060}
.pos-rose>b{color:#7a2f48}

.pos-emerald{background:linear-gradient(145deg,#bce8cc 0%,#82cfa0 52%,#52b078 100%);color:#256842}
.pos-emerald .selection-icon{color:#2d7a4d}
.pos-emerald>b{color:#1f5c38}

.content-manager{display:grid;gap:16px}
.content-structure-card,.content-selector-card{padding:20px}
.content-structure-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.content-structure-head .content-card-title{margin:0;flex:1;min-width:220px}
.content-structure-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.content-add-panel-direction{border-color:#c5d9ea;background:linear-gradient(180deg,#f7fbff,#eef5fc)}
@media(max-width:760px){.content-structure-actions{width:100%}.content-structure-actions .primary-action,.content-structure-actions .secondary-action{flex:1}}
.content-add-panel{margin:0 0 14px;padding:18px;border:1px solid #c9d9ea;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#f1f7fd)}
.content-add-form{display:grid;gap:12px}
.content-add-field{display:grid;gap:6px}
.content-add-field span{font-size:9px;font-weight:800;color:#3f5270;letter-spacing:.2px}
.content-add-field input{border:1px solid #cfdcea;border-radius:10px;padding:12px 14px;font-size:11px;font-weight:600;background:#fff}
.content-add-field select{border:1px solid #cfdcea;border-radius:10px;padding:12px 14px;font-size:11px;font-weight:600;background:#fff;color:#1a2d45}
.content-add-field input:focus,.content-add-field select:focus{border-color:#7aa8d8;outline:none;box-shadow:0 0 0 3px rgba(47,126,200,.12)}
.content-add-actions{display:flex;flex-wrap:wrap;gap:10px}
.content-add-direction-row{margin-top:12px;padding-top:12px;border-top:1px dashed #dbe4ef}
.content-catalog-danger{margin-top:16px}.content-danger-hint{margin:0 0 10px;font-size:9px;color:#8a6a6a;line-height:1.45}
.content-danger-zone{margin-top:18px;padding-top:16px;border-top:1px solid #f0d8d8}
.content-danger-zone h3{margin:0 0 10px;font-size:11px;color:#9b4040;font-weight:800}
.content-danger-actions{display:flex;flex-wrap:wrap;gap:8px}
.content-danger-btn{border:1px solid #e8b4b4;background:#fff5f5;color:#a83232;border-radius:9px;min-height:39px;padding:0 14px;font-size:10px;font-weight:700;cursor:pointer}
.content-danger-btn:hover{background:#ffeaea;border-color:#d98888}
.content-danger-actions .secondary-action:disabled{opacity:.45;cursor:not-allowed}

.content-stage-item{display:grid;gap:0;border-radius:12px;transition:box-shadow .2s}
.content-stage-item.is-selected{box-shadow:0 8px 22px rgba(46,82,130,.08)}
.content-stage-item .content-stage-card{border-radius:12px 12px 0 0}
.content-stage-item.is-selected .content-stage-card.selected{border-radius:12px 12px 0 0;border-bottom-color:#d4e3f4}
.content-stage-item:not(.is-selected) .content-stage-card{border-radius:12px}
.content-stage-uploads{padding:12px 12px 14px;border:1px solid #c9daf0;border-top:0;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#f7fbff,#eef5fc)}
.content-stage-uploads-title{margin:0 0 10px;font-size:9px;font-weight:800;color:#3f608a;letter-spacing:.2px}
.content-stage-uploads-note{margin:0 0 12px;font-size:8px;line-height:1.5;color:#5c6d85;font-weight:600}
.content-stage-upload-single{grid-template-columns:1fr!important}
.content-stage-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.content-dropzone-wrap{display:flex;flex-direction:column;gap:6px;min-width:0}
.content-dropzone{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 12px;border:1.5px dashed #b8cce4;border-radius:11px;background:rgba(255,255,255,.82);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.content-dropzone:hover,.content-dropzone.is-dragover{border-color:#6e98cd;background:#fff;transform:translateY(-1px)}
.content-dropzone input[type=file]{display:none}
.content-dropzone-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}
.content-dropzone-pdf .content-dropzone-icon{background:#fdecec;color:#b85454}
.content-dropzone-docx .content-dropzone-icon{background:#efe8fa;color:#7556a8}
.content-dropzone-icon svg{width:18px;height:18px}
.content-dropzone-copy{display:flex;flex-direction:column;min-width:0}
.content-dropzone-copy b{font-size:9px;color:#2a3d55}
.content-dropzone-copy small{font-size:7px;color:#5c6d85;margin-top:3px;line-height:1.45}
.content-dropzone-action{font-size:8px;font-weight:800;color:#1f6fd4;padding:6px 10px;border-radius:8px;background:#e8f1fb;white-space:nowrap}
.content-dropzone-link{font-size:8px;color:#1f6fd4;font-weight:700;text-decoration:none;padding-left:2px}
.content-dropzone-link:hover{text-decoration:underline}
@media(max-width:900px){.content-stage-upload-grid{grid-template-columns:1fr}}
.content-structure-note{margin:0;font-size:9px;line-height:1.65;color:#5c6d85;font-weight:600}
.content-structure-note strong{color:#1f5288}
.content-inline-form-wide{grid-template-columns:minmax(140px,.9fr) minmax(160px,1.1fr) minmax(160px,1fr) auto}
.content-inline-form-wide+.content-inline-form-wide{margin-top:10px;padding-top:10px;border-top:1px dashed #dbe4ef}
@media(max-width:900px){.content-inline-form-wide{grid-template-columns:1fr 1fr}.content-inline-form-wide button{grid-column:span 2}}
@media(max-width:520px){.content-inline-form-wide{grid-template-columns:1fr}.content-inline-form-wide button{grid-column:auto}}

/* Mening profilim — bosh sahifa dizayn tizimiga mos */
.profile-page{display:grid;gap:18px;max-width:1180px}
.profile-page-head{margin-bottom:-4px}
.profile-page .back-link{background:#fff;border-color:#cbd5e1;color:#475569;font-weight:700}
.profile-page .back-link:hover{border-color:#94a3b8;color:#1e293b}
.profile-intro{margin-bottom:4px}
.profile-identity{position:relative;overflow:hidden;padding:0;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.07)}
.profile-identity-accent{position:absolute;inset:0 auto 0 0;width:100%;height:88px;background:linear-gradient(135deg,var(--dir-davlat-a),var(--dir-davlat-b))}
.profile-identity-body{position:relative;display:flex;align-items:flex-end;flex-wrap:wrap;gap:18px;padding:22px 22px 20px}
.profile-avatar{width:76px;height:76px;flex:0 0 76px;margin-top:36px;border-radius:18px;display:grid;place-items:center;font-size:22px;font-weight:800;color:#fff;background:linear-gradient(145deg,#3b82f6,#1e40af);border:3px solid #fff;box-shadow:0 8px 22px rgba(30,64,175,.25);overflow:hidden}
.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:15px}
.profile-identity-text{flex:1;min-width:200px;padding-bottom:4px}
.profile-identity-text h2{margin:0 0 6px;font-size:20px;letter-spacing:-.4px;color:#0f172a;font-weight:800}
.profile-identity-text p{margin:0 0 10px;font-size:11px;color:#64748b;font-weight:600}
.profile-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.02em}
.profile-badge.is-premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}
.profile-badge.is-free{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.profile-identity-actions{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto;padding-bottom:4px}
.profile-btn-logout{border-color:#fecaca!important;background:#fff!important;color:#b91c1c!important}
.profile-btn-logout:hover{background:#fef2f2!important;border-color:#f87171!important}
.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.profile-stat-card{position:relative;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto auto;column-gap:12px;padding:18px 16px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 6px 20px rgba(15,23,42,.05);overflow:hidden}
.profile-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:16px 0 0 16px}
.profile-stat-icon{grid-row:1/4;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;border:1px solid transparent}
.profile-stat-icon svg{width:22px;height:22px;stroke-width:1.9;stroke-linecap:square;stroke-linejoin:miter}
.profile-stat-card small{font-size:9px;font-weight:700;color:#64748b}
.profile-stat-card b{grid-column:2;font-size:24px;line-height:1.1;margin:3px 0;color:#0f172a;font-weight:800;letter-spacing:-.4px}
.profile-stat-card em{grid-column:2;font-size:8px;font-style:normal;color:#94a3b8;font-weight:600;line-height:1.4}
.profile-stat-card.tone-blue:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.profile-stat-card.tone-blue .profile-stat-icon{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.profile-stat-card.tone-violet:before{background:linear-gradient(180deg,#8b5cf6,#6d28d9)}.profile-stat-card.tone-violet .profile-stat-icon{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}
.profile-stat-card.tone-green:before{background:linear-gradient(180deg,#22c55e,#15803d)}.profile-stat-card.tone-green .profile-stat-icon{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.profile-stat-card.tone-gold:before{background:linear-gradient(180deg,#f59e0b,#b45309)}.profile-stat-card.tone-gold .profile-stat-icon{background:#fffbeb;color:#b45309;border-color:#fcd34d}
.profile-progress-card{padding:22px;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.profile-section-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}
.profile-section-head h2{margin:0 0 4px;font-size:15px;color:#0f172a;font-weight:800}
.profile-section-head p{margin:0;font-size:9px;color:#64748b;font-weight:600}
.profile-section-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#eff6ff,#dbeafe);color:#1d4ed8;border:1px solid #bfdbfe}
.profile-section-icon svg{width:22px;height:22px}
.profile-progress-list{display:grid;gap:4px}
.profile-progress-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #eef2f7}
.profile-progress-row:first-child{border-top:0;padding-top:0}
.profile-progress-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}
.profile-progress-icon svg{width:18px;height:18px}
.profile-progress-meta{display:grid;gap:6px;min-width:0}
.profile-progress-meta b{font-size:10px;color:#0f172a;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-progress-meta small{font-size:8px;color:#64748b;font-weight:600}
.profile-progress-bar{height:6px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.profile-progress-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#6366f1)}
.profile-progress-row>strong{font-size:11px;color:#1d4ed8;font-weight:800}
.profile-empty{margin:0;padding:20px;text-align:center;color:#64748b;font-size:10px;background:#f8fafc;border-radius:12px;border:1px dashed #cbd5e1}
.profile-edit-form{padding:24px;border-radius:18px;border:1px solid #e2e8f0;display:grid;gap:16px;max-width:560px}
.profile-edit-form label{display:grid;gap:7px;font-size:10px;font-weight:700;color:#475569}
.profile-edit-form input{border:1px solid #cbd5e1;background:#f8fafc;border-radius:10px;padding:12px;font-size:11px;color:#0f172a;outline:0}
.profile-edit-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.profile-edit-actions{display:flex;gap:10px}
.profile-form-message{min-height:16px;margin:0;font-size:10px;color:#b91c1c;font-weight:600}
@media(max-width:980px){.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-identity-actions{margin-left:0;width:100%}}
@media(max-width:520px){.profile-stat-grid{grid-template-columns:1fr}.profile-identity-body{align-items:flex-start;flex-direction:column}.profile-avatar{margin-top:48px}.profile-progress-row{grid-template-columns:38px 1fr;grid-template-rows:auto auto}.profile-progress-row>strong{grid-column:2}}
.profile-section-icon.tone-gold{background:linear-gradient(145deg,#fffbeb,#fde68a);color:#92400e;border-color:#fcd34d}
.profile-section-icon.tone-blue{background:linear-gradient(145deg,#eff6ff,#dbeafe);color:#1d4ed8;border-color:#bfdbfe}

/* Premium sahifa — bosh sahifa dizayn tizimi */
.premium-page{display:grid;gap:18px;max-width:1180px}
.premium-intro{margin-bottom:4px}
.premium-layout{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(340px,1.08fr);gap:16px;align-items:stretch}
.premium-plan-card{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(251,191,36,.35);background:linear-gradient(145deg,#f59e0b 0%,#d97706 48%,#b45309 100%);box-shadow:0 14px 36px rgba(180,83,9,.28);color:#fff}
.premium-plan-accent{position:absolute;inset:0 auto auto 0;width:100%;height:100%;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.22) 0%,transparent 45%)}
.premium-plan-body{position:relative;padding:24px 22px;display:grid;gap:14px}
.premium-plan-head{display:flex;align-items:center;gap:12px}
.premium-plan-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.premium-plan-icon svg{width:26px;height:26px;stroke-width:1.9;stroke-linecap:square;stroke-linejoin:miter}
.premium-plan-head small{display:block;font-size:8px;letter-spacing:1.1px;opacity:.85;font-weight:700}
.premium-plan-head strong{font-size:22px;font-weight:800;letter-spacing:-.3px}
.premium-plan-desc{margin:0;font-size:11px;line-height:1.65;opacity:.92;font-weight:600;max-width:360px}
.premium-plan-price{display:flex;align-items:flex-end;gap:10px;padding:14px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.premium-plan-price>b{font-size:42px;line-height:1;letter-spacing:-2px;font-weight:800}
.premium-plan-price span{display:flex;flex-direction:column;gap:2px;padding-bottom:6px}
.premium-plan-price strong{font-size:14px;font-weight:800}
.premium-plan-price small{font-size:10px;opacity:.85}
.premium-plan-note{display:flex;align-items:center;gap:7px;margin:0;font-size:9px;opacity:.9;font-weight:600}
.premium-plan-note svg{width:15px;height:15px}
.premium-plan-cta{width:100%;justify-content:center;background:linear-gradient(145deg,#fff7ed,#fef3c7)!important;color:#92400e!important;border:1px solid rgba(255,255,255,.45)!important;font-weight:800}
.premium-plan-cta svg{color:#b45309}
.premium-plan-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:8px;opacity:.78}
.premium-plan-secure svg{width:13px;height:13px}
.premium-benefits-panel{padding:22px;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.premium-page .premium-benefits-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.premium-page .premium-benefits-list li{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;border:1px solid transparent}
.premium-page .premium-benefits-list li>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid transparent}
.premium-page .premium-benefits-list li>span svg{width:20px;height:20px;stroke-width:1.85}
.premium-page .premium-benefits-list li b{display:block;font-size:11px;color:#0f172a;font-weight:800;margin-bottom:4px}
.premium-page .premium-benefits-list li p{margin:0;font-size:9px;color:#64748b;font-weight:600;line-height:1.45}
.premium-page .benefit-test{background:#eff6ff;border-color:#bfdbfe}.premium-page .benefit-test>span{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}
.premium-page .benefit-chat{background:#f5f3ff;border-color:#ddd6fe}.premium-page .benefit-chat>span{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}
.premium-page .benefit-rating{background:#ecfdf5;border-color:#a7f3d0}.premium-page .benefit-rating>span{background:#d1fae5;color:#047857;border-color:#6ee7b7}
.premium-payments-panel{padding:22px;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.premium-payments-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.premium-pay-btn{min-height:72px;padding:14px 16px;border-radius:14px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.premium-pay-btn img{display:block;width:auto;height:32px;max-width:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast}
.premium-pay-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.1)}
.premium-pay-btn.pay-click{border:1.5px solid #93c5fd}.premium-pay-btn.pay-click:hover{border-color:#3b82f6}
.premium-pay-btn.pay-payme{border:1.5px solid #67e8f9;background:linear-gradient(180deg,#fff 0%,#f0fdff 100%)}.premium-pay-btn.pay-payme:hover{border-color:#06b6d4}
.premium-pay-btn.pay-paynet img{height:36px;max-width:min(100%,138px)}
.premium-pay-btn.pay-uzum img{height:40px;max-width:min(100%,148px)}
.premium-pay-btn.pay-paynet{border:1.5px solid #bbf7d0;background:linear-gradient(180deg,#fff 0%,#fafffb 100%)}.premium-pay-btn.pay-paynet:hover{border-color:#22c55e;box-shadow:0 10px 24px rgba(34,197,94,.12)}
.premium-pay-btn.pay-uzum{border:1.5px solid #ddd6fe;background:linear-gradient(180deg,#fff 0%,#faf5ff 100%)}.premium-pay-btn.pay-uzum:hover{border-color:#7c3aed;box-shadow:0 10px 24px rgba(124,58,237,.12)}
.features>.feature-link.premium-feature{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)!important;border:1.5px solid #fcd34d!important;box-shadow:0 6px 18px rgba(217,119,6,.12)!important}
.features>.feature-link.premium-feature:hover{border-color:#f59e0b!important;box-shadow:0 10px 26px rgba(217,119,6,.18)!important}
.features>.feature-link.premium-feature .feature-icon{background:linear-gradient(145deg,#fcd34d,#f59e0b)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 4px 14px rgba(180,83,9,.2)!important}
.features>.feature-link.premium-feature .feature-icon svg{stroke-width:1.9;stroke-linecap:square;stroke-linejoin:miter}
@media(max-width:980px){.premium-layout{grid-template-columns:1fr}.premium-payments-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.premium-payments-grid{grid-template-columns:1fr}.premium-plan-price>b{font-size:36px}}
:root{--auth-anor:#c41e3a;--auth-kok:#1e5fa8;--auth-alvon:#9b7bb8;--auth-olov:#f97316;--auth-ink:#1a2d4a;--auth-mist:rgba(26,45,74,.52)}
body.auth-gate-open{overflow:hidden}
body.auth-gate-open .sidebar,body.auth-gate-open .page-shell{filter:blur(7px) saturate(.85);opacity:.55;pointer-events:none;transition:filter .35s ease,opacity .35s ease}
.auth-gate-root{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}
.auth-gate-root[hidden]{display:none!important}
.auth-gate-backdrop{position:absolute;inset:0;background:linear-gradient(135deg,rgba(30,95,168,.55),rgba(196,30,58,.45) 45%,rgba(155,123,184,.5));backdrop-filter:blur(4px)}
.auth-gate-panel{position:relative;width:min(520px,100%);max-height:min(92vh,720px);overflow:auto;border-radius:22px;padding:28px 26px 22px;background:linear-gradient(165deg,#fff 0%,#f8f4ff 38%,#fff7f2 100%);border:1px solid rgba(30,95,168,.12);box-shadow:0 28px 80px rgba(26,45,74,.28),inset 0 1px 0 rgba(255,255,255,.85)}
.auth-gate-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(249,115,22,.14),transparent 42%),radial-gradient(circle at 88% 18%,rgba(41,169,224,.12),transparent 40%),radial-gradient(circle at 70% 92%,rgba(196,30,58,.1),transparent 45%)}
.auth-gate-panel>*{position:relative;z-index:1}
.auth-gate-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:10px;background:rgba(26,45,74,.06);color:var(--auth-ink);font-size:22px;line-height:1;cursor:pointer;z-index:2}
.auth-gate-close:hover{background:rgba(196,30,58,.12);color:var(--auth-anor)}
.auth-gate-hero{text-align:center;margin-bottom:22px;padding:0 8px}
.auth-gate-orbs{position:relative;height:8px;margin-bottom:14px}
.auth-gate-orbs span{position:absolute;top:0;width:8px;height:8px;border-radius:50%;animation:authOrb 4s ease-in-out infinite}
.auth-gate-orbs span:nth-child(1){left:42%;background:var(--auth-kok);animation-delay:0s}
.auth-gate-orbs span:nth-child(2){left:48%;background:var(--auth-anor);animation-delay:.5s}
.auth-gate-orbs span:nth-child(3){left:54%;background:var(--auth-olov);animation-delay:1s}
@keyframes authOrb{0%,100%{transform:translateY(0) scale(1);opacity:.55}50%{transform:translateY(-6px) scale(1.15);opacity:1}}
.auth-gate-kicker{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--auth-alvon);margin-bottom:8px}
.auth-gate-hero h2,.auth-gate-onboard h2{margin:0 0 8px;font-size:22px;letter-spacing:-.4px;color:var(--auth-ink)}
.auth-gate-hero p,.auth-gate-onboard>p{margin:0;color:var(--auth-mist);font-size:12px;line-height:1.55}
.auth-gate-providers{display:flex;flex-direction:column;gap:14px}
.auth-gate-oauth-list{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.auth-gate-oauth-item{position:relative;border-radius:16px;overflow:visible;border:1px solid rgba(30,95,168,.14);box-shadow:0 10px 26px rgba(26,45,74,.08);padding:14px 16px 16px}
.auth-gate-oauth-item--telegram{background:linear-gradient(105deg,rgba(34,158,217,.12),#fff 55%);border-color:rgba(34,158,217,.35)}
.auth-gate-oauth-item--google{background:linear-gradient(105deg,rgba(249,115,22,.1),#fff 55%);border-color:rgba(249,115,22,.28)}
.auth-gate-oauth-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.auth-gate-oauth-icon{width:36px;height:36px;flex-shrink:0;object-fit:contain;display:block}
.auth-gate-oauth-copy strong{display:block;font-size:13px;color:var(--auth-ink);letter-spacing:-.2px}
.auth-gate-oauth-copy small{display:block;margin-top:2px;font-size:10px;color:var(--auth-mist);line-height:1.45}
.auth-gate-oauth-action{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:48px;width:100%;gap:8px}
.auth-gate-oauth-action iframe{border:0;border-radius:12px}
.auth-gate-oauth-action>div{display:flex!important;justify-content:center!important;width:100%!important}
.auth-gate-telegram-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:360px;height:48px;border:0;border-radius:12px;cursor:pointer;font-weight:800;font-size:14px;color:#fff;background:#229ED9;box-shadow:0 10px 22px rgba(34,158,217,.35)}
.auth-gate-telegram-btn:hover{filter:brightness(1.06)}
.auth-gate-telegram-btn:disabled{opacity:.7;cursor:wait}
.auth-gate-telegram-btn img{width:22px;height:22px;filter:brightness(0) invert(1)}
.auth-gate-oauth-hint{margin:0;font-size:10px;line-height:1.4;color:var(--auth-mist);text-align:center}
.auth-gate-oauth-hint code{font-size:9px}
.auth-gate-oauth-facade,.auth-gate-oauth-hit{display:none!important}
.auth-gate-setup-note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:14px;font-size:10px;line-height:1.55;color:var(--auth-mist);background:rgba(255,255,255,.65);border:1px dashed rgba(30,95,168,.22)}
.auth-gate-setup-note img{flex-shrink:0;margin-top:2px}
.auth-gate-setup-note code{font-size:9px;color:var(--auth-kok);word-break:break-all}
.auth-gate-provider{border-radius:16px;padding:16px 16px 14px;border:1px solid rgba(30,95,168,.14);background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(30,95,168,.08)}
.auth-gate-provider-action{display:flex;justify-content:center;min-height:44px;align-items:center}
.auth-gate-muted{font-size:10px;color:var(--auth-mist);text-align:center;margin:8px 0 0}
.auth-gate-message{min-height:18px;font-size:11px;color:var(--auth-anor);text-align:center;margin:12px 0 0}
.auth-gate-foot{text-align:center;font-size:10px;color:var(--auth-mist);margin:14px 0 0}
.auth-gate-foot a{color:var(--auth-kok);font-weight:700;text-decoration:none}
.auth-gate-foot a:hover{color:var(--auth-anor)}
.auth-gate-form{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.auth-gate-form label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:600;color:var(--auth-ink)}
.auth-gate-form input,.auth-gate-form select{height:44px;border-radius:12px;border:1px solid rgba(30,95,168,.18);padding:0 14px;background:#fff;color:var(--auth-ink);font-size:13px}
.auth-gate-form input:focus,.auth-gate-form select:focus{outline:2px solid rgba(30,95,168,.35);border-color:var(--auth-kok)}
.auth-gate-name-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-gate-submit{height:46px;border:0;border-radius:14px;font-weight:800;font-size:12px;color:#fff;cursor:pointer;background:linear-gradient(105deg,var(--auth-kok) 0%,var(--auth-alvon) 52%,var(--auth-olov) 100%);box-shadow:0 12px 28px rgba(30,95,168,.28)}
.auth-gate-submit--phone{margin-bottom:4px;width:100%}
.auth-gate-phone-login{width:100%;border:0;background:transparent;color:var(--auth-kok);font-weight:700;font-size:11px;padding:8px;cursor:pointer;margin-bottom:8px}
.auth-gate-phone-login:hover{color:var(--auth-anor)}
.auth-gate-submit:hover{filter:brightness(1.05)}
.auth-gate-onboard{padding-top:6px}
@media(max-width:520px){.auth-gate-panel{padding:22px 18px 18px}.auth-gate-name-row{grid-template-columns:1fr}}

@media(max-width:760px){
  .mobile-brand{display:flex;align-items:center;gap:8px;line-height:1}
  .mobile-brand img{
    width:34px;
    height:34px;
    display:block;
    object-fit:cover;
    border-radius:50%;
    border:1.5px solid rgba(255,255,255,.88);
    box-shadow:0 3px 10px rgba(0,0,0,.24);
  }
  .mobile-brand span{font-size:12px;letter-spacing:.8px}
  .mobile-brand small{margin-top:3px;color:#94a3b8;font-size:6px;letter-spacing:1.5px}
}

/* Mobile navigation and search: reliable touch targets and a usable search field. */
.direction{
  display:block;
  width:100%;
  margin:0;
  border:0;
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  color:inherit;
  text-align:left;
  cursor:pointer;
  isolation:isolate;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(255,255,255,.16);
}
.direction:after{pointer-events:none}
.direction-icon,.direction>span,.direction h2,.direction p,.direction-footer{
  z-index:1;
  pointer-events:none;
}
.main-nav .nav-link{
  touch-action:manipulation;
  position:relative;
  z-index:1;
}

@media(max-width:760px){
  .topbar{
    height:auto;
    min-height:64px;
    padding:10px 14px 12px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:10px 12px;
  }
  .menu-toggle{grid-column:1;grid-row:1}
  .mobile-brand{grid-column:2;grid-row:1;min-width:0}
  .top-actions{grid-column:3;grid-row:1}
  .search{
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    height:42px;
    margin:0;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.1);
  }
  .search input{
    display:block;
    width:100%;
    min-width:0;
    padding:0 10px;
    font-size:13px;
  }
  .search kbd{display:none}
  .sidebar.open{touch-action:pan-y}
  .overlay.show{touch-action:none}
  .overview-grid .direction-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .overview-grid .direction{
    min-height:150px;
    padding:14px 12px;
    border-radius:14px;
  }
  .overview-grid .direction-icon{
    width:38px;
    height:38px;
    margin-bottom:10px;
  }
  .overview-grid .direction-icon svg{width:20px;height:20px}
  .overview-grid .direction>span{
    right:12px;
    top:12px;
    font-size:21px;
  }
  .overview-grid .direction h2{
    font-size:13px;
    line-height:1.25;
    margin-bottom:4px;
  }
  .overview-grid .direction p{font-size:9px}
  .overview-grid .direction-footer{
    left:12px;
    right:12px;
    bottom:12px;
  }
  .overview-grid .direction-footer small{font-size:8px}
  .overview-grid .direction-footer b{
    width:25px;
    height:25px;
  }
}

@media(hover:none),(pointer:coarse){
  .overview-grid .direction:hover,
  .overview-grid .direction:active{
    transform:none;
  }
}

/* Stage onboarding shown before opening each stage preparation sheet. */
.stage-intro-modal{
  position:fixed;
  inset:0;
  z-index:240;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(8,19,35,.68);
  backdrop-filter:blur(6px);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}
.stage-intro-modal.show{opacity:1;visibility:visible}
.stage-intro-dialog{
  position:relative;
  width:min(560px,100%);
  max-height:calc(100vh - 36px);
  overflow:auto;
  padding:30px;
  border:1px solid rgba(118,151,195,.28);
  border-radius:22px;
  background:linear-gradient(145deg,#fff,#f1f6fc);
  color:#17243a;
  box-shadow:0 28px 80px rgba(5,15,30,.35);
  transform:translateY(12px) scale(.98);
  transition:transform .2s ease;
}
.stage-intro-modal.show .stage-intro-dialog{transform:none}
.stage-intro-close{
  position:absolute;
  top:14px;
  right:14px;
  width:34px;
  height:34px;
  border:1px solid #dce5f0;
  border-radius:10px;
  background:#fff;
  color:#65758b;
  font-size:21px;
  cursor:pointer;
}
.stage-intro-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(145deg,#307de0,#6549cc);
  box-shadow:0 10px 25px rgba(49,94,190,.25);
}
.stage-intro-icon svg{width:24px;height:24px}
.stage-intro-dialog>small{
  display:block;
  color:#64748b;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.stage-intro-dialog h2{margin:5px 42px 17px 0;font-size:22px}
.stage-intro-dialog>p{margin:12px 0;color:#526177;font-size:12px;line-height:1.75}
.stage-intro-dialog>p strong{color:#1e67c6}
.stage-intro-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-bottom:16px;
}
.stage-intro-stats span{
  padding:13px 10px;
  border:1px solid #dce7f3;
  border-radius:13px;
  background:#fff;
  text-align:center;
}
.stage-intro-stats b{display:block;color:#1e67c6;font-size:20px}
.stage-intro-stats small{color:#77869a;font-size:8px;font-weight:700}
.stage-intro-choice{
  display:flex;
  align-items:center;
  gap:9px;
  margin:18px 0 14px;
  color:#43526a;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.stage-intro-choice input{width:18px;height:18px;accent-color:#256fcf}
.stage-intro-start{width:100%;justify-content:center;height:46px}

@media(max-width:520px){
  .stage-intro-dialog{padding:24px 18px 20px;border-radius:18px}
  .stage-intro-dialog h2{font-size:18px}
  .stage-intro-stats{gap:6px}
  .stage-intro-stats span{padding:11px 5px}
  .stage-intro-stats b{font-size:17px}
}

/* Entry notice shown on every fresh page load. */
.platform-notice-modal{
  position:fixed;
  inset:0;
  z-index:260;
  display:grid;
  place-items:center;
  padding:20px;
  background:
    radial-gradient(circle at 12% 8%,rgba(37,99,235,.2),transparent 34%),
    radial-gradient(circle at 88% 90%,rgba(124,58,237,.18),transparent 34%),
    rgba(6,18,34,.76);
  backdrop-filter:blur(9px);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
}
.platform-notice-modal{pointer-events:none}
.platform-notice-modal.show{opacity:1;visibility:visible;pointer-events:auto}
.platform-notice-dialog{
  position:relative;
  width:min(600px,100%);
  overflow:hidden;
  padding:34px 38px 30px;
  border:1px solid rgba(143,181,230,.3);
  border-radius:25px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,246,255,.98));
  color:#14243b;
  text-align:center;
  box-shadow:0 32px 90px rgba(2,12,27,.42);
  transform:translateY(16px) scale(.975);
  transition:transform .24s cubic-bezier(.2,.8,.2,1);
}
.platform-notice-modal.show .platform-notice-dialog{transform:none}
.platform-notice-dialog:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:5px;
  background:linear-gradient(90deg,#2563eb,#06b6d4,#7c3aed);
}
.platform-notice-mark{
  width:82px;
  margin:0 auto 17px;
  display:grid;
  justify-items:center;
  gap:7px;
}
.platform-notice-mark>span{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:#fff;
  background:linear-gradient(145deg,#2563eb,#5b42c6);
  box-shadow:0 13px 30px rgba(50,83,180,.28);
}
.platform-notice-mark svg{width:27px;height:27px}
.platform-notice-mark small{color:#667891;font-size:7px;font-weight:900;letter-spacing:.17em}
.platform-notice-eyebrow{
  display:inline-flex;
  padding:6px 11px;
  border:1px solid #d8e6f5;
  border-radius:999px;
  background:#f7fbff;
  color:#2563a9;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.platform-notice-dialog h2{
  max-width:430px;
  margin:13px auto 12px;
  color:#10233e;
  font-size:25px;
  line-height:1.25;
  letter-spacing:-.03em;
}
.platform-notice-dialog>p{
  max-width:510px;
  margin:9px auto;
  color:#53657c;
  font-size:12px;
  line-height:1.75;
}
.platform-notice-dialog>p a{color:#1769c2;font-weight:800;text-decoration:none}
.platform-notice-dialog>p a:hover{text-decoration:underline}
.platform-notice-points{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin:20px 0;
}
.platform-notice-points span{
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border:1px solid #dce7f3;
  border-radius:10px;
  background:#fff;
  color:#40536c;
  font-size:9px;
  font-weight:800;
}
.platform-notice-points svg{width:14px;height:14px;color:#256fcf}
.platform-notice-confirm{
  min-width:190px;
  height:47px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:0;
  border-radius:14px;
  background:linear-gradient(105deg,#1e67c6,#5548c8);
  color:#fff;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 13px 30px rgba(38,78,174,.25);
  transition:transform .2s ease,filter .2s ease;
}
.platform-notice-confirm:hover{transform:translateY(-2px);filter:brightness(1.06)}
.platform-notice-confirm svg{width:17px;height:17px}

@media(max-width:520px){
  .platform-notice-modal{padding:14px}
  .platform-notice-dialog{padding:27px 18px 20px;border-radius:20px}
  .platform-notice-dialog h2{font-size:20px}
  .platform-notice-dialog>p{font-size:11px;line-height:1.65}
  .platform-notice-points{margin:16px 0}
  .platform-notice-points span{padding:7px 8px;font-size:8px}
  .platform-notice-confirm{width:100%}
}

/* Softer 40% contrast pass for navigation, courses and tests. */
.sidebar:before{
  width:3px;
  background:linear-gradient(180deg,#82a9c6,#769ab8 55%,#92b5cb);
}
.sidebar,.topbar{box-shadow:none}
.nav-link:hover{background:rgba(255,255,255,.1)}
.nav-link.active{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.1);
  border-left-color:#b7d4e8;
  box-shadow:none;
}
.premium-banner{
  background:linear-gradient(135deg,rgba(174,126,63,.58),rgba(145,104,61,.48));
  box-shadow:0 7px 18px rgba(25,45,65,.14);
}
.overview-grid .direction{
  box-shadow:0 7px 18px rgba(42,65,90,.12);
}
.overview-grid .direction:hover{
  box-shadow:0 11px 24px rgba(42,65,90,.16);
}
.question-nav button.current{
  border-color:#7ea2ca;
  color:#527da9;
  box-shadow:0 0 0 2px #edf3f9;
}
.answers button.selected{
  border-color:#9bb7d5;
  background:#f4f8fc;
  color:#426b96;
}
.answers button.selected i{background:#668fba}
.primary-action{background:#5d86b3}

@media(max-width:760px){
  .topbar{padding-left:8px;padding-right:8px}
  .search{
    width:calc(100% + 2px);
    margin-left:-1px;
    margin-right:-1px;
    height:44px;
  }
}

/* Compact login/register modal. */
.auth-gate-root{padding:18px}
.auth-gate-backdrop{
  background:rgba(25,48,70,.62);
  backdrop-filter:blur(7px);
}
.auth-gate-panel{
  width:min(470px,100%);
  max-height:calc(100vh - 36px);
  padding:27px 28px 24px;
  border-radius:21px;
  background:linear-gradient(155deg,#fff 0%,#f5f9fc 100%);
  border:1px solid rgba(73,113,147,.2);
  box-shadow:0 26px 70px rgba(20,45,68,.28);
}
.auth-gate-panel::before{
  background:
    radial-gradient(circle at 5% 0%,rgba(98,155,209,.11),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(154,129,214,.1),transparent 38%);
}
.auth-gate-hero--compact{margin-bottom:15px}
.auth-gate-hero--compact .auth-gate-kicker{
  color:#557b9a;
  font-size:8px;
  letter-spacing:.16em;
}
.auth-gate-hero--compact h2{font-size:23px;margin-bottom:6px}
.auth-gate-hero--compact p{font-size:10px}
.auth-gate-main-form{margin-top:0;gap:11px}
.auth-gate-main-form label{font-size:10px;color:#354a61}
.auth-gate-main-form input{
  height:43px;
  border-color:#d8e3ed;
  background:#fff;
  font-size:12px;
}
.auth-password-field{position:relative;display:block}
.auth-password-field input{width:100%;padding-right:48px}
.auth-password-toggle{
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:32px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#527495;
  cursor:pointer;
}
.auth-password-toggle:hover,.auth-password-toggle:focus-visible{background:#edf3f8;color:#315f8c;outline:none}
.auth-password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.auth-gate-main-form .auth-gate-submit{
  height:44px;
  margin-top:2px;
  background:linear-gradient(105deg,#5b87b2,#6f6db2);
  box-shadow:0 10px 22px rgba(68,100,153,.2);
}
.auth-gate-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin:15px 0 12px;
  color:#8796a6;
  font-size:8px;
  font-weight:700;
}
.auth-gate-divider:before,.auth-gate-divider:after{content:"";height:1px;flex:1;background:#dce5ed}
.auth-social-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.auth-social-provider{
  min-height:52px;
  display:grid;
  place-items:center;
  border:1px solid #dce6ef;
  border-radius:13px;
  background:#fff;
  overflow:hidden;
}
.auth-gate-telegram-btn{
  width:100%;
  max-width:none;
  height:50px;
  gap:8px;
  border-radius:12px;
  background:#fff;
  color:#397ca2;
  box-shadow:none;
  font-size:10px;
}
.auth-gate-telegram-btn img{filter:none;width:25px;height:25px}
.auth-telegram-logo{width:25px;height:25px;flex:0 0 25px;display:block;stroke:none}
.auth-google-wrap{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#4d5e70;
  font-size:10px;
  font-weight:800;
}
.auth-google-wrap>div{display:grid;place-items:center}
.auth-social-unavailable{
  width:100%;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:0;
  background:#f8fafc;
  color:#8b98a7;
  font-size:10px;
}
.auth-social-unavailable img{width:24px;height:24px}
.auth-gate-message{margin:8px 0 0;min-height:15px;font-size:9px}
.auth-mode-switch{
  width:100%;
  height:39px;
  margin-top:5px;
  border:1px solid #cfdce8;
  border-radius:11px;
  background:#f8fbfd;
  color:#4f7597;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.auth-mode-switch:hover{background:#eef4f8}

@media(max-width:520px){
  .auth-gate-root{
    padding:14px;
    place-items:center;
  }
  .auth-gate-panel{
    width:min(390px,100%);
    max-height:calc(100vh - 28px);
    padding:23px 17px 18px;
    border-radius:18px;
  }
  .auth-gate-close{top:10px;right:10px;width:32px;height:32px}
  .auth-gate-hero--compact h2{font-size:20px}
  .auth-gate-main-form input{height:41px}
  .auth-social-provider{min-height:48px}
  .auth-gate-telegram-btn,.auth-social-unavailable{height:46px}
  .auth-google-wrap{min-height:46px}
}