*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-root{display:block;width:100%}.bg-gradient-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.bg-gradient-success{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.bg-gradient-warning{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.bg-gradient-info{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.card{border:none;border-radius:15px;box-shadow:0 .15rem 1.75rem #3a3b4526}.btn,.badge{border-radius:10px}.rank-badge{font-size:.8rem;padding:.5rem 1rem;border-radius:20px}.rank-bronze{background:linear-gradient(135deg,#cd7f32 0%,#b8860b 100%);color:#fff}.rank-silver{background:linear-gradient(135deg,#c0c0c0 0%,#a8a8a8 100%);color:#fff}.rank-gold{background:linear-gradient(135deg,#ffd700 0%,#ffb347 100%);color:#fff}.rank-diamond{background:linear-gradient(135deg,#b9f2ff 0%,#87ceeb 100%);color:#333}.rank-platinum{background:linear-gradient(135deg,#e5e4e2 0%,#c0c0c0 100%);color:#333}.sidebar{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.sidebar .nav-link{color:#fffc;border-radius:10px;margin:.2rem 0}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:#fff;background-color:#ffffff1a}.main-content{background-color:#f8f9fc;min-height:100vh}.stats-card{border-left:4px solid;transition:transform .2s}.stats-card:hover{transform:translateY(-2px)}.stats-card.primary{border-left-color:#4e73df}.stats-card.success{border-left-color:#1cc88a}.stats-card.info{border-left-color:#36b9cc}.stats-card.warning{border-left-color:#f6c23e}.table th{border-top:none;font-weight:600;color:#5a5c69}.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-control{border-radius:10px;border:1px solid #d1d3e2}.form-control:focus{border-color:#bac8f3;box-shadow:0 0 0 .2rem #4e73df40}.modal-content{border-radius:15px;border:none}.modal-header{border-bottom:1px solid #e3e6f0;border-radius:15px 15px 0 0}.modal-footer{border-top:1px solid #e3e6f0;border-radius:0 0 15px 15px}@media (max-width: 767px){.main-content{padding:.5rem}.container-fluid{padding-left:.75rem;padding-right:.75rem}.card{border-radius:10px;margin-bottom:1rem}.card-body{padding:1rem}.card-header{padding:.75rem 1rem}.table-responsive{border-radius:10px;font-size:.875rem}.table th,.table td{padding:.5rem;white-space:nowrap}.btn{padding:.5rem 1rem;font-size:.9rem}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.form-control,.form-select{font-size:16px!important;padding:.75rem}.form-label{font-size:.9rem;margin-bottom:.25rem}.stats-card{margin-bottom:.75rem}.stats-card .h5{font-size:1rem}h1.h3{font-size:1.25rem}.badge{font-size:.7rem;padding:.3rem .5rem}.rank-badge{font-size:.65rem;padding:.35rem .75rem}.modal-content{border-radius:10px}.modal-header,.modal-footer{padding:.75rem 1rem}.modal-body{padding:1rem}.alert{padding:.75rem 1rem;font-size:.9rem;border-radius:8px}}@media (max-width: 575px){.container-fluid{padding-left:.5rem;padding-right:.5rem}.card-body{padding:.75rem}h1.h3{font-size:1.1rem}.table th,.table td{padding:.4rem;font-size:.8rem}.btn{padding:.5rem .75rem;font-size:.85rem}.form-group .btn-group,.d-flex.gap-2{flex-direction:column}.d-flex.gap-2 .btn{width:100%;margin-bottom:.5rem}}