.modal-open{background-color:rgba(0,0,0,.5)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal-content{background-color:#1f1c1c;padding:20px;border-radius:10px;max-width:90%;max-height:90%;overflow:auto}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.roster-card{perspective:1000px;width:250px;height:350px;margin:20px}.roster-card-inner{width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:10px}.roster-card:hover .roster-card-inner{transform:rotateY(180deg)}.roster-card-back,.roster-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px}.roster-card-front{background:linear-gradient(to bottom,var(--app-tri-color),var(--app-button))}.roster-card-back,.roster-card-front{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.roster-card-back{background:linear-gradient(to bottom,var(--app-button),var(--app-tri-color));transform:rotateY(180deg)}.roster-card-image{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;margin-bottom:20px}.roster-card-details{text-align:center}.roster-card-name{font-size:24px;font-weight:700;margin-bottom:10px}.roster-card-position{font-size:18px}.roster-card-back-content{text-align:center}.roster-card-graduation{font-size:18px;margin-bottom:20px}.roster-card-button{padding:10px 20px;background-color:#fff;color:#000;border:none;border-radius:5px;font-size:16px;cursor:pointer}.roster-card-back{background-color:#f5f5f5;padding:20px;text-align:center}.roster-card-stats-title{font-size:24px;margin-bottom:10px}.roster-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roster-card-stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:14px;color:#fff}.stat-value{font-size:18px;font-weight:700}.confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.confirmation-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:400px;text-align:center;z-index:10000}body.modal-open{overflow:hidden}.confirmation-message{margin:0 0 20px;font-size:16px}.confirmation-buttons{display:flex;justify-content:center;gap:20px}.confirm-no,.confirm-yes{padding:8px 24px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.confirm-yes{background-color:#4caf50;color:#fff}.confirm-no{background-color:#f44336;color:#fff}.confirm-yes:hover{background-color:#45a049}.confirm-no:hover{background-color:#da190b}.fade-in{animation:fadeIn 1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}