*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f9fafb;color:#111827}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;text-decoration:none;border:none;transition:all .2s;cursor:pointer}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn-success{background-color:#16a34a;color:#fff}.btn-success:hover{background-color:#15803d}.btn-warning{background-color:#d97706;color:#fff}.btn-warning:hover{background-color:#b45309}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-info{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.spinner{width:1.25rem;height:1.25rem;border:2px solid #e5e7eb;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.table th{background-color:#f9fafb;font-weight:600;color:#374151}.table tbody tr:hover{background-color:#f9fafb}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.badge-green{background-color:#d1fae5;color:#065f46}.badge-yellow{background-color:#fef3c7;color:#92400e}.badge-red{background-color:#fee2e2;color:#991b1b}.badge-purple{background-color:#ede9fe;color:#7c2d12}.badge-blue{background-color:#dbeafe;color:#1e40af}@media (max-width: 768px){.container{padding:0 .5rem}.card{padding:1rem;margin-bottom:1rem}.btn{padding:.75rem 1.5rem;font-size:1.1rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.min-h-screen{min-height:100vh}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes shimmer{0%{opacity:0;transform:translate(-100%)}50%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slideShine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(200%)}}.pulse-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.leaderboard-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.leaderboard-layout{display:grid;gap:2rem;align-items:start;width:100%;max-width:1400px}@media (min-width: 1024px){.leaderboard-layout{grid-template-columns:minmax(0,1fr) 350px}}@media (max-width: 1023px){.leaderboard-layout{grid-template-columns:1fr}}