*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f5f3;color:#171717}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:72px;background:#111;color:#fff;justify-content:space-between;padding:0 5%;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.brand .mark{font-weight:900;font-size:18px;border:2px solid #fff;padding:8px}.brand small{display:block;color:#bbb;font-size:11px;margin-top:3px}.topbar nav{display:flex;gap:5px}.topbar nav button{background:transparent;color:#fff;border:0;padding:10px 12px}.topbar nav button:hover{background:#2a2a2a}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.container{max-width:1180px;margin:auto;padding:50px 24px}.hero{background:#111;color:#fff;padding:70px 7%;border-radius:0 0 28px 28px}.hero h1{font-size:clamp(38px,7vw,76px);margin:0 0 15px;line-height:.95}.hero p{font-size:20px;max-width:700px;color:#d4d4d4}.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{border:1px solid #111;background:#111;color:#fff;padding:13px 18px;border-radius:8px}.btn.light{background:#fff;color:#111}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.card{background:#fff;border:1px solid #ddd;border-radius:14px;padding:22px}.card h3{margin-top:0}.muted{color:#666}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:24px 0}.stat{background:#fff;border:1px solid #ddd;border-radius:12px;padding:18px}.stat strong{font-size:30px;display:block}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #ddd;border-radius:12px;overflow:hidden}.table td,.table th{text-align:left;padding:14px;border-bottom:1px solid #eee}.rank,.score{font-weight:800}.score{font-size:22px}.bar{height:8px;background:#e5e5e5;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:#111}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filters input,.filters select,.form input,.form select,.form textarea{padding:12px;border:1px solid #bbb;border-radius:8px;background:#fff}.form{display:grid;grid-gap:13px;gap:13px;max-width:700px}.notice{padding:16px;border-left:4px solid #111;border-radius:8px}.notice,.tag{background:#eee}.tag{display:inline-block;padding:5px 9px;border-radius:99px;font-size:12px;margin:3px}.profile-head{display:flex;gap:20px;align-items:center}.avatar{width:76px;height:76px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800}.two{display:grid;grid-template-columns:2fr 1fr;grid-gap:18px;gap:18px}footer{padding:28px 5%;font-size:12px;color:#666;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ddd}@media(max-width:800px){.topbar nav{display:none;position:absolute;top:72px;left:0;right:0;background:#111;flex-direction:column;padding:10px 5%}.topbar nav.open{display:flex}.menu{display:block}.grid,.stats,.two{grid-template-columns:1fr}.table{font-size:13px}.table td:nth-child(4),.table th:nth-child(4){display:none}.container{padding:32px 16px}.hero{padding:48px 22px}footer{flex-direction:column}}a{color:inherit}a.btn{text-decoration:none;display:inline-block}.table a{color:#111;font-weight:600}.topbar nav a{color:#fff;text-decoration:none;padding:10px 12px}.topbar nav a.active,.topbar nav a:hover,.topbar nav button.active{background:#2a2a2a}.brand{color:#fff;text-decoration:none}.eyebrow{font-size:12px;letter-spacing:1.5px;color:#666}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin:20px 0}.tabs a,.tabs button{border:1px solid #bbb;background:#fff;padding:9px 12px;border-radius:7px;text-decoration:none;color:#111}.tabs a.active,.tabs button.active{background:#111;color:#fff;border-color:#111}.chart{height:180px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #ccc;padding:15px 8px;margin-bottom:18px}.chart div{flex:1 1;background:#111;min-width:10px;position:relative}.chart div span{position:absolute;top:-18px;left:0;right:0;text-align:center;font-size:11px;color:#444}.chart-labels{display:flex;gap:8px;padding:0 8px;font-size:11px;color:#666;margin-top:-12px;margin-bottom:18px}.chart-labels span{flex:1 1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form label{display:flex;gap:8px;align-items:flex-start}.form .field{display:grid;grid-gap:5px;gap:5px}.form .field>span{font-size:13px;color:#444}.form .row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:13px;gap:13px}.form input[type=checkbox]{margin-top:4px}.form input[type=file]{padding:10px}.notice.error{border-left-color:#b42318;background:#fdecea}.notice.ok{border-left-color:#1a7f37;background:#e9f6ec}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.small{padding:7px 11px;font-size:13px}.btn.ghost{background:#fff;color:#111}.btn.danger{background:#b42318;border-color:#b42318}.actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tag.ok{background:#e1f3e5}.tag.warn{background:#fff3cd}.tag.bad{background:#fbe0dd}.table-wrap{overflow-x:auto}.move{font-size:12px;margin-left:6px}.move.up{color:#1a7f37}.move.down{color:#b42318}.stat small{display:block;color:#666;margin-top:4px}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:10px 0;border-bottom:1px solid #eee}.article p{line-height:1.7;max-width:760px}.spacer{height:22px}@media(max-width:800px){.form .row{grid-template-columns:1fr}.table-wrap .table{min-width:640px}}.topbar nav{align-items:center}.account-menu{position:relative}.account-menu>button{background:transparent;color:#fff;border:0;padding:10px 12px;display:flex;align-items:center;gap:8px}.account-menu>button.active,.account-menu>button:hover{background:#2a2a2a}.dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:#fff;color:#111;border:1px solid #ddd;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:6px;z-index:20;display:grid}.dropdown-user{padding:10px 12px;border-bottom:1px solid #eee;margin-bottom:4px}.dropdown-user small{display:block;color:#666;font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.topbar nav .dropdown a,.topbar nav .dropdown button{display:block;text-align:left;background:none;border:0;padding:10px 12px;border-radius:7px;color:#111;text-decoration:none;font:inherit;width:100%}.topbar nav .dropdown a:hover,.topbar nav .dropdown button:hover{background:#f0f0ee}.topbar nav .lang-switch{display:flex;border:1px solid #444;border-radius:7px;overflow:hidden;margin-left:6px}.topbar nav .lang-switch button{background:transparent;color:#bbb;border:0;padding:6px 9px;font-size:12px;font-weight:700}.topbar nav .lang-switch button:hover{background:#2a2a2a;color:#fff}.topbar nav .lang-switch button.active{background:#fff;color:#111}img.avatar{object-fit:cover;display:block}.avatar.xs{width:26px;height:26px;font-size:11px;background:#fff;color:#111;flex:none}.avatar.lg{width:120px;height:120px;font-size:38px}.photo-edit{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.news-cover{aspect-ratio:16/9;border-radius:10px;margin-bottom:12px;background:#eee}.article-cover,.news-cover{width:100%;object-fit:cover;display:block}.article-cover{max-height:480px;border-radius:14px;margin:18px 0}.thumb{width:72px;height:44px;object-fit:cover;border-radius:6px;display:block}@media(max-width:800px){.account-menu,.account-menu>button{width:100%}.topbar nav .dropdown{position:static;box-shadow:none;margin:4px 0 8px}.topbar nav .lang-switch{margin:8px 0 4px;align-self:flex-start}}