*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #0A0A0A;--ink-soft: #243430;--green: #1FB97A;--green-dark: #0E8E5A;--green-light: #E5F8F0;--green-l: #5FD3A3;--soft: #E5F8F0;--soft-2: #EFFAF5;--sun: #FFD43B;--sun-d: #C9920C;--paper: #FFFFFF;--white: #FFFFFF;--bg: #F4F8F6;--line: #E4ECE8;--line-2: #EDF3F0;--border: #E4ECE8;--muted: #5C6E68;--muted-2: #8A9A94;--red: #E25C5C;--red-light: #FBECEC;--blue: #3b82f6;--blue-light: #eff6ff;--yellow: #FFD43B;--yellow-light: #FFFBEC;--purple: #8b5cf6;--purple-light: #f5f3ff;--shadow: 0 1px 2px rgba(10,30,24,.04), 0 8px 28px rgba(10,30,24,.06);--shadow-lg: 0 2px 6px rgba(10,30,24,.06), 0 20px 50px rgba(10,30,24,.12);--r: 18px;--r-sm: 12px;--sans: "Inter", system-ui, sans-serif;--disp: "Satoshi", "Inter", sans-serif;--mono: "JetBrains Mono", monospace}html,body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased;line-height:1.45}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cfddd7;border-radius:8px;border:2px solid var(--bg)}.btn{padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:6px;transition:all .15s;font-family:var(--sans)}.btn-outline{background:var(--white);border:1px solid var(--line);color:var(--muted)}.btn-outline:hover{border-color:var(--green-l);color:var(--green)}.btn-primary{background:var(--green);color:#04150d;font-weight:700}.btn-primary:hover{background:var(--green-l);transform:translateY(-1px)}.card{background:var(--paper);border-radius:var(--r);border:1px solid var(--line);overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow);animation:rise .5s both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card-header{padding:17px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.card-body{padding:22px}.section-title{font-family:var(--disp);font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink);display:flex;align-items:center;gap:8px}.section-title .dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;flex-shrink:0}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge-green{background:var(--soft);color:var(--green-dark)}.badge-red{background:var(--red-light);color:#c0392b}.badge-blue{background:#e8f0fb;color:#3a6bb0}.badge-yellow{background:#fff4cc;color:var(--sun-d)}.badge-gray{background:#eef2f0;color:var(--muted)}.progress-wrap{display:flex;align-items:center;gap:8px}.progress-bar{flex:1;height:7px;background:var(--line);border-radius:7px;overflow:hidden}.progress-fill{height:100%;border-radius:7px}.progress-label{font-family:var(--mono);font-size:12px;font-weight:700;min-width:32px;text-align:right}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:11px 15px;text-align:left;font-size:10px;font-weight:700;color:var(--muted-2);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);background:var(--soft-2);position:sticky;top:0;z-index:1}td{padding:12px 15px;border-bottom:1px solid var(--line-2);color:var(--ink);vertical-align:middle}tbody tr{cursor:pointer;transition:background .1s}tbody tr:hover{background:var(--soft-2)}tbody tr:last-child td{border-bottom:none}.avatar{width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--green-dark);font-weight:700;font-size:11px;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}.rank-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-2)}.rank-row:last-child{border-bottom:none}.rank-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;font-family:var(--mono)}.rank-num.gold{background:#fff4cc;color:var(--sun-d)}.rank-num.silver{background:#eef2f0;color:var(--muted)}.rank-num.bronze{background:#fef0e7;color:#c05621}.rank-num.other{background:var(--soft-2);color:var(--muted-2)}.rank-name{flex:1;font-weight:600;font-size:13px;color:var(--ink)}.rank-sub{font-size:11px;color:var(--muted-2)}@media(max-width:1080px){.three-col,.two-col{grid-template-columns:1fr}}