body{background:linear-gradient(135deg,#e0eafc,#cfdef3);font-family:Segoe UI,sans-serif;margin:0;padding:0}.container{max-width:960px;margin:auto}h1{font-size:2.5rem;font-weight:700;color:#333}.alert{font-weight:500;font-size:1.1rem}.card{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a}.user-selector{display:flex;flex-wrap:wrap;gap:10px;width:100%}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:10px;width:90%;max-width:480px;box-shadow:0 8px 30px #0003}.leaderboard,.point-history{background:#fff;border-radius:12px;padding:25px;box-shadow:0 5px 15px #0000001a;margin-bottom:20px}h3{font-size:1.5rem;margin-bottom:15px;border-bottom:2px solid #ddd;padding-bottom:8px}button{padding:10px 16px;border-radius:6px;border:none;background-color:#007bff;color:#fff;font-weight:500;transition:background-color .2s ease}button:hover{background-color:#0056b3}@media (max-width: 768px){.d-flex{flex-direction:column;gap:10px}.user-selector{flex-direction:column}.ms-2{margin-left:0!important;margin-top:10px}}.fade-in-out{animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.claim-btn{padding:10px 20px;font-weight:500;border-radius:8px;transition:background-color .3s ease,transform .2s ease}.btn-active{background-color:#007bff;color:#fff;border:none}.btn-active:hover{background-color:#0056b3;transform:scale(1.03)}.btn-disabled{background-color:#ccc;color:#666;cursor:not-allowed}.modal-content{background:#fff;border-radius:12px;padding:24px 20px;width:90%;max-width:480px;box-shadow:0 8px 28px #0003;animation:popIn .25s ease-out}.modal-title{font-size:1.25rem;font-weight:600}.btn-close{background:none;border:none;font-size:1.25rem;line-height:1;opacity:.6;cursor:pointer}.btn-close:hover{opacity:1}@keyframes popIn{0%{transform:scale(.9);opacity:.2}to{transform:scale(1);opacity:1}}.table td:first-child{font-size:1.25rem}.table-hover tbody tr:hover{background-color:#f8f9fa;transition:background-color .3s ease}.leaderboard{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d}@media (max-width: 768px){.table-responsive{overflow-x:auto}}.point-history{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #0000000d}.table td,.table th{vertical-align:middle}.badge.bg-success{font-size:.95rem;padding:5px 10px;border-radius:6px}.table-responsive{overflow-x:auto}.user-selector{display:flex;flex-grow:1;align-items:center}.user-selector select{min-width:200px;border-radius:8px;padding:8px}.user-selector .btn{white-space:nowrap;border-radius:8px;padding:8px 16px}@media (max-width: 576px){.user-selector{flex-direction:column;align-items:stretch;gap:10px}.user-selector .btn{width:100%}}.modal-backdrop{position:fixed;inset:0;background-color:#00000073;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:480px;box-shadow:0 8px 28px #0000001a;animation:fadeInUp .25s ease-out}@keyframes fadeInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}