*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#667eea;--primary-hover:#5a6fd6;--secondary-color:#764ba2;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--dark-color:#1a1a2e;--light-color:#fff;--gray-100:#f8fafc;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--text-color:#1a1a2e;--border-radius:12px;--box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.container{margin:0 auto;max-width:1128px;padding:0 16px}.btn{border-radius:12px;border-radius:var(--border-radius);display:inline-flex;font-size:16px;justify-content:center;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:var(--light-color)}.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid #667eea;border:2px solid var(--primary-color);color:#667eea;color:var(--primary-color)}.btn-secondary:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff;color:var(--light-color)}.card{background:var(--light-color);border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--box-shadow);padding:16px}.input{background-color:#fff;background-color:var(--light-color);border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:12px;border-radius:var(--border-radius);color:#1a1a2e;color:var(--text-color);font-size:14px;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.input::placeholder{color:#9ca3af;color:var(--gray-400)}.input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea26;outline:none}.textarea{background-color:#fff;background-color:var(--light-color);border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:12px;border-radius:var(--border-radius);color:#1a1a2e;color:var(--text-color);font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;width:100%}.textarea::placeholder{color:#9ca3af;color:var(--gray-400)}.textarea:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea26;outline:none}.spinner{animation:spin 1s linear infinite;border-top:3px solid #667eea;border:3px solid var(--gray-200);border-top-color:var(--primary-color)}html{height:-webkit-fill-available}body{min-height:100vh;min-height:-webkit-fill-available}@media (max-width:768px){.container{padding:0 12px}.btn{font-size:14px;padding:12px 20px}input,select,textarea{font-size:16px!important}}@media (max-width:480px){.container{padding:0 8px}.btn{font-size:13px;gap:6px;padding:10px 16px}.card{border-radius:10px;padding:12px}.emoji{display:none!important}}.auth-container{align-items:center;background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.auth-container:before{animation:backgroundPulse 15s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#667eea26 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba226 0,#0000 50%),radial-gradient(circle at 40% 40%,#00d4ff1a 0,#0000 40%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes backgroundPulse{0%,to{opacity:1;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(-2%,-2%) scale(1.05)}}.auth-container:after{animation:starsFloat 20s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#ffffff4d,#0000),radial-gradient(2px 2px at 40% 70%,#fff3,#0000),radial-gradient(1px 1px at 90% 40%,#ffffff4d,#0000),radial-gradient(2px 2px at 70% 90%,#fff3,#0000),radial-gradient(1px 1px at 30% 50%,#fff3,#0000),radial-gradient(2px 2px at 60% 20%,#ffffff4d,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes starsFloat{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border-radius:24px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;max-width:460px;overflow:hidden;position:relative;width:100%;z-index:1}.auth-card:before{animation:gradientShift 4s ease infinite;background:linear-gradient(90deg,#667eea,#764ba2,#00d4ff,#667eea);background-size:300% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.auth-header{padding:40px 40px 32px;position:relative;text-align:center}.auth-logo{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:24px}.auth-logo-image{filter:drop-shadow(0 4px 12px rgba(102,126,234,.4));height:100px;object-fit:contain;transition:transform .3s ease;width:auto}.auth-logo:hover .auth-logo-image{transform:scale(1.05)}.auth-logo-text{align-items:flex-start;display:flex;flex-direction:column;line-height:1.1}.auth-logo-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;letter-spacing:-1px}.auth-logo-tagline{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#667eea,#00d4ff);-webkit-background-clip:text;background-clip:text;font-size:11px;font-weight:700;letter-spacing:2px;margin-top:2px;text-transform:uppercase}.auth-subtitle{color:#9ca3af;font-size:16px;font-weight:400;margin-top:8px}.auth-form{gap:20px;padding:0 40px 40px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#9ca3af;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.form-group .input,.form-group input,.form-group select{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-size:15px;font-weight:500;padding:16px 18px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#6b7280}.form-group input:hover,.form-group select:hover{background:#ffffff14;border-color:#667eea66}.form-group input:focus,.form-group select:focus{background:#667eea1a;border-color:#667eea;box-shadow:0 0 0 4px #667eea26,0 0 20px #667eea33;outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:48px}.form-group select option{background:#1a1a2e;color:#fff;padding:12px}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:50px}.password-toggle{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease}.password-toggle:hover{background:#667eea1a;color:#667eea}.forgot-password-link{margin-top:-8px;text-align:right}.forgot-password-link a{color:#667eea;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease}.forgot-password-link a:hover{color:#00d4ff;text-decoration:underline}.auth-form .btn-primary,.auth-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;margin-top:8px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.auth-form .btn-primary:before,.auth-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-form .btn-primary:hover:before,.auth-submit-btn:hover:before{left:100%}.auth-form .btn-primary:hover,.auth-submit-btn:hover{box-shadow:0 10px 30px #667eea66,0 0 0 1px #667eea80;transform:translateY(-2px)}.auth-form .btn-primary:active,.auth-submit-btn:active{transform:translateY(0)}.auth-form .btn-primary:disabled,.auth-submit-btn:disabled{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:none;cursor:not-allowed;transform:none}.auth-divider{margin:24px 0}.auth-divider:after,.auth-divider:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000)}.auth-divider span{font-size:13px;letter-spacing:.5px;white-space:nowrap}.btn-discord{align-items:center;background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease;width:100%}.btn-discord:before{background:linear-gradient(135deg,#6872f5,#5865f2);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.btn-discord:hover:before{opacity:1}.btn-discord:hover{box-shadow:0 8px 25px #5865f266,0 0 0 1px #5865f280;transform:translateY(-2px)}.btn-discord svg{font-size:20px}.btn-discord,.btn-discord span,.btn-discord svg{position:relative;z-index:1}.btn-discord:disabled{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:none;cursor:not-allowed;transform:none}.auth-footer{border-top:1px solid #ffffff0d;margin-top:8px;padding:24px 40px 32px;text-align:center}.auth-footer p{color:#9ca3af;font-size:14px}.auth-footer a,.auth-link{color:#667eea;font-weight:600;text-decoration:none;transition:all .2s ease}.auth-footer a:hover,.auth-link:hover{color:#00d4ff;text-decoration:underline}.error-message{align-items:center;animation:shakeError .5s ease;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#f87171;display:flex;font-size:14px;gap:10px;margin:0 40px 16px;padding:14px 18px}@keyframes shakeError{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.success-message{background:#22c55e26;border:1px solid #22c55e4d;border-radius:12px;color:#4ade80;font-size:14px;gap:10px;margin:0 40px 16px;padding:14px 18px}.auth-divider,.success-message{align-items:center;display:flex}.auth-divider{gap:16px;margin:8px 0;padding:0 40px}.auth-divider:after,.auth-divider:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";flex:1 1;height:1px}.auth-divider span{color:#6b7280;font-size:12px;letter-spacing:1px;text-transform:uppercase}.social-buttons{display:flex;flex-direction:column;gap:12px;padding:0 40px}.social-btn{align-items:center;background:#ffffff08;border:2px solid #ffffff1a;border-radius:12px;color:#e5e7eb;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:center;padding:14px 20px;transition:all .3s ease;width:100%}.social-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.social-btn svg{font-size:20px}.social-btn.discord{border-color:#5865f24d}.social-btn.discord:hover{background:#5865f226;border-color:#5865f2}.btn-loading{color:#0000!important;position:relative}.btn-loading:after{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:22px;left:50%;margin-left:-11px;margin-top:-11px;position:absolute;top:50%;width:22px}.role-selection{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.role-option{background:#ffffff08;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:16px;text-align:center;transition:all .3s ease}.role-option:hover{background:#667eea1a;border-color:#667eea66}.role-option.selected{background:#667eea33;border-color:#667eea}.role-option-icon{color:#667eea;font-size:28px;margin-bottom:8px}.role-option-label{color:#e5e7eb;font-size:14px;font-weight:600}.form-options{align-items:center;display:flex;justify-content:space-between}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-wrapper input{accent-color:#667eea;border-radius:4px;cursor:pointer;height:18px;width:18px}.checkbox-wrapper span{color:#9ca3af;font-size:14px}.auth-welcome{margin-bottom:16px;text-align:center}.auth-welcome h2{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px}.auth-welcome p{color:#9ca3af;font-size:15px;line-height:1.5}.gaming-badge{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;border-radius:20px;color:#a5b4fc;display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:1px;margin-bottom:20px;padding:6px 12px;text-transform:uppercase}.gaming-badge svg{font-size:12px}.verify-container{padding:60px 40px;text-align:center}.verify-icon{animation:pulse 2s ease-in-out infinite;color:#667eea;font-size:64px;margin-bottom:24px}.verify-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:12px}.verify-message{color:#9ca3af;font-size:15px;line-height:1.6;margin-bottom:32px}.verify-email{background:#667eea26;border-radius:8px;color:#a5b4fc;display:inline-block;font-weight:600;margin:8px 0 24px;padding:8px 16px}.reset-form{padding:0 40px 40px}.reset-form .form-group{margin-bottom:20px}.input-success{border-color:#22c55e!important;box-shadow:0 0 0 4px #22c55e26!important}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444426!important}.input-helper{color:#6b7280;font-size:12px;margin-top:4px}.input-helper.error{color:#f87171}.input-helper.success{color:#4ade80}.password-strength{display:flex;gap:4px;margin-top:8px}.password-strength-bar{background:#ffffff1a;border-radius:2px;flex:1 1;height:4px;transition:all .3s ease}.password-strength-bar.weak{background:#ef4444}.password-strength-bar.medium{background:#f59e0b}.password-strength-bar.strong{background:#22c55e}.terms-text{color:#6b7280;font-size:12px;line-height:1.5;margin-top:16px;text-align:center}.terms-text a{color:#667eea;text-decoration:none}.terms-text a:hover{text-decoration:underline}.terms-checkbox{align-items:flex-start;display:flex;gap:10px}.terms-checkbox input{height:18px;margin-top:2px;width:18px}.terms-checkbox label{color:#9ca3af;font-size:13px;line-height:1.5}.terms-checkbox a{color:#667eea;text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.verification-content{padding:40px 32px}.verification-icon{align-items:center;background:#667eea33;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.verification-icon svg{color:#667eea;font-size:36px}.verification-content h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:12px}.verification-content p{color:#9ca3af;font-size:15px;line-height:1.6;margin-bottom:24px}.resend-link{color:#667eea;cursor:pointer;font-weight:500}.resend-link:hover{text-decoration:underline}.verify-pending-content{padding:32px;text-align:center}.verify-pending-content h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:16px}.verify-instructions{color:#9ca3af;line-height:1.6;margin-bottom:24px}.verify-tips{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:20px;text-align:left}.verify-tips p{color:#e5e7eb;font-weight:600;margin-bottom:12px}.verify-tips ul{color:#9ca3af;margin:0;padding-left:20px}.verify-tips li{margin-bottom:8px}.resend-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:16px;padding:14px 24px;transition:all .3s ease;width:100%}.resend-btn:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.resend-btn:disabled{background:linear-gradient(135deg,#4b5563,#374151);cursor:not-allowed;transform:none}.resend-message{border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px}.resend-message.success{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.resend-message.error{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.forgot-link{color:#667eea;font-size:14px;font-weight:500;text-decoration:none}.forgot-link:hover{color:#00d4ff;text-decoration:underline}.auth-features{display:none}@media (max-width:768px){.auth-container{min-height:100vh;min-height:-webkit-fill-available;padding:20px}.auth-card{border-radius:20px;max-width:100%}.auth-logo-image{height:80px}.auth-logo-name{font-size:36px}}@media (max-width:520px){.auth-container{align-items:flex-start;padding:24px 12px 12px}.auth-card{border-radius:16px;max-width:100%}.auth-header{padding:28px 20px 20px}.auth-logo{flex-direction:column;gap:12px}.auth-logo-text{align-items:center}.auth-logo-image{height:72px}.auth-logo-name{font-size:32px}.auth-logo-tagline{font-size:10px;letter-spacing:1.5px}.auth-subtitle{font-size:14px}.gaming-badge{font-size:10px;padding:5px 10px}.auth-form{gap:16px;padding:0 20px 28px}.auth-footer{padding:18px 20px 24px}.error-message,.success-message{font-size:13px;margin:0 20px 12px;padding:12px 14px}.form-row{gap:16px;grid-template-columns:1fr}.form-group label{font-size:12px}.form-group .input,.form-group input,.form-group select{border-radius:10px;font-size:16px;padding:14px 16px}.password-input-wrapper input{padding-right:48px}.password-toggle{padding:6px;right:12px}.auth-form .btn-primary,.auth-submit-btn{font-size:15px;padding:14px 20px}.forgot-password-link a{font-size:12px}.terms-text{font-size:11px}.auth-footer p{font-size:13px}.role-selection{grid-template-columns:1fr}.form-options{align-items:flex-start;flex-direction:column;gap:12px}.verification-content,.verify-pending-content{padding:20px}}@media (max-width:360px){.auth-container{padding:16px 8px 8px}.auth-header{padding:24px 16px 16px}.auth-form{padding:0 16px 24px}.auth-footer{padding:16px}.auth-logo-image{height:60px}.auth-logo-name{font-size:28px}.error-message,.success-message{margin:0 16px 12px}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card{animation:cardEntrance .5s ease-out forwards}.auth-card:hover{box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff14,inset 0 1px 0 #ffffff1a,0 0 60px #667eea1a}.verification-content{padding:40px;text-align:center}.verify-status{align-items:center;display:flex;flex-direction:column;gap:20px}.verify-status h2{color:#fff;font-size:24px;font-weight:700;margin:0}.verify-status p{color:#9ca3af;font-size:15px;line-height:1.6;margin:0;max-width:320px}.spinner-large{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:60px;width:60px}.verify-icon-large{align-items:center;animation:popIn .5s ease-out;border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;width:80px}.verify-icon-large.success{background:#22c55e26;box-shadow:0 0 30px #22c55e4d;color:#22c55e}.verify-icon-large.error{background:#ef444426;box-shadow:0 0 30px #ef44444d;color:#ef4444}@keyframes popIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.redirect-notice{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;color:#a5b4fc;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;margin-top:10px;padding:12px 20px}.redirect-spinner{animation:spin 1s linear infinite;border:2px solid #a5b4fc4d;border-radius:50%;border-top-color:#a5b4fc;height:16px;width:16px}.verify-status .btn{margin-top:10px}@media (max-width:520px){.verification-content{padding:30px 24px}.verify-icon-large{font-size:34px;height:70px;width:70px}.verify-status h2{font-size:20px}.verify-status p{font-size:14px}.spinner-large{height:50px;width:50px}}.dashboard-page{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:32px 24px}.dashboard-loading{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 60px)}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.header-content h1{color:#1a1a2e;font-size:28px;font-weight:700;margin-bottom:8px}.header-content p{color:#6b7280;font-size:16px}.btn{border:none;padding:12px 24px;text-decoration:none}.dashboard-grid{display:flex;flex-direction:column;gap:32px}.stats-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.stat-card{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;color:inherit;cursor:pointer;padding:20px;text-decoration:none;transition:all .2s}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon{flex-shrink:0}.stat-icon.blue{background:#dbeafe;color:#2563eb}.stat-icon.pink{background:#fee2e2;color:#ef4444}.stat-icon.cyan{background:#fef3c7;color:#f59e0b}.stat-icon.green{background:#d1fae5;color:#10b981}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-number{color:#1a1a2e;font-size:28px;font-weight:700}.stat-label{font-size:14px}.dashboard-main{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:24px}.dashboard-card h2{color:#1a1a2e;font-size:18px;font-weight:600;margin-bottom:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h2{margin-bottom:0}.see-all{color:#667eea;cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.see-all:hover{color:#5567d5}.quick-actions{display:flex;flex-direction:column;gap:12px}.action-card{background:#f9fafb;border-radius:10px;padding:16px}.action-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.action-icon svg{fill:#fff!important;color:#fff!important;height:22px;width:22px}.action-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.action-title{color:#1a1a2e;font-size:15px;font-weight:600}.action-desc{color:#6b7280;font-size:13px}.action-arrow{color:#d1d5db;transition:all .2s}.action-card:hover .action-arrow{color:#667eea}.jobs-list{gap:12px}.job-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;text-decoration:none;transition:all .2s}.job-item:hover{background:#f0f4ff;border-color:#667eea}.job-info{flex:1 1}.job-info h4{color:#1a1a2e;font-size:16px;font-weight:600;margin-bottom:4px}.job-info p{color:#6b7280;font-size:14px}.job-type{background:#667eea;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 14px;text-transform:capitalize}.dashboard-sidebar{gap:24px}.dashboard-sidebar,.people-list{display:flex;flex-direction:column}.people-list{gap:16px}.person-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .2s}.person-item:hover{background:#f0f4ff;border-color:#667eea}.person-avatar{border-radius:50%;height:44px;object-fit:cover;width:44px}.person-avatar-placeholder{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:44px;justify-content:center;width:44px}.person-info{flex:1 1}.person-info h4{color:#1a1a2e;font-size:15px;font-weight:600;margin-bottom:2px}.person-info p{color:#6b7280;font-size:13px}.btn-view{align-items:center;background:#fff;border:2px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 12px;text-decoration:none;transition:all .2s}.btn-view:hover{background:#667eea;color:#fff}@media (max-width:1024px){.stats-section{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-page{padding:16px 16px 90px}.dashboard-header{flex-direction:column;gap:16px}.header-content h1{font-size:24px}.header-content p{font-size:14px}.stats-section{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{gap:12px;padding:16px}.stat-icon{font-size:20px;height:44px;width:44px}.stat-number{font-size:22px}.stat-label{font-size:12px}.dashboard-card{padding:16px}.dashboard-card h2{font-size:16px}.action-card{padding:14px}.action-icon{height:40px;width:40px}.action-title{font-size:14px}.action-desc{font-size:12px}}@media (max-width:480px){.dashboard-page{padding:12px 12px 80px}.header-content h1{font-size:20px}.stats-section{gap:10px;grid-template-columns:1fr}.stat-card{padding:14px}.stat-icon{border-radius:10px;font-size:18px;height:40px;width:40px}.stat-number{font-size:20px}.dashboard-card{border-radius:10px;padding:14px}.job-item{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.job-type{font-size:11px;padding:4px 10px}.person-item{padding:10px}.person-avatar,.person-avatar-placeholder{height:40px;width:40px}.btn-view{font-size:11px;padding:5px 10px}}.feed-container{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:32px 24px}.feed-loading{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 60px)}.feed-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 340px}.feed-main{display:flex;flex-direction:column;gap:20px}.create-post-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:24px}.create-post-card h3{color:#1a1a2e;font-size:18px;font-weight:600;margin-bottom:16px}.create-post-card .textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:15px;min-height:120px;padding:16px;resize:vertical;transition:all .2s;width:100%}.create-post-card .textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.post-options{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.post-options .input,.post-options .select{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;min-width:140px;padding:10px 16px;transition:all .2s}.post-options .input:focus,.post-options .select:focus{background:#fff;border-color:#667eea;outline:none}.post-options .btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:10px 24px;transition:all .2s}.post-options .btn:hover{background:#5567d5}.filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:20px}.filter-options{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-options .input,.filter-options .select{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s}.filter-options .input:focus,.filter-options .select:focus{background:#fff;border-color:#667eea;outline:none}.posts-feed{display:flex;flex-direction:column;gap:20px}.post-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:hidden;transition:all .2s}.post-card:hover{box-shadow:0 4px 16px #00000014}.post-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px}.post-author{align-items:center;display:flex;gap:14px}.author-avatar{border:2px solid #e5e7eb;border-radius:50%;height:52px;object-fit:cover;width:52px}.author-avatar-placeholder{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:52px;justify-content:center;width:52px}.author-info h4{color:#1a1a2e;font-size:16px;font-weight:600;margin-bottom:2px}.author-info h4 a{color:inherit;text-decoration:none}.author-info h4 a:hover{color:#667eea}.author-info p{color:#6b7280;font-size:13px}.post-meta{align-items:center;display:flex;gap:12px}.post-type-badge{background:#667eea;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.post-type-badge.looking-for-team{background:#10b981}.post-type-badge.looking-for-players{background:#f59e0b}.post-type-badge.achievement{background:#8b5cf6}.post-type-badge.announcement{background:#ef4444}.delete-btn{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;padding:8px;transition:all .2s}.delete-btn:hover{background:#fee2e2;color:#dc2626}.post-content{padding:20px}.post-content p{color:#374151;font-size:15px;line-height:1.7;white-space:pre-wrap}.game-tag{align-items:center;background:#f3f4f6;border-radius:20px;color:#4b5563;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-top:16px;padding:6px 12px}.game-tag svg{color:#667eea}.post-stats{align-items:center;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:24px;padding:16px 20px}.post-actions{background:#fafbfc;border-top:1px solid #f3f4f6;display:flex;gap:4px;padding:12px 20px}.action-btn{background:none;border:none;color:#6b7280;flex:1 1;gap:8px;justify-content:center;padding:12px}.action-btn:hover{background:#f3f4f6;color:#1a1a2e}.action-btn.active{background:#667eea;color:#fff}.action-btn.active:hover{background:#5a6fd6;color:#fff}.comments-section{background:#fafbfc;border-top:1px solid #f3f4f6;padding:16px 20px}.add-comment{display:flex;gap:10px;margin-bottom:16px}.comment-input{background:#fff;border:2px solid #e5e7eb;border-radius:20px;flex:1 1;font-size:14px;padding:10px 14px;transition:border-color .2s}.comment-input:focus{border-color:#667eea;outline:none}.btn-send-comment{align-items:center;background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s;width:40px}.btn-send-comment:hover{background:#5a6fd6}.btn-send-comment:disabled{background:#d1d5db;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:12px}.comment-item{display:flex;gap:10px}.comment-avatar-link{flex-shrink:0}.comment-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.comment-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.comment-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1 1;padding:10px 14px}.comment-author{color:#1a1a2e;font-size:13px;font-weight:600;text-decoration:none}.comment-author:hover{color:#667eea}.comment-text{color:#374151;font-size:14px;line-height:1.4;margin:4px 0}.comment-time{color:#9ca3af;font-size:11px}.feed-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:20px}.sidebar-card h3{align-items:center;color:#1a1a2e;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.sidebar-list{display:flex;flex-direction:column;gap:12px}.sidebar-item{background:#f9fafb;border:1px solid #0000;border-radius:10px;color:inherit;padding:12px;text-decoration:none}.sidebar-item:hover{background:#fff;border-color:#667eea}.sidebar-item-avatar{border-radius:50%;height:44px;object-fit:cover;width:44px}.sidebar-item-avatar-placeholder{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;width:44px}.sidebar-item-info h4{color:#1a1a2e;font-size:14px;font-weight:600;margin-bottom:2px}.sidebar-item-info p{color:#6b7280;font-size:12px}.empty-feed{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 20px;text-align:center}.empty-feed svg{color:#d1d5db;font-size:48px;margin-bottom:16px}.empty-feed h3{color:#1a1a2e;font-size:18px;font-weight:600;margin-bottom:8px}.empty-feed p{color:#6b7280;font-size:14px}.modal-overlay{background:#00000080;bottom:0;left:0;right:0;top:0}.share-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.share-modal-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:20px 24px}.share-modal-header h3{color:#1a1a2e;font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:18px;padding:8px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1a1a2e}.share-modal-content{padding:20px 24px}.share-preview{background:#f8f9fa;border-left:3px solid #667eea;border-radius:12px;margin-bottom:20px;padding:16px}.share-preview-author{align-items:center;display:flex;gap:10px;margin-bottom:10px}.share-avatar{object-fit:cover}.share-avatar,.share-avatar-placeholder{border-radius:50%;height:32px;width:32px}.share-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center}.share-preview-author span{color:#1a1a2e;font-size:14px;font-weight:600}.share-preview-text{color:#4b5563;font-size:13px;line-height:1.5;margin:0}.share-section{margin-bottom:20px}.share-section:last-child{margin-bottom:0}.share-section h4{color:#1a1a2e;font-size:14px;font-weight:600;margin:0 0 12px}.share-comment-input{border:2px solid #e8e8e8;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 16px;resize:none;transition:border-color .2s;width:100%}.share-comment-input:focus{border-color:#667eea;outline:none}.share-repost-btn{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:12px;width:100%}.share-options{display:flex;gap:12px}.share-option-btn{align-items:center;background:#fff;border:2px solid #e8e8e8;border-radius:10px;color:#4b5563;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.share-option-btn:hover{background:#f0f4ff;border-color:#667eea;color:#667eea}.share-option-btn.twitter{border-color:#1da1f2;color:#1da1f2}.share-option-btn.twitter:hover{background:#1da1f215}@media (max-width:900px){.feed-layout{grid-template-columns:1fr}.feed-sidebar{display:none}}@media (max-width:768px){.feed-container{padding:16px 16px 90px}.create-post-card{padding:16px}.create-post-card h3{font-size:16px}.create-post-card .textarea{font-size:14px;min-height:100px;padding:14px}.post-card{border-radius:10px}.post-header{padding:16px}.author-avatar,.author-avatar-placeholder{font-size:16px;height:44px;width:44px}.author-info h4{font-size:15px}.author-info p{font-size:12px}.post-type-badge{font-size:11px;padding:3px 10px}.post-content{font-size:14px;padding:0 16px 16px}.post-actions{gap:8px;padding:12px 16px}.action-btn{font-size:13px;padding:8px 12px}.filter-card{padding:14px}}@media (max-width:600px){.feed-container{padding:12px 12px 80px}.post-options{align-items:stretch;flex-direction:column}.post-options .input,.post-options .select{min-width:100%}.post-options .btn{margin-left:0}.post-header,.share-options{flex-direction:column}.post-header{gap:12px;padding:14px}.post-meta{align-self:flex-start;flex-wrap:wrap;gap:8px}.post-content{padding:0 14px 14px}.post-actions{flex-wrap:wrap;justify-content:flex-start;padding:10px 14px}.action-btn{flex:1 1;justify-content:center;min-width:70px}.filter-options{flex-direction:column}.filter-options .input,.filter-options .select{width:100%}}.profile-container{background:linear-gradient(180deg,#f8fafc,#f1f5f9);min-height:calc(100vh - 60px);padding:0}.card .input,.card input,.card select,.card textarea{background-color:#fff!important;border:2px solid #d1d5db!important;color:#1a1a2e!important}.card .input::placeholder,.card input::placeholder,.card textarea::placeholder{color:#9ca3af!important}.card .input:focus,.card input:focus,.card select:focus,.card textarea:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important}.card select option{background:#fff;color:#1a1a2e}.profile-loading{align-items:center;color:#6b7280;display:flex;justify-content:center;min-height:calc(100vh - 60px)}.profile-layout{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:1128px;padding:16px 24px 32px}.profile-header{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 1px 3px #0000000f,0 1px 2px #00000014;margin-top:0;overflow:visible;position:relative;z-index:1}.profile-banner{background:linear-gradient(135deg,#667eea,#764ba2);height:180px;position:relative}.profile-banner,.profile-banner img{border-radius:16px 16px 0 0;width:100%}.profile-banner img{height:100%;object-fit:cover}.edit-banner-btn{align-items:center;background:#fff;border:none;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;position:absolute;right:16px;top:16px;transition:all .2s}.edit-banner-btn:hover{background:#f3f4f6}.profile-main{flex-shrink:0;overflow:visible;padding:100px 24px 20px;position:relative;width:100%;z-index:1}.profile-avatar,.profile-avatar-placeholder{border:6px solid #fff;border-radius:50%;box-shadow:0 4px 16px #0003;height:200px!important;left:24px;max-height:200px!important;max-width:200px!important;min-height:200px!important;min-width:200px!important;position:absolute;top:-100px;width:200px!important;z-index:10}.profile-avatar{background:#fff;display:block!important;flex-shrink:0!important;height:200px!important;object-fit:cover;width:200px!important}.profile-avatar,.profile-avatar-placeholder{opacity:1!important;visibility:visible!important}.profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex!important;font-size:80px;font-weight:600;justify-content:center}.profile-info{min-height:100px;padding-left:240px}.profile-info h1{align-items:center;color:#1a1a2e;display:flex;font-size:26px;font-weight:700;gap:8px;letter-spacing:-.02em;margin-bottom:6px}.profile-headline{color:#4b5563;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:8px}.profile-location{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:4px;margin-bottom:8px}.profile-connections{margin-top:8px}.connections-link{color:#0a66c2;font-size:14px;font-weight:600;text-decoration:none}.connections-link:hover{text-decoration:underline}.profile-action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-left:240px}.profile-action-buttons .btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:6px 16px;transition:all .2s}.profile-action-buttons .btn-primary{background:#667eea;border:none;color:#fff}.profile-action-buttons .btn-primary:hover{background:#5567d5}.profile-action-buttons .btn-outline{background:#0000;border:1px solid #0009;color:#0009}.profile-action-buttons .btn-outline:hover{background:#00000014;border:2px solid #0009}.card{background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 3px #0000000f,0 1px 2px #00000014;padding:20px;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f}.card h3{align-items:center;color:#1a1a2e;display:flex;font-size:18px;font-weight:600;gap:10px;letter-spacing:-.02em;margin-bottom:12px}.card-header-with-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-header-with-actions h3{margin-bottom:0}.card-actions{display:flex;gap:8px}.icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#0009;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.icon-btn:hover{background:#00000014;color:#000000e6}.empty-state{color:#9ca3af;font-size:14px;font-style:italic;padding:16px 0}.profile-bio{color:#374151;font-size:15px;letter-spacing:.01em;line-height:1.8;white-space:pre-wrap}.games-edit-list,.games-list{display:flex;flex-direction:column;gap:12px}.game-edit-item{align-items:center;display:flex;gap:12px}.game-edit-item .input,.game-edit-item select{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#1a1a2e;flex:1 1;font-size:14px;padding:12px 14px;transition:all .2s}.game-edit-item .input:focus,.game-edit-item select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.game-edit-item .input::placeholder{color:#9ca3af}.game-edit-item select option{background:#fff;color:#1a1a2e}.btn-remove{background:#fee2e2;border:none;color:#dc2626;flex-shrink:0;font-size:20px;height:36px;width:36px}.btn-remove:hover{background:#dc2626;color:#fff}.game-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.game-item:hover{border-color:#667eea}.game-name{color:#1a1a2e;font-size:15px}.game-role{color:#6b7280;font-size:13px;margin-top:4px}.game-rank{background:#e0e7ff;border:1px solid #c7d2fe;border-radius:20px;color:#667eea;font-size:13px;font-weight:600;padding:6px 14px}.experience-list{display:flex;flex-direction:column;gap:0}.experience-item{border-bottom:1px solid #f3f4f6;display:flex;gap:20px;padding:16px 0;position:relative}.experience-item:first-child{padding-top:0}.experience-item:last-child{border-bottom:none;padding-bottom:0}.exp-logo{flex-shrink:0;height:56px;width:56px}.exp-logo img{border:1px solid #e5e7eb;border-radius:10px;height:100%;object-fit:contain;width:100%}.exp-logo-placeholder{align-items:center;background:#667eea;border-radius:10px;color:#fff;display:flex;font-size:20px;font-weight:600;height:100%;justify-content:center;width:100%}.exp-details{flex:1 1}.exp-details h4{color:#1a1a2e;font-size:16px;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}.exp-company{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px}.exp-dates{color:#6b7280;font-size:13px;margin-bottom:4px}.exp-location{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:4px;margin-bottom:8px}.exp-description{color:#4b5563;font-size:14px;line-height:1.7;margin-top:12px;white-space:pre-wrap}.exp-item-actions{display:flex;gap:12px;margin-top:12px}.text-btn{align-items:center;background:none;border:1px solid #0000;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.text-btn:hover{background:#667eea1a;border-color:#667eea33;color:#667eea}.text-btn.delete-btn,.text-btn[style*=danger],button.text-btn:last-child:not(:only-child){color:#dc2626}.text-btn.delete-btn:hover,.text-btn[style*=danger]:hover,button.text-btn:last-child:not(:only-child):hover{background:#dc26261a;border-color:#dc262633;color:#dc2626}.achievements-list{display:flex;flex-direction:column;gap:12px}.achievement-item{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.achievement-item:hover{border-color:#f59e0b}.achievement-icon{color:#f59e0b;flex-shrink:0;font-size:28px;text-shadow:0 2px 4px #f59e0b4d}.achievement-item h4{color:#1a1a2e;font-size:15px;font-weight:600;margin-bottom:4px}.achievement-game{color:#667eea;font-size:13px;font-weight:600;margin-bottom:6px}.achievement-description{color:#6b7280;font-size:14px;line-height:1.5}.achievement-date{color:#92400e;font-size:12px;font-weight:500;margin-top:8px}.skills-list{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:25px;color:#374151;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s ease}.skill-tag:hover{background:#667eea;border-color:#667eea;color:#fff}.social-links{display:flex;flex-wrap:wrap;gap:12px}.social-link{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#374151;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 18px;text-decoration:none;transition:all .2s ease}.social-link:hover{background:#667eea;border-color:#667eea;color:#fff}.social-link:hover svg{color:#fff!important}.social-link svg{color:#667eea;transition:color .2s ease}.social-links-grid{display:flex;flex-wrap:wrap;gap:14px}.social-links-edit{display:flex;flex-direction:column}.social-links-edit .social-links-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.social-link-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;height:52px;justify-content:center;transition:all .25s ease;width:52px}.social-link-item:hover{background:#667eea;border-color:#667eea}.social-link-item img{height:26px;object-fit:contain;transition:filter .25s ease;width:26px}.social-link-item img[alt="Twitter/X"]{filter:brightness(0)}.social-link-item.discord-copy-btn{background:#f9fafb;border:1px solid #e5e7eb}.social-link-item.discord-copy-btn:hover{background:#5865f2;border-color:#5865f2}.social-link-item.discord-copy-btn:hover img{filter:brightness(0) invert(1)}.modal-content{background:#1a1a2e;border-radius:20px}.modal-content p{color:#9ca3af;font-size:14px;line-height:1.6}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.modal-header{border-bottom:1px solid #374151;padding:24px 28px}.modal-header h2{color:#667eea;letter-spacing:-.02em;margin:0}.close-btn{background:#374151;color:#e5e7eb}.modal-body{padding:28px}.form-group label{color:#e5e7eb}.form-group input,.form-group select,.form-group textarea{border:2px solid #d1d5db;font-size:15px;font-weight:500;padding:14px 16px}.form-group input::placeholder,.form-group textarea::placeholder{font-weight:400}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 4px #667eea26}.form-group select option{background:#fff;color:#1a1a2e}.btn,.btn-cancel,.btn-secondary{background:#f3f4f6;border:2px solid #0000;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel:hover,.btn-secondary:hover{background:#e5e7eb;box-shadow:0 2px 4px #0000001a}.btn-primary,.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s}.btn-primary:hover,.btn-save:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.checkbox-label{align-items:center;color:#1a1a2e;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:8px 0}.checkbox-label input{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:18px;transition:all .2s ease}.activity-item:hover{border-color:#667eea}.activity-icon{align-items:center;background:#667eea;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.activity-content{flex:1 1}.activity-content p{color:#374151;font-size:14px;line-height:1.5;margin-bottom:4px}.activity-time{color:#9ca3af;font-size:12px;font-weight:500}.profile-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.stat-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px 20px;text-align:center;transition:all .2s ease}.stat-item:hover{border-color:#667eea}.stat-value{color:#667eea;font-size:32px;font-weight:700;margin-bottom:6px}.stat-label{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.profile-layout{gap:0;padding:0 0 90px}.profile-header{border-radius:0}.profile-banner{border-radius:0;height:120px}.profile-banner img{border-radius:0}.profile-main{padding:70px 16px 16px}.profile-avatar,.profile-avatar-placeholder{border-width:4px;font-size:40px;height:110px!important;left:16px;max-height:110px!important;max-width:110px!important;min-height:110px!important;min-width:110px!important;top:-55px;width:110px!important}.profile-info{padding-left:0;padding-top:8px}.profile-info h1{font-size:20px}.profile-headline{font-size:14px}.profile-action-buttons{flex-direction:column;gap:8px;padding-left:0}.profile-action-buttons .btn{font-size:14px;justify-content:center;padding:10px 16px;width:100%}.card{border-radius:0;margin:0;padding:16px}.form-row{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.section-header h2{font-size:18px}.profile-stats{gap:12px;grid-template-columns:1fr}.experience-item{flex-direction:column;gap:12px}.exp-logo{height:48px;width:48px}.edit-banner-btn{font-size:12px;padding:8px 12px;right:10px;top:10px}.highlights-grid{gap:14px;grid-template-columns:1fr}.about-text{font-size:14px}.skills-grid{gap:8px}.skill-tag{font-size:13px;padding:6px 12px}.social-links{flex-wrap:wrap;gap:8px}.social-link{font-size:13px;padding:8px 14px}}@media (max-width:480px){.profile-layout{padding-bottom:80px}.profile-banner{height:100px}.profile-main{padding:60px 12px 12px}.profile-avatar,.profile-avatar-placeholder{border-width:3px;font-size:32px;height:90px!important;left:12px;max-height:90px!important;max-width:90px!important;min-height:90px!important;min-width:90px!important;top:-45px;width:90px!important}.profile-info h1{font-size:18px}.profile-headline{font-size:13px}.profile-location{font-size:12px}.card{padding:14px}.section-header h2{font-size:16px}.experience-item{padding:12px}.exp-title{font-size:15px}.exp-company{font-size:13px}.exp-description,.exp-duration{font-size:12px}.highlight-thumbnail{height:140px}.highlight-content{padding:12px}.highlight-title{font-size:14px}.highlight-description{font-size:13px}}.btn-remove{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:18px;font-weight:400;height:32px;justify-content:center;min-width:32px;transition:all .2s;width:32px}.btn-remove:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.highlights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:16px}.highlight-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease}.highlight-card:hover{border-color:#667eea;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.highlight-thumbnail{height:180px;object-fit:cover;width:100%}.highlight-thumbnail-placeholder{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;height:180px;justify-content:center;width:100%}.highlight-content{padding:16px}.highlight-title{color:#1a1a2e;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px}.highlight-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 12px;overflow:hidden}.highlight-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.highlight-tags .tag{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.highlight-tags .tag-primary{background:#667eea;color:#fff}.highlight-tags .tag-secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.highlight-tags .tag:not(.tag-primary):not(.tag-secondary){background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280}.highlight-actions{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:12px;padding-top:12px}.highlight-views{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:4px}.highlight-actions .delete-btn{margin-left:auto}@media (max-width:768px){.emoji{display:none!important}}.jobs-container{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:32px 24px}.jobs-loading{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 60px)}.jobs-layout{display:flex;flex-direction:column;gap:24px}.jobs-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:28px}.jobs-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.jobs-header h2{color:#1a1a2e;font-size:26px;font-weight:700;margin:0}.jobs-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filters{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.filters .select{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s}.filters .select:focus{background:#fff;border-color:#667eea;outline:none}.jobs-list{display:flex;flex-direction:column;gap:16px}.job-card{padding:28px}.job-card:hover{box-shadow:0 4px 16px #00000014}.job-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.job-header h3{color:#1a1a2e;cursor:pointer;font-size:20px;font-weight:600;margin-bottom:6px}.job-header h3:hover{color:#667eea}.job-org{color:#6b7280;font-size:15px}.job-type-badge{background:#667eea;color:#fff}.application-status,.job-type-badge{border-radius:20px;font-size:13px;font-weight:500;padding:6px 14px;text-transform:capitalize}.application-status.status-pending{background:#fef3c7;color:#92400e}.application-status.status-reviewing{background:#dbeafe;color:#1e40af}.application-status.status-accepted{background:#d1fae5;color:#065f46}.application-status.status-rejected{background:#fee2e2;color:#991b1b}.job-details{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.job-detail{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.job-detail svg{color:#9ca3af}.job-description{color:#374151;font-size:15px;line-height:1.7;margin-bottom:20px}.job-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.job-tag{background:#f3f4f6;border-radius:20px;color:#4b5563;font-size:13px;font-weight:500;padding:6px 12px}.job-actions{padding-top:20px}.btn-secondary.saved{border-color:#667eea;color:#667eea}.create-job-btn{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.create-job-btn:hover{background:#5567d5}.form-group input,.form-group select,.form-group textarea{background:#fff;color:#1a1a2e}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:120px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.applicants-list{display:flex;flex-direction:column;gap:16px}.applicant-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:16px;padding:16px}.applicant-avatar{border-radius:50%;height:52px;object-fit:cover;width:52px}.applicant-avatar-placeholder{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:52px;justify-content:center;width:52px}.applicant-info{flex:1 1}.applicant-info p{color:#6b7280;font-size:14px}.applicant-actions{display:flex;gap:8px}.applicant-actions .btn{font-size:13px;padding:8px 16px}.success-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:400px;padding:32px;text-align:center;width:100%}.success-modal-content p{color:#1a1a2e;font-size:16px;font-weight:500;margin-bottom:24px}.success-modal-content .btn{min-width:120px}.job-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:24px;transition:all .2s}.job-card:hover{border-color:#667eea;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.job-header-actions{align-items:center;display:flex;gap:8px}.btn-save-job{align-items:center;background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-save-job:hover{background:#667eea;color:#fff}.btn-save-job svg{color:inherit}.job-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:14px;gap:16px;margin-bottom:12px}.job-meta span{align-items:center;display:flex;gap:6px}.job-meta svg{color:#9ca3af;font-size:14px}.job-game-tag{align-items:center;background:#f3f4f6;border-radius:8px;color:#374151;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:12px;padding:6px 14px}.job-game-tag svg{flex-shrink:0}.job-description{color:#4b5563;font-size:14px;line-height:1.6;margin-bottom:16px}.job-actions{border-top:1px solid #f3f4f6;display:flex;gap:12px;padding-top:16px}.modal-light{background:#fff}.modal-light .modal-header{background:#fff;border-bottom:1px solid #e5e7eb}.modal-light .modal-header h2{color:#1a1a2e}.modal-light .modal-body{background:#fff}.modal-light .form-group label,.modal-light .modal-body p,.modal-light .modal-body strong{color:#374151}.modal-light .input,.modal-light input,.modal-light select,.modal-light textarea{background:#fff;border:2px solid #e5e7eb;color:#1a1a2e}.modal-light .input::placeholder,.modal-light input::placeholder,.modal-light textarea::placeholder{color:#9ca3af}.modal-light .input:focus,.modal-light input:focus,.modal-light select:focus,.modal-light textarea:focus{border-color:#667eea;outline:none}.apply-job-info{background:#f9fafb;border-radius:10px;margin-bottom:20px;padding:16px}.apply-job-info p{color:#374151;margin-bottom:8px}.apply-job-info p:last-child{margin-bottom:0}.resume-status{align-items:center;border-radius:10px;display:flex;gap:8px;padding:12px 16px}.resume-status.success{background:#d1fae5;color:#065f46}.resume-upload-section{display:flex;flex-direction:column;gap:8px}.resume-upload-btn{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:14px 20px;transition:all .2s}.resume-upload-btn:hover{background:#f0f0ff;border-color:#667eea;color:#667eea}.resume-hint{color:#9ca3af;font-size:13px;text-align:center}.applicant-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.applicant-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.applicant-info h4{color:#1a1a2e;font-size:16px;font-weight:600;margin-bottom:4px}.applicant-headline{color:#6b7280;font-size:14px;margin-bottom:4px}.applicant-date{color:#9ca3af;font-size:12px}.applicant-cover-letter{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:12px}.applicant-cover-letter strong{color:#374151;font-size:13px}.applicant-cover-letter p{color:#4b5563;font-size:14px;line-height:1.5;margin-top:8px}.no-applicants{color:#6b7280;padding:40px;text-align:center}.status-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px}.status-select:focus{border-color:#667eea;outline:none}.modal-large{max-width:700px}.job-detail-info{background:#f9fafb;border-radius:10px;margin-bottom:20px;padding:16px}.job-detail-info p{color:#374151;font-size:14px;margin-bottom:8px}.job-detail-info p:last-child{margin-bottom:0}.job-detail-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px}.job-detail-section h3{color:#1a1a2e;font-size:16px;font-weight:600;margin-bottom:10px}.job-detail-section p{color:#4b5563;font-size:14px;line-height:1.6;white-space:pre-line}@media (max-width:768px){.jobs-container{padding:16px 16px 90px}.jobs-header{padding:20px}.jobs-header h2{font-size:22px}.jobs-header-top{align-items:flex-start;flex-direction:column;gap:14px}.jobs-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;width:100%}.tab-btn{flex-shrink:0;font-size:13px;padding:8px 16px}.filters{gap:12px;grid-template-columns:1fr}.job-card{padding:20px}.job-header{flex-direction:column;gap:12px}.job-header h3{font-size:18px}.job-details{gap:10px}.job-actions,.job-details{flex-direction:column}.job-actions .btn{justify-content:center;width:100%}.form-row{grid-template-columns:1fr}.modal-content{border-radius:12px;margin:12px;max-height:calc(100vh - 24px)}.modal-body,.modal-header{padding:16px}.modal-footer{flex-direction:column;padding:14px 16px}.modal-footer .btn{width:100%}}@media (max-width:480px){.jobs-container{padding:12px 12px 80px}.jobs-header{border-radius:10px;padding:16px}.jobs-header h2{font-size:20px}.job-card{border-radius:10px;padding:16px}.job-header h3{font-size:16px}.job-org{font-size:14px}.job-type-badge{font-size:12px;padding:5px 12px}.job-detail{font-size:13px}.job-description{font-size:14px}.job-tags{gap:6px}.job-tags .tag{font-size:11px;padding:4px 10px}.tab-btn{font-size:12px;padding:6px 12px}.modal-content{margin:8px}.modal-header h2{font-size:18px}}.teams-container{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:32px 24px}.teams-loading{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 60px)}.teams-layout{display:flex;flex-direction:column;gap:24px}.teams-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.teams-header h2{color:#1a1a2e;font-size:26px;font-weight:700}.teams-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.tab-btn{background:#fff;border:2px solid #e5e7eb;color:#4b5563;font-weight:500;padding:10px 20px;transition:all .2s}.tab-btn:hover{background:#f3f4f6;border-color:#d1d5db}.tab-btn.active{background:#667eea;border-color:#667eea}.teams-actions{gap:16px}.search-input,.teams-actions{align-items:center;display:flex}.search-input{background:#fff;border:2px solid #e5e7eb;padding:0 16px}.search-input:focus-within{border-color:#667eea}.search-input svg{color:#9ca3af;margin-right:8px}.search-input input{background:#0000;border:none;font-size:14px;padding:12px 0;width:240px}.search-input input:focus{outline:none}.search-input input::placeholder{color:#9ca3af}.create-team-btn{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.create-team-btn:hover{background:#5567d5}.teams-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.team-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000f;overflow:hidden;transition:all .2s}.team-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.team-banner{background:linear-gradient(135deg,#667eea,#764ba2);height:80px;position:relative}.team-banner img{height:100%;object-fit:cover;width:100%}.team-info{margin-top:-40px;padding:24px;text-align:center}.team-logo{background:#fff;margin-bottom:12px;object-fit:cover}.team-logo,.team-logo-placeholder{border:4px solid #fff;border-radius:16px;box-shadow:0 4px 12px #00000026;height:80px;width:80px}.team-logo-placeholder{align-items:center;background:#667eea;color:#fff;display:flex;font-size:28px;font-weight:700;justify-content:center;margin:0 auto 12px}.team-info h3{color:#1a1a2e;font-size:20px;font-weight:700;margin-bottom:4px}.team-game{color:#6b7280;font-size:14px;margin-bottom:8px}.team-region{color:#9ca3af;font-size:13px;margin-bottom:16px}.team-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:14px;line-height:1.6;margin-bottom:16px;overflow:hidden}.team-stats{border-top:1px solid #f3f4f6;display:flex;gap:24px;justify-content:center;margin-bottom:16px;padding:16px 0}.team-stat{text-align:center}.team-stat-value{color:#1a1a2e;font-size:18px;font-weight:700}.team-stat-label{color:#9ca3af;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.team-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.team-tag{background:#f3f4f6;border-radius:20px;color:#4b5563;font-size:12px;font-weight:500;padding:4px 12px}.team-actions{display:flex;gap:12px;justify-content:center}.btn{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary:hover{background:#5567d5}.btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.btn-secondary:hover{background:#f3f4f6;color:#1a1a2e}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:100%}.modal h3{color:#1a1a2e;font-size:20px;font-weight:600;margin-bottom:20px}.modal .form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.modal .input,.modal .select-input,.modal .textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#1a1a2e;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.modal .input::placeholder,.modal .textarea::placeholder{color:#9ca3af}.modal .input:focus,.modal .select-input:focus,.modal .textarea:focus{background:#fff;border-color:#667eea;outline:none}.modal .modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal small{color:#6b7280!important}.modal-content{background:#fff;box-shadow:0 25px 50px #00000040;max-height:90vh}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#1a1a2e;font-size:20px;font-weight:600}.close-btn{align-items:center;background:#f3f4f6;border-radius:10px;color:#6b7280;display:flex;font-size:20px;justify-content:center;transition:all .2s}.close-btn:hover{background:#fee2e2;color:#dc2626}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.team-detail{text-align:left}.team-detail-header{align-items:flex-start;display:flex;gap:20px;margin-bottom:24px}.team-detail-logo{border-radius:16px;height:80px;object-fit:cover;width:80px}.team-detail-info{flex:1 1}.team-detail-info h3{color:#1a1a2e;font-size:22px;font-weight:700;margin-bottom:4px}.team-detail-meta{color:#6b7280;font-size:14px}.team-detail-description{color:#4b5563;font-size:15px;line-height:1.7;margin-bottom:24px}.roster-section{margin-top:24px}.roster-section h4{color:#1a1a2e;font-size:16px;font-weight:600;margin-bottom:16px}.roster-list{display:flex;flex-direction:column;gap:12px}.roster-member{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:12px}.roster-member-avatar{border-radius:50%;height:44px;object-fit:cover;width:44px}.roster-member-avatar-placeholder{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;width:44px}.roster-member-info{flex:1 1}.roster-member-name{color:#1a1a2e;font-size:15px;font-weight:600}.roster-member-role{color:#6b7280;font-size:13px}.roster-member-badge{background:#667eea;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.looking-for-section{background:#f3f4f6;border-radius:12px;margin-top:20px;padding:16px}.looking-for-section h4{color:#1a1a2e;font-size:14px;font-weight:600;margin-bottom:12px}.looking-for-list{display:flex;flex-wrap:wrap;gap:8px}.looking-for-item{background:#fff;border:1px solid #667eea;border-radius:20px;color:#667eea;font-size:13px;font-weight:500;padding:6px 14px}.team-owner-actions{display:flex;gap:8px;margin-left:auto}.btn-delete-team,.btn-edit-team,.btn-invite-team{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-invite-team{background:#ecfdf5;color:#10b981}.btn-invite-team:hover{background:#10b981;color:#fff}.btn-edit-team{background:#f3f4f6;color:#667eea}.btn-edit-team:hover{background:#667eea;color:#fff}.btn-delete-team{background:#fef2f2;color:#ef4444}.btn-delete-team:hover{background:#ef4444;color:#fff}.invite-results{margin-top:16px}.invite-results label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.invite-user-item{align-items:center;background:#f9fafb;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.invite-user-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.invite-user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.invite-user-info{display:flex;flex:1 1;flex-direction:column}.invite-user-name{color:#1a1a2e;font-weight:600}.invite-user-role{color:#6b7280;font-size:13px}@media (max-width:768px){.teams-container{padding:16px}.teams-header{align-items:stretch}.teams-actions,.teams-header{flex-direction:column}.search-input input{width:100%}.teams-grid{grid-template-columns:1fr}.team-detail-header{flex-direction:column;text-align:center}}.messages-page{background:#f0f2f5;min-height:calc(100vh - 60px);padding:20px}.messages-wrapper{grid-gap:20px;display:grid;gap:20px;grid-template-columns:350px 1fr;height:calc(100vh - 100px);margin:0 auto;max-width:1200px}.conversations-panel{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden}.conversations-header{border-bottom:1px solid #e8e8e8;padding:20px 24px}.conversations-header h2{color:#1a1a2e;font-size:24px;font-weight:700;margin:0}.conversations-search{align-items:center;background:#f8f9fa;border-bottom:1px solid #e8e8e8;display:flex;gap:10px;padding:12px 16px}.conversations-search .search-icon{color:#9ca3af;font-size:14px}.conversations-search input{background:#0000;border:none;color:#1a1a2e;flex:1 1;font-size:14px;outline:none}.conversations-search input::placeholder{color:#9ca3af}.conversations-list{flex:1 1;overflow-y:auto}.empty-conversations{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-conversations .empty-icon{color:#d1d5db;font-size:48px;margin-bottom:16px}.empty-conversations p{color:#6b7280;font-size:16px;font-weight:600;margin:0 0 4px}.empty-conversations span{color:#9ca3af;font-size:13px}.conversation-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:14px 20px;position:relative;transition:all .2s ease}.conversation-item:hover{background:#f8f9fa}.conversation-item.active{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:3px solid #667eea}.conversation-item.unread{background:#f0f4ff}.conversation-avatar{flex-shrink:0;position:relative}.conversation-avatar img{border-radius:50%;height:50px;object-fit:cover;width:50px}.conversation-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:50px;justify-content:center;width:50px}.conversation-avatar .online-dot{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.conversation-details{flex:1 1;min-width:0}.conversation-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conversation-name{color:#1a1a2e;font-size:15px;font-weight:600}.conversation-time{color:#9ca3af;font-size:12px}.conversation-preview{color:#6b7280;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.unread .conversation-preview{color:#1a1a2e;font-weight:500}.unread-badge{background:#667eea;border-radius:10px;color:#fff;font-size:11px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.chat-panel{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden}.chat-header{background:#fff;border-bottom:1px solid #e8e8e8;padding:16px 24px}.chat-user-info{align-items:center;display:flex;gap:14px}.chat-avatar{position:relative}.chat-avatar img{border-radius:50%;height:48px;object-fit:cover;width:48px}.chat-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:48px;justify-content:center;width:48px}.chat-avatar .online-dot{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:2px;height:10px;position:absolute;right:2px;width:10px}.chat-user-details h3{color:#1a1a2e;font-size:16px;font-weight:600;margin:0 0 2px}.chat-user-details .status{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:5px}.chat-user-details .status svg{font-size:8px}.chat-user-details .status.online{color:#10b981}.chat-messages{background:#f8f9fa;flex:1 1;overflow-y:auto}.messages-list{display:flex;flex-direction:column;gap:12px;padding:20px 24px}.empty-messages{align-items:center;display:flex;height:100%;justify-content:center;padding:40px}.empty-messages-content{text-align:center}.empty-messages .empty-icon{color:#d1d5db;font-size:56px;margin-bottom:16px}.empty-messages h4{color:#1a1a2e;font-size:18px;font-weight:600;margin:0 0 8px}.empty-messages p{color:#6b7280;font-size:14px;margin:0}.message-wrapper{display:flex;max-width:75%}.message-wrapper.sent{justify-content:flex-end;margin-left:auto}.message-wrapper.received{justify-content:flex-start;margin-right:auto}.message-bubble{border-radius:18px;padding:12px 16px;position:relative}.message-wrapper.sent .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:6px;color:#fff}.message-wrapper.received .message-bubble{background:#fff;border-bottom-left-radius:6px;box-shadow:0 1px 2px #0000000d;color:#1a1a2e}.message-text{word-wrap:break-word;font-size:14px;line-height:1.5;margin:0 0 4px}.message-time{display:block;font-size:10px;opacity:.7;text-align:right}.message-wrapper.sent .message-time{color:#fffc}.message-wrapper.received .message-time{color:#9ca3af}.chat-input-area{background:#fff;border-top:1px solid #e8e8e8;padding:16px 24px}.chat-form{align-items:center;display:flex;gap:12px}.chat-input{border:2px solid #e8e8e8;border-radius:25px;flex:1 1;font-size:14px;outline:none;padding:14px 20px;transition:all .2s}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chat-input::placeholder{color:#9ca3af}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s;width:48px}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.send-button:disabled{background:#e5e7eb;cursor:not-allowed}.send-button svg{font-size:16px}.no-chat-selected{align-items:center;background:#f8f9fa;display:flex;height:100%;justify-content:center}.no-chat-content{padding:40px;text-align:center}.no-chat-icon{color:#d1d5db;font-size:72px;margin-bottom:24px}.no-chat-content h3{color:#1a1a2e;font-size:20px;font-weight:600;margin:0 0 8px}.no-chat-content p{color:#6b7280;font-size:14px;margin:0}@media (max-width:900px){.messages-wrapper{grid-template-columns:1fr;height:auto}.conversations-panel{max-height:300px}.chat-panel{min-height:450px}}@media (max-width:768px){.messages-page{padding:12px 12px 90px}.messages-wrapper{gap:12px}.conversations-panel{border-radius:12px;max-height:280px}.conversations-header{padding:14px 16px}.conversations-header h2{font-size:20px}.conversation-item{padding:12px 14px}.conversation-avatar .avatar-placeholder,.conversation-avatar img{height:44px;width:44px}.conversation-name{font-size:14px}.conversation-preview{font-size:12px}.chat-panel{border-radius:12px;min-height:400px}.chat-header{padding:12px 16px}.chat-user-name{font-size:15px}.messages-list{padding:14px}.message-wrapper{max-width:85%}.message-bubble{font-size:14px;padding:10px 14px}.chat-input-area{padding:12px 14px}.chat-input{font-size:14px;padding:10px 14px}.send-button{height:42px;width:42px}}@media (max-width:600px){.messages-page{padding:8px 8px 80px}.messages-wrapper{gap:8px}.conversations-panel{max-height:250px}.conversations-header{padding:12px 14px}.conversations-header h2{font-size:18px}.conversation-item{padding:10px 12px}.conversation-avatar .avatar-placeholder,.conversation-avatar img{font-size:14px;height:40px;width:40px}.chat-panel{min-height:350px}.chat-header{padding:10px 14px}.messages-list{gap:8px;padding:12px}.message-bubble{border-radius:14px;font-size:13px;padding:8px 12px}.chat-input-area{gap:8px;padding:10px 12px}.chat-input{border-radius:20px;padding:10px 12px}.send-button{height:38px;width:38px}.no-chat-content h3{font-size:18px}.no-chat-content p{font-size:13px}}.chat-messages::-webkit-scrollbar,.conversations-list::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.conversations-list::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb,.conversations-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover,.conversations-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.network-container{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:32px 24px}.network-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:280px 1fr}.network-sidebar{display:flex;flex-direction:column;gap:20px}.network-sidebar .card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:20px}.network-sidebar h3{color:#1a1a2e;font-size:16px;font-weight:600;margin-bottom:16px}.sidebar-menu{display:flex;flex-direction:column;gap:4px}.sidebar-item{align-items:center;background:none;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 14px;text-align:left;transition:all .2s;width:100%}.sidebar-item:hover{background:#f3f4f6;color:#1a1a2e}.sidebar-item.active{background:#667eea;color:#fff}.sidebar-item svg{font-size:16px}.filter-group{margin-bottom:16px}.filter-group:last-child{margin-bottom:0}.filter-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.select-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.select-input:focus{background:#fff;border-color:#667eea;outline:none}.network-main{display:flex;flex-direction:column;gap:20px}.search-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:20px}.search-form{display:flex;gap:12px}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:#9ca3af;font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#f3f4f6;border:2px solid #d1d5db;border-radius:10px;color:#1a1a2e;font-size:14px;padding:12px 14px 12px 44px;transition:all .2s;width:100%}.search-input::placeholder{color:#6b7280}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-btn{background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.search-btn:hover{background:#5567d5}.users-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.user-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;padding:24px 20px;text-align:center;transition:all .2s}.user-card:hover{border-color:#667eea;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.user-avatar-link{display:block;margin-bottom:16px}.user-avatar{border:3px solid #f3f4f6}.user-avatar,.user-avatar-placeholder{box-shadow:0 2px 8px #00000014;height:80px;width:80px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #f3f4f6;border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:600;justify-content:center}.user-info{margin-bottom:16px;width:100%}.user-name{display:block;font-size:16px;margin-bottom:4px;text-decoration:none}.user-name:hover{color:#667eea}.user-headline{color:#6b7280;font-size:13px;line-height:1.4;margin:0 0 8px}.user-game-tag{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:20px;color:#667eea;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.connect-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;padding:10px 16px;width:100%}.connect-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.user-card-banner{background:#667eea;height:80px}.user-card-content{margin-top:-40px;padding:0 20px 20px;text-align:center}.user-card h4{color:#1a1a2e;font-size:16px;font-weight:600;margin:12px 0 4px}.user-card h4 a{color:inherit;text-decoration:none}.user-card h4 a:hover{color:#667eea}.user-role{color:#6b7280;font-size:14px;margin-bottom:12px}.user-games{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:16px}.game-badge{background:#f3f4f6;border-radius:20px;color:#4b5563;font-size:12px;font-weight:500;padding:4px 10px}.sidebar-item .badge{animation:pulse 2s infinite;background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;min-width:20px;padding:3px 8px;text-align:center}.request-item{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:16px;margin-bottom:12px;padding:16px}.request-avatar,.request-avatar-placeholder{border-radius:50%;height:56px;object-fit:cover;width:56px}.request-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:20px;font-weight:600;justify-content:center}.request-info{flex:1 1}.request-info h4{color:#1a1a2e;font-size:15px;font-weight:600;margin:0 0 4px}.request-info h4 a{color:inherit;text-decoration:none}.request-info h4 a:hover{color:#667eea}.request-info p{color:#6b7280;font-size:13px;margin:0}.pending-badge{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:4px;color:#f59e0b;display:inline-block;font-size:11px;font-weight:600;margin-top:4px;padding:2px 8px}.requests-section h3{align-items:center;display:flex}.connect-btn,.request-actions{display:flex;gap:8px}.connect-btn{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;justify-content:center;padding:10px 20px;transition:all .2s}.connect-btn:hover{background:#5567d5}.connect-btn.connected{background:#10b981}.connection-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;gap:16px;padding:16px 20px;transition:all .2s}.connection-item:hover{border-color:#667eea}.connection-avatar{border-radius:50%;height:56px;object-fit:cover;width:56px}.connection-avatar-placeholder{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:56px;justify-content:center;width:56px}.connection-info{flex:1 1}.connection-info h4{color:#1a1a2e;font-size:16px;font-weight:600;margin-bottom:4px}.connection-info h4 a{color:inherit;text-decoration:none}.connection-info h4 a:hover{color:#667eea}.connection-info p{color:#6b7280;font-size:14px}.connection-actions{display:flex;gap:8px}.action-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.action-btn.primary{background:#667eea;border:none;color:#fff}.action-btn.primary:hover{background:#5567d5}.action-btn.secondary{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.action-btn.secondary:hover{background:#f3f4f6;color:#1a1a2e}.empty-state{background:#fff;border:1px solid #e5e7eb}.empty-state svg{color:#d1d5db}.empty-state h3{color:#1a1a2e;font-weight:600;margin-bottom:8px}.empty-state p{color:#6b7280}.loading-state{align-items:center;display:flex;justify-content:center;padding:60px}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@media (max-width:900px){.network-layout{grid-template-columns:1fr}.network-sidebar{order:-1}.sidebar-menu{-webkit-overflow-scrolling:touch;flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:8px}.sidebar-item{flex-shrink:0;padding:10px 16px;white-space:nowrap}}@media (max-width:768px){.network-container{padding:16px 16px 90px}.search-card{padding:16px}.users-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.user-card{padding:16px}.user-avatar,.user-avatar-placeholder{font-size:20px;height:60px;width:60px}.user-card h3{font-size:14px}.user-role{font-size:12px}.network-sidebar .card{padding:14px}.sidebar-menu{gap:6px;margin:-14px;padding:14px}}@media (max-width:600px){.network-container{padding:12px 12px 80px}.users-grid{grid-template-columns:1fr}.search-form{flex-direction:column}.search-btn{width:100%}.user-card{flex-direction:row;gap:14px;padding:14px;text-align:left}.user-avatar,.user-avatar-placeholder{height:56px;width:56px}.user-card-info{flex:1 1}.user-card-actions{flex-direction:column;gap:6px}.connect-btn,.view-btn{font-size:12px;padding:8px 14px}.filter-group{margin-bottom:12px}.sidebar-item{font-size:13px;padding:8px 14px}}.stats-container{background:linear-gradient(135deg,#0f1923,#1a2332);margin:0 auto;max-width:1400px;min-height:calc(100vh - 60px);padding:32px 24px}.stats-container .container{max-width:100%}.game-selector{margin-bottom:32px}.game-selector h2{align-items:center;color:#fff;display:flex;font-size:20px;gap:10px;margin-bottom:16px}.game-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.game-card{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;position:relative;transition:all .3s ease}.game-card:hover:not(.coming-soon){background:#ffffff1a;border-color:var(--card-color);transform:translateY(-4px)}.game-card.active{background:rgba(var(--card-color),.15);border-color:var(--card-color);box-shadow:0 4px 20px #0000004d}.game-card.active .game-icon{color:var(--card-color)}.game-card.coming-soon{cursor:not-allowed;opacity:.5}.game-icon{color:#fff;font-size:40px;transition:color .3s ease}.game-name{color:#fff;font-size:14px;font-weight:600;text-align:center}.coming-soon-badge{background:#fff3;border-radius:4px;color:#fff;font-size:10px;padding:4px 8px;position:absolute;right:8px;top:8px}.stats-header{border-radius:16px;box-shadow:0 8px 24px #0000004d;margin-bottom:24px;padding:32px}.header-content{flex-wrap:wrap;gap:24px;justify-content:space-between}.header-content,.header-text{align-items:center;display:flex}.header-text{gap:20px}.header-game-icon{color:#fff;font-size:56px;opacity:.9}.header-text h1{color:#fff;font-size:32px;font-weight:800;margin:0 0 4px}.header-text p{color:#ffffffd9;font-size:16px;margin:0}.header-stats{display:flex;gap:32px}.header-stat{align-items:center;color:#fff;display:flex;gap:12px}.header-stat svg{font-size:28px;opacity:.9}.header-stat .stat-value{display:block;font-size:28px;font-weight:700;line-height:1}.header-stat .stat-label{display:block;font-size:12px;margin-top:4px;opacity:.8}.stats-tabs{background:#ffffff0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:8px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.tab-btn:hover{background:#ffffff1a;color:#fff}.tab-btn.active{background:#ff4655;background:var(--game-color,#ff4655);color:#fff}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.gc-logo-indicator{height:28px;margin-right:4px;object-fit:contain;width:28px}.filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px}.filter-select option{background:#1a2332;color:#fff}.refresh-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover{background:#fff3}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.auto-update-bar{background:linear-gradient(135deg,#ff46551a,#8b5cf61a);border:1px solid #ff465533;border-radius:10px;gap:12px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.auto-update-bar,.update-info{align-items:center;display:flex;flex-wrap:wrap}.update-info{gap:24px}.update-label{align-items:center;color:#ffffffb3;display:flex;font-size:13px;gap:8px}.update-label svg{color:#ff4655}.update-countdown{color:#ffffffb3;font-size:13px}.update-countdown strong{color:#ff4655;font-family:monospace;font-size:14px}.update-controls{align-items:center;display:flex;gap:10px}.auto-update-toggle{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#ffffffb3;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .3s ease}.auto-update-toggle:hover{background:#ffffff26}.auto-update-toggle.active{background:linear-gradient(135deg,#ff46554d,#8b5cf64d);border-color:#ff4655;color:#fff}.manual-refresh-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.manual-refresh-btn:hover{background:#ff46554d;border-color:#ff4655}.manual-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.spinning{animation:spin 1s linear infinite}.rankings-table{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.table-header{background:#ffffff1a;color:#fffc;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-header,.table-row{display:grid;grid-template-columns:60px minmax(180px,280px) 100px repeat(6,1fr);padding:16px 20px}.table-row{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;transition:background .2s ease}.table-row:hover{background:#ffffff0d}.table-row:last-child{border-bottom:none}.col-rank{color:#ffffffb3;font-weight:700}.rank-badge{align-items:center;border-radius:50%;display:inline-flex;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.rank-1{background:linear-gradient(135deg,gold,#ffb800);color:#000}.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#000}.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#000}.col-player{align-items:center;display:flex;gap:12px;min-width:0;overflow:hidden}.player-avatar{border:2px solid #fff3;border-radius:50%;flex-shrink:0;height:36px;min-width:36px;object-fit:cover;width:36px}.player-name{color:#fff;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-avatar.agent-icon{background:linear-gradient(135deg,#ff46554d,#8b5cf64d);border-color:#ff465580;padding:2px}.tier-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:700;justify-content:center;margin-left:8px;padding:2px 6px;text-transform:uppercase}.tier-badge.tier-1{background:linear-gradient(135deg,gold,#ffb800);color:#000}.tier-badge.tier-2{background:linear-gradient(135deg,#4a9eff,#06c);color:#fff}.tier-badge.tier-3{background:linear-gradient(135deg,#7c7c7c,#5a5a5a);color:#fff}.col-team{color:#ffffffb3;font-size:14px}.col-stat{color:#fff;font-size:14px;text-align:center}.matches-section h3{align-items:center;color:#fff;display:flex;font-size:18px;gap:10px;margin-bottom:16px}.live-icon{animation:pulse 1.5s infinite;color:#ff4655}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.matches-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:32px}.match-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s ease}.match-card:hover{background:#ffffff14;transform:translateY(-2px)}.match-card.live{border-color:#ff4655;box-shadow:0 0 20px #ff465533}.match-status{color:#ff4655;font-weight:700}.match-status,.match-time{font-size:12px;margin-bottom:12px}.match-time{color:#fff9}.match-teams{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.match-teams .team{flex:1 1;text-align:center}.team-name{color:#fff;display:block;font-size:14px;font-weight:600}.team-score{color:#ff4655;color:var(--game-color,#ff4655);display:block;font-size:24px;font-weight:700;margin-top:4px}.vs{color:#fff6;font-size:12px;font-weight:600}.match-event{color:#fff9;font-size:12px;text-align:center}.news-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.news-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s ease}.news-card:hover{background:#ffffff14;transform:translateY(-2px)}.news-image{height:180px;object-fit:cover;width:100%}.news-content{padding:20px}.news-content h4{color:#fff;font-size:16px;line-height:1.4;margin:0 0 8px}.news-content p{color:#ffffffb3;font-size:14px;line-height:1.5;margin:0 0 12px}.news-meta{color:#ffffff80;display:flex;font-size:12px;justify-content:space-between}.search-section{margin:0 auto;max-width:800px}.search-form{background:#ffffff0d;border-radius:12px;margin-bottom:24px;padding:24px}.search-type-toggle{display:flex;gap:8px;margin-bottom:16px}.toggle-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease}.toggle-btn:hover{background:#ffffff1a}.toggle-btn.active{background:#ff4655;background:var(--game-color,#ff4655);border-color:#ff4655;border-color:var(--game-color,#ff4655);color:#fff}.search-input-wrapper{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;gap:12px;padding:4px 4px 4px 16px}.search-input-wrapper .search-icon{color:#ffffff80}.search-input-wrapper input{background:#0000;border:none;color:#fff;flex:1 1;font-size:16px;outline:none;padding:12px}.search-input-wrapper input::placeholder{color:#fff6}.btn-search{background:#ff4655;background:var(--game-color,#ff4655);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-search:hover{opacity:.9}.btn-search:disabled{cursor:not-allowed;opacity:.5}.search-results{margin-top:24px}.search-results h3{color:#fff;font-size:18px;margin-bottom:16px}.results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.result-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .3s ease}.result-card:hover{background:#ffffff1a;border-color:#ff4655;border-color:var(--game-color,#ff4655)}.result-card img{border-radius:50%;height:50px;object-fit:cover;width:50px}.result-info h4{color:#fff;font-size:14px;margin:0 0 4px}.result-info p{color:#fff9;font-size:12px;margin:0}.details-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1a2332;border-radius:16px;max-height:80vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.close-btn{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:36px;position:absolute;right:16px;top:16px;transition:background .3s ease;width:36px}.close-btn:hover{background:#fff3}.player-header,.team-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.player-image,.team-logo{border:3px solid #ff4655;border:3px solid var(--game-color,#ff4655);border-radius:50%;flex-shrink:0;height:100px;object-fit:cover;width:100px}.player-image-placeholder{align-items:center;background:linear-gradient(135deg,#2a2a40,#1a1a2e);color:#ff4655;color:var(--game-color,#ff4655);display:flex;font-size:40px;justify-content:center}.player-info,.team-info{flex:1 1;min-width:0}.player-info h2,.team-info h2{color:#fff;font-size:24px;margin:0 0 8px;overflow-wrap:break-word;word-break:break-word}.player-team,.team-region{color:#ff4655;color:var(--game-color,#ff4655);font-size:14px;margin:0 0 4px}.player-country{color:#fff9;font-size:14px;margin:0 0 8px}.player-links{display:flex;flex-direction:column;gap:8px;margin-top:10px}.player-links .profile-link,.player-links .twitter-link{align-items:center;display:inline-flex}.player-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-box{background:#ffffff14;border-radius:8px;padding:16px;text-align:center}.stat-box .stat-label{color:#ffffffd9;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-box .stat-value{color:#fff;display:block;font-size:20px;font-weight:700}.team-roster h3{color:#fff;font-size:18px;margin-bottom:16px}.roster-grid{grid-gap:12px;display:grid;gap:12px}.roster-player{background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.roster-player .player-name{color:#fff;font-weight:600}.roster-player .player-role{color:#fff9;font-size:14px}.empty-state{background:#ffffff08;border:1px dashed #ffffff1a;border-radius:12px;padding:60px 20px}.empty-state svg{color:#ffffff4d;font-size:48px;margin-bottom:16px}.empty-state h3{color:#fff;font-size:18px;margin:0 0 8px}.empty-state p{color:#ffffff80;font-size:14px;margin:0}.loading-container{padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top:4px solid var(--game-color,#ff4655);height:48px;margin:0 auto 16px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:#fff9;font-size:14px}.error-message{background:#ff46551a;border:1px solid #ff46554d;border-radius:8px;color:#ff4655;margin-bottom:20px;padding:16px;text-align:center}@media (max-width:1024px){.table-header,.table-row{font-size:12px;grid-template-columns:50px 150px 120px repeat(6,1fr);padding:12px 16px}}@media (max-width:768px){.stats-container{padding:16px}.game-grid{grid-template-columns:repeat(3,1fr)}.game-card{padding:16px 12px}.game-icon{font-size:28px}.game-name{font-size:11px}.header-content{text-align:center}.header-content,.header-text{flex-direction:column}.header-text h1{font-size:24px}.stats-tabs{justify-content:center}.tab-btn{font-size:12px;padding:10px 16px}.table-header,.table-row{gap:8px;grid-template-columns:40px 1fr 80px repeat(3,60px);padding:12px}.table-header span:nth-child(n+6),.table-row span:nth-child(n+6){display:none}.matches-grid,.news-grid{grid-template-columns:1fr}.search-input-wrapper{flex-direction:column;padding:12px}.btn-search,.search-input-wrapper input{width:100%}.modal-content{padding:20px}.player-header,.team-header{flex-direction:column;text-align:center}}@media (max-width:480px){.game-grid{grid-template-columns:repeat(2,1fr)}.header-stats{flex-direction:column;gap:16px}}.profile-link{color:#ff4655;color:var(--game-color,#ff4655);display:inline-block;font-size:14px;font-weight:600;margin-top:12px;text-decoration:none;transition:all .2s ease}.profile-link:hover{opacity:.8;transform:translateX(4px)}.twitter-link{color:#1da1f2;display:inline-block;font-size:14px;font-weight:500;margin:8px 0;text-decoration:none;transition:all .2s ease}.twitter-link:hover{color:#0d8bd9;text-decoration:underline}.player-agents{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px}.player-agents h4{color:#ffffffb3;font-size:12px;margin-bottom:12px;text-transform:uppercase}.agents-row{display:flex;flex-wrap:wrap;gap:12px}.agent-icon{background:#ffffff1a;border-radius:8px;height:40px;object-fit:cover;width:40px}.agent-badge{align-items:center;background:linear-gradient(135deg,#ff465533,#ff46551a);border:1px solid #ff46554d;border-radius:20px;color:#ff4655;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;padding:8px 16px;text-transform:capitalize}.agent-stats-list{display:flex;flex-direction:column;gap:8px}.agent-stat-row{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:12px;padding:8px 12px}.agent-stat-row .agent-icon{height:32px;width:32px}.agent-stat-row .agent-name{color:#fff;font-weight:600;min-width:80px}.agent-stat-row .agent-stat{color:#ffffffb3;font-size:13px}.recent-matches{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px}.recent-matches h4{color:#ffffffb3;font-size:12px;margin-bottom:12px;text-transform:uppercase}.matches-list{display:flex;flex-direction:column;gap:8px}.match-row{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.match-row .match-teams{color:#fff;font-size:13px}.match-row .match-event{color:#ffffff80;font-size:12px}.no-stats{color:#fff9;padding:24px;text-align:center}.no-stats p{margin:8px 0}.admin-container{background:#f5f7fa;min-height:100vh;padding:24px 0}.admin-container h1{color:var(--text-color);margin-bottom:24px}.filter-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:8px;margin-bottom:24px}.filter-tabs .tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--gray-600);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.filter-tabs .tab.active,.filter-tabs .tab:hover{color:var(--primary-color)}.filter-tabs .tab.active{border-bottom-color:var(--primary-color)}.requests-table{border-collapse:collapse;width:100%}.requests-table thead{background:#f9fafb}.requests-table th{border-bottom:2px solid var(--border-color);color:var(--gray-600);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.requests-table td{border-bottom:1px solid var(--border-color);font-size:14px;padding:16px 12px}.requests-table tbody tr{transition:background-color .2s}.requests-table tbody tr:hover{background:#f9fafb}.user-info{align-items:center;gap:12px}.user-avatar-sm{border-radius:50%;height:40px;object-fit:cover;width:40px}.user-avatar-sm.placeholder{align-items:center;background:var(--primary-color);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.user-avatar-lg{border-radius:50%;height:80px;object-fit:cover;width:80px}.user-avatar-lg.placeholder{align-items:center;background:var(--primary-color);color:#fff;display:flex;font-size:28px;font-weight:600;justify-content:center}.status-badge{border-radius:12px;color:#fff;font-weight:600;text-transform:capitalize}.btn-icon{background:none;border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;padding:8px;transition:background-color .2s}.btn-icon:hover{background:#667eea1a}.empty-state{color:var(--gray-500);padding:48px;text-align:center}.modal-content.large{background:#1a1a2e;max-height:90vh;max-width:700px;overflow-y:auto}.modal-content.large h2{color:#fff;margin-bottom:16px;padding:24px 24px 0}.request-details{margin:24px 0;padding:0 24px}.detail-section{border-bottom:1px solid #374151;margin-bottom:24px;padding-bottom:24px}.detail-section:last-child{border-bottom:none}.detail-section h3{color:#9ca3af;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.detail-section p{color:#e5e7eb;margin-bottom:8px}.detail-section p strong{color:#fff}.user-profile{align-items:center;display:flex;gap:16px}.user-profile h4{color:#fff;margin-bottom:4px}.user-profile p{color:#9ca3af;font-size:14px;margin-bottom:4px}.proof-links{display:flex;flex-direction:column;gap:8px}.proof-links a{background:#2d3748;border-radius:8px;color:#667eea;padding:10px 14px;transition:background .2s}.proof-links a:hover{background:#374151}.modal-content.large .textarea{background:#2d3748;border:2px solid #374151;border-radius:10px;color:#fff;font-size:15px;font-weight:500;min-height:80px;padding:14px 16px;resize:vertical;width:100%}.modal-content.large .textarea::placeholder{color:#9ca3af}.modal-content.large .textarea:focus{border-color:#667eea;outline:none}.modal-content.large .modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.proof-links a{background:#f9fafb;border-radius:6px;padding:8px 12px;text-decoration:none;transition:background-color .2s;word-break:break-all}.proof-links a:hover{background:#e5e7eb;text-decoration:underline}.btn-success{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s}.btn-success:hover{background:#059669}.btn-danger{align-items:center;background:#ef4444;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s}.btn-danger:hover{background:#dc2626}.admin-dashboard{background:#f0f2f5;min-height:calc(100vh - 60px);padding:24px 0}.admin-loading{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 60px)}.admin-header{margin-bottom:32px}.admin-header h1{color:#1a1a2e;font-size:28px;font-weight:700;margin:0 0 8px}.admin-header p{color:#6b7280;margin:0}.admin-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px}.admin-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-2px;padding:12px 24px;text-decoration:none;transition:all .2s}.admin-tab:hover{color:#667eea}.admin-tab.active{border-bottom-color:#667eea;color:#667eea}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;gap:16px;padding:24px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;font-size:24px;height:56px;justify-content:center;width:56px}.stat-icon.users{background:#dbeafe;color:#2563eb}.stat-icon.verified{background:#d1fae5;color:#059669}.stat-icon.pending{background:#fef3c7;color:#d97706}.stat-icon.admin{background:#ede9fe;color:#7c3aed}.stat-info h3{color:#1a1a2e;font-size:28px;font-weight:700;margin:0 0 4px}.stat-info p{color:#6b7280;font-size:14px;margin:0}.roles-breakdown{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:24px}.roles-breakdown h3{color:#1a1a2e;font-size:18px;font-weight:600;margin:0 0 16px}.roles-list{display:flex;flex-direction:column;gap:12px}.role-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.role-name{color:#1a1a2e;font-weight:500;text-transform:capitalize}.role-count{background:#667eea;border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.quick-actions{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px}.quick-actions h3{color:#1a1a2e;font-size:18px;font-weight:600;margin:0 0 16px}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{align-items:center;background:#f8f9fa;border:2px solid #e5e7eb;border-radius:12px;color:#1a1a2e;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px;position:relative;text-decoration:none;transition:all .2s}.action-card:hover{background:#f0f4ff;border-color:#667eea}.action-card svg{color:#667eea;font-size:24px}.action-card span{font-weight:500;text-align:center}.action-card .badge{background:#ef4444;border-radius:10px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;position:absolute;right:12px;top:12px}.admin-users{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px}.users-header{justify-content:space-between;margin-bottom:20px}.search-box,.users-header{align-items:center;display:flex}.search-box{background:#f8f9fa;border:2px solid #e5e7eb;border-radius:10px;flex:1 1;gap:12px;max-width:400px;padding:0 16px}.search-box .search-icon{color:#9ca3af}.search-box input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:12px 0}.search-box .clear-search{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px}.users-count{color:#6b7280;font-size:14px}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#f8f9fa;border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #e5e7eb;font-size:14px;padding:16px}.users-table tbody tr:hover{background:#f8f9fa}.user-cell{align-items:center;display:flex;gap:12px}.user-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.user-avatar.placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.user-info{display:flex;flex-direction:column}.user-name{align-items:center;color:#1a1a2e;display:flex;font-weight:600;gap:6px}.user-username{color:#6b7280;font-size:12px}.admin-badge{color:#f59e0b;font-size:12px}.role-badge{background:#e5e7eb;color:#4b5563;text-transform:capitalize}.role-badge,.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.status-badge.verified{background:#d1fae5;color:#059669}.status-badge.unverified{background:#fee2e2;color:#dc2626}.actions-cell{display:flex;gap:8px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-action.promote{background:#dbeafe;color:#2563eb}.btn-action.promote:hover:not(:disabled){background:#2563eb;color:#fff}.btn-action.demote{background:#fef3c7;color:#d97706}.btn-action.demote:hover:not(:disabled){background:#d97706;color:#fff}.btn-action.delete{background:#fee2e2;color:#dc2626}.btn-action.delete:hover:not(:disabled){background:#dc2626;color:#fff}.btn-action:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.requests-table{font-size:12px}.requests-table td,.requests-table th{padding:8px}.filter-tabs{overflow-x:auto}.filter-tabs .tab{padding:12px 16px;white-space:nowrap}.stats-grid{grid-template-columns:1fr}.users-header{align-items:stretch;flex-direction:column;gap:12px}.search-box{max-width:none}}.settings-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin:24px auto;max-width:800px;padding:24px}.settings-container h1{color:#1a1a2e;font-size:22px;margin-bottom:16px}.settings-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:16px}.settings-section h2{color:#1a1a2e;font-size:18px;margin-bottom:12px}.settings-row{color:#374151;display:flex;justify-content:space-between;padding:8px 0}.settings-form{display:flex;flex-direction:column;gap:10px;max-width:420px}.settings-form input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:10px}.settings-form input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.settings-message{background:#ecfdf5;color:#065f46}.settings-error,.settings-message{border-radius:6px;margin:8px 0;padding:10px}.settings-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.privacy-setting{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.privacy-setting label{color:#374151;font-size:14px;font-weight:500}select{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;max-width:240px;padding:10px}select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.btn{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:10px 14px}.btn-primary{background:#667eea;border:none;color:#fff;margin-top:10px}.btn-outline{background:#fff;color:#374151}.discord-connect{align-items:center;background:#5865f2;border:none;color:#fff;display:flex;gap:8px}.discord-connect img{filter:brightness(0) invert(1);height:18px;width:18px}.discord-connected{align-items:center;display:flex;gap:10px}.notif-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.notif-item{align-items:center;color:#374151;display:flex;gap:8px}.btn.danger{border-color:#fecaca;color:#dc2626}.btn.danger:hover{background:#fee2e2}.btn-warning{background:#f59e0b;border:none;color:#fff;margin-top:10px}.btn-warning:hover{background:#d97706}.btn-danger{background:#dc2626;border:none;color:#fff;margin-top:10px}.btn-danger:hover{background:#b91c1c}.danger-zone-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:12px}.danger-item{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px}.danger-title{color:#dc2626;font-weight:600;margin-bottom:4px}.danger-description{color:#6b7280;font-size:14px;margin:0 0 12px}@media(max-width:600px){.danger-zone-info,.notif-grid{grid-template-columns:1fr}}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;height:60px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.navbar-container{height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px;position:relative;width:100%}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{flex-shrink:0;gap:10px;text-decoration:none}.logo-image{height:40px;object-fit:contain;width:auto}.logo-text{color:#1a1a2e;font-size:22px;font-weight:700}.navbar-search{flex:1 1;margin:0 32px;max-width:400px;position:relative}.navbar-search input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 14px 10px 40px;transition:all .2s;width:100%}.navbar-search input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.navbar-search svg{color:#9ca3af;font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.navbar-links{gap:4px;left:50%;position:absolute;transform:translateX(-50%)}.nav-link,.navbar-links{align-items:center;display:flex}.nav-link{border-radius:8px;color:#6b7280;flex-direction:column;gap:2px;min-width:70px;padding:8px 16px;text-decoration:none;transition:all .2s}.nav-link:hover{background:#f3f4f6;color:#1a1a2e}.nav-link.active{color:#667eea}.nav-link svg{font-size:20px}.nav-link span{font-size:12px;font-weight:500}.nav-dropdown{position:relative}.dropdown-trigger{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:70px;padding:8px 16px;transition:all .2s}.dropdown-trigger:hover{background:#f3f4f6;color:#1a1a2e}.nav-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 24px #0000001f;left:50%;margin-top:8px;min-width:180px;padding:8px;position:absolute;top:100%;transform:translateX(-50%);z-index:1000}.nav-dropdown-menu a{align-items:center;border-radius:6px;color:#374151;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-decoration:none;transition:all .2s}.nav-dropdown-menu a:hover{background:#f3f4f6;color:#667eea}.profile-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;gap:0;min-width:auto;padding:8px 16px;transition:all .2s}.profile-nav-btn:hover{opacity:.8}.profile-nav-btn .profile-avatar,.profile-nav-btn .profile-avatar-placeholder{border-radius:50%;height:24px!important;margin-bottom:0;max-height:24px!important;max-width:24px!important;min-height:24px!important;min-width:24px!important;width:24px!important}.profile-nav-btn .profile-avatar{object-fit:cover}.profile-nav-btn .profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:10px;font-weight:600;justify-content:center}.profile-nav-btn .profile-avatar-placeholder svg{font-size:12px}.navbar-actions{align-items:center;display:flex!important;flex-shrink:0;gap:8px;margin-left:auto;padding:8px}.profile-dropdown{align-items:center;display:flex;position:relative}.profile-btn{align-items:center;background:#f3f4f6;border:2px solid #667eea;border-radius:50%;cursor:pointer;display:flex!important;height:40px;justify-content:center;max-height:40px;max-width:40px;min-height:40px;min-width:40px;overflow:hidden;padding:0;transition:all .2s;width:40px}.profile-btn:hover{background:#e5e7eb;transform:scale(1.05)}.navbar .profile-btn .profile-avatar{display:block;object-fit:cover;object-position:center}.navbar .profile-btn .profile-avatar,.navbar .profile-btn .profile-avatar-placeholder{border:none!important;border-radius:50%;box-shadow:none!important;height:36px!important;left:auto!important;max-height:36px!important;max-width:36px!important;min-height:36px!important;min-width:36px!important;position:static!important;top:auto!important;width:36px!important}.navbar .profile-btn .profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex!important;font-size:14px;font-weight:600;justify-content:center;text-transform:uppercase}.profile-btn .profile-avatar-placeholder svg{font-size:16px}.nav-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.nav-icon-btn:hover{background:#f3f4f6;color:#1a1a2e}.notification-badge{background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.profile-avatar-placeholder svg{color:#fff;font-size:12px}.profile-btn svg.dropdown-chevron{color:#6b7280;font-size:12px;transition:transform .2s}.profile-btn:hover svg.dropdown-chevron{color:#374151}.dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 24px #0000001f;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:200}.dropdown-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px}.dropdown-header .profile-avatar{border-radius:50%;height:48px;min-height:48px;min-width:48px;object-fit:cover;width:48px}.dropdown-header .profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;min-height:48px;min-width:48px;width:48px}.dropdown-user-info h4{color:#1a1a2e;font-size:15px;font-weight:600;margin-bottom:2px}.dropdown-user-info p{color:#6b7280;font-size:13px}.dropdown-items{padding:8px}.dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 12px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.dropdown-item:hover{background:#f3f4f6}.dropdown-item svg{color:#6b7280;font-size:18px}.dropdown-divider{background:#e5e7eb;height:1px;margin:8px 0}.dropdown-item.logout,.dropdown-item.logout svg{color:#dc2626}.dropdown-item.admin-link,.dropdown-item.admin-link svg{color:#7c3aed}.dropdown-item.admin-link:hover{background:#ede9fe}.mobile-menu-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:none;font-size:24px;height:40px;justify-content:center;width:40px}@media (max-width:1024px){.navbar-search{margin:0 20px;max-width:300px}.nav-link{min-width:auto;padding:8px 12px}.nav-link span{display:none}}@media (max-width:768px){.navbar{height:56px}.navbar-container{padding:0 12px}.navbar-search{display:none}.navbar-links{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 10px #0000000d;justify-content:space-around;left:0;padding:6px 0 calc(6px + env(safe-area-inset-bottom));position:fixed;right:0;top:auto;transform:none;z-index:100}.nav-link{flex:1 1;min-width:0;padding:6px 0}.nav-link svg{font-size:22px}.nav-link span{display:block;font-size:10px}.navbar-actions{gap:4px;margin-left:auto;padding:4px}.nav-icon-btn,.profile-btn{height:36px;width:36px}.profile-btn{max-height:36px;max-width:36px;min-height:36px;min-width:36px}.navbar .profile-btn .profile-avatar,.navbar .profile-btn .profile-avatar-placeholder{height:32px!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.mobile-menu-toggle{display:flex}.logo-text{display:none}.logo-image{height:36px}.dropdown-menu{left:12px;max-height:70vh;overflow-y:auto;right:12px;width:auto}.dropdown-menu,.nav-dropdown-menu{bottom:70px;position:fixed;top:auto}.nav-dropdown-menu{left:50%;transform:translateX(-50%)}}@media (max-width:480px){.navbar{height:52px}.navbar-container{padding:0 8px}.logo-image{height:32px}.navbar-links{padding:4px 0 calc(4px + env(safe-area-inset-bottom))}.nav-link{padding:4px 0}.nav-link svg{font-size:20px}.nav-link span{font-size:9px}.navbar-actions{gap:2px}.nav-icon-btn,.profile-btn{height:32px;width:32px}.profile-btn{max-height:32px;max-width:32px;min-height:32px;min-width:32px}.navbar .profile-btn .profile-avatar,.navbar .profile-btn .profile-avatar-placeholder{height:28px!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}}
/*# sourceMappingURL=main.e3056d9a.css.map*/