*{box-sizing:border-box}
:root{
  --radius:18px;--radius-sm:12px;
  --danger:#ef4444;--success:#16a34a;--warning:#f59e0b;
  --shadow-sm:0 6px 18px rgba(15,23,42,.06);
  --shadow:0 16px 42px rgba(15,23,42,.10);
  --shadow-lg:0 24px 80px rgba(15,23,42,.14);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
html{scroll-behavior:smooth;color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{
  --page:#f6f8fc;--surface:#ffffff;--surface-2:#f0f4fb;--surface-3:#e8eef8;
  --ink:#172033;--soft:#526178;--muted:#708097;--line:#dce5f2;--line-strong:#c8d4e4;
  --glass:rgba(255,255,255,.82);--table-head:#eef3fb;--input:#ffffff;
}
html[data-theme="dark"]{
  --page:#0f172a;--surface:#111c31;--surface-2:#16243b;--surface-3:#1d2e49;
  --ink:#eef4ff;--soft:#bfd0e8;--muted:#8fa2bc;--line:#29384f;--line-strong:#3a4d68;
  --glass:rgba(17,28,49,.82);--table-head:#16243b;--input:#0f1a2c;
}
body{margin:0;min-height:100vh;font-family:var(--font);background:var(--page);color:var(--ink);overflow-x:hidden;font-size:14px;line-height:1.55}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 16% -10%,color-mix(in srgb,var(--primary) 17%,transparent),transparent 34%),radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--secondary) 15%,transparent),transparent 30%),linear-gradient(180deg,var(--page),color-mix(in srgb,var(--page) 90%,var(--primary)));pointer-events:none}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0}.app-bg{position:fixed;inset:0;pointer-events:none;z-index:-2;overflow:hidden}.orb{position:absolute;border-radius:999px;filter:blur(14px);opacity:.26}.orb-a{width:360px;height:360px;left:-140px;top:-130px;background:var(--primary);animation:floatA 18s ease-in-out infinite}.orb-b{width:300px;height:300px;right:-120px;top:130px;background:var(--secondary);animation:floatB 21s ease-in-out infinite}.orb-c{width:260px;height:260px;left:40%;bottom:-150px;background:var(--accent);opacity:.18;animation:floatC 24s ease-in-out infinite}.grid-noise{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 76%);opacity:.36}@keyframes floatA{50%{transform:translate(34px,36px) scale(1.03)}}@keyframes floatB{50%{transform:translate(-34px,28px) scale(1.05)}}@keyframes floatC{50%{transform:translate(24px,-34px)}}
.topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:12px;padding:10px clamp(12px,3vw,28px);background:var(--glass);backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 23%,transparent);overflow:hidden;flex:0 0 auto}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-mark span{font-weight:950;letter-spacing:.4px;color:#fff}.brand-copy{display:grid;line-height:1.05;min-width:0}.brand-copy strong{font-size:15px;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy small{margin-top:4px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.75px}.main-nav{display:flex;align-items:center;gap:6px;margin-left:auto;min-width:0}.main-nav a{padding:8px 10px;border-radius:11px;color:var(--soft);font-weight:800;font-size:13px;border:1px solid transparent;transition:.16s ease}.main-nav a:hover{color:var(--ink);background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 20%,transparent)}.menu-toggle{display:none;width:38px;height:38px;border-radius:12px;background:var(--surface-2);color:var(--ink);border:1px solid var(--line);font-weight:900}.user-chip{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);white-space:nowrap}.user-chip span:nth-child(2){max-width:145px;overflow:hidden;text-overflow:ellipsis}.user-chip b{text-transform:capitalize;font-size:10px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--primary)}.user-dot{width:8px;height:8px;border-radius:999px;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 16%,transparent)}
.container{width:min(1240px,calc(100% - 28px));margin:20px auto 82px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:6px 0 14px;padding:18px 19px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),var(--surface) 58%,color-mix(in srgb,var(--secondary) 9%,var(--surface)));box-shadow:var(--shadow);overflow:hidden}.page-head h1{margin:0;font-size:clamp(26px,4vw,40px);line-height:1.02;letter-spacing:-1px}.eyebrow{margin:0 0 6px;color:var(--primary);font-weight:950;text-transform:uppercase;font-size:11px;letter-spacing:1.2px}.pill,.tag,.mini-grid span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);font-weight:900;font-size:12px;color:var(--primary)}.tag{padding:5px 8px}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);margin-bottom:14px;overflow:hidden;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.card:hover{border-color:color-mix(in srgb,var(--primary) 24%,var(--line));box-shadow:var(--shadow)}.card h2{font-size:18px;margin:0 0 12px;letter-spacing:-.25px}.card h3{margin:14px 0 8px;font-size:14px;color:var(--ink)}.narrow{max-width:520px;margin:62px auto}.center-text{text-align:center}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.login-layout{min-height:calc(100vh - 135px);display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}.hero-card{position:relative;overflow:hidden;padding:clamp(28px,5vw,54px);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,var(--surface)),color-mix(in srgb,var(--surface) 90%,var(--secondary)));border:1px solid var(--line);box-shadow:var(--shadow-lg)}.hero-card:before{content:"";position:absolute;right:-90px;top:-95px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 45%,transparent),transparent 66%)}.hero-card h1{font-size:clamp(38px,7vw,68px);line-height:.96;margin:0 0 14px;letter-spacing:-2.5px}.hero-card p{font-size:16px;line-height:1.7;max-width:680px;color:var(--soft)}.mini-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.login-card{max-width:410px;width:100%;justify-self:end;padding:23px}.login-card h2{font-size:25px}.stack{display:flex;flex-direction:column;gap:10px}.stack.compact{gap:8px;margin-top:10px}.inline-form,.row-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-list{display:flex!important;justify-content:space-between;align-items:center}label{font-size:12px;color:var(--soft);font-weight:800}input,select,textarea{width:100%;background:var(--input);border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:10px 11px;outline:none;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 34%,transparent);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=color]{height:42px;padding:3px;cursor:pointer}input[type=file]{padding:8px}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:900;border-radius:12px;padding:10px 14px;cursor:pointer;box-shadow:0 10px 22px color-mix(in srgb,var(--primary) 23%,transparent);white-space:nowrap;transition:transform .14s ease,filter .14s ease}.btn:hover{transform:translateY(-1px);filter:saturate(1.08)}.btn.full{width:100%}.btn.small{padding:7px 10px;font-size:12px;border-radius:10px}.btn.ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);box-shadow:none}.muted{color:var(--muted)}.small{font-size:12px}.flash-wrap{display:grid;gap:8px;margin-bottom:12px}.flash{padding:10px 12px;border-radius:13px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}.flash.success{border-color:color-mix(in srgb,var(--success) 48%,transparent);background:color-mix(in srgb,var(--success) 10%,var(--surface))}.flash.error{border-color:color-mix(in srgb,var(--danger) 48%,transparent);background:color-mix(in srgb,var(--danger) 10%,var(--surface))}
.table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);-webkit-overflow-scrolling:touch}.table-wrap.tall{max-height:470px}table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}th,td{padding:10px 11px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{position:sticky;top:0;background:var(--table-head);z-index:2;color:var(--primary);font-size:11px;text-transform:uppercase;letter-spacing:.55px}td{color:var(--soft)}tr:hover td{background:color-mix(in srgb,var(--primary) 6%,transparent)}.accordion{border:1px solid var(--line);border-radius:15px;padding:12px;margin:10px 0;background:var(--surface-2)}.accordion summary{cursor:pointer;font-weight:900;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:color-mix(in srgb,var(--primary) 11%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.accordion[open] summary:after{content:"–"}.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stat-grid div,.stat{padding:14px;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line))}.stat span,.stat-grid span{display:block;font-size:clamp(19px,3vw,28px);font-weight:950;margin-top:5px;letter-spacing:-.65px;color:var(--ink)}.list-item{display:block;padding:10px 11px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);margin:7px 0;transition:.14s ease}.list-item small{display:block;color:var(--muted);margin-top:3px}.list-item.link:hover,.list-item:hover{border-color:color-mix(in srgb,var(--primary) 35%,transparent);transform:translateY(-1px)}.list-scroll{max-height:300px;overflow:auto;padding-right:3px}.clip{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search{margin:8px 0 13px}.row-form input,.row-form select{width:auto;min-width:118px}.row-form input[name=new_password]{min-width:165px}
.chat-box{height:270px;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:11px;background:var(--surface-2);display:flex;flex-direction:column;gap:9px}.chat-box.private{height:410px}.msg{padding:10px 11px;border-radius:14px 14px 14px 5px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 16%,transparent);max-width:86%;box-shadow:var(--shadow-sm)}.msg.me{align-self:flex-end;border-radius:14px 14px 5px 14px;background:color-mix(in srgb,var(--secondary) 12%,var(--surface));border-color:color-mix(in srgb,var(--secondary) 18%,transparent)}.msg b{display:block;color:var(--ink)}.msg span{font-size:11px;color:var(--muted)}.msg p{margin:5px 0 0;white-space:pre-wrap;word-break:break-word;line-height:1.48}.avatar{width:78px;height:78px;border-radius:18px;display:grid;place-items:center;font-size:30px;font-weight:950;border:2px solid var(--line);overflow:hidden;text-transform:uppercase;box-shadow:var(--shadow-sm)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.purple{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.avatar.orange{background:linear-gradient(135deg,#f97316,#fdba74)}.avatar.green{background:linear-gradient(135deg,#16a34a,#86efac)}.avatar.blue{background:linear-gradient(135deg,#2563eb,#7dd3fc)}.avatar.pink{background:linear-gradient(135deg,#ec4899,#f9a8d4)}.banner{width:100%;height:166px;object-fit:cover;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.center-card{position:relative;border:1px solid var(--line);border-radius:17px;padding:15px;background:var(--surface);overflow:hidden;transition:.14s ease}.center-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 12%,transparent),transparent 42%);pointer-events:none}.center-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.center-card>*{position:relative}.center-card img{width:56px;height:56px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.members,.leaderboard{line-height:1.9}.profile-card{text-align:center}.avatar-xl{width:132px;height:132px;border-radius:24px;object-fit:cover;border:2px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;margin:0 auto 13px;font-size:48px;font-weight:950;background:linear-gradient(135deg,var(--primary),var(--secondary));text-transform:uppercase}.avatar-xl.empty{color:#fff}.leaderboard{list-style:none;padding:0;margin:0;display:grid;gap:7px}.leaderboard li{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.leaderboard li span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:color-mix(in srgb,var(--primary) 14%,transparent);font-weight:950;color:var(--primary)}.leaderboard li em{font-style:normal;color:var(--accent);font-weight:950}
.section-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:10px}.section-link{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--soft);font-weight:900;font-size:13px;transition:.14s ease}.section-link:hover,.section-link.active{border-color:color-mix(in srgb,var(--primary) 38%,transparent);background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.menu-grid{align-items:stretch}.menu-card{text-decoration:none;color:var(--ink);min-height:130px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.menu-card:before{content:"";position:absolute;inset:auto -50px -80px auto;width:170px;height:170px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 22%,transparent),transparent 68%)}.menu-card b{font-size:19px;position:relative}.menu-card span{color:var(--muted);line-height:1.55;position:relative}.control-dock{position:fixed;right:16px;bottom:16px;z-index:95;display:flex;gap:8px;align-items:center}.lang-toggle,.theme-toggle{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:9px 11px;background:var(--glass);color:var(--ink);font-weight:950;font-size:12px;box-shadow:var(--shadow);backdrop-filter:blur(18px);cursor:pointer;transition:.14s ease}.theme-toggle:hover,.lang-toggle:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,transparent)}.lang-toggle i{font-style:normal;color:var(--muted)}.lang-toggle[data-current="en"] span:first-child,.lang-toggle[data-current="uz"] span:last-child{color:var(--muted)}.lang-toggle[data-current="uz"] span:first-child,.lang-toggle[data-current="en"] span:last-child{color:var(--primary)}.reveal{opacity:0;transform:translateY(12px);transition:opacity .38s ease,transform .38s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){.grid.two,.grid.three,.login-layout{grid-template-columns:1fr}.login-card{justify-self:stretch;max-width:none}.page-head{align-items:flex-start;flex-direction:column}.color-grid,.stat-grid{grid-template-columns:1fr}.topbar{align-items:center;flex-wrap:wrap}.menu-toggle{display:grid;place-items:center;margin-left:auto}.main-nav{display:none;order:5;width:100%;margin-left:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.main-nav a{background:var(--surface-2);border-color:var(--line);text-align:center;justify-content:center}.nav-open .main-nav{display:grid}.user-chip{order:4;margin-left:0}.row-form input,.row-form select,.row-form textarea,.row-form .btn{width:100%;min-width:0}.container{width:min(100% - 20px,1240px);margin-top:14px}.hero-card h1{letter-spacing:-1.6px}.section-nav{overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x proximity}.section-link{white-space:nowrap;scroll-snap-align:start}.chat-form{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding-top:8px}.chat-box.private{height:360px}.table-wrap{border-radius:12px}table{min-width:680px}}
@media(max-width:560px){body{font-size:13px}.brand-mark{width:36px;height:36px;border-radius:12px}.brand-copy small{display:none}.brand-copy strong{font-size:14px}.topbar{padding:9px 10px}.page-head{padding:15px;border-radius:18px}.page-head h1{font-size:27px}.card{padding:13px;border-radius:15px}.card h2{font-size:16px}.hero-card{padding:22px;border-radius:20px}.hero-card h1{font-size:39px}.login-card{padding:18px}.main-nav{grid-template-columns:1fr}.user-chip{width:100%;justify-content:space-between}.avatar{width:68px;height:68px}.avatar-xl{width:112px;height:112px}.control-dock{right:10px;bottom:10px;gap:6px}.theme-toggle,.lang-toggle{padding:8px 9px;font-size:11px}.btn{width:100%}.btn.small{width:auto}.inline-form .btn,.row-form .btn{width:100%}.table-wrap{margin-left:-1px;margin-right:-1px}th,td{padding:9px}.banner{height:138px}.menu-card{min-height:112px}.chat-box{height:300px}.msg{max-width:95%}}
.btn.danger{background:linear-gradient(135deg,var(--danger),#b91c1c);box-shadow:0 10px 22px color-mix(in srgb,var(--danger) 22%,transparent);color:#fff}.ua-cell{max-width:360px;white-space:normal;word-break:break-word;font-size:12px;color:var(--soft)}.list-item form{margin-top:8px}
/* Interaction fixes */
.menu-toggle{cursor:pointer;position:relative;z-index:120;touch-action:manipulation}
.nav-open body{overflow-x:hidden}
@media(max-width:980px){.nav-open .main-nav{display:grid!important}.topbar{z-index:120}.main-nav{position:relative;z-index:115}.control-dock{z-index:130}}
.password-cell, code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px;background:color-mix(in srgb,var(--primary) 7%,var(--surface-2));border:1px solid var(--line);border-radius:9px;padding:3px 6px;color:var(--ink)}
.key-box{margin:10px auto 0;text-align:left;display:grid;gap:5px;padding:10px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line)}
.key-box b{font-size:12px;color:var(--primary);text-transform:uppercase;letter-spacing:.4px}.key-box small{color:var(--muted);word-break:break-all}.danger-text{color:var(--danger)}