:root{--ink:#111827;--muted:#667085;--line:#e5e7eb;--primary:#4338ca;--bg:#f5f7ff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#eef2ff,#f8fafc 45%,#f5f7ff);color:var(--ink);font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:12px max(20px,calc((100vw - 1400px)/2));border-bottom:1px solid var(--line);background:#ffffffed;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;margin-inline-end:auto;color:var(--ink);text-decoration:none;font-weight:900}.brand b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#4f46e5,#7c3aed);color:#fff;font-size:21px}.brand span{display:grid}.brand small{color:#7c3aed;font-size:9px;letter-spacing:.13em}nav{display:flex;gap:4px}nav a,.lang,.ghost{padding:9px 11px;border:0;border-radius:10px;background:transparent;color:#475467;text-decoration:none;font:inherit;font-size:13px;font-weight:800;cursor:pointer}nav a:hover,.lang:hover,.ghost:hover{background:#eef2ff;color:#3730a3}header form{margin:0}main{width:min(1400px,calc(100% - 32px));margin:30px auto 60px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:5px 0;font-size:clamp(32px,5vw,52px)}.page-head p{margin:0;color:var(--muted)}.page-head>div>small{color:#4f46e5;font-weight:900;letter-spacing:.14em}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:18px}.stats article,.card{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 9px 25px #1118270a}.stats small{display:block;color:var(--muted)}.stats strong{display:block;margin:8px 0;font-size:30px}.stats span{color:#059669;font-size:12px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.card h2{margin:0 0 15px}.rank{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:9px;padding:10px;border-radius:12px;background:#f8fafc;margin-top:7px}.rank b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eef2ff;color:#4338ca}.rank small,.activity small{color:var(--muted)}.activity{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border-radius:12px;background:#f8fafc;color:var(--ink);text-decoration:none;margin-top:7px}.activity span{display:grid}.activity time{color:var(--muted);font-size:11px}.table{overflow-x:auto}.table table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:start;white-space:nowrap}.table th{color:var(--muted);font-size:11px;text-transform:uppercase}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#f8fafc}.person{display:flex;align-items:center;gap:10px}.person img{width:38px;height:38px;border-radius:50%}.person span{display:grid}.person small{color:var(--muted)}.search{display:flex;gap:8px}.search input,label input{min-width:260px;padding:11px;border:1px solid #d6dbea;border-radius:12px;font:inherit}.search button,button{padding:11px 16px;border:0;border-radius:12px;background:#4338ca;color:#fff;font-weight:850;cursor:pointer}.profile{display:flex;align-items:center;gap:18px;padding:24px;margin:15px 0;border:1px solid var(--line);border-radius:22px;background:#fff}.profile img{width:80px;height:80px;border-radius:50%}.profile h1{margin:0}.profile p{color:var(--muted)}.back{color:#4338ca;font-weight:800}.items{display:grid;gap:12px}.items article{padding:19px;border:1px solid var(--line);border-radius:18px;background:#fff}.items h2{margin:7px 0}.items p{overflow-wrap:anywhere}.items small{color:var(--muted)}.login-card{width:min(430px,100%);margin:10vh auto;padding:34px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 20px 60px #11182718;text-align:center}.login-card form{display:grid;gap:12px;margin-top:15px}.login-card label{display:grid;gap:7px;text-align:start;font-weight:800}.login-card input{min-width:0;width:100%;font-size:22px;text-align:center;letter-spacing:.25em}.shield{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:18px;background:#eef2ff;color:#4338ca;font-size:28px;font-weight:900}.secondary{background:#eef2ff!important;color:#3730a3!important}.error{padding:12px;border-radius:11px;background:#fff1f2;color:#be123c}@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}nav{display:none}}@media(max-width:700px){header{flex-wrap:wrap}.brand{width:100%}main{margin-top:20px}.stats{grid-template-columns:1fr 1fr}.columns{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.search{width:100%}.search input{min-width:0;flex:1}.activity time{display:none}}@media(max-width:430px){.stats{grid-template-columns:1fr}.login-card{padding:24px}}