:root{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-tertiary: #f9f9f9;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e0e0e0;--shadow-sm: rgba(0, 0, 0, .1);--shadow-md: rgba(0, 0, 0, .15);--shadow-lg: rgba(0, 0, 0, .2);--accent-primary: #61dafb;--accent-green: #4CAF50;--accent-orange: #ff9800;--accent-red: #f44336;--accent-gray: #9e9e9e;--team-home-color: #1877f2;--team-away-color: #dc3545;--card-bg: #ffffff;--card-hover-bg: #f5f5f5;--input-bg: #ffffff;--input-border: #ddd;--button-bg: #ffffff;--modal-bg: #ffffff;--modal-overlay: rgba(0, 0, 0, .5)}:root.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #282c34;--bg-tertiary: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-tertiary: #808080;--border-color: #404040;--shadow-sm: rgba(0, 0, 0, .3);--shadow-md: rgba(0, 0, 0, .4);--shadow-lg: rgba(0, 0, 0, .5);--team-home-color: #ffa726;--team-away-color: #42a5f5;--card-bg: #2a2a2a;--card-hover-bg: #333333;--input-bg: #3a3f47;--input-border: #4a4a4a;--button-bg: #3a3f47;--modal-bg: #2a2a2a;--modal-overlay: rgba(0, 0, 0, .7)}@font-face{font-family:DSEG7 Classic;src:url(/assets/DSEG7Classic-BoldItalic-CQkyF5Yu.ttf) format("truetype");font-weight:700;font-style:italic}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--modal-bg);padding:30px;border-radius:10px;width:90%;max-width:500px;box-shadow:0 5px 15px var(--shadow-lg);color:var(--text-primary);position:relative}.modal-content h2{text-align:center;margin-bottom:25px;color:var(--accent-primary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--text-secondary)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.autocomplete-input{width:calc(100% - 20px);padding:12px;border:1px solid var(--input-border);border-radius:5px;background:var(--input-bg);color:var(--text-primary);font-size:1rem;box-sizing:border-box;transition:border-color .3s ease}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=number]:focus,.autocomplete-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 5px #61dafb80}.error-message{color:var(--accent-red);text-align:center;margin-top:15px;font-weight:700}.form-actions,.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.modal-actions{justify-content:space-around}.form-actions button,.modal-actions button{padding:12px 25px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s ease,transform .2s ease}.btn-create,.submit-button{background-color:var(--accent-primary);color:#282c34}.btn-create:hover,.submit-button:hover{background-color:#45b3e0;transform:translateY(-2px)}.btn-cancel,.cancel-button{background-color:var(--text-tertiary);color:#fff}.btn-cancel:hover,.cancel-button:hover{background-color:var(--text-secondary);transform:translateY(-2px)}.close-button{padding:10px 20px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.close-button:hover{background-color:#d32f2f}.player-photo{width:3rem;height:3rem;border-radius:50%;object-fit:cover;flex-shrink:0}.player-photo-placeholder{width:3rem;height:3rem;border-radius:50%;background-color:#666;display:flex;justify-content:center;align-items:center;color:#ccc;font-size:12px;flex-shrink:0}.flex-center{display:flex;justify-content:center;align-items:center}.flex-column{display:flex;flex-direction:column}.gap-small{gap:8px}.gap-medium{gap:10px}.gap-large{gap:15px}.App{text-align:center;background-color:#f0f2f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#666}.App-header{background-color:#282c34;padding:20px;color:#fff;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.App-header h1{margin:0}.register-player-button{background-color:#4caf50;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-left:20px;cursor:pointer;border-radius:8px;transition:background-color .3s}.register-player-button:hover{background-color:#45a049}main{padding:20px}.status-live{color:#4caf50;font-weight:700}.status-paused{color:#ff9800;font-weight:700}.status-ended{color:#f44336;font-weight:700}.status-not-started{color:#9e9e9e;font-weight:700}.base-layout{display:flex;flex-direction:column;height:100vh}.base-layout-header{display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:0 2px 4px var(--shadow-sm)}.base-layout-header-content{display:flex;align-items:center;gap:20px;width:100%;max-width:1400px;padding:15px 24px}.base-layout-header h1{margin:0;font-size:24px}.base-layout-header-extra{margin-left:auto}.base-layout-tabs{display:flex;justify-content:center;background-color:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.base-layout-tabs-content{display:flex;gap:0;width:100%;max-width:1400px;padding:0 24px}.base-layout-tabs .tab{padding:12px 24px;text-decoration:none;color:var(--text-secondary);font-weight:500;border-bottom:3px solid transparent;transition:all .3s;position:relative;top:2px}.base-layout-tabs .tab:hover{color:var(--text-primary);background-color:var(--card-hover-bg)}.base-layout-tabs .tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background-color:var(--card-bg)}.base-layout-content{flex:1;overflow-y:auto;background-color:var(--bg-primary)}.floating-action-button{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;border:none;background-color:var(--accent-primary);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 12px var(--shadow-md);transition:transform .2s,box-shadow .2s;z-index:1000;display:flex;align-items:center;justify-content:center}.floating-action-button:hover{transform:scale(1.1);box-shadow:0 6px 16px var(--shadow-lg)}.floating-action-button:active{transform:scale(.95)}@media(max-width:768px){.base-layout-header-content,.base-layout-tabs-content{padding:15px 16px}.base-layout-header h1{font-size:20px}.base-layout-tabs .tab{padding:12px 16px;font-size:14px}}.common-btn{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-family:inherit;position:relative;overflow:hidden}.common-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:none}.common-btn:not(:disabled):active:after{width:200%;height:200%;transition:width .15s ease-out,height .15s ease-out}.common-btn:disabled{opacity:.6;cursor:not-allowed}.common-btn:not(:disabled):hover{transform:translateY(-2px)}.common-btn:not(:disabled):active{transform:translateY(0) scale(.97)}.common-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.common-btn-primary:not(:disabled):hover{box-shadow:0 4px 12px #667eea66}.common-btn-secondary{background-color:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a}.common-btn-secondary:not(:disabled):hover{background-color:var(--card-hover-bg);border-color:var(--accent-primary);box-shadow:0 4px 8px #00000026}.common-btn-success{background-color:#4caf50;color:#fff;box-shadow:0 2px 8px #4caf504d}.common-btn-success:not(:disabled):hover{background-color:#45a049;box-shadow:0 4px 12px #4caf5066}.common-btn-danger{background-color:#f44336;color:#fff;box-shadow:0 2px 8px #f443364d}.common-btn-danger:not(:disabled):hover{background-color:#da190b;box-shadow:0 4px 12px #f4433666}.common-btn-warning{background-color:#ff9800;color:#fff;box-shadow:0 2px 8px #ff98004d}.common-btn-warning:not(:disabled):hover{background-color:#e68900;box-shadow:0 4px 12px #ff980066}.common-btn-info{background-color:#2196f3;color:#fff;box-shadow:0 2px 8px #2196f34d}.common-btn-info:not(:disabled):hover{background-color:#0b7dda;box-shadow:0 4px 12px #2196f366}.common-btn-accent{background-color:var(--accent-primary);color:#282c34;box-shadow:0 2px 8px #61dafb4d}.common-btn-accent:not(:disabled):hover{background-color:#4fa8c5;box-shadow:0 4px 12px #61dafb66}.common-btn-small{padding:8px 16px;font-size:13px}.common-btn-medium{padding:12px 24px;font-size:15px}.common-btn-large{padding:16px 32px;font-size:17px}.language-switcher-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.language-switcher-btn:hover{background-color:var(--bg-tertiary);transform:scale(1.05)}.language-switcher-btn:active{transform:scale(.95)}.app-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app-header{position:sticky;top:0;z-index:1000;background-color:#282c34;box-shadow:0 2px 8px #00000026;border-bottom:3px solid #61dafb}.app-header-content{max-width:1400px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.app-header-left{display:flex;align-items:center;gap:24px}.app-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;transition:opacity .3s ease}.nav-buttons{display:flex;gap:8px}.nav-btn{padding:8px 16px;border-radius:8px;text-decoration:none;color:#fffc;background-color:transparent;transition:all .3s ease;font-weight:500;font-size:14px}.nav-btn:hover{background-color:#ffffff1a;color:#fff}.nav-btn.active{background-color:#61dafb;color:#282c34;font-weight:600}.app-logo:hover{opacity:.8}.logo-icon{font-size:32px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.app-logo h1{margin:0;font-size:24px;font-weight:700;color:#fff}.app-header-right{display:flex;align-items:center;gap:16px}.theme-toggle-btn{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:20px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle-btn:hover{background-color:#fff3;transform:scale(1.1)}.register-player-btn-global{display:flex;align-items:center;gap:8px;background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #0003}.register-player-btn-global:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.register-player-btn-global .btn-icon{font-size:18px}.app-main{flex:1;padding:0;overflow-x:hidden}.app-main.no-padding{padding:0}.app-footer{background-color:#282c34;color:#fff9;text-align:center;padding:20px;border-top:1px solid rgba(255,255,255,.1)}.app-footer p{margin:0;font-size:14px}@media(max-width:768px){.app-header-content{padding:12px 16px}.app-header-left{gap:12px}.app-logo h1{font-size:18px}.logo-icon{font-size:24px}.nav-buttons{gap:4px}.nav-btn{padding:6px 12px;font-size:13px}.register-player-btn-global .btn-text{display:none}.register-player-btn-global{padding:10px}.theme-toggle-btn{padding:8px}.app-header-right{gap:8px}}@media(max-width:480px){.app-logo h1{display:none}}.fab{position:fixed;bottom:24px;right:24px;width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 12px #667eea66;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:50;overflow:hidden;border:none;cursor:pointer}.fab:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:none}.fab:active:after{width:200%;height:200%;transition:width .15s ease-out,height .15s ease-out}.fab:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 8px 20px #667eea80}.fab:active{transform:scale(.95) translateY(-2px)}.fab-icon{font-size:32px;font-weight:300;line-height:1}@media(max-width:768px){.fab{width:56px;height:56px;bottom:16px;right:16px}.fab-icon{font-size:28px}}.list-filter-bar{position:sticky;z-index:90;background-color:var(--bg-tertiary);border-bottom:2px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-sm);transition:background-color .3s ease,border-color .3s ease}.list-filter-bar .header-content{max-width:1400px;margin:0 auto;padding:0 20px}.list-filter-bar .header-controls{display:flex;align-items:center;gap:24px;padding:16px 0;flex-wrap:wrap}.list-filter-bar .filter-group,.list-filter-bar .sort-group{display:flex;align-items:center;gap:12px}.list-filter-bar .filter-group label,.list-filter-bar .sort-group label{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.list-filter-bar .filter-buttons{display:flex;gap:8px}.list-filter-bar .filter-buttons button{background-color:var(--button-bg);color:var(--text-secondary);border:1px solid var(--border-color);padding:6px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s ease}.list-filter-bar .filter-buttons button:hover{background-color:var(--card-hover-bg);border-color:var(--accent-primary)}.list-filter-bar .filter-buttons button.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.list-filter-bar .sort-group select{background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s ease}.list-filter-bar .sort-group select:hover{border-color:var(--accent-primary)}.list-filter-bar .sort-group select option{background-color:var(--input-bg);color:var(--text-primary)}@media(max-width:768px){.list-filter-bar .header-controls{flex-direction:column;align-items:stretch;gap:12px}.list-filter-bar .filter-group,.list-filter-bar .sort-group{flex-direction:column;align-items:flex-start;gap:8px}.list-filter-bar .filter-buttons{width:100%;justify-content:space-between}.list-filter-bar .filter-buttons button{flex:1}.list-filter-bar .sort-group select{width:100%}}.player-list-layout{display:flex;flex-direction:column;min-height:100vh;background-color:transparent}.player-list-content{flex:1;overflow-y:auto;padding:24px 20px 80px}.player-list-content{scroll-behavior:smooth}.player-list-content::-webkit-scrollbar{width:8px}.player-list-content::-webkit-scrollbar-track{background:var(--bg-tertiary)}.player-list-content::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}.player-list-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.schedule-list-layout{display:flex;flex-direction:column;min-height:100vh;background-color:transparent}.schedule-list-content{flex:1;overflow-y:auto;padding:24px 20px 80px;scroll-behavior:smooth}.schedule-list-content::-webkit-scrollbar{width:8px}.schedule-list-content::-webkit-scrollbar-track{background:var(--bg-tertiary)}.schedule-list-content::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}.schedule-list-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}