:root{--local-color: red;--visitor-color: blue;--primary-color: #fd6302;--secondary-color: #becac7}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}html,body{background:#000}body{background:#fff;color:#333;font-family:Poppins,sans-serif}.no-overscroll{overscroll-behavior:none;touch-action:none;overflow:hidden}.m-auto{margin:0 auto}.mt-8{margin-top:32px}.w-8{width:32px}.flex-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.flex-col{display:flex;flex-direction:column;gap:10px}.flex-center{justify-content:center;gap:10px}.gap-2{gap:2px}.no-visible{display:none!important}.back-button{padding:10px;width:50px;font-size:1.2em;background-color:#becac7;color:#000;border-radius:5px;cursor:pointer}button.form-btn{background-color:#fd6302;color:#fff;width:70vw;padding:8px 0;border-radius:5px;font-size:1em;font-weight:semi-bold;cursor:pointer;display:block}#home{color:#fff;height:100vh;background:#b2c1c0;background:#151b1b}#home img{width:82vw;height:auto;background:#b2c1c0;background:radial-gradient(circle,#b2c1c0 7%,#151b1b 62%);margin:0 auto;display:block;padding-top:20px}#home nav{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:40px}#home .version-info{position:absolute;bottom:8px;right:16px;font-size:.8em;opacity:.6}.primary-btn{background-color:#ff9800;color:#fff;width:70vw;padding:13px 0;border-radius:5px;font-size:1.4em;transition:all .3s;cursor:pointer}.primary-btn:hover{background-color:#fd6302}.secondary-btn{background-color:#fd6302;color:#fff;width:70vw;padding:13px 0;border-radius:5px;font-size:1.4em;font-weight:semi-bold;transition:all .3s;cursor:pointer}#matches-setup-section{display:block;background:#151b1b;padding-bottom:20px;color:#fff;min-height:100vh}#matches-setup-section h2{margin-left:10px}#matches-setup-section h3{margin-top:20px;text-align:center}#matches-setup-section select{padding:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff1a;color:#fff;cursor:pointer;font-size:16px;text-align:center}#matches-setup-section select:focus-visible{background:#fff;color:#000;outline:none}#matches-setup-section input{padding:5px;border:1px solid rgba(255,255,255,.1);background:#ffffff1a;color:#fff;cursor:pointer;font-size:16px}#matches-setup-section input[type=number]:focus-visible{font-size:16px;padding:5px;background:#fff;color:#000;outline:none}#previous-matches-section{display:block;background:#151b1b;padding-bottom:20px;color:#fff;overflow:hidden;min-height:100dvh;-webkit-overflow-scrolling:touch}#previous-matches-section h2{margin-left:10px}#previous-matches-section h3{margin-top:20px;text-align:center}#previous-matches-section #matches-list{display:flex;flex-direction:column-reverse}#previous-matches-section #matches-list li{border-radius:8px;background:#1b1b1b;overflow:hidden;position:relative}#previous-matches-section .match-container{display:flex;align-items:center;margin:4px}#previous-matches-section .match-info{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 16px;gap:12px;min-width:0;transition:background-color .3s}#previous-matches-section .team-container{display:flex;align-items:center;gap:12px;flex:1;min-width:0;justify-content:space-between}#previous-matches-section .team-container.local .team-details{flex-direction:row;align-items:center;gap:8px}#previous-matches-section .team-container.local .team-name{order:1}#previous-matches-section .team-container.local .score{order:2}#previous-matches-section .team-container.visitor{flex-direction:row}#previous-matches-section .team-container.visitor .team-details{flex-direction:row-reverse;align-items:center;gap:8px}#previous-matches-section .team-container.visitor .team-logo{order:2}#previous-matches-section .team-container.visitor .team-details{order:1}#previous-matches-section .team-logo{width:36px;height:36px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}#previous-matches-section .team-logo img{width:85%;height:85%;object-fit:contain}#previous-matches-section .team-details{display:flex;flex-direction:column;min-width:0}#previous-matches-section .team-name{font-size:.9em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#previous-matches-section .score{font-size:1.3em;font-weight:700;color:#fff}#previous-matches-section .score-divider{color:#666;font-weight:700}#previous-matches-section .match-actions{display:flex;gap:4px}#previous-matches-section .stats-match-btn{background:#2196f3;color:#fff;border:none;border-radius:4px;padding:6px 10px;font-weight:700;cursor:pointer}#previous-matches-section .link-match-btn,#previous-matches-section .delete-match-btn{background:#333;color:#fff;border:none;border-radius:4px;padding:6px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center}#previous-matches-section .link-match-btn:hover{background:#444}#previous-matches-section .delete-match-btn:hover{background:#d32f2f}#previous-matches-section .stats-match-btn:hover{background:#1976d2}#previous-matches-section .match-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%)}#previous-matches-section .delete-match-btn{background:#d32f2f;color:#fff;border:none;border-radius:4px;padding:8px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s}#previous-matches-section .delete-match-btn.hidden{opacity:0;transform:translate(100%);pointer-events:none}#previous-matches-section .delete-match-btn:hover{background:#b71c1c}#previous-matches-section .stats-btn{background:none;border:none;color:#666;font-size:1.2em;padding:4px 8px;cursor:pointer;transition:color .2s;position:absolute;left:50%;transform:translate(-50%);bottom:0}#previous-matches-section .stats-btn:hover{color:#2196f3}#previous-matches-section .match-actions{display:flex;gap:4px;align-items:center}#previous-matches-section .match-info{position:relative;transition:background-color .2s}#previous-matches-section .match-info:active{background-color:#0000001a}#match-info,#history-list,.action-btn,#clock,.players li{-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-appearance:none;color:#535353}#match-info{display:flex;justify-content:space-between;background-color:#e6e6e6;border-bottom:1px solid #e0e0e0;height:29dvh}#match-info ul{list-style:none;padding:0;overflow:auto;width:100%;background:#919191}#match-info ul li{margin:2px 0;display:flex;justify-content:space-between;background:#d9d9d9;height:24px}#match-info ul li .line-info{display:flex;width:100%}#match-info ul li .line-info .info{display:flex}#match-info ul li .line-info .info .accio{line-height:24px}#match-info ul li .line-info .info .dorsal{background:#fff;font-family:monospace;font-size:16px;padding:0 2px;text-align:center;width:24px;height:24px;line-height:24px}#match-info ul li .line-info .info img{display:block;height:22px;margin:1px 6px;width:auto}#match-info ul li .line-info .info.limit-width{width:40%}#match-info ul li .line-info .match-info{display:flex;width:20%;color:#fff;font-size:18px;line-height:24px;gap:2px}#match-info ul li .line-info .match-info div{width:27px;text-align:center;font-family:monospace;background-color:#5d5d5d}#match-info ul li .time{display:flex;padding:0 4px;flex-wrap:nowrap;flex-direction:column;font-family:monospace!important;background-color:#5d5d5d;color:#fff}#match-info ul li .time .quarter{width:11px;font-size:9px;height:10px;font-family:monospace!important}#match-info ul li .time .clock{font-size:12px;font-family:monospace!important}#match-info ul li.match .info{width:100%;justify-content:center;background-color:#5d5d5d;color:#fff}#match-info ul li.visitor .line-info,#match-info ul li.visitor .info{flex-direction:row-reverse}#match-info ul li.match{text-align:center;background-color:#d3d3d3}#match-info ul li.positiva.local .match-info .local,#match-info ul li.positiva.visitor .match-info .visitor{background-color:#ff4704}#scoreboard{display:flex;align-items:center;justify-content:space-around;padding:10px;background-color:#d4d4d4;height:13dvh;border-bottom:1px solid #e0e0e0;box-shadow:0 0 5px #b2b2b2}#scoreboard #local-team-name,#scoreboard #visitor-team-name{font-size:1.12em;font-weight:700;font-family:monospace;border-bottom:2px solid var(--local-color);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#scoreboard #visitor-team-name{border-bottom:2px solid var(--visitor-color)}#scoreboard>div{display:flex;flex-direction:column;align-items:center;font-size:1.5em;width:33%}#scoreboard>div>div{display:flex;flex-direction:row;font-family:monospace;font-weight:700;font-size:1.8em}#scoreboard>div>div span{border:1px solid #e0e0e0;font-size:.8rem;font-family:monospace;padding:3px 5px}#scoreboard #clock{font-size:2em;font-weight:700;font-family:monospace;color:red;cursor:pointer}#scoreboard #quarter{cursor:default}#actions-section{display:flex;justify-content:space-around;align-items:center;padding:10px;background-color:#f5f5f5;height:52dvh}#actions-section ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:20px}#actions-section ul li{display:flex;justify-content:center;align-items:center}#actions-section ul li button{padding:10px;font-size:1.2em;border:1px solid #e0e0e0;border-radius:5px;background-color:#f0f0f0;cursor:pointer;border:none;border:1px solid #b2b2b2;box-shadow:0 0 5px #b2b2b2}#actions-section ul li button:active{background-color:green}#actions-section ul.match-actions{gap:10px}#actions-section ul.players li{padding:10px;font-family:monospace;font-size:2em;border:1px solid #e0e0e0;border-radius:5px;background-color:#f0f0f0;cursor:pointer;box-shadow:0 0 5px #b2b2b2;min-width:52px}#actions-section ul.players li.full{padding:60px 10px}#actions-section ul.local li{border-top:4px solid var(--local-color)}#actions-section ul.visitor li{border-top:4px solid var(--visitor-color)}#context-menu-foul,#context-menu-team{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:5px;padding:20px;box-shadow:0 0 5px #b2b2b2;width:80vw}#context-menu-foul li,#context-menu-team li{list-style:none;padding:10px 4px;font-size:1.2em;cursor:pointer;text-align:center;border:1px solid #7e7e7e;margin:12px 0;background-color:#fff}#pregame-section{min-height:100vh;padding-top:20px}#pregame-section h3{text-align:center}#pregame-section>div{display:flex;justify-content:space-around;gap:10px}#pregame-section>div>div{width:48%}#pregame-section ul.players li{list-style:none;display:flex;justify-content:space-between;align-items:stretch;font-family:monospace;border:1px solid #e0e0e0;border-radius:5px;background-color:#f0f0f0;cursor:pointer;box-shadow:0 0 5px #b2b2b2;margin:6px 0;opacity:.4}#pregame-section ul.players li.jugant{opacity:1}#pregame-section ul#local-players-select li{border-top:4px solid var(--local-color)}#pregame-section ul#visitor-players-select li{border-top:4px solid var(--visitor-color)}#pregame-section .dorsal{font-size:2em;background-color:#fff;width:34px;text-align:center;border-radius:5px;font-family:monospace;padding-top:5px}#pregame-section .name{font-size:1.2em;padding:10px 2px}#pregame-section .player-stats{font-family:monospace;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;border-left:1px solid rgb(204 204 204)}#pregame-section .stat-header{font-size:10px;font-weight:700;text-align:center}#pregame-section .player-stats span:last-child{padding:0 3px}#pregame-section #start-game-btn{display:block;margin:20px auto 0;padding:10px 40px;font-size:1.2em;border:1px solid #e0e0e0;border-radius:5px;background-color:#f0f0f0;cursor:pointer;border:none;border:1px solid #b2b2b2;box-shadow:0 0 5px #b2b2b2}#pregame-section #local-team-name-pregame,#pregame-section #visitor-team-name-pregame{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#pregame-section ul.players li .name{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:33%}.update-notification{position:fixed;bottom:0;width:100%;background-color:#fc0;color:#000;text-align:center;padding:10px;box-shadow:0 -2px 5px #0003}.update-notification p{margin:0;padding:0}.update-notification button{margin-top:5px;padding:5px 10px;background-color:#000;color:#fff;border:none;cursor:pointer}table{border-collapse:collapse;width:100%}table th{text-align:left}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:5px;width:300px;box-shadow:0 4px 6px #0000001a;text-align:center}.modal-actions{margin-top:20px;display:flex;justify-content:space-between}.modal-actions button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.modal-actions button:hover{background:#ddd}.modald{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.modald-content{background:#fff;padding:20px;border-radius:10px;width:90%;max-width:500px;box-shadow:0 8px 16px #0003;text-align:center;animation:fadeIn .3s ease-in-out}.modald-content h3{font-size:1.5em;margin-top:20px;margin-bottom:20px;color:#333}.modald-content label{font-size:1em;margin:10px 0;display:block;text-align:left}.modald-content input[type=number],.modald-content #scoreboard-select{width:100%;padding:10px;margin:5px 0 15px;border:1px solid #ccc;border-radius:5px;font-size:1em}.modald-content #scoreboard-select{margin-bottom:0}.modald-actions,.modald-match-actions{margin-top:20px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.modald-actions button,.modald-match-actions button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background .3s}.modald-actions button#save-clock{background:#4caf50;color:#fff}.modald-actions button#cancel-clock{background:#f44336;color:#fff}.modald-match-actions button#end-game{background:#ff9800;color:#fff}.modald-actions button:hover,.modald-match-actions button:hover{background:#ddd;color:#333}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.modald-content{width:100%;max-width:95%}.modald-actions button,.modald-match-actions button{width:100%;padding:12px}}#config-section{background:#151b1b;color:#fff;min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:20px}#config-section .flex-row{align-items:flex-start}#config-section .back-button{padding:13px}#config-section .loged-in{display:flex;flex-direction:column;gap:10px;align-items:center;padding:20px;max-width:400px;margin:0 auto}#config-section .login-form{display:flex;flex-direction:column;gap:10px;align-items:center;padding:20px;border-radius:5px;max-width:400px;margin:0 auto}#config-section h2{font-size:1.8em;text-align:center;color:#fd6302;margin:4px 10px}#config-section label{font-size:1em;color:#fff;margin-bottom:5px;display:block;text-align:left;width:100%;max-width:400px}#config-section input[type=text],#config-section input[type=password]{width:100%;max-width:400px;padding:10px;font-size:1em;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;border-radius:5px;margin-bottom:10px}#config-section input[type=text]:focus,#config-section input[type=password]:focus{outline:none;background:#fff;color:#000}#config-section button{background-color:#fd6302;color:#fff;border:none;padding:10px 20px;font-size:1em;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}#config-section button:hover{background-color:#ff9800}#config-section #login-status{font-size:.9em;color:#fc0;margin-top:10px;text-align:center;display:none}#config-section #login-status.error{color:#ff4d4d}#config-section #login-status.success{color:#4caf50}.toggle-btn{background:#666;color:#fff;padding:8px 16px;border:none;border-radius:4px;transition:all .3s ease}.toggle-btn.active{background:#4caf50!important}.game-top-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#000c;border-bottom:1px solid rgba(255,255,255,.1)}.match-info-mini{font-size:.9em;opacity:.8}.match-controls{display:flex;gap:12px}.control-btn{background:none;border:none;color:#fff;font-size:1.2em;padding:4px 8px;cursor:pointer;opacity:.7}.control-btn:hover{opacity:1}#toggle-transmission.active{color:#4caf50}#stats-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a1a;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch}.stats-table{width:100%;border-collapse:collapse;color:#fff;font-size:.9rem}.stats-table th{background:#333;padding:8px 4px;position:sticky;top:0;z-index:1}.stats-table td{padding:8px 4px;text-align:center;border-bottom:1px solid #333}.stats-table .player-name{text-align:left;font-weight:700}.stats-table tr.playing{background:#00ff001a}#stats-close{position:fixed;top:10px;right:10px;background:none;border:none;color:#fff;font-size:24px;z-index:1001;padding:8px}.credits-section{margin-top:2rem;padding:2rem 1rem;border-top:1px solid #eee;text-align:center}.support-section{margin:1.5rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.support-section img{transition:transform .2s ease}.support-section img:hover{transform:scale(1.05)}.active-view{display:block}.hidden-view{display:none}#court-view{width:100%;height:100%;background:#fff}ul.players-list{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;justify-content:center;gap:10px}ul.players-list li{padding:10px;font-family:monospace;font-size:2em;border:1px solid #e0e0e0;border-radius:5px;background-color:#f0f0f0;cursor:pointer;box-shadow:0 0 5px #b2b2b2;min-width:53px}ul.players-list.local li{border-top:4px solid var(--local-color)}ul.players-list.visitor li{border-top:4px solid var(--visitor-color)}.modald-content{position:relative;padding-bottom:30px}.modald-content button.cancel-btn{position:absolute;top:-14px;right:4px;margin-top:20px;border:none;padding:10px 16px;background-color:transparent;font-size:1em}#teams-section{display:block;background:#151b1b;color:#fff;min-height:100vh;padding-bottom:20px}#teams-section .menu-header{position:relative;display:flex}#teams-section .menu-header .fcbq-button{position:absolute;right:0;width:40px;height:40px;border-radius:8px;background-image:url(/assets/icons/fcbq.png);background-size:cover;border:none;transition:transform .1s ease,background-color .1s ease}#teams-section .menu-header .show-create-team{position:absolute;right:44px;width:40px;height:40px;background-color:var(--primary-color);color:#fff;border:none;font-size:1.4em;border-radius:8px;transition:transform .1s ease,background-color .1s ease}#teams-section .menu-header .show-create-team:active,#teams-section .menu-header .fcbq-button:active{transform:scale(.95);opacity:.8}#teams-section h2,#teams-section h3{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;padding:10px;background:#0000001a}#teams-section #teams-list{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;list-style:none;padding:0;margin:0;overflow-y:scroll}#teams-section #teams-list.small{max-height:10vh}#teams-section #teams-list li{padding:10px;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer}#teams-section #teams-list li:hover{background:#ffffff1a}#teams-section #teams-list li.selected{background-color:var(--primary-color)}#teams-section #new-team,#teams-section #add-player{padding:10px;background:#0000001a;display:flex;flex-direction:column;align-items:center;gap:10px}#teams-section #new-team div,#teams-section #add-player div{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}#teams-section input{padding:5px;border:1px solid rgba(255,255,255,.1);background:#ffffff1a;color:#fff;cursor:pointer;font-size:16px}#teams-section input[type=text]:focus-visible{background:#fff;color:#000;outline:none}#teams-section input[type=color]{padding:0}#teams-section input[type=image]{width:50px;height:50px}#teams-section #team-players-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}#teams-section #team-players-list li{display:flex;align-items:center;justify-content:space-between;font-family:monospace;background-color:#f0f0f0;border-radius:5px;box-shadow:0 0 5px #b2b2b2;color:#000;width:40%}#teams-section .dorsal{font-size:1.4em;background-color:#c8c8c8;border-radius:5px;padding:0 4px;min-width:32px;text-align:center}#teams-section .name{font-size:1.2em;padding:10px}#teams-section .delete-player-btn{background-color:red;color:#fff;border:none;border-radius:5px;padding:4px 8px;cursor:pointer}#teams-section #delete-team-btn{background-color:red}#teams-section .team-list-item{display:flex;align-items:center;gap:15px;padding:10px}#teams-section .team-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center}#teams-section .team-logo img{width:100%;height:100%;object-fit:contain;border-radius:5px}#teams-section .team-info{display:flex;flex-direction:column;gap:4px}#teams-section .team-name{font-weight:700;font-size:1.1em}#teams-section .team-players{font-size:.9em;color:#666}.r_modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:1000}.r_modal{background-color:#fff;padding:15px;width:100%;border-top-left-radius:12px;border-top-right-radius:12px;overflow-y:auto;animation:slideUp .3s ease}.r_modal.hide{animation:slideDown .3s ease forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.r_modal h3{margin-top:0;margin-bottom:20px}.r_player-list{list-style:none;padding:0;overflow-y:auto}.r_player-list li{font-size:1.6em;font-family:monospace;border:1px solid #e0e0e0;border-radius:5px;background-color:#f0f0f0;cursor:pointer;box-shadow:0 0 5px #b2b2b2;margin:6px 0;padding:10px}.r_player-list li:hover{background:#f5f5f5}.r_player-list li.local{border-top:4px solid var(--local-color)}.r_player-list li.visitor{border-top:4px solid var(--visitor-color)}.r_player-list li.visitor.primer{margin-top:40px}#cancel-rebound-btn{margin-top:10px;padding-top:40px;height:40px;font-size:1.2em;width:100%;display:block;cursor:pointer;color:#363636}.match-group-info{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;padding:0 16px}.match-group-info span{background:#f0f0f0;padding:4px 8px;border-radius:12px;font-size:12px;color:#666;font-weight:500}.group-name{background:#e3f2fd!important;color:#1976d2!important}.category-name{background:#f3e5f5!important;color:#7b1fa2!important}.federation-name{background:#e8f5e8!important;color:#388e3c!important}.season{background:#fff3e0!important;color:#f57c00!important}#select-federation,#select-category,#select-group{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;background:#fff;width:100%}#select-federation:disabled,#select-category:disabled,#select-group:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}#match-season{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;width:100%}#matches-setup-section h3{margin:16px 0 8px;color:#333;font-size:18px}.flex-col.mt-8{margin-top:32px}.flex-row.mt-4{margin-top:16px}.toggle-filters-btn{position:absolute;right:88px;width:40px;height:40px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:transform .1s ease,background-color .1s ease;display:flex;align-items:center;justify-content:center}.toggle-filters-btn:hover{background-color:#0056b3}.toggle-filters-btn:active{transform:scale(.95);opacity:.8}.filters-content{background:#f8f9fa;padding:16px;margin:16px 0;border-radius:8px;border:1px solid #e9ecef;transition:all .3s ease;overflow:hidden}.filters-content.collapsed{max-height:0;margin:0;padding:0 16px;opacity:0}.filters-content.expanded{max-height:100px;opacity:1}.search-container{display:flex;gap:8px;align-items:center}.search-input{flex:1;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;background:#fff;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.clear-search-btn{background:#6c757d;color:#fff;border:none;border-radius:6px;padding:10px 12px;cursor:pointer;font-size:14px;transition:background-color .2s}.clear-search-btn:hover{background:#5a6268}.team-players{font-size:12px;color:#6c757d}.team-players:after{content:"";font-style:italic}.assigned-group-item{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:8px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:background-color .2s}.assigned-group-item:hover{background:#e9ecef}.group-info{flex:1}.group-federation{font-weight:600;color:#495057;font-size:14px;margin-bottom:2px}.group-details{font-size:12px;color:#6c757d}.remove-group-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-group-btn:hover{background:#c82333}.no-groups-message{padding:16px;text-align:center;color:#6c757d;font-style:italic;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px}#toggle-add-group-btn{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}#toggle-add-group-btn:hover{background-color:#5a6268}#toggle-add-group-btn.expanded{background-color:#dc3545}#toggle-add-group-btn.expanded:hover{background-color:#c82333}#add-group-form{transition:all .3s ease;overflow:hidden}#add-group-form.collapsed{max-height:0;opacity:0;margin-top:0;padding-top:0;padding-bottom:0}#add-group-form.expanded{max-height:500px;opacity:1}#teams-section h3{margin:16px 0 8px;color:#333;font-size:18px}.assigned-group{margin-bottom:8px}.assigned-group .flex-row{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:8px 12px}.assigned-group .remove-group-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1}.assigned-group .remove-group-btn:hover{background:#c82333}#add-group-form{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:16px}#add-group-form h4{margin-bottom:12px;color:#495057}#add-group-btn:disabled{background-color:#6c757d;cursor:not-allowed}
