button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}button:hover{background-color:#2980b9}button:disabled{background-color:#95a5a6;cursor:not-allowed}button:disabled:hover{background-color:#95a5a6}button.danger{background-color:#e74c3c}button.danger:hover{background-color:#c0392b}button.danger:disabled,button.danger:disabled:hover{background-color:#95a5a6}button.success{background-color:#27ae60}button.success:hover{background-color:#229954}button.success:disabled,button.success:disabled:hover{background-color:#95a5a6}.button-3d{box-shadow:0 4px #0003,0 6px 10px #00000026,inset 0 1px #ffffff4d;transform:translateY(0);transition:all .1s ease;border:none;position:relative}.button-3d:hover{transform:translateY(2px);box-shadow:0 2px #0003,0 4px 8px #00000026,inset 0 1px #ffffff4d}.button-3d:active{transform:translateY(4px);box-shadow:0 0 #0003,0 2px 4px #00000026,inset 0 1px #ffffff4d}.button-3d:disabled{transform:translateY(0);box-shadow:none;opacity:.82;cursor:not-allowed}.button-filter{background-color:#95a5a6!important;color:#fff!important;box-shadow:none!important;border:1px solid #7f8c8d!important;transform:none!important}.button-filter:hover,.button-filter:active{background-color:#7f8c8d!important;transform:none!important;box-shadow:none!important}.card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group select:focus{outline:none;border-color:#3498db}.form-group input[type=checkbox],.form-group input[type=radio]{width:auto;flex-shrink:0;padding:0;border:none;border-radius:0}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge.active{background-color:#27ae60;color:#fff}.badge.inactive{background-color:#95a5a6;color:#fff}.badge.ranked{background-color:#3498db;color:#fff}.error{color:#e74c3c;margin-top:5px;font-size:14px}.success-message{background-color:#d4edda;color:#155724;padding:12px;border-radius:4px;margin-bottom:15px}.error-message{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:15px}table{width:100%;border-collapse:collapse;margin-top:15px}table th,table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}table th{background-color:#f8f9fa;font-weight:600}table tr:hover{background-color:#f8f9fa}.form-group.has-error input:not([type=checkbox]):not([type=radio]),.form-group.has-error select{border-color:#e74c3c!important}.form-group.has-error input:not([type=checkbox]):not([type=radio]):focus,.form-group.has-error select:focus{border-color:#e74c3c!important;box-shadow:0 0 0 2px #e74c3c26}.form-group.has-error .date-picker-input{border-color:#e74c3c!important}.form-group.has-error .date-picker-input:focus{border-color:#e74c3c!important;box-shadow:0 0 0 2px #e74c3c26}.field-error{color:#e74c3c;font-size:12px;margin-top:4px;display:block}.form-group.is-valid input:not([type=checkbox]):not([type=radio]),.form-group.is-valid select{border-color:#27ae60!important}.form-group.is-valid .date-picker-input{border-color:#27ae60!important}.checkbox-group{display:flex;align-items:center;gap:8px}.form-group label.checkbox-group{display:flex;margin-bottom:0;font-weight:400}.checkbox-group input[type=checkbox]{width:auto;flex-shrink:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}#root{min-height:100vh;min-height:100dvh;max-width:100vw;overflow-x:clip}@media (max-width: 1024px){.container{max-width:100%;padding:12px 14px;padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}.card{padding:14px 16px}.header{padding:14px 16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin-bottom:12px}}@media (max-width: 640px){.container{padding:8px 10px;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}.card{padding:12px;margin-bottom:12px}.header{padding:10px 12px;border-radius:6px}.login-container{margin:24px auto;padding:0 12px;max-width:100%}}.app-header-row,.app-header-left,.app-header-title{min-width:0}.app-header-logo-wrap{flex-wrap:nowrap;flex-shrink:0}.app-header-logo-box{max-width:100%;box-sizing:border-box}.app-header-user{min-width:0}.app-header-user-row{flex-wrap:wrap;justify-content:flex-end}@media (max-width: 900px){.app-header-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.app-header-left{order:1;flex-direction:column!important;align-items:center!important;width:100%;gap:10px!important}.app-header-tabs{justify-content:center;align-items:center!important;width:100%;margin-bottom:0!important}.app-header-title{align-items:center!important}.app-header-user{order:2;align-items:center!important;position:relative!important}.app-header-user-links{position:static!important;top:auto!important;right:auto!important;justify-content:center!important;margin-top:6px}.app-header-user-row{justify-content:center;width:100%}.app-header-logo-box{width:min(170px,72vw)!important;padding:12px 6px!important}.app-header-logo-text{font-size:clamp(16px,4.5vw,22px)!important}}@media (max-width: 480px){.app-header-tab{padding:8px 14px 10px!important;font-size:14px!important}.app-header-paddle{font-size:1.1rem}.app-header-club{font-size:15px!important;max-width:92vw!important}}@media (max-width: 380px){.app-header-paddle{display:none}}.players-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.players-table-scroll th,.players-table-scroll td{padding-top:5px;padding-bottom:5px}.players-table-scroll tbody tr:nth-child(2n){background-color:#f3f5f7}.players-table-scroll tbody tr:nth-child(odd){background-color:#fff}.players-table-scroll tbody tr:hover{background-color:#d6eaf8}@media (max-width: 1024px){.players-table-scroll{max-height:calc(100dvh - 220px)!important}}@media (max-width: 640px){.players-table-scroll{max-height:calc(100dvh - 200px)!important}.players-table-scroll table{font-size:12px}.players-table-scroll th,.players-table-scroll td{padding:5px 6px}}@media (max-width: 768px){.card table{font-size:13px}.card table th,.card table td{padding:8px 6px}}*{margin:0;padding:0;box-sizing:border-box}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;background-color:#f5f5f5;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background-color:#2c3e50;color:#fff;padding:20px;margin-bottom:20px;border-radius:8px}.header h1{margin-bottom:10px}.nav{display:flex;gap:15px;margin-top:15px}.nav a{color:#fff;text-decoration:none;padding:8px 16px;border-radius:4px;background-color:#ffffff1a;transition:background-color .2s}.nav a:hover{background-color:#fff3}.nav a.active{background-color:#ffffff4d}.login-container{max-width:400px;margin:100px auto}.login-container h2{margin-bottom:20px;text-align:center}.date-picker-wrapper{width:100%}.date-picker-wrapper.disabled input,.date-picker-wrapper input:disabled{background-color:#f0f2f4!important;color:#5a6570!important;cursor:not-allowed!important;opacity:1}.date-picker-input{width:100%!important;padding:8px 12px!important;border:1px solid #ddd!important;border-radius:4px!important;font-size:14px!important;font-family:inherit!important}.date-picker-input:focus{outline:none!important;border-color:#3498db!important}.react-datepicker{font-family:inherit!important;border:1px solid #ddd!important;border-radius:4px!important;box-shadow:0 2px 8px #00000026!important}.react-datepicker__header{background-color:#3498db!important;border-bottom:1px solid #2980b9!important;border-radius:4px 4px 0 0!important}.react-datepicker__current-month{color:#fff!important;font-weight:600!important}.react-datepicker__day-name{color:#fff!important;font-weight:500!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:#3498db!important;color:#fff!important}.react-datepicker__day:hover{background-color:#2980b9!important;color:#fff!important}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;max-height:200px!important;overflow-y:auto!important}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover{background-color:#f8f9fa!important}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected{background-color:#3498db!important;color:#fff!important}.react-datepicker__close-icon:after{background-color:#e74c3c!important;border-radius:50%!important}