code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#667eea;--primary-dark:#764ba2;--accent:#28a745;--danger:#dc3545;--danger-dark:#c82333;--bg:#f8f9fa;--white:#fff;--gray-light:#e9ecef;--gray:#666;--gray-dark:#333;--shadow:0 4px 20px #667eea14;--radius:12px;--transition:all 0.2s cubic-bezier(.4,0,.2,1);--font-main:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-base:16px;--font-size-lg:1.25rem;--font-size-sm:0.95rem;--font-weight-bold:700;--font-weight-normal:400;--space-xs:6px;--space-sm:12px;--space-md:20px;--space-lg:32px;--space-xl:48px}body{background:#f8f9fa;background:var(--bg);color:#333;color:var(--gray-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-main);font-size:16px;font-size:var(--font-size-base);padding:0}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 20px #667eea14;box-shadow:var(--shadow);margin-bottom:20px;margin-bottom:var(--space-md);padding:32px;padding:var(--space-lg)}.btn{background:#667eea;background:var(--primary);border:none;border-radius:25px;color:#fff;color:var(--white);cursor:pointer;font-weight:700;font-weight:var(--font-weight-bold);padding:12px 20px;padding:var(--space-sm) var(--space-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn:hover{background:#764ba2;background:var(--primary-dark)}.btn-accent{background:#28a745;background:var(--accent)}.btn-danger{background:#dc3545;background:var(--danger)}.btn-danger:hover{background:#c82333;background:var(--danger-dark)}.input{border:1px solid #e9ecef;border:1px solid var(--gray-light);border-radius:12px;border-radius:var(--radius);box-sizing:border-box;font-size:16px;font-size:var(--font-size-base);margin-bottom:12px;margin-bottom:var(--space-sm);padding:12px 20px;padding:var(--space-sm) var(--space-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.input:focus{border-color:#667eea;border-color:var(--primary);outline:none}.table{border-collapse:collapse;margin-bottom:32px;margin-bottom:var(--space-lg);width:100%}.table td,.table th{border:1px solid #e9ecef;border:1px solid var(--gray-light);padding:12px;padding:var(--space-sm);text-align:left}.table th{background:#e9ecef;background:var(--gray-light);font-weight:700;font-weight:var(--font-weight-bold)}.shadow{box-shadow:0 4px 20px #667eea14;box-shadow:var(--shadow)}.radius{border-radius:12px;border-radius:var(--radius)}.text-center{text-align:center}.text-right{text-align:right}.mt-lg{margin-top:32px;margin-top:var(--space-lg)}.mb-lg{margin-bottom:32px;margin-bottom:var(--space-lg)}.match-results-container{padding:0 16px}.filter-controls{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.sort-controls{float:right;margin-bottom:16px}.sort-controls .reset-btn{margin-left:8px}.finalized-warning{color:#f39c12;font-weight:700}.update-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.bulk-update-btn,.force-bulk-btn{float:right;margin-bottom:16px}.force-bulk-btn{background:#ffb347;color:#222;margin-right:12px}.match-table{border-collapse:collapse;width:100%}.score-input{width:80px}.modal-bg{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-width:600px;padding:24px;width:90%}.flex-gap-24{display:flex;gap:24px}.flex-1{flex:1 1}.flex-gap-8{display:flex;gap:8px;margin-top:16px}.list-indent{margin:0;padding-left:16px}.error-text{color:red;margin-top:8px}.update-btn.small{font-size:.92em;margin-top:4px}.winner-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s}.winner-btn:hover:not(:disabled){background:#e0e0e0}.winner-btn.selected{background:#4caf50;border-color:#4caf50;color:#fff}.winner-btn:disabled{cursor:not-allowed;opacity:.5}.delete-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-left:8px;padding:4px 8px;transition:background .2s}.delete-btn:hover:not(:disabled){background:#c82333}.delete-btn:disabled{background:#ccc}.matrix-header-app{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.matrix-app-title{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,#667eea 20%,#764ba2 80%);-webkit-background-clip:text;background-clip:text;color:#4b2992;font-size:2.1em;font-weight:800;letter-spacing:1px;margin:0;padding:.2em 0}.matrix-nav-btn{background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:22px;box-shadow:0 2px 8px #667eea1a;color:#fff;cursor:pointer;font-size:1.08em;font-weight:600;margin-bottom:6px;margin-right:6px;padding:10px 26px;transition:background .2s,box-shadow .2s}.matrix-nav-btn.selected{background:#fff;border:2px solid #764ba2;box-shadow:0 3px 14px #764ba229;color:#764ba2;font-weight:700;z-index:2}.matrix-nav-btn:hover{background:linear-gradient(90deg,#764ba2,#667eea);box-shadow:0 6px 16px #667eea2e}.matrix-container{margin:0 auto;max-width:100vw;padding:16px}.matrix-container h2{font-size:1.25rem;font-weight:700;margin-bottom:12px;text-align:center}.matrix-scroll{overflow-x:auto}.matrix-table{width:100%}.matrix-scroll{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:auto!important;position:relative;width:100%}.matrix-table .rating-up{color:#219653!important;font-weight:600}.matrix-table .rating-down{color:#e74c3c!important;font-weight:600}.matrix-table .rating-absent,.matrix-table .rating-same{color:#888!important}.matrix-scroll:after{color:#bbb;content:"↔";display:none;font-size:1.1em;opacity:.8;pointer-events:none;position:absolute;right:10px;top:10px}@media (max-width:900px){.matrix-scroll:after{display:block}}.matrix-table{background:var(--white);border-collapse:initial;border-radius:10px;border-spacing:0;box-shadow:0 2px 12px 0 #1e3c5a14;font-size:.95rem;min-width:100%;overflow:hidden;width:max-content}.leaderboard-view .sticky-col{background:#fff;box-shadow:2px 0 6px -2px #e3e9f0;font-weight:700;left:0;min-width:90px;position:sticky;z-index:2}.leaderboard-view .sticky-col+.sticky-col{left:90px;min-width:160px;z-index:2}@media (max-width:900px){.matrix-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.matrix-table{font-size:.93rem;min-width:560px}.matrix-table td,.matrix-table th{font-size:.93rem;min-width:76px;padding:8px 6px}.leaderboard-view .sticky-col{font-size:.93rem;min-width:56px}.leaderboard-view .sticky-col+.sticky-col{min-width:84px}.matrix-nav{align-items:stretch!important;flex-direction:column!important;gap:8px!important}.matrix-nav-btn{font-size:1em;margin:0 0 6px;padding:10px 0;width:100%}}@media (max-width:700px){.matrix-table td,.matrix-table th{font-size:.9rem;min-width:68px;padding:6px}.leaderboard-view .sticky-col{font-size:.9rem;min-width:48px}.leaderboard-view .sticky-col+.sticky-col{min-width:66px}}@media (max-width:480px){.matrix-container{padding:10px}.matrix-app-title{font-size:1.2em}.matrix-table{font-size:.88rem;min-width:380px}.matrix-table td,.matrix-table th{font-size:.88rem;min-width:48px;padding:6px 4px}.leaderboard-view .sticky-col{font-size:.88rem;min-width:36px}.leaderboard-view .sticky-col+.sticky-col{min-width:48px}.matrix-nav{align-items:stretch!important;flex-direction:column!important;gap:6px!important}.matrix-nav-btn{font-size:.98em;margin:0 0 6px;min-height:44px;padding:9px 0;width:100%}}.matrix-nav-btn{font-size:1em;min-height:44px;min-width:44px}.matrix-table td,.matrix-table th{border:1px solid var(--gray-light);border-bottom:0;border-right:0;font-weight:500;min-width:90px;padding:8px 10px;text-align:center}.matrix-table th{background:linear-gradient(90deg,#f8fafc,#eef2f7);color:#222b45;letter-spacing:.03em;white-space:nowrap}.trend-up{background:#eafaf1!important;color:#219653!important;position:relative}.trend-up:after{color:#219653;content:"↑";font-size:1.1em;font-weight:700;margin-left:4px}.trend-down{background:#fbe9e7!important;color:#e53935!important;position:relative}.trend-down:after{color:#e53935;content:"↓";font-size:1.1em;font-weight:700;margin-left:4px}.trend-same{color:#888!important;font-weight:500}.trend-none,.trend-same{background:#f5f5f5!important}.trend-none{color:#555!important}.matrix-table tr:last-child td{border-bottom:1px solid var(--gray-light)}.matrix-table tr td:last-child,.matrix-table tr th:last-child{border-right:1px solid var(--gray-light)}.matrix-table tr{transition:background .2s}.matrix-table tbody tr:hover>td{background:#f6faff!important;box-shadow:0 1px 4px 0 #1e3c5a0f}.matrix-table th{background:var(--gray-light);font-weight:var(--font-weight-bold)}.matrix-cell{border-radius:8px;font-size:1.04em;font-weight:600;letter-spacing:.01em;transition:background .2s,color .2s,box-shadow .2s}.trend-up{background:linear-gradient(90deg,#e6ffe6,#d4f7d4);border-top:2px solid #b0f5b0}.trend-down{background:linear-gradient(90deg,#ffeaea,#f7d4d4);border-top:2px solid #f5b0b0}.trend-same{background:linear-gradient(90deg,#f3f3f3,#e0e0e0);border-left:3px solid #bdbdbd;border-top:2px solid #e0e0e0}.trend-none{background:linear-gradient(90deg,#fafafa,#ededed);border-left:3px solid #e0e0e0;border-top:2px solid #ededed}.trend-up{background:#e6ffe6;border-left:3px solid #28a745;color:#188018;font-weight:700}.trend-down{background:#ffeaea;border-left:3px solid #dc3545;color:#c82333;font-weight:700}.trend-same{background:#f3f3f3;color:#888}.trend-none{background:#fafafa;color:#bbb}.matrix-error,.matrix-loading{color:var(--danger);font-size:1rem;margin:16px;text-align:center}.player-color-0>td{background:#e3f2fd44;border-left:4px solid #2196f3;color:#17426a}.player-color-1>td{background:#e8f5e944;border-left:4px solid #43a047;color:#205c36}.player-color-2>td{background:#fff3e044;border-left:4px solid #fb8c00;color:#a05d00}.player-color-3>td{background:#f3e5f544;border-left:4px solid #8e24aa;color:#5d256e}.player-color-4>td{background:#fbe9e744;border-left:4px solid #e53935;color:#a32b27}.player-color-5>td{background:#e0f2f144;border-left:4px solid #00838f;color:#00505b}.player-color-6>td{background:#f9fbe744;border-left:4px solid #c0ca33;color:#7b7f1a}.player-color-7>td{background:#ede7f644;border-left:4px solid #5e35b1;color:#3b286b}.player-color-8>td{background:#f1f8e944;border-left:4px solid #7cb342;color:#4b6426}.player-color-9>td{background:#fffde744;border-left:4px solid #fbc02d;color:#a18e1a}.player-color-10>td{background:#eceff144;border-left:4px solid #546e7a;color:#2e3b47}.player-color-11>td{background:#fce4ec44;border-left:4px solid #d81b60;color:#8b1740}.login-container{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--space-md);position:relative}.login-home-btn-wrapper{display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;top:32px;width:100%;z-index:20}.login-home-btn{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:30px;box-shadow:0 4px 18px #667eea24;color:#fff;display:flex;font-size:1.1em;font-weight:600;gap:10px;outline:none;padding:12px 30px;pointer-events:auto;text-decoration:none;transition:background .2s,box-shadow .2s,color .2s}.login-home-btn:focus,.login-home-btn:hover{background:linear-gradient(90deg,#764ba2,#667eea);box-shadow:0 8px 28px #667eea33;color:#fff;text-decoration:none}@media (max-width:600px){.login-home-btn-wrapper{top:12px}.login-home-btn{font-size:1em;padding:10px 18px}}.login-card{animation:slideUp .6s ease-out;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);max-width:400px;padding:var(--space-lg);width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--gray-dark);font-size:1.75rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.login-header p{color:var(--gray);font-size:var(--font-size-base);margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{background:var(--bg);font-size:var(--font-size-base)}.form-group input:focus{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f1f3f4;cursor:not-allowed}.login-button{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius);color:var(--white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:var(--transition);width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.error-message{border-radius:8px;font-size:14px}.login-footer{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#666;font-size:14px;margin:0}@media (max-width:480px){.login-card{margin:10px;padding:30px 20px}.login-header h1{font-size:24px}.form-group input,.login-button{padding:12px}}.public-performance-container{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);font-family:var(--font-main);min-height:100vh;padding:var(--space-md)}@media (max-width:768px){.public-performance-container{padding:10px}.header-section h1{font-size:1.6rem}.controls-section{margin-bottom:18px;padding:12px}.home-btn{font-size:1em;justify-content:center;margin-left:0;padding:8px 18px;width:100%}.search-box{flex-direction:column;gap:10px}.leaderboard-table,.matrix-table,.performance-table,.teams-section{display:block;overflow-x:auto;width:100%}.leaderboard-table td,.leaderboard-table th,.matrix-table td,.matrix-table th,.performance-table td,.performance-table th{font-size:.95em;min-width:80px;padding:6px 4px}.teams-section{align-items:stretch;flex-direction:column;gap:10px}.header-section{margin-bottom:16px}}@media (max-width:480px){.header-section h1{font-size:1.2rem}.subtitle{font-size:.9rem}.controls-section{border-radius:10px;padding:8px}.home-btn{border-radius:16px;font-size:.95em;padding:7px 12px}.leaderboard-table td,.leaderboard-table th,.matrix-table td,.matrix-table th,.performance-table td,.performance-table th{font-size:.85em;min-width:70px;padding:4px 2px}}.leaderboard-table,.matrix-table,.performance-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.home-btn,.leaderboard-table button,.matrix-table button,.performance-table button{font-size:1em;min-height:44px;min-width:44px}.home-btn{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:22px;box-shadow:0 2px 8px #667eea21;color:#fff;cursor:pointer;display:flex;font-size:1.12em;font-weight:600;gap:8px;margin-left:18px;padding:10px 26px;transition:background .2s,box-shadow .2s}.home-btn:hover{background:linear-gradient(90deg,#764ba2,#667eea);box-shadow:0 6px 16px #667eea30}.header-section{color:#fff;margin-bottom:30px;text-align:center}.header-section h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.subtitle{font-size:1.1rem;margin:0;opacity:.9}.controls-section{background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:15px;margin-bottom:30px;padding:20px}.search-box{display:flex;justify-content:center}.search-input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:25px;font-size:16px;max-width:400px;padding:12px 20px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.sort-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sort-controls span{color:#333;font-weight:600}.sort-btn{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:20px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.sort-btn:hover{transform:translateY(-1px)}.sort-btn.active,.sort-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.results-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;color:#fff;font-size:.95rem;margin-bottom:20px;opacity:.9;padding:10px 20px;text-align:center}.players-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1400px}.player-card{background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.player-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.player-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.player-header{gap:15px;margin-bottom:20px}.player-header,.rank-badge{align-items:center;display:flex}.rank-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.player-name{flex-grow:1;font-size:1.4rem;font-weight:600;margin:0}.rating-info{flex-shrink:0;text-align:right}.current-rating{color:#667eea;display:block;font-size:1.8rem;font-weight:700;line-height:1}.rating-label{color:#666;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.player-stats{grid-gap:15px;background:#f8f9fa;border-radius:10px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:15px}.stat-item{text-align:center}.stat-value{color:#333;display:block;font-size:1.3rem;font-weight:700;line-height:1}.stat-label{color:#666;font-size:.75rem;letter-spacing:.5px;margin-top:5px;text-transform:uppercase}.matches-section{border-top:1px solid #e1e5e9;padding-top:15px}.expand-btn{background:none;border:none;color:#667eea;cursor:pointer;font-weight:500;padding:8px 0;text-align:left;transition:color .3s ease;width:100%}.expand-btn:hover{color:#764ba2}.matches-list{margin-top:10px;max-height:300px;overflow-y:auto}.match-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;margin-bottom:8px;padding:12px}.match-item.winner{background:#f8fff9;border-left-color:#28a745}.match-item.loser{background:#fff8f8;border-left-color:#dc3545}.match-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.match-code-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:underline;transition:color .3s ease}.match-code-link:hover{color:#764ba2}.match-date{color:#666;font-size:.8rem}.match-result{border-radius:4px;font-size:.8rem;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.match-result.win{background:#28a745;color:#fff}.match-result.loss{background:#dc3545;color:#fff}.match-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.court{color:#666;font-size:.8rem}.points{font-size:.9rem;font-weight:600}.points.positive{color:#28a745}.points.negative{color:#dc3545}.match-score,.more-matches{color:#666;font-size:.8rem;font-style:italic}.more-matches{padding:10px;text-align:center}.last-updated{border-top:1px solid #e1e5e9;color:#666;font-size:.75rem;margin-top:15px;padding-top:15px;text-align:center}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;height:50px;margin:0 auto 20px;width:50px}.error-message{background:#fee;border:1px solid #fed7d7;border-radius:10px;color:#c53030;margin:20px auto;max-width:500px;padding:20px;text-align:center}.no-results{color:#fff;font-size:1.1rem;margin-top:50px;text-align:center}.pagination-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:40px}.pagination-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;color:#fff;font-size:.95rem;opacity:.9;padding:8px 16px}.pagination-controls{align-items:center;background:#fff;border-radius:25px;box-shadow:0 4px 20px #0000001a;display:flex;gap:10px;padding:8px}.pagination-btn{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:20px;color:#666;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:5px}.page-btn{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:20px;color:#666;font-size:14px;font-weight:500;min-width:40px;padding:10px 14px;text-align:center;transition:all .3s ease}.page-btn:hover{transform:translateY(-1px)}.page-btn.active,.page-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.page-btn.active{font-weight:600}.match-pagination{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;margin-top:15px;padding:10px}.page-btn{background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.page-btn:hover:not(:disabled){background:var(--primary-dark)}.page-btn:disabled{background:#ccc;cursor:not-allowed}.page-info{color:#666;font-size:.9rem;font-weight:500}@media (max-width:768px){.match-pagination{flex-direction:column;gap:8px;text-align:center}.page-btn{padding:6px 12px}.page-btn,.page-info{font-size:.8rem}}.match-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.match-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;border-radius:15px 15px 0 0;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:5px;transition:all .3s ease;width:35px}.close-btn:hover{background:#e1e5e9;color:#333}.modal-content{padding:25px}.match-details-content{display:flex;flex-direction:column;gap:25px}.match-info{background:#f8f9fa;border-radius:10px;padding:20px}.info-row{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#333;font-weight:600}.info-row .value{color:#666}.info-row .value.score{color:#667eea;font-size:1.1rem;font-weight:600}.teams-section{align-items:center;display:flex;gap:20px;justify-content:space-between}.team{background:#f8f9fa;border-radius:10px;flex:1 1;padding:20px;text-align:center}.team h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 15px}.players-list{display:flex;flex-direction:column;gap:8px}.player-item{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.player-name{color:#333;font-weight:500}.player-rating{color:#667eea;font-size:.9rem;font-weight:600}.vs-divider{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:60px;justify-content:center;width:60px}.winner-section{background:linear-gradient(135deg,#28a745,#20c997);border-radius:10px;color:#fff;padding:20px;text-align:center}.winner-section h4{font-size:1.2rem;margin:0 0 10px}.winner-team{font-size:1.3rem;font-weight:700}@media (max-width:768px){.public-performance-container{padding:15px}.match-modal{margin:10px;max-width:95%}.teams-section{flex-direction:column;gap:15px}.vs-divider{font-size:1rem;height:50px;width:50px}.modal-content{padding:20px}.match-details-content{gap:20px}.pagination-controls{flex-direction:column;gap:15px;padding:15px}.page-numbers{order:2}.pagination-btn{min-width:60px}.page-btn,.pagination-btn{font-size:16px;padding:12px 16px}.page-btn{min-width:45px}.header-section h1{font-size:2rem}.controls-section{padding:15px}.sort-controls{flex-direction:column;gap:8px}.players-grid{gap:15px;grid-template-columns:1fr}.player-card{padding:20px}.player-header{flex-direction:column;gap:10px}.player-header,.rating-info{text-align:center}.player-stats{gap:10px;grid-template-columns:repeat(3,1fr);padding:12px}}@media (max-width:480px){.header-section h1{font-size:1.5rem}.subtitle{font-size:1rem}.player-card{padding:15px}.player-stats{gap:8px;grid-template-columns:1fr}.pagination-controls{padding:10px}.page-numbers{gap:3px}.page-btn{min-width:40px}.page-btn,.pagination-btn{font-size:14px;padding:10px 12px}.pagination-btn{min-width:50px}}.player-management-container{background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;margin:0 auto;max-width:1200px;padding:20px}.header-section{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-section h2{color:#2c3e50;margin:0}.add-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background .2s}.add-btn:hover{background:#218838}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:16px;padding:12px}.loading{color:#666;font-size:1.2rem;padding:40px;text-align:center}.form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.form-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.form-container h3{color:#2c3e50;margin:0 0 20px;text-align:center}.form-group{margin-bottom:16px}.form-group label{color:#495057;display:block;font-weight:700;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:10px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .2s}.cancel-btn:hover{background:#5a6268}.save-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .2s}.save-btn:hover:not(:disabled){background:#0056b3}.save-btn:disabled{background:#6c757d;cursor:not-allowed}.players-list{margin-top:24px}.players-header{background:#f8f9fa;border-radius:6px;color:#495057;font-weight:700;margin-bottom:16px;padding:12px}.players-table-container{border:1px solid #dee2e6;border-radius:8px;overflow-x:auto}.players-table{background:#fff;border-collapse:collapse;width:100%}.players-table td,.players-table th{border-bottom:1px solid #dee2e6;padding:12px;text-align:left}.players-table th{color:#495057;font-weight:700;position:sticky;top:0}.players-table tbody tr:hover,.players-table th{background:#f8f9fa}.player-name{color:#2c3e50;font-weight:700}.rating{color:#007bff;font-weight:700}.actions{display:flex;gap:8px}.delete-btn,.edit-btn{background:none;border:none;border-radius:4px;cursor:pointer;padding:6px;transition:background .2s}.edit-btn:hover{background:#e3f2fd}.delete-btn:hover:not(:disabled){background:#ffebee}.delete-btn:disabled{cursor:not-allowed;opacity:.5}.form-group input:disabled,.form-group select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.form-group small{display:block;font-size:.8rem;margin-top:4px}@media (max-width:768px){.player-management-container{margin:10px;padding:16px}.header-section{align-items:stretch;flex-direction:column;gap:12px}.form-container{padding:20px;width:95%}.form-actions{flex-direction:column}.players-table-container{font-size:.9rem}.players-table td,.players-table th{padding:8px 6px}.actions{flex-direction:column;gap:4px}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem;position:relative;z-index:1000}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.header-actions{align-items:center;display:flex;gap:.5rem}.header-content h1{font-size:1.5rem;font-weight:600;margin:0}.user-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.logout-button{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;min-height:44px;min-width:44px;padding:.5rem 1rem;transition:all .3s ease}.logout-button:hover{background:#ffffff4d}.admin-link-btn,.home-link-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.25rem;min-height:44px;min-width:44px;padding:.5rem 1rem;transition:all .3s ease}.admin-link-btn:hover,.home-link-btn:hover{background:#ffffff40;transform:scale(1.05)}.mobile-menu-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:1.2rem;min-height:44px;min-width:44px;padding:.5rem}.app-nav{-webkit-overflow-scrolling:touch;background:#fff;box-shadow:0 2px 5px #0000001a;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;overflow-x:auto;padding:.5rem;white-space:nowrap;z-index:999}.app-nav::-webkit-scrollbar{height:4px}.app-nav::-webkit-scrollbar-track{background:#f1f1f1}.app-nav::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.nav-button{align-items:center;background:#0000;border:none;border-radius:20px;color:#666;cursor:pointer;display:inline-flex;font-size:.9rem;justify-content:center;min-height:44px;min-width:44px;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.nav-button:hover{background:#f0f0f0;color:#333}.nav-button.active{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff}.app-main{flex:1 1;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.home-page{padding:2rem 0;text-align:center}.hero-section{margin-bottom:3rem}.hero-section h2{color:#333;font-size:2.5rem;margin:0 0 1rem}.hero-section p{color:#666;font-size:1.2rem;margin:0}.action-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.public-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px auto 4px}.public-tab{background:#fff;border:1px solid #e5e7eb;border-radius:9999px;color:#374151;cursor:pointer;font-size:.95rem;padding:8px 12px;transition:all .2s ease}.public-tab:hover{background:#f9fafb}.public-tab.active{background:linear-gradient(90deg,#667eea,#764ba2);border-color:#0000;color:#fff}.action-card{background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.action-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.card-icon{font-size:3rem;margin-bottom:1rem}.action-card h3{color:#333;font-size:1.5rem;margin:0 0 1rem}.action-card p{color:#666;line-height:1.6;margin:0 0 1.5rem}.action-btn{background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;min-height:44px;min-width:44px;padding:.75rem 2rem;transition:all .3s ease}.action-btn:hover{box-shadow:0 4px 15px #667eea66;transform:scale(1.05)}.page-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:1.5rem}.page-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.back-btn{background:#f0f0f0;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:.9rem;min-height:44px;min-width:44px;padding:.5rem 1rem;transition:all .3s ease}.back-btn:hover{background:#e0e0e0;color:#333}.page-header h2{color:#333;font-size:1.5rem;margin:0}.admin-home{padding:2rem 0;text-align:center}.admin-home h2{color:#333;font-size:2rem;margin:0 0 2rem}.admin-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.admin-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.admin-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.admin-card .card-icon{font-size:2.5rem;margin-bottom:1rem}.admin-card h3{color:#333;font-size:1.2rem;margin:0 0 .5rem}.admin-card p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.header-content{flex-direction:column;gap:.5rem;text-align:center}.header-content h1{font-size:1.3rem}.user-info{justify-content:center}.mobile-menu-btn{display:block;position:absolute;right:1rem;top:1rem}.app-nav{align-items:stretch;background:#000c;bottom:0;box-shadow:none;display:none;flex-direction:column;justify-content:flex-start;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:2000}.app-nav.mobile-open{display:flex}.app-nav:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:80px;left:0;position:absolute;right:0;top:0}.nav-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #ffffff1a;border-radius:0;color:#fff;font-size:1rem;font-weight:500;justify-content:flex-start;margin:0;padding:1rem 1.5rem}.nav-button:first-child{margin-top:80px}.nav-button:hover{background:#fff3;color:#fff}.nav-button.active{background:#ffffff4d;color:#fff}.app-main{max-width:none;padding:0}.page-container{border-radius:0;box-shadow:none;padding:.75rem .5rem}.hero-section h2{font-size:2rem}.public-tab{font-size:.92rem;padding:8px 10px}.action-cards{gap:1rem;grid-template-columns:1fr}.action-card{padding:1.5rem}.card-icon{font-size:2.5rem}.action-card h3{font-size:1.3rem}.admin-cards{gap:1rem;grid-template-columns:1fr}.admin-card{padding:1rem}}@media (max-width:480px){.header-content h1{font-size:1.1rem}.hero-section h2{font-size:1.5rem}.hero-section p{font-size:1rem}.action-card{padding:1rem}.card-icon{font-size:2rem}.action-card h3{font-size:1.1rem}.nav-button{font-size:.9rem;padding:.8rem 1.2rem}}
/*# sourceMappingURL=main.1dbc47f4.css.map*/