@import"https://fonts.googleapis.com/css2?family=Righteous&family=Roboto+Slab:wght@400;500;700&display=swap";.notification-container{position:relative}.notification-bell{background:none;border:none;padding:8px;color:#fff;position:relative;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;border:2px solid transparent}.notification-bell:hover{background:#c8102e4d;border-color:#c8102e}.notification-badge{position:absolute;top:0;right:0;background:linear-gradient(180deg,#c8102e,#8b0a1e);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:2px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #ffffff;font-family:Righteous,cursive}.notification-dropdown{position:absolute;top:100%;right:0;width:380px;max-height:480px;background:#fff;border-radius:4px;box-shadow:6px 6px #002868,0 10px 40px #1a1a2e66;border:3px solid #1a1a2e;margin-top:12px;overflow:hidden;z-index:100}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:3px solid #002868;background:linear-gradient(180deg,#002868,#001a4d)}.notification-header h3{font-family:Righteous,cursive;font-size:18px;font-weight:400;color:#fff;margin:0;text-transform:uppercase;letter-spacing:1px}.mark-read-button{background:none;border:2px solid #ffffff;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.mark-read-button:hover{background:#c8102e;border-color:#c8102e}.notification-list{max-height:400px;overflow-y:auto}.notification-empty{padding:40px 20px;text-align:center;color:#6b6b8a;font-style:italic}.notification-item{display:flex;gap:12px;padding:14px 16px;border-bottom:2px solid #e8e8e8;transition:background-color .15s;cursor:pointer}.notification-item:hover{background:#0028680d}.notification-item.unread{background:#c8102e14;border-left:4px solid #c8102e}.notification-item.unread:hover{background:#c8102e1f}.notification-avatar{flex-shrink:0;width:44px;height:44px}.notification-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #002868}.notification-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(180deg,#c8102e,#8b0a1e);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;border:3px solid #002868;font-family:Righteous,cursive}.notification-content{flex:1;min-width:0}.notification-text{font-size:14px;color:#1a1a2e;margin:0 0 6px;line-height:1.4}.notification-text strong{color:#002868}.notification-message{color:#3d3d5c;font-style:italic}.notification-time{font-size:11px;color:#6b6b8a;text-transform:uppercase;letter-spacing:.5px}.layout{display:flex;flex-direction:column;height:100vh;background:#f5f5f5;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:72px;background:linear-gradient(180deg,#002868,#001a4d);color:#fff;box-shadow:0 4px #c8102e,0 6px 20px #1a1a2e66;border-bottom:4px solid #c8102e;position:sticky;top:0;z-index:100;flex-shrink:0}.header:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,#c8102e,#c8102e 20px,#fff 20px,#fff 40px,#002868 40px,#002868 60px)}.header-left{display:flex;align-items:center;gap:32px}.logo{font-family:Righteous,cursive;font-size:28px;font-weight:400;margin:0;text-transform:uppercase;letter-spacing:3px;color:#fff;text-shadow:2px 2px 0px #c8102e;position:relative}.logo:before{content:"🏀";margin-right:10px;font-size:24px}.nav{display:flex;gap:8px}.nav-link{color:#fffc;text-decoration:none;padding:10px 20px;border-radius:4px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;transition:all .2s;border:2px solid transparent}.nav-link:hover{background:#c8102e4d;color:#fff;text-decoration:none;border-color:#c8102e}.nav-link.active{background:#c8102e;color:#fff;border-color:#fff;box-shadow:2px 2px #0000004d}.header-right{display:flex;align-items:center;gap:16px}.user-info{display:flex;align-items:center;gap:8px}.user-name{font-weight:700;color:#fff}.admin-badge{background:#c8102e;font-size:10px;font-weight:700;padding:3px 10px;border-radius:2px;text-transform:uppercase;letter-spacing:1px;border:2px solid #ffffff}.logout-button{background:transparent;color:#fff;border:2px solid #ffffff;padding:8px 16px;border-radius:4px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;transition:all .2s}.logout-button:hover{background:#c8102e;color:#fff;border-color:#c8102e;box-shadow:2px 2px #0000004d}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-top:8px}@media (max-width: 768px){.header{padding:0 16px;height:64px}.header-left{gap:16px}.logo{font-size:20px}.logo:before{font-size:18px}.nav-link{padding:8px 12px;font-size:12px}.user-name,.admin-badge{display:none}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 30% 70%,rgba(200,16,46,.2) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(0,40,104,.2) 0%,transparent 50%),linear-gradient(180deg,#002868,#1a1a2e,#c8102e);position:relative}.auth-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border:4px solid rgba(255,255,255,.15);border-radius:50%;pointer-events:none}.auth-card{background:#fff;border-radius:4px;padding:40px;width:100%;max-width:400px;box-shadow:6px 6px #002868,0 10px 40px #1a1a2e4d;border:3px solid #1a1a2e;position:relative}.auth-card:before,.auth-card:after{content:"";position:absolute;width:20px;height:20px;border:3px solid #c8102e}.auth-card:before{top:10px;left:10px;border-right:none;border-bottom:none}.auth-card:after{bottom:10px;right:10px;border-left:none;border-top:none}.auth-title{font-family:Righteous,cursive;font-size:32px;font-weight:400;color:#c8102e;margin-bottom:8px;text-align:center;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 0px #002868}.auth-subtitle{color:#3d3d5c;text-align:center;margin-bottom:30px;font-style:italic}.auth-error{background:#fde8eb;color:#c8102e;padding:12px;border-radius:4px;margin-bottom:20px;font-size:14px;border:2px solid #c8102e}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:700;color:#1a1a2e;font-size:14px;text-transform:uppercase;letter-spacing:1px}.form-group input{padding:14px;border:2px solid #002868;border-radius:4px;font-size:16px;background:#fff;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#c8102e;box-shadow:3px 3px #0028684d}.auth-button{background:linear-gradient(180deg,#c8102e,#8b0a1e);color:#fff;border:3px solid #1a1a2e;padding:16px;border-radius:4px;font-size:18px;font-family:Righteous,cursive;font-weight:400;text-transform:uppercase;letter-spacing:2px;transition:transform .2s,box-shadow .2s;box-shadow:4px 4px #002868}.auth-button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px #002868}.auth-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #002868}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:24px;color:#3d3d5c;font-size:14px}.auth-footer a{color:#c8102e;font-weight:700;text-decoration:underline}.auth-footer a:hover{color:#002868}.chat-room{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#d4b896,#e0c9a8,#d4b896);position:relative;overflow:hidden}.chat-room:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 60px,rgba(139,90,43,.1) 60px,rgba(139,90,43,.1) 62px);pointer-events:none}.chat-loading,.chat-error{display:flex;align-items:center;justify-content:center;padding:20px;font-family:Righteous,cursive}.chat-error{background:#fde8eb;color:#c8102e;border:2px solid #c8102e;margin:20px;border-radius:4px}.chat-messages{flex:1;overflow-y:auto;padding:20px 20px 10px;position:relative;z-index:1;min-height:0;scrollbar-width:thin;scrollbar-color:#002868 #e0c9a8}.chat-messages::-webkit-scrollbar{width:10px}.chat-messages::-webkit-scrollbar-track{background:#e0c9a8;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:#002868;border-radius:4px;border:2px solid #e0c9a8}.chat-messages::-webkit-scrollbar-thumb:hover{background:#001a4d}.empty-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#3d3d5c;font-style:italic;font-size:18px}.message-list{display:flex;flex-direction:column;gap:16px}.message-item{display:flex;gap:12px;max-width:70%;align-items:flex-start}.message-item.own{margin-left:auto;flex-direction:row-reverse;text-align:right}.message-item:not(.own){margin-right:auto;text-align:left}.message-avatar{flex-shrink:0;width:44px;height:44px}.message-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #002868}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(180deg,#c8102e,#8b0a1e);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:3px solid #002868;font-family:Righteous,cursive}.message-content{background:#fff;border-radius:4px;padding:12px 16px;box-shadow:3px 3px #002868;border:2px solid #1a1a2e}.message-item.own .message-content{background:linear-gradient(180deg,#002868,#001a4d);color:#fff;border-color:#c8102e;box-shadow:-3px 3px #c8102e}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.message-item.own .message-header{flex-direction:row-reverse}.message-item.own .message-content{text-align:left}.message-author{font-weight:700;font-size:14px;color:#002868}.message-item.own .message-author{color:#ffffffe6}.message-time{font-size:11px;color:#6b6b8a}.message-item.own .message-time{color:#fff9}.message-text{font-size:15px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.mention{background:#c8102e26;color:#c8102e;padding:1px 6px;border-radius:3px;font-weight:700;border:1px solid #c8102e;cursor:pointer;transition:background-color .15s}.mention:hover{background:#c8102e4d}.message-item.own .mention{background:#fff3;color:#fff;border-color:#ffffff80}.message-item.own .mention:hover{background:#ffffff59}.mention-self{background:#c8102e40;color:#8b0a1e;border-color:#c8102e}.mention-self:hover{background:#c8102e66}.message-item.own .mention-self{background:#c8102e66;color:#fff}.message-link{color:#002868;text-decoration:underline;font-weight:500}.message-item.own .message-link{color:#a8c5ff}.typing-indicator{padding:6px 20px;font-size:13px;color:#fff;font-style:italic;background:#002868e6;border-top:2px solid #c8102e;flex-shrink:0}.message-input-container{position:relative;padding:16px 20px;background:linear-gradient(180deg,#002868,#001a4d);border-top:4px solid #c8102e;z-index:10;flex-shrink:0}.message-input-wrapper{display:flex;gap:12px;align-items:flex-end;max-width:1200px;margin:0 auto}.message-input{flex:1;padding:14px 18px;border:3px solid #1a1a2e;border-radius:4px;font-size:15px;resize:none;min-height:48px;max-height:150px;line-height:1.5;background:#fff;color:#1a1a2e;box-shadow:inset 2px 2px 4px #1a1a2e1a;overflow-y:auto;font-family:inherit}.message-input:focus{outline:none;border-color:#c8102e;box-shadow:0 0 0 3px #c8102e33,inset 2px 2px 4px #1a1a2e1a}.message-input:disabled{background:#e8e8e8;color:#6b6b8a}.message-input::placeholder{color:#6b6b8a}.send-button{padding:14px 28px;background:linear-gradient(180deg,#c8102e,#8b0a1e);color:#fff;border:3px solid #1a1a2e;border-radius:4px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;font-family:Righteous,cursive;transition:all .2s;box-shadow:3px 3px #1a1a2e;align-self:flex-end;min-height:48px}.send-button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px #1a1a2e}.send-button:active:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px #1a1a2e}.send-button:disabled{opacity:.5;cursor:not-allowed}.mention-suggestions{position:absolute;bottom:100%;left:20px;right:20px;background:#fff;border-radius:4px;box-shadow:0 -4px #002868,0 -8px 20px #1a1a2e4d;border:3px solid #1a1a2e;max-height:200px;overflow-y:auto;margin-bottom:8px}.mention-suggestion{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;transition:background-color .15s;border-bottom:1px solid #e0e0e0}.mention-suggestion:last-child{border-bottom:none}.mention-suggestion:hover,.mention-suggestion.selected{background:#0028681a}.mention-avatar{width:36px;height:36px}.mention-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #002868}.mention-avatar .avatar-placeholder{font-size:14px;border-width:2px}.mention-info{display:flex;flex-direction:column}.mention-username{font-weight:700;font-size:14px;color:#002868}.mention-display-name{font-size:12px;color:#3d3d5c}.connection-status{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#c8102e,#8b0a1e);color:#fff;padding:10px 20px;border-radius:4px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:2px solid #1a1a2e;box-shadow:3px 3px #1a1a2e;z-index:100}.team-page{padding:24px;background:radial-gradient(circle at 50% 50%,rgba(0,40,104,.08) 0%,transparent 70%);height:100%;overflow-y:auto}.team-header{margin-bottom:32px;text-align:center;padding:24px;background:linear-gradient(180deg,#002868,#001a4d);border-radius:4px;border:3px solid #1a1a2e;box-shadow:6px 6px #c8102e}.team-header h1{font-family:Righteous,cursive;font-size:36px;font-weight:400;color:#fff;margin:0 0 8px;text-transform:uppercase;letter-spacing:3px;text-shadow:2px 2px 0px #c8102e}.team-header h1:before,.team-header h1:after{content:"🏀";margin:0 15px;font-size:28px}.team-header p{color:#fffc;margin:0;font-size:16px;font-weight:500}.team-loading{display:flex;align-items:center;justify-content:center;padding:60px;color:#3d3d5c;font-family:Righteous,cursive;font-size:18px}.team-error{background:#fde8eb;color:#c8102e;padding:16px 20px;border-radius:4px;margin-bottom:24px;border:3px solid #c8102e;font-weight:500}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.team-card{background:#fff;border-radius:8px;padding:0;overflow:hidden;box-shadow:5px 5px #002868;border:3px solid #1a1a2e;transition:transform .2s,box-shadow .2s;position:relative;aspect-ratio:2.5 / 3.5}.team-card:hover{transform:translate(-4px,-4px);box-shadow:9px 9px #002868}.team-card-image{position:relative;width:100%;height:100%}.team-card-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:linear-gradient(180deg,#f8f9fa,#e9ecef)}.team-card .avatar-placeholder.large{width:100%;height:100%;border-radius:0;background:linear-gradient(180deg,#c8102e,#8b0a1e);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:72px;font-family:Righteous,cursive;border:none}.team-card .avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#002868cc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.team-card-image:hover .avatar-overlay{opacity:1}.team-card-error{position:absolute;bottom:10px;left:10px;right:10px;background:#fde8eb;color:#c8102e;padding:8px 12px;border-radius:4px;font-size:13px;border:2px solid #c8102e}.image-upload{background:linear-gradient(180deg,#002868,#001a4d);border-radius:4px;padding:16px;margin-bottom:16px;border:2px solid #c8102e}.image-preview{width:80px;height:80px;margin:0 auto 12px;border-radius:50%;overflow:hidden;border:3px solid #ffffff}.image-preview img{width:100%;height:100%;object-fit:cover}.select-image-button{background:#fff;border:3px dashed #c8102e;padding:14px 20px;border-radius:4px;color:#002868;font-weight:700;width:100%;margin-bottom:12px;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.select-image-button:hover{border-style:solid;border-color:#c8102e;background:#c8102e;color:#fff}.image-upload-actions{display:flex;gap:8px;justify-content:center}.upload-button{background:linear-gradient(180deg,#c8102e,#8b0a1e);color:#fff;border:2px solid #ffffff;padding:10px 18px;border-radius:4px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:2px 2px #0000004d;transition:all .2s}.upload-button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #0000004d}.upload-button:disabled{opacity:.6;cursor:not-allowed}.change-button,.cancel-button{background:transparent;color:#fff;border:2px solid #ffffff;padding:10px 18px;border-radius:4px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.change-button:hover:not(:disabled),.cancel-button:hover:not(:disabled){background:#fff;color:#002868}.change-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.admin-page{padding:2rem;max-width:1200px;margin:0 auto;height:100%;overflow-y:auto}.admin-header{margin-bottom:2rem}.admin-header h1{margin:0 0 .5rem;color:#1a1a2e}.admin-header p{margin:0;color:#666}.admin-loading{text-align:center;padding:3rem;color:#666}.admin-error{background:#fee;color:#c00;padding:1rem;border-radius:8px;margin-bottom:1rem}.admin-table-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}.admin-table th{background:#f8f9fa;font-weight:600;color:#1a1a2e}.admin-table tr:hover{background:#f8f9fa}.admin-table tr:last-child td{border-bottom:none}.password-cell{font-family:monospace;background:#f0f0f0;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto Slab,Georgia,serif;background-color:#f5f5f5;color:#1a1a2e;line-height:1.5;background-image:radial-gradient(circle at 20% 80%,rgba(200,16,46,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,40,104,.08) 0%,transparent 50%)}a{color:#c8102e;text-decoration:none}a:hover{text-decoration:underline;color:#002868}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}:root{--primary-color: #c8102e;--primary-dark: #8b0a1e;--secondary-color: #002868;--accent-color: #1a1a2e;--cream: #f5f5f5;--court-wood: #d4b896;--success-color: #002868;--danger-color: #c8102e;--warning-color: #bf9b30;--background-color: #f5f5f5;--card-background: #ffffff;--border-color: #002868;--text-primary: #1a1a2e;--text-secondary: #3d3d5c;--text-muted: #6b6b8a;--retro-shadow: 4px 4px 0px #002868;--retro-border: 3px solid #1a1a2e}