:root{--yellow: #FFD700;--red: #DC143C;--blue: #1E90FF;--black: #000000;--white: #FFFFFF;--light-gray: #F5F5F5;--medium-gray: #E0E0E0;--dark-gray: #666666;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;max-width:100vw}body{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--black);background-color:var(--white);min-height:100vh;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw}#root{min-height:100vh;overflow-x:hidden;max-width:100vw}.app{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;max-width:100vw;width:100%}.footer{background:var(--black);border-top:2px solid var(--yellow);margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;overflow-x:hidden;box-sizing:border-box}.footer-info{flex:1}.footer-text{color:var(--white);font-size:14px;font-weight:500}.footer-actions{display:flex;gap:12px}.footer-btn{background:var(--red);color:var(--white);border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:36px;display:flex;align-items:center;justify-content:center}.footer-btn:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 2px 8px #dc143c4d}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--light-gray) 0%,var(--white) 100%);padding:20px;overflow-x:hidden;max-width:100vw;box-sizing:border-box}.login-card{background:var(--white);border-radius:16px;box-shadow:0 8px 32px var(--shadow);padding:48px 40px;width:100%;max-width:800px;border:1px solid var(--medium-gray);box-sizing:border-box;overflow-x:hidden}.login-header{text-align:center;margin-bottom:32px}.login-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:24px;padding:0 20px}.login-logo{max-width:100%;width:100%;height:auto;max-height:800px;object-fit:contain;border-radius:12px;box-shadow:0 4px 16px #0000001a;background:var(--white);padding:8px;transition:transform .3s ease,box-shadow .3s ease}.login-logo:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.login-title{font-size:28px;font-weight:600;color:var(--black);margin-bottom:8px;background:linear-gradient(135deg,var(--blue),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:var(--dark-gray);font-size:16px;font-weight:400}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:14px;font-weight:500;color:var(--black)}.input-field{padding:12px 16px;border:2px solid var(--medium-gray);border-radius:8px;font-size:16px;transition:all .2s ease;background:var(--white)}.input-field:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #1e90ff1a}.input-field::placeholder{color:var(--dark-gray)}.input-field:disabled{background-color:var(--light-gray);cursor:not-allowed;opacity:.7}.error-message{color:var(--red);font-size:14px;text-align:center;padding:8px;background:#dc143c1a;border-radius:6px;border:1px solid rgba(220,20,60,.2)}.login-footer{margin-top:24px;text-align:center}.demo-credentials{font-size:12px;color:var(--dark-gray);background:var(--light-gray);padding:8px 12px;border-radius:6px;border:1px solid var(--medium-gray);margin-bottom:12px}.header{background:var(--white);border-bottom:2px solid var(--black);box-shadow:0 2px 8px var(--shadow)}.header-content{max-width:1400px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;overflow-x:hidden;box-sizing:border-box}.logo-section{display:flex;align-items:center;gap:12px}.target-icon{font-size:24px;filter:hue-rotate(0deg) saturate(1.5)}.logo{font-size:24px;font-weight:700;color:var(--black);margin:0}.user-section{display:flex;align-items:center;gap:16px}.user-info{display:flex;align-items:center;gap:8px}.username{font-weight:600;color:var(--black)}.role-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.change-password-btn{background:var(--blue);color:var(--white);border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.change-password-btn:hover{background:#1a7fd9;transform:translateY(-1px);box-shadow:0 2px 8px #1e90ff4d}.logout-btn{background:var(--black);color:var(--white);border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:var(--dark-gray)}.main-content{flex:1;max-width:1400px;margin:0 auto;padding:24px;width:100%;display:flex;flex-direction:column;gap:24px;overflow-x:hidden;box-sizing:border-box}.top-row{display:grid;grid-template-columns:2fr 1fr;gap:24px;width:100%;max-width:100%;box-sizing:border-box}.next-match-card{background:var(--white);border:2px solid var(--black);border-radius:8px;padding:24px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--medium-gray)}.card-header h3{font-size:20px;font-weight:600;color:var(--black);margin:0}.match-time{background:var(--yellow);color:var(--black);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.match-details{display:flex;flex-direction:column;gap:16px}.opponents{display:flex;align-items:center;justify-content:space-between;gap:16px}.player{display:flex;flex-direction:column;align-items:center;flex:1}.player-rank{font-size:12px;color:var(--dark-gray)}.vs{font-weight:700;color:var(--red);font-size:18px}.current-scores{text-align:center}.set-scores{display:flex;justify-content:center;gap:16px;font-size:14px;color:var(--dark-gray)}.quick-actions{background:var(--white);border:2px solid var(--black);border-radius:8px;padding:24px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.quick-actions h4{font-size:18px;font-weight:600;color:var(--black);margin:0 0 16px}.action-buttons{display:flex;flex-direction:column;gap:8px}.action-btn{border:none;background:var(--white);color:var(--black);padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-actions{background:var(--white);border:2px solid var(--red);border-radius:8px;padding:24px;margin-top:16px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.admin-actions h4{font-size:18px;font-weight:600;color:var(--red);margin:0 0 16px}.middle-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:100%;box-sizing:border-box}.todays-matches,.upcoming-matches,.my-matches{background:var(--white);border:2px solid var(--black);border-radius:8px;padding:24px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--medium-gray)}.section-header h3{font-size:18px;font-weight:600;color:var(--black);margin:0}.filters{display:flex;gap:8px}.filter-select{border:1px solid var(--medium-gray);border-radius:4px;padding:4px 8px;font-size:12px;background:var(--white)}.matches-list{display:flex;flex-direction:column;gap:8px}.match-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--light-gray);border-radius:4px;font-size:14px}.match-item .time{font-weight:600;color:var(--black);min-width:60px}.match-item .players{flex:1;text-align:center}.match-item .status{font-size:12px;padding:2px 6px;border-radius:3px;font-weight:500}.status.upcoming{background:var(--yellow);color:var(--black)}.status.won{background:var(--blue);color:var(--white)}.status.lost{background:var(--red);color:var(--white)}.bottom-section{display:grid;grid-template-columns:2fr 1fr;gap:24px;width:100%;max-width:100%;box-sizing:border-box}.group-standings{background:var(--white);border:2px solid var(--black);border-radius:8px;padding:24px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.group-standings .section-header{flex-direction:column;align-items:flex-start;gap:12px}.tabs{display:flex;gap:4px}.tab{background:var(--white);border:1px solid var(--medium-gray);color:var(--dark-gray);padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer}.tab.active{background:var(--black);color:var(--white);border-color:var(--black)}.group-tabs{display:flex;gap:4px}.group-tab{background:var(--white);border:1px solid var(--medium-gray);color:var(--dark-gray);padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer}.group-tab.active{background:var(--blue);color:var(--white);border-color:var(--blue)}.standings-table{margin-top:16px}.standings-table table{width:100%;border-collapse:collapse}.standings-table th,.standings-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--medium-gray);font-size:14px}.standings-table th{background:var(--light-gray);font-weight:600;color:var(--black)}.standings-table td:first-child{font-weight:600;color:var(--black)}.bracket-preview{background:var(--white);border:2px solid var(--black);border-radius:8px;padding:24px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.bracket-preview h3{font-size:18px;font-weight:600;color:var(--black);margin:0 0 16px}.bracket{display:flex;gap:16px;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.bracket-round{display:flex;flex-direction:column;gap:8px;min-width:120px}.bracket-match{background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:4px;padding:8px;text-align:center;font-size:12px}.bracket-match .player{padding:2px 0}.bracket-match .player.winner{font-weight:600;color:var(--blue)}.no-match,.no-matches,.no-standings,.no-bracket{text-align:center;padding:20px;color:var(--dark-gray);font-style:italic}.group-standings-table{margin-bottom:24px}.group-standings-table h4{font-size:16px;font-weight:600;color:var(--black);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--medium-gray)}.bracket-round h5{font-size:14px;font-weight:600;color:var(--black);margin-bottom:8px;text-align:center}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-x:hidden;max-width:100vw}.modal-content{background:var(--white);border:2px solid var(--black);border-radius:8px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid var(--medium-gray);margin-bottom:24px}.modal-header h2{font-size:20px;font-weight:600;color:var(--black);margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--dark-gray);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:var(--light-gray);color:var(--black)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-header-actions{display:flex;align-items:center;gap:12px}.recalculate-button{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.recalculate-button:hover:not(:disabled){background:var(--primary-dark)}.recalculate-button:disabled{opacity:.6;cursor:not-allowed}.modal-form{padding:0 24px 24px}.modal-actions{display:flex;gap:12px;margin-top:24px}.cancel-btn{flex:1;background:var(--white);color:var(--black);border:2px solid var(--medium-gray);padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{border-color:var(--dark-gray);background:var(--light-gray)}.cancel-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.login-card{padding:24px 20px;margin:16px;max-width:calc(100vw - 32px)}.login-title{font-size:24px}.login-logo{max-height:250px;padding:8px}.login-logo-container{margin-bottom:24px;padding:0 16px}.header-content{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch;max-width:100vw;overflow-x:hidden}.logo-section{justify-content:center;text-align:center}.logo,.target-icon{font-size:20px}.user-section{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.user-info{flex-direction:column;align-items:flex-start;gap:4px}.username{font-size:14px}.role-badge{font-size:11px;padding:3px 6px}.logout-btn{padding:10px 16px;font-size:14px;min-width:80px}.main-content{padding:12px;gap:16px;max-width:100vw;overflow-x:hidden}.top-row{grid-template-columns:1fr;gap:16px}.next-match-card{padding:20px 16px}.card-header h3{font-size:18px}.match-time{font-size:11px;padding:3px 6px}.opponents{flex-direction:column;gap:12px;text-align:center}.vs{font-size:16px;order:2}.player{order:1}.player:last-child{order:3}.player-name{font-size:16px}.set-scores{flex-direction:column;gap:4px;font-size:13px}.edit-score-btn{padding:12px 20px;font-size:16px;width:100%;margin-top:12px}.quick-actions{padding:20px 16px}.quick-actions h4{font-size:16px;text-align:center;margin-bottom:20px}.action-buttons{gap:12px}.action-btn{padding:14px 20px;font-size:16px;border-radius:8px;min-height:48px;display:flex;align-items:center;justify-content:center}.admin-actions{margin-top:16px;padding:20px 16px}.admin-actions h4{font-size:16px;text-align:center;margin-bottom:20px}.middle-section{grid-template-columns:1fr;gap:16px}.upcoming-matches,.my-matches{padding:20px 16px}.section-header h3{font-size:18px;text-align:center}.match-item{flex-direction:column;gap:8px;padding:12px;text-align:center}.match-item .time{font-size:13px;font-weight:600;color:var(--blue)}.match-item .players{font-size:15px;font-weight:500}.match-item .status{font-size:12px;padding:4px 8px;border-radius:12px}.bottom-section{grid-template-columns:1fr;gap:16px}.group-standings{padding:20px 16px}.group-standings h3{font-size:18px;text-align:center;margin-bottom:16px}.tabs{justify-content:center;margin-bottom:16px}.tab{padding:10px 16px;font-size:14px}.group-tabs{justify-content:center;flex-wrap:wrap;gap:6px}.group-tab{padding:6px 12px;font-size:12px}.standings-table{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.standings-table table{min-width:500px;width:100%;max-width:100%}.standings-table th,.standings-table td{padding:10px 8px;font-size:13px}.bracket-preview{padding:20px 16px}.bracket-preview h3{font-size:18px;text-align:center;margin-bottom:16px}.bracket{flex-direction:column;gap:12px}.bracket-round{flex-direction:row;overflow-x:auto;gap:12px;padding:8px}.bracket-round h5{font-size:13px;margin-bottom:8px;text-align:center}.bracket-match{min-width:100px;padding:10px 8px;font-size:11px}.modal-content{width:95%;margin:16px;max-height:95vh;max-width:calc(100vw - 32px);overflow-x:hidden}.modal-header{padding:16px 16px 0}.modal-header h2{font-size:18px}.modal-form{padding:0 16px 16px}.footer-content{flex-direction:column;gap:12px;text-align:center;padding:12px 16px}.footer-text{font-size:13px}.footer-btn{padding:10px 20px;font-size:15px;min-height:44px}}@media (max-width: 480px){.login-card{padding:20px 16px;margin:12px}.login-title{font-size:22px}.login-logo{max-height:200px;padding:6px}.login-logo-container{margin-bottom:20px;padding:0 12px}.input-field{font-size:16px;padding:14px 16px;min-height:48px;border-radius:8px}.input-label{font-size:15px;margin-bottom:8px}.input-group{gap:12px}.login-btn{padding:16px 24px;font-size:18px}.header-content{padding:10px 12px}.logo{font-size:18px}.user-section{flex-direction:column;align-items:stretch;gap:12px}.user-info{flex-direction:row;justify-content:space-between;align-items:center}.main-content{padding:8px;gap:12px}.next-match-card,.quick-actions,.admin-actions,.upcoming-matches,.my-matches,.group-standings,.bracket-preview{padding:16px 12px}.card-header h3,.quick-actions h4,.admin-actions h4,.section-header h3,.group-standings h3,.bracket-preview h3{font-size:16px}.action-btn{padding:16px 20px;font-size:16px;min-height:52px}.match-item{padding:16px 12px}.match-item .players{font-size:14px;line-height:1.4}.tab{padding:12px 16px;font-size:15px}.group-tab{padding:8px 12px;font-size:13px}.standings-table th,.standings-table td{padding:12px 6px;font-size:12px}.modal-content{width:98%;margin:8px;max-height:96vh;max-width:calc(100vw - 16px);overflow-x:hidden}.modal-header{padding:12px 12px 0}.modal-header h2{font-size:16px}.modal-form{padding:0 12px 12px}.edit-score-btn{padding:16px 24px;font-size:18px}}@media (max-width: 768px){.input-field,.player-select,.group-select,.filter-select,.group-count-input{font-size:16px;min-height:48px;padding:14px 16px;border-radius:8px}.input-label,.slot-label,.group-label,.group-count-label,.category-label{font-size:15px;margin-bottom:8px}.input-group,.slot-container{gap:12px}.score-input{font-size:18px;padding:16px;min-height:52px;text-align:center}.score-label{font-size:13px;margin-bottom:6px}.score-input-group{gap:8px}.edit-score-modal{max-width:95vw;width:95vw;max-height:95vh}.edit-score-modal .modal-body,.edit-score-modal .modal-actions{padding:16px}}@media (max-width: 768px){button,.action-btn,.tab,.group-tab,.category-tab,.modal-close,.edit-btn,.delete-btn{min-height:44px;min-width:44px}.modal-content,.accounts-table-container,.standings-table,.matches-list,.bracket{-webkit-overflow-scrolling:touch}input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],select,textarea{font-size:16px}.match-item,.player-card,.group-player,.player-assignment{padding:16px 12px;margin-bottom:8px}.match-item .players,.player-name,.username{font-size:15px;line-height:1.4}.modal-overlay{padding:8px}.modal-content{margin:0;max-height:calc(100vh - 16px)}}.page-container{padding:20px;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--light-gray)}.page-header h1{font-size:24px;font-weight:600;color:var(--black);margin:0}.accounts-table-container{background:var(--white);border-radius:12px;box-shadow:0 4px 16px var(--shadow);overflow:hidden;border:1px solid var(--medium-gray)}.accounts-table{width:100%;border-collapse:collapse}.accounts-table th{background:var(--light-gray);padding:16px;text-align:left;font-weight:600;color:var(--black);border-bottom:2px solid var(--medium-gray)}.accounts-table td{padding:16px;border-bottom:1px solid var(--light-gray);vertical-align:middle}.accounts-table tr:hover{background:var(--light-gray)}.role-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.role-badge.admin{background:var(--red);color:var(--white)}.role-badge.player{background:var(--blue);color:var(--white)}.category-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.category-badge.man{background:var(--blue);color:var(--white)}.category-badge.woman{background:var(--red);color:var(--white)}.action-buttons{display:flex;gap:8px}.edit-btn,.delete-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;font-size:16px;transition:background-color .2s}.edit-btn:hover{background:var(--light-gray)}.delete-btn:hover{background:#fee}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.no-data{text-align:center;color:var(--dark-gray);font-style:italic;padding:32px}.loading{text-align:center;padding:32px;color:var(--dark-gray)}.error-message{background:#fee;color:var(--red);padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #fcc;display:flex;justify-content:space-between;align-items:center}.error-close{background:none;border:none;color:var(--red);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.warning-text{color:var(--red);font-weight:500;margin-top:8px}.input-help{color:var(--dark-gray);font-size:12px;margin-top:4px;display:block}.account-management-modal{max-width:90vw;max-height:90vh;width:1000px;overflow:hidden;box-sizing:border-box}.account-management-modal .modal-body{padding:0;overflow-y:auto;overflow-x:hidden;max-height:calc(90vh - 120px);max-width:100%;box-sizing:border-box}.group-generator-modal{max-width:95vw;max-height:95vh;width:1200px;overflow:hidden;box-sizing:border-box}.group-generator-modal .modal-body{padding:0;overflow-y:auto;overflow-x:hidden;max-height:calc(95vh - 120px);max-width:100%;box-sizing:border-box}.match-creator-modal{max-width:95vw;max-height:95vh;width:1200px;overflow:hidden;box-sizing:border-box}.match-creator-modal .modal-body{padding:0;overflow-y:auto;overflow-x:hidden;max-height:calc(95vh - 120px);max-width:100%;box-sizing:border-box}.group-generator{padding:20px}.group-generator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--light-gray)}.group-generator-info h3{margin:0 0 8px;color:var(--black);font-size:20px}.group-generator-info p{margin:0;color:var(--dark-gray);font-size:14px}.group-generator-actions{display:flex;gap:12px}.category-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--light-gray);padding-bottom:16px}.category-tab{background:none;border:none;padding:12px 24px;border-radius:8px 8px 0 0;cursor:pointer;font-weight:500;color:var(--dark-gray);transition:all .2s ease;border-bottom:3px solid transparent}.category-tab:hover{background:var(--light-gray);color:var(--black)}.category-tab.active{background:var(--white);color:var(--black);border-bottom-color:var(--blue);box-shadow:0 -2px 8px #0000001a}.group-generator-content{display:grid;grid-template-columns:1fr 2fr;gap:24px;min-height:500px}.unassigned-players h4,.groups-container h4{margin:0 0 16px;color:var(--black);font-size:16px;font-weight:600}.unassigned-area,.group-players{min-height:200px;border:2px dashed var(--medium-gray);border-radius:8px;padding:16px;background:var(--light-gray);transition:all .2s ease}.unassigned-area:hover,.group-players:hover{border-color:var(--blue);background:#f8f9ff}.groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.group-card{border:1px solid var(--medium-gray);border-radius:8px;background:var(--white);overflow:hidden}.group-header{background:var(--light-gray);padding:12px 16px;border-bottom:1px solid var(--medium-gray);display:flex;justify-content:space-between;align-items:center}.group-header h5{margin:0;color:var(--black);font-size:14px;font-weight:600}.group-count{color:var(--dark-gray);font-size:12px}.player-card{background:var(--white);border:1px solid var(--medium-gray);border-radius:6px;padding:12px;margin-bottom:8px;cursor:grab;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.player-card:hover{border-color:var(--blue);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.player-card:active{cursor:grabbing}.player-name{font-weight:500;color:var(--black);font-size:14px}.player-id{color:var(--dark-gray);font-size:12px;background:var(--light-gray);padding:2px 6px;border-radius:4px}.empty-area,.empty-group{text-align:center;color:var(--dark-gray);font-style:italic;padding:32px 16px}.empty-group{padding:16px;font-size:14px}.group-generator-loading{padding:40px;text-align:center}.player-card[draggable=true]{-webkit-user-select:none;user-select:none}.player-card.dragging{opacity:.5;transform:rotate(5deg)}.unassigned-area.drag-over,.group-players.drag-over{border-color:var(--blue);background:#e8f2ff;transform:scale(1.02)}.match-creator{padding:20px}.match-creator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--light-gray)}.match-creator-info h3{margin:0 0 8px;color:var(--black);font-size:20px}.match-creator-info p{margin:0;color:var(--dark-gray);font-size:14px}.match-creator-actions{display:flex;gap:12px}.match-creator-content{display:grid;grid-template-columns:1fr 2fr;gap:24px;min-height:500px}.players-list h4,.matches-container h4{margin:0 0 16px;color:var(--black);font-size:16px;font-weight:600}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:16px;border:2px dashed var(--medium-gray);border-radius:8px;background:var(--light-gray)}.matches-list{display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto}.match-card{border:1px solid var(--medium-gray);border-radius:8px;background:var(--white);overflow:hidden;display:flex}.match-header{background:var(--light-gray);padding:12px 16px;border-bottom:1px solid var(--medium-gray);display:flex;justify-content:space-between;align-items:center}.match-header h5{margin:0;color:var(--black);font-size:14px;font-weight:600}.delete-match-btn{background:var(--red);color:var(--white);border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.delete-match-btn:hover{background:#d32f2f}.match-players{padding:20px;display:flex;align-items:center;gap:20px}.player-slot{flex:1;min-height:80px;border:2px dashed var(--medium-gray);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.player-slot.empty{background:var(--light-gray)}.player-slot.filled{border-color:var(--blue);background:#f8f9ff}.player-slot.drag-over{border-color:var(--blue);background:#e8f2ff;transform:scale(1.02)}.empty-slot{text-align:center;color:var(--dark-gray);font-style:italic;font-size:14px}.player-in-slot{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--white);border:1px solid var(--blue);border-radius:6px;width:100%;justify-content:space-between}.player-in-slot .player-name{font-weight:500;color:var(--black);font-size:14px}.remove-player-btn{background:var(--red);color:var(--white);border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.remove-player-btn:hover{background:#d32f2f}.vs-divider{font-weight:700;color:var(--dark-gray);font-size:16px;padding:0 8px}.empty-matches{text-align:center;color:var(--dark-gray);font-style:italic;padding:40px 20px;border:2px dashed var(--medium-gray);border-radius:8px;background:var(--light-gray)}.match-creator-loading{padding:40px;text-align:center}.add-match-modal{max-width:90vw;max-height:90vh;width:1000px;overflow:hidden;box-sizing:border-box}.add-match-modal .modal-body{padding:0;overflow-y:auto;overflow-x:hidden;max-height:calc(90vh - 120px);max-width:100%;box-sizing:border-box}.add-match-modal-content{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:400px}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{opacity:1}input[type=date]:before{content:attr(placeholder);width:100%;color:var(--dark-gray)}input[type=date]:valid:before{display:none}.match-setup{display:flex;flex-direction:column;gap:12px}.match-setup h4{margin:0 0 16px;color:var(--black);font-size:16px;font-weight:600}.match-slots{display:flex;flex-direction:column;gap:16px}.slot-container{display:flex;flex-direction:column;gap:8px}.slot-label{font-weight:500;color:var(--black);font-size:14px}.players-by-groups h4{margin:0 0 16px;color:var(--black);font-size:16px;font-weight:600}.groups-container{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.group-section{border:1px solid var(--medium-gray);border-radius:6px;background:var(--white);overflow:hidden}.group-section h5{margin:0;padding:8px 12px;background:var(--light-gray);border-bottom:1px solid var(--medium-gray);color:var(--black);font-size:13px;font-weight:600}.group-players{padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.empty-group{text-align:center;color:var(--dark-gray);font-style:italic;padding:20px;font-size:14px}.no-groups{text-align:center;color:var(--dark-gray);font-style:italic;padding:40px 20px;border:2px dashed var(--medium-gray);border-radius:8px;background:var(--light-gray)}.add-match-loading{padding:40px;text-align:center}.edit-match-modal-content{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:350px}.edit-match-modal-content .match-setup{gap:10px}.edit-match-modal-content .groups-container{max-height:250px}.edit-match-modal-content .group-section{border-radius:4px}.edit-match-modal-content .group-section h5{padding:6px 10px;font-size:12px}.edit-match-modal-content .group-players{padding:8px;gap:4px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--light-gray);background:var(--white);border-radius:0 0 8px 8px;flex-shrink:0}.edit-score-modal .modal-actions{margin-top:0;position:relative;z-index:10}@media (max-width: 768px){.modal-actions{flex-direction:column;gap:12px;padding:20px 16px}.modal-actions .cancel-btn,.modal-actions .submit-btn,.modal-actions .primary-btn,.modal-actions .secondary-btn,.modal-actions .red-btn{width:100%;padding:16px 24px;font-size:16px;min-height:48px}}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.scheduled{background:var(--yellow);color:var(--black)}.status-badge.in_progress{background:var(--blue);color:var(--white)}.status-badge.final{background:var(--green);color:var(--white)}.phase-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;margin-left:8px;background:var(--medium-gray);color:var(--white)}.match-info{display:flex;justify-content:space-between;align-items:center;padding:16px;flex:1}.match-actions{display:flex;gap:12px;padding:16px;border-left:1px solid var(--medium-gray);align-items:center;background:var(--light-gray);flex-wrap:wrap;justify-content:center}.edit-match-btn,.delete-match-btn,.edit-score-btn{background:var(--white);border:2px solid var(--medium-gray);cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;border-radius:8px;transition:all .2s ease;min-width:80px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px}.edit-match-btn{border-color:var(--blue);color:var(--blue)}.edit-match-btn:hover{background:var(--blue);color:var(--white);transform:translateY(-1px);box-shadow:0 2px 8px #1e90ff4d}.edit-score-btn{border-color:var(--yellow);color:var(--yellow);background:var(--white)}.delete-match-btn{border-color:var(--red);color:var(--red)}.delete-match-btn:hover{background:var(--red);color:var(--white);transform:translateY(-1px);box-shadow:0 2px 8px #dc143c4d}.delete-match-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.match-players{display:flex;align-items:center;gap:12px}.match-players .player-name{font-weight:500;color:var(--black)}.match-status{display:flex;align-items:center}.primary-btn{background:var(--blue);color:var(--white);border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.primary-btn:hover{background:#1a7fd9;transform:translateY(-1px);box-shadow:0 4px 12px #1e90ff4d}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.secondary-btn{background:var(--yellow);color:var(--black);border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background:#e6c200;transform:translateY(-1px);box-shadow:0 4px 12px #ffc1074d}.secondary-btn:active{transform:translateY(0)}.secondary-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.red-btn{background:var(--red);color:var(--white);border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.red-btn:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 12px #dc143c4d}.red-btn:active{transform:translateY(0)}.red-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.action-btn.yellow{background:var(--yellow);color:var(--black);border:none;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.yellow:hover{background:#e6c200;transform:translateY(-1px);box-shadow:0 2px 8px #ffc1074d}.action-btn.blue{background:var(--blue);color:var(--white);border:none;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.blue:hover{background:#1a7fd9;transform:translateY(-1px);box-shadow:0 2px 8px #1e90ff4d}.action-btn.red{background:var(--red);color:var(--white);border:none;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.red:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 2px 8px #dc143c4d}.action-btn.black{background:var(--black);color:var(--white);border:none;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.black:hover{background:var(--dark-gray);transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.login-btn{background:var(--blue);color:var(--white);border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.login-btn:hover{background:#1a7fd9;transform:translateY(-1px);box-shadow:0 4px 16px #1e90ff4d}.submit-btn{flex:1;background:var(--blue);color:var(--white);border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover{background:#1a7fd9;transform:translateY(-1px);box-shadow:0 4px 12px #1e90ff4d}.edit-score-btn{background:var(--white);border:2px solid var(--yellow);color:var(--yellow);cursor:pointer;font-size:16px;padding:8px 12px;border-radius:6px;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.edit-score-btn:hover{background:var(--yellow);color:var(--black);transform:translateY(-1px);box-shadow:0 2px 8px #ffc1074d}.edit-score-modal{max-width:90vw;max-height:90vh;width:800px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.edit-score-modal .modal-body{padding:24px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;max-width:100%;box-sizing:border-box}.match-info-section{background:var(--light-gray);border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid var(--medium-gray)}.match-players{display:flex;align-items:center;justify-content:space-between;gap:20px}.player-info{flex:1;text-align:center}.player-info .player-name{font-size:18px;font-weight:600;color:var(--black);margin-bottom:4px}.player-info .player-id{font-size:14px;color:var(--dark-gray);background:var(--white);padding:2px 8px;border-radius:4px;display:inline-block}.vs-divider{font-size:20px;font-weight:700;color:var(--red);background:var(--white);padding:8px 16px;border-radius:50%;border:2px solid var(--red)}.match-winner{text-align:center;margin-top:16px;padding:12px;background:var(--yellow);border-radius:6px;font-weight:600;color:var(--black);font-size:16px}.sets-scoring{margin-bottom:24px}.sets-scoring h3{margin:0 0 16px;color:var(--black);font-size:18px;font-weight:600}.sets-container{display:flex;flex-direction:column;gap:16px}.set-input{background:var(--white);border:2px solid var(--medium-gray);border-radius:8px;padding:16px;transition:border-color .2s ease}.set-input:hover{border-color:var(--blue)}.set-number{font-weight:600;color:var(--black);margin-bottom:12px;font-size:16px}.score-inputs{display:flex;align-items:center;gap:16px;margin-bottom:8px}.score-input-group{flex:1;display:flex;flex-direction:column;gap:4px}.score-label{font-size:12px;font-weight:500;color:var(--dark-gray);text-align:center}.score-input{width:100%;padding:12px;border:2px solid var(--medium-gray);border-radius:6px;font-size:18px;font-weight:600;text-align:center;transition:all .2s ease}.score-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #1e90ff1a}.score-separator{font-size:24px;font-weight:700;color:var(--dark-gray);margin:0 8px}.set-status{text-align:center;font-size:12px;font-weight:500}.set-valid{color:var(--green)}.set-invalid{color:var(--red)}.set-empty{color:var(--dark-gray)}.match-summary{background:var(--light-gray);border-radius:8px;padding:16px;border:1px solid var(--medium-gray)}.match-summary h4{margin:0 0 12px;color:var(--black);font-size:16px;font-weight:600}.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:14px;color:var(--dark-gray)}.stat-value{font-size:14px;font-weight:600;color:var(--black)}.stat-value.complete{color:var(--green)}.stat-value.incomplete{color:var(--red)}.my-matches-modal{max-width:95vw;max-height:90vh;width:1000px;overflow:hidden;box-sizing:border-box}.my-matches-modal .modal-body{padding:24px;overflow-y:auto;overflow-x:hidden;max-height:calc(90vh - 120px);max-width:100%;box-sizing:border-box}.matches-list-container,.matches-grid{display:flex;flex-direction:column;gap:16px}.match-card{background:var(--white);border:2px solid var(--medium-gray);border-radius:12px;overflow:hidden;transition:all .2s ease}.match-card:hover{border-color:var(--blue);box-shadow:0 4px 12px #1e90ff1a;transform:translateY(-2px)}.match-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--light-gray);border-bottom:1px solid var(--medium-gray)}.match-phase .phase-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.match-phase .phase-badge.group{background:var(--blue);color:var(--white)}.match-phase .phase-badge.elim{background:var(--red);color:var(--white)}.match-date{font-size:12px;color:var(--dark-gray);font-weight:500}.match-content{padding:20px}.match-players{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.match-players .player-info{flex:1;text-align:center}.match-players .player-name{font-size:16px;font-weight:600;color:var(--black);margin-bottom:4px}.match-players .player-label{font-size:12px;color:var(--dark-gray);text-transform:uppercase;font-weight:500}.vs-section{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px}.vs-section .vs-divider{font-size:18px;font-weight:700;color:var(--red);background:var(--white);padding:6px 12px;border-radius:50%;border:2px solid var(--red)}.sets-summary{font-size:12px;color:var(--dark-gray);text-align:center;font-weight:500}.match-status-section{display:flex;justify-content:space-between;align-items:center}.status-indicator{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;color:var(--white);font-weight:600;font-size:14px}.status-icon{font-size:16px}.status-text{text-transform:uppercase;font-size:12px}.edit-match-btn{background:var(--blue);color:var(--white);border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-match-btn:hover{background:#1a7fd9;transform:translateY(-1px);box-shadow:0 2px 8px #1e90ff4d}.match-footer{padding:8px 16px;background:var(--light-gray);border-top:1px solid var(--medium-gray)}.time-indicator{font-size:11px;font-weight:600;text-transform:uppercase;text-align:center}.time-indicator.past{color:var(--red)}.time-indicator.future{color:var(--blue)}.no-matches{text-align:center;padding:60px 20px;color:var(--dark-gray)}.no-matches-icon{font-size:48px;margin-bottom:16px}.no-matches h3{margin:0 0 8px;color:var(--black);font-size:20px}.no-matches p{margin:0;font-size:14px}.loading-spinner{width:40px;height:40px;border:4px solid var(--light-gray);border-top:4px solid var(--blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.standings-modal{max-width:95vw;max-height:90vh;width:1000px;overflow:hidden;box-sizing:border-box}.standings-modal .modal-body{padding:24px;overflow-y:auto;overflow-x:hidden;max-height:calc(90vh - 120px);max-width:100%;box-sizing:border-box}.standings-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:24px;padding:20px;background:var(--light-gray);border-radius:8px;border:1px solid var(--medium-gray)}.category-tab{background:var(--white);color:var(--black);border:2px solid var(--medium-gray);padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.group-selection{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.group-label{font-weight:600;color:var(--black);font-size:16px}.group-tabs{display:flex;gap:8px;flex-wrap:wrap}.group-tab{background:var(--white);color:var(--black);border:2px solid var(--medium-gray);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.group-tab:hover{border-color:var(--yellow);background:var(--yellow);color:var(--black)}.group-tab.active{background:var(--yellow);color:var(--black);border-color:var(--yellow)}.group-tab:disabled{opacity:.6;cursor:not-allowed}.standings-content{background:var(--white);border-radius:8px;overflow:hidden}.standings-title{margin:0 0 20px;padding:20px 24px 0;color:var(--black);font-size:20px;font-weight:600}.standings-table-container{padding:0 24px 24px;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.standings-table{width:100%;border-collapse:collapse;background:var(--white)}.standings-table th{background:var(--light-gray);color:var(--black);font-weight:600;padding:16px 12px;text-align:left;border-bottom:2px solid var(--medium-gray);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.standings-table td{padding:16px 12px;border-bottom:1px solid var(--light-gray);font-size:14px}.standings-table tbody tr:hover{background:#1e90ff0d}.standings-table tbody tr.top-1{background:#ffd7001a;border-left:4px solid var(--yellow)}.standings-table tbody tr.top-2{background:#c0c0c01a;border-left:4px solid var(--medium-gray)}.standings-table tbody tr.top-3{background:#cd7f321a;border-left:4px solid #CD7F32}.rank-cell{font-weight:600;font-size:16px;text-align:center;width:80px}.player-cell{width:250px}.player-name{font-weight:600;color:var(--black)}.player-id{font-size:12px;color:var(--dark-gray)}.record-cell{text-align:center;font-weight:600;width:80px}.wins{color:var(--green)}.losses{color:var(--red)}.sets-cell,.points-cell{text-align:center;font-weight:600;width:100px}.sets-diff.positive,.points-diff.positive{color:var(--green)}.sets-diff.negative,.points-diff.negative{color:var(--red)}.percentage-cell{text-align:center;font-weight:600;width:80px}.win-percentage{color:var(--blue)}.no-standings{text-align:center;padding:60px 20px;color:var(--dark-gray)}.no-standings-icon{font-size:48px;margin-bottom:16px}.no-standings h3{margin:0 0 8px;color:var(--black);font-size:20px}.no-standings p{margin:0;font-size:14px}@media (max-width: 768px){.edit-score-modal{max-width:95vw;width:95vw;box-sizing:border-box}.edit-score-modal .modal-body{padding:16px}.match-players{flex-direction:column;gap:12px}.vs-divider{transform:rotate(90deg);margin:8px 0}.score-inputs{flex-direction:column;gap:8px}.score-separator{transform:rotate(90deg);margin:4px 0}.summary-stats{grid-template-columns:1fr;gap:8px}.score-input{font-size:20px;padding:16px}.set-input{padding:20px 16px}.set-number{font-size:18px;margin-bottom:16px}.my-matches-modal{max-width:98vw;width:98vw;box-sizing:border-box}.my-matches-modal .modal-body{padding:16px}.match-players{flex-direction:column;gap:16px}.vs-section .vs-divider{transform:rotate(90deg);margin:8px 0}.match-status-section{flex-direction:column;gap:12px;align-items:stretch}.edit-match-btn{align-self:center}.match-card{flex-direction:column}.match-actions{border-left:none;border-top:1px solid var(--medium-gray);justify-content:center;flex-wrap:wrap;gap:8px;padding:12px}.edit-match-btn,.delete-match-btn,.edit-score-btn{font-size:13px;padding:8px 12px;min-width:70px;min-height:40px;flex:1;max-width:120px}.groups-header{flex-direction:column;gap:16px;align-items:stretch}.groups-controls{flex-direction:column;gap:12px;align-items:stretch}.group-count-selector{justify-content:space-between}.player-assignment{flex-direction:column;gap:12px;align-items:stretch}.group-select{min-width:auto;width:100%}.groups-grid{grid-template-columns:1fr;gap:12px}.player-selection{flex-direction:column;gap:16px}.vs-divider{order:2;padding:8px 0}.player-slot-container:first-child{order:1}.player-slot-container:last-child{order:3}.player-select{min-width:auto;width:100%}.standings-modal{max-width:98vw;width:98vw;box-sizing:border-box}.standings-modal .modal-body,.standings-controls{padding:16px}.category-tabs{flex-direction:column;gap:8px}.group-selection{flex-direction:column;align-items:flex-start;gap:12px}.group-tabs{width:100%;justify-content:flex-start}.standings-table{font-size:12px;width:100%;max-width:100%}.standings-table th,.standings-table td{padding:8px 6px}.player-cell{width:150px}.rank-cell,.record-cell,.sets-cell,.points-cell,.percentage-cell{width:60px}}.group-generator{display:flex;flex-direction:column;gap:24px}.groups-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--light-gray);border-radius:8px;border:1px solid var(--medium-gray)}.category-selector{display:flex;align-items:center;gap:12px}.category-label{font-weight:600;color:var(--black);font-size:16px}.category-tabs{display:flex;gap:8px}.category-tab{background:var(--white);color:var(--black);border:2px solid var(--medium-gray);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.category-tab:hover{border-color:var(--blue);background:var(--blue);color:var(--white)}.category-tab.active{background:var(--blue);color:var(--white);border-color:var(--blue)}.category-tab:disabled{opacity:.6;cursor:not-allowed}.groups-controls{display:flex;align-items:center;gap:16px}.group-count-selector{display:flex;align-items:center;gap:8px}.group-count-label{font-weight:600;color:var(--black);font-size:14px}.group-count-input{width:60px;padding:6px 8px;border:2px solid var(--medium-gray);border-radius:4px;font-size:14px;text-align:center}.group-count-input:focus{outline:none;border-color:var(--blue)}.reset-groups-btn{background:var(--red);color:var(--white);border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.generate-matches-btn{background:var(--blue);color:var(--white);border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-groups-btn:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 2px 8px #dc143c4d}.reset-groups-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.players-section{background:var(--white);border-radius:8px;border:1px solid var(--medium-gray);overflow:hidden}.players-section h3{margin:0;padding:16px 20px;background:var(--light-gray);border-bottom:1px solid var(--medium-gray);color:var(--black);font-size:18px;font-weight:600}.players-list{padding:20px;display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.player-assignment{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--light-gray);border-radius:6px;border:1px solid var(--medium-gray);transition:all .2s ease}.player-assignment:hover{border-color:var(--blue);background:#1e90ff0d}.player-info{display:flex;flex-direction:column;gap:2px}.player-info .player-name{font-weight:600;color:var(--black);font-size:16px}.player-info .player-id{font-size:12px;color:var(--dark-gray)}.group-select{padding:8px 12px;border:2px solid var(--medium-gray);border-radius:6px;font-size:14px;background:var(--white);cursor:pointer;transition:all .2s ease;min-width:200px}.group-select:focus{outline:none;border-color:var(--blue)}.group-select:hover{border-color:var(--blue)}.groups-overview{background:var(--white);border-radius:8px;border:1px solid var(--medium-gray);overflow:hidden}.groups-overview h3{margin:0;padding:16px 20px;background:var(--light-gray);border-bottom:1px solid var(--medium-gray);color:var(--black);font-size:18px;font-weight:600}.groups-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.group-card{background:var(--light-gray);border-radius:8px;border:1px solid var(--medium-gray);overflow:hidden}.group-header{padding:12px 16px;background:var(--white);border-bottom:1px solid var(--medium-gray);display:flex;justify-content:space-between;align-items:center}.group-header h4{margin:0;color:var(--black);font-size:16px;font-weight:600}.player-count{font-size:12px;color:var(--dark-gray);font-weight:500}.group-players{padding:12px;display:flex;flex-direction:column;gap:8px;min-height:80px}.group-player{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--white);border-radius:4px;border:1px solid var(--medium-gray)}.group-player .player-name{font-weight:500;color:var(--black);font-size:14px}.group-player .player-id{font-size:11px;color:var(--dark-gray)}.empty-group{display:flex;align-items:center;justify-content:center;height:60px;color:var(--dark-gray);font-style:italic;font-size:14px}.no-players{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--dark-gray)}.no-players p{margin:8px 0;font-size:16px}.no-players p:first-child{font-weight:600;color:var(--black)}.player-selection{display:flex;align-items:center;gap:20px;padding:20px;background:var(--light-gray);border-radius:8px;border:1px solid var(--medium-gray)}.player-slot-container{display:flex;flex-direction:column;gap:8px;flex:1}.player-select{padding:12px 16px;border:2px solid var(--medium-gray);border-radius:6px;font-size:16px;background:var(--white);cursor:pointer;transition:all .2s ease;min-width:200px}.player-select:focus{outline:none;border-color:var(--blue)}.player-select:hover{border-color:var(--blue)}.vs-divider{font-size:18px;font-weight:600;color:var(--black);padding:0 10px}.available-players-info{background:var(--white);border-radius:8px;border:1px solid var(--medium-gray);padding:16px 20px;margin-top:16px}.available-players-info h4{margin:0 0 8px;color:var(--black);font-size:16px;font-weight:600}.available-players-info p{margin:4px 0;color:var(--dark-gray);font-size:14px}.player-count{font-weight:500;color:var(--black)}.groups-actions{display:flex;justify-content:center;padding:20px}.save-groups-btn{background:var(--blue);color:var(--white);border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-groups-btn:hover{background:#1a7fd9;transform:translateY(-1px);box-shadow:0 4px 12px #1e90ff4d}.save-groups-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px;align-items:stretch}.accounts-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;max-width:100%}.accounts-table{min-width:600px;width:100%;max-width:100%}.accounts-table th,.accounts-table td{padding:12px 8px;font-size:13px}.accounts-table th{font-size:12px;text-transform:uppercase;letter-spacing:.5px}.role-badge,.category-badge{padding:4px 8px;font-size:11px}.action-buttons{flex-direction:column;gap:6px}.edit-btn,.delete-btn{padding:8px 12px;font-size:14px;min-height:36px}.account-management-modal{max-width:95vw;width:95vw;box-sizing:border-box}.group-generator-modal{max-width:98vw;width:98vw;box-sizing:border-box}.group-generator-content{grid-template-columns:1fr;gap:16px}.match-creator-modal{max-width:98vw;width:98vw;box-sizing:border-box}.match-creator-content{grid-template-columns:1fr;gap:16px}.match-creator-header{flex-direction:column;gap:16px;align-items:stretch}.match-creator-actions{justify-content:center}.players-grid{grid-template-columns:1fr}.match-players{flex-direction:column;gap:12px}.vs-divider{transform:rotate(90deg)}.add-match-modal{max-width:98vw;width:98vw;box-sizing:border-box}.add-match-modal-content{grid-template-columns:1fr;gap:16px}.group-players{grid-template-columns:1fr}.match-card{flex-direction:column}.match-actions{border-left:none;border-top:1px solid var(--medium-gray);justify-content:center}.group-generator-header{flex-direction:column;gap:16px;align-items:stretch}.group-generator-actions,.category-tabs{justify-content:center}.category-tab{flex:1;text-align:center}.groups-grid{grid-template-columns:1fr}}