@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--gda-bg-primary: #050505;--gda-bg-secondary: #0a0a0a;--gda-bg-tertiary: #1a1a1a;--gda-bg-elevated: #252525;--gda-accent-primary: #FFD700;--gda-accent-secondary: #FFA500;--gda-accent-hover: #FFED4E;--gda-text-primary: #FFFFFF;--gda-text-secondary: #B3B3B3;--gda-text-tertiary: #808080;--gda-text-muted: #4D4D4D;--gda-border: #2a2a2a;--gda-border-light: #404040;--gda-success: #00FF7F;--gda-warning: #FFB627;--gda-error: #FF4757;--gda-info: #4A90E2;--gda-beginner: #00FF7F;--gda-intermediate: #FFB627;--gda-expert: #FF4757;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(255, 215, 0, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-toast: 600;--z-tooltip: 700;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1440px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--gda-bg-primary);color:var(--gda-text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gda-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gda-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gda-border-light)}::selection{background:var(--gda-accent-primary);color:var(--gda-bg-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--gda-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--gda-accent-hover)}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--gda-accent-primary),var(--gda-accent-secondary));color:var(--gda-bg-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--gda-bg-elevated);color:var(--gda-text-primary);border:1px solid var(--gda-border-light)}.btn-secondary:hover:not(:disabled){background:var(--gda-bg-tertiary);border-color:var(--gda-accent-primary)}.btn-ghost{background:transparent;color:var(--gda-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--gda-bg-secondary);color:var(--gda-text-primary)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--gda-border-light);box-shadow:var(--shadow-md)}.card-elevated{background:var(--gda-bg-elevated);box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-beginner{background:#00ff7f26;color:var(--gda-beginner);border:1px solid var(--gda-beginner)}.badge-intermediate{background:#ffb62726;color:var(--gda-intermediate);border:1px solid var(--gda-intermediate)}.badge-expert{background:#ff475726;color:var(--gda-expert);border:1px solid var(--gda-expert)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-primary);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--gda-accent-primary);box-shadow:0 0 0 3px #ffd7001a}.input::placeholder{color:var(--gda-text-muted)}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-in{animation:slideInRight var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton{background:linear-gradient(90deg,var(--gda-bg-secondary) 0%,var(--gda-bg-tertiary) 50%,var(--gda-bg-secondary) 100%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}@media(max-width:768px){html{font-size:14px}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(2,1fr)}.container{padding:0 var(--spacing-md)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--gda-border: #FFFFFF;--gda-text-secondary: #FFFFFF}}.login-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gda-bg-primary);overflow:hidden}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.bg-pattern{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 2px 2px,var(--gda-border) 1px,transparent 0);background-size:40px 40px;opacity:.3;animation:patternMove 60s linear infinite}.login-content{position:relative;z-index:2;width:100%;max-width:440px;padding:var(--spacing-xl);animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl) var(--spacing-xl);box-shadow:var(--shadow-xl);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{margin-bottom:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center}.logo-badge{width:60px;height:60px;background:var(--gda-bg-tertiary);border:2px solid var(--gda-accent-primary);color:var(--gda-accent-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;margin-bottom:var(--spacing-lg);box-shadow:0 0 20px #f6cc3233}.login-header h1{font-size:2rem;font-weight:700;color:var(--gda-text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.2}.subtitle{color:var(--gda-text-secondary);font-size:1rem;margin:0}.login-actions{display:flex;flex-direction:column;gap:var(--spacing-lg)}.btn-google{width:100%;padding:14px;background:#fff;color:#333;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s}.btn-google:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.btn-google:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-google .icon{font-weight:900;font-family:Georgia,serif;font-size:1.2rem}.error-section{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-msg{color:#ff6b6b;font-size:.9rem;margin-bottom:var(--spacing-sm);font-weight:500}.fallback-action p{color:var(--gda-text-secondary);font-size:.85rem;margin-bottom:var(--spacing-xs)}.btn-demo{background:transparent;border:1px solid var(--gda-border);color:var(--gda-text-primary);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;transition:all .2s}.btn-demo.highlight{background:var(--gda-accent-primary);color:var(--gda-bg-primary);border-color:var(--gda-accent-primary);font-weight:700;box-shadow:0 0 15px #f6cc3266}.btn-demo:hover{background:var(--gda-bg-tertiary);border-color:var(--gda-accent-primary);color:var(--gda-accent-primary)}.login-footer{margin-top:var(--spacing-2xl);font-size:.8rem;color:var(--gda-text-tertiary)}.admin-access-link{margin-top:var(--spacing-sm);color:var(--gda-text-secondary);cursor:pointer;text-decoration:underline;opacity:.5;transition:opacity .2s}.admin-access-link:hover{opacity:1;color:var(--gda-accent-primary)}.spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top:2px solid #333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--gda-bg-primary)}.onboarding-content{position:relative;z-index:2;width:100%;max-width:580px;padding:var(--spacing-2xl)}.progress-indicator{margin-bottom:var(--spacing-3xl)}.progress-steps{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);position:relative}.progress-step{width:40px;height:40px;border-radius:50%;background:var(--gda-bg-secondary);border:2px solid var(--gda-border);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--gda-text-secondary);transition:all var(--transition-base);position:relative;z-index:2}.progress-step.active{background:var(--gda-bg-tertiary);border-color:var(--gda-accent-primary);color:var(--gda-accent-primary)}.progress-step.current{background:var(--gda-accent-primary);border-color:var(--gda-accent-primary);color:var(--gda-bg-primary);box-shadow:0 0 20px #f6cc3266;transform:scale(1.1)}.progress-bar{width:100%;height:4px;background:var(--gda-bg-secondary);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gda-accent-primary),var(--gda-accent-secondary));transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-sm)}.progress-text{text-align:center;color:var(--gda-text-secondary);font-size:var(--font-size-sm);margin:0}.onboarding-step{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.onboarding-step h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--gda-text-primary);margin:0 0 var(--spacing-sm) 0}.step-description{color:var(--gda-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-xl) 0;line-height:1.5}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-weight:600;color:var(--gda-text-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.form-group .input{width:100%;padding:var(--spacing-md);background:var(--gda-bg-tertiary);border:2px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-primary);font-size:var(--font-size-base);transition:all var(--transition-base)}.form-group .input:focus{outline:none;border-color:var(--gda-accent-primary);box-shadow:0 0 0 3px #f6cc321a}.form-group .input.input-error{border-color:#f44336}.form-group .textarea{resize:vertical;min-height:100px;font-family:inherit}.error-text{display:block;color:#f44336;font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.toggle-btn{padding:var(--spacing-xl) var(--spacing-lg);background:var(--gda-bg-tertiary);border:2px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-primary);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.toggle-btn:hover{background:var(--gda-bg-secondary);border-color:var(--gda-accent-primary);transform:translateY(-2px)}.toggle-btn.active{background:#f6cc321a;border-color:var(--gda-accent-primary);color:var(--gda-accent-primary);box-shadow:var(--shadow-glow)}.toggle-icon{font-size:2rem}.onboarding-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.onboarding-actions .btn{min-width:120px}.onboarding-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.bg-pattern{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 2px 2px,var(--gda-border) 1px,transparent 0);background-size:40px 40px;opacity:.3;animation:patternMove 30s linear infinite}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}@media(max-width:640px){.onboarding-content,.onboarding-step{padding:var(--spacing-lg)}.onboarding-step h2{font-size:var(--font-size-xl)}.progress-step{width:32px;height:32px;font-size:var(--font-size-sm)}.toggle-group{grid-template-columns:1fr}.onboarding-actions{flex-direction:column-reverse}.onboarding-actions .btn{width:100%}}.loader-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--gda-bg-primary)}.loader-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl)}.logo-animation{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.logo-core{position:relative;z-index:3}.center-logo{width:150px;height:auto;position:relative;z-index:3;filter:drop-shadow(0 0 30px rgba(246,204,50,.8));animation:logoScale 2s ease-in-out infinite}@keyframes logoScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.particles{position:absolute;width:100%;height:100%;top:0;left:0}.particle{position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--gda-accent-primary);border-radius:50%;animation:particleFloat 2s ease-in-out infinite;animation-delay:var(--delay);transform-origin:center}@keyframes particleFloat{0%,to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(0);opacity:1}50%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(60px);opacity:.3}}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--gda-accent-primary);border-radius:50%;animation:ringExpand 3s ease-out infinite}.ring-1{width:120px;height:120px;animation-delay:0s}.ring-2{width:150px;height:150px;animation-delay:1s}.ring-3{width:180px;height:180px;animation-delay:2s}@keyframes ringExpand{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{opacity:.5}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.message-container{min-height:60px;display:flex;align-items:center;justify-content:center}.loading-message{font-size:var(--font-size-xl);font-weight:600;color:var(--gda-text-primary);text-align:center;margin:0;animation:messageSlide .5s ease-out}.progress-dots{display:flex;gap:var(--spacing-sm)}.progress-dots span{width:10px;height:10px;background:var(--gda-bg-secondary);border:2px solid var(--gda-border);border-radius:50%;transition:all var(--transition-base)}.progress-dots span.active{background:var(--gda-accent-primary);border-color:var(--gda-accent-primary);box-shadow:0 0 15px #f6cc3280}.loader-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:orbFloat 15s ease-in-out infinite}.orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--gda-accent-primary),transparent);top:-100px;left:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:radial-gradient(circle,var(--gda-accent-secondary),transparent);bottom:-50px;right:-50px;animation-delay:5s}.orb-3{width:250px;height:250px;background:radial-gradient(circle,rgba(246,204,50,.5),transparent);top:50%;right:10%;animation-delay:10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,100px) scale(1.1)}66%{transform:translate(-50px,-50px) scale(.9)}}@media(max-width:640px){.logo-animation{width:150px;height:150px}.loading-message{font-size:var(--font-size-lg);padding:0 var(--spacing-lg)}.gradient-orb{filter:blur(60px)}}@media(prefers-reduced-motion:reduce){.logo-core,.particle,.ring,.gradient-orb{animation:none}.center-logo{box-shadow:0 0 20px #f6cc3266}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:var(--gda-bg-secondary);border-right:1px solid var(--gda-border);display:flex;flex-direction:column;z-index:var(--z-fixed);transition:transform var(--transition-base)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--gda-border)}.logo{flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-md)}.logo-subtitle{font-size:.65rem;color:var(--gda-text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600;opacity:.7;margin-top:-4px}.logo-image{width:120px;height:auto;filter:drop-shadow(0 2px 8px rgba(246,204,50,.3))}.logo-icon{font-size:var(--font-size-2xl);filter:drop-shadow(0 0 10px var(--gda-accent-primary))}.logo-text{font-size:var(--font-size-xl);font-weight:800;background:linear-gradient(135deg,var(--gda-accent-primary),var(--gda-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-profile-section{padding:var(--spacing-md);border-bottom:1px solid var(--gda-border)}.user-profile-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.user-profile-card:hover{border-color:var(--gda-accent-primary);background:var(--gda-bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.user-avatar-small{width:42px;height:42px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;border:2px solid var(--gda-bg-primary);box-shadow:0 2px 4px #0000001a;background:linear-gradient(135deg,var(--gda-accent-primary),var(--gda-accent-secondary));display:flex;align-items:center;justify-content:center}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-initial{font-size:var(--font-size-md);font-weight:800;color:var(--gda-bg-primary)}.user-info-compact{display:flex;flex-direction:column;gap:2px;overflow:hidden}.user-name-compact{font-size:var(--font-size-sm);font-weight:700;color:var(--gda-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta-compact{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--gda-text-secondary)}.level-badge{background:#f6cc321a;color:var(--gda-accent-primary);padding:1px 6px;border-radius:4px;font-weight:600}.xp-divider{opacity:.5}.tier-badge-sidebar{background:linear-gradient(135deg,var(--gda-accent-primary),var(--gda-accent-secondary));color:var(--gda-bg-primary);padding:1px 6px;border-radius:4px;font-weight:800;font-size:10px;text-transform:uppercase}.sidebar-nav{flex:1;padding:var(--spacing-md);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--gda-text-secondary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);position:relative;margin-bottom:var(--spacing-xs)}.nav-item:hover{background:var(--gda-bg-tertiary);color:var(--gda-text-primary)}.nav-item.active{background:linear-gradient(135deg,#ffd70026,#ffa50026);color:var(--gda-accent-primary);border-left:3px solid var(--gda-accent-primary)}.nav-icon{font-size:var(--font-size-xl);display:flex;align-items:center;justify-content:center}.nothing-icon{width:1em;height:1em;display:block}.nav-label{flex:1;text-align:left}.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--gda-error);color:#fff;font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-full)}.sidebar-footer{margin-top:auto;padding:var(--spacing-lg);border-top:1px solid var(--gda-border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.language-selector{position:relative;width:100%}.lang-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-primary);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-sm);font-weight:600}.lang-btn:hover{background:var(--gda-bg-secondary);border-color:var(--gda-accent-primary)}.lang-flag{font-size:1.2rem}.lang-code{flex:1;text-align:left}.lang-arrow{font-size:.7rem;opacity:.6}.lang-menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:var(--spacing-xs);background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000004d;overflow:hidden;animation:slideUpFade .2s ease-out;z-index:1000}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lang-option{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:1px solid var(--gda-border);color:var(--gda-text-primary);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-sm)}.lang-option:last-child{border-bottom:none}.lang-option:hover{background:var(--gda-bg-tertiary)}.lang-option.active{background:#f6cc321a;color:var(--gda-accent-primary)}.lang-label{flex:1;text-align:left}.check-mark{color:var(--gda-accent-primary);font-weight:700}.logout-btn{width:100%;justify-content:flex-start}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.game-grid-container{width:100%}.game-grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.game-grid-header h2{margin:0}.game-count{color:var(--gda-text-secondary);font-size:var(--font-size-sm)}.game-grid-filters{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.search-input-wrapper{position:relative;display:flex;align-items:center;width:250px;flex-shrink:0}.search-icon{position:absolute;left:var(--spacing-sm);font-size:var(--font-size-md);pointer-events:none;z-index:1;color:var(--gda-text-secondary)}.game-search{width:100%;padding-left:calc(var(--spacing-md) * 2.5);padding-right:var(--spacing-xl);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-primary);height:40px;font-size:var(--font-size-sm);transition:border-color var(--transition-base)}.game-search:focus{border-color:var(--gda-accent-primary);outline:none;box-shadow:0 0 0 2px #f6cc321a}.checkbox-filter{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;white-space:nowrap;color:var(--gda-text-secondary);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 var(--spacing-sm);height:40px;border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-base)}.checkbox-filter:hover{color:var(--gda-text-primary);background:var(--gda-bg-tertiary);border-color:var(--gda-border)}.checkbox-filter input{cursor:pointer;width:18px;height:18px;accent-color:var(--gda-accent-primary)}.game-filter{cursor:pointer;width:180px;flex-shrink:0;height:40px;background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-primary);padding:0 var(--spacing-md);font-size:var(--font-size-sm);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color var(--transition-base)}.game-filter:hover{border-color:var(--gda-text-secondary)}.game-filter:focus{border-color:var(--gda-accent-primary);outline:none}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.game-card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base);will-change:transform}.game-card:hover{transform:translateY(-4px);border-color:var(--gda-accent-primary);box-shadow:var(--shadow-glow)}.game-thumbnail{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--gda-bg-tertiary)}.game-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.game-fallback-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.game-card:hover .game-thumbnail img{transform:scale(1.05)}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mission-count-badge{position:absolute;top:10px;right:10px;background:#6c5ce7e6;color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;z-index:2;box-shadow:0 4px 10px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.game-card:hover .game-overlay{opacity:1}.game-info{padding:var(--spacing-md)}.game-title{font-size:var(--font-size-base);font-weight:600;color:var(--gda-text-primary);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--gda-text-secondary)}.game-genre,.game-platform{padding:2px 6px;background:var(--gda-bg-tertiary);border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.load-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.game-card-skeleton{height:300px}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.no-results-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.no-results-text{font-size:var(--font-size-lg);color:var(--gda-text-secondary);margin-bottom:var(--spacing-lg)}@media(max-width:768px){.game-grid-filters{grid-template-columns:1fr}.game-search{grid-column:1}.game-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}}@media(prefers-reduced-motion:no-preference){.game-card{contain:layout style paint}}.game-details-container{width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-lg)}.back-btn{margin-bottom:var(--spacing-lg)}.game-details-header{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.game-details-thumbnail{width:300px;height:400px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--gda-border)}.game-details-thumbnail img{width:100%;height:100%;object-fit:cover}.game-details-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.game-details-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--gda-text-primary);margin:0;line-height:1.2}.game-meta-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.meta-tag{padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600}.genre-tag{background:var(--gda-bg-tertiary);color:var(--gda-accent-primary);border:1px solid var(--gda-accent-primary)}.game-metadata{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) 0;border-top:1px solid var(--gda-border);border-bottom:1px solid var(--gda-border)}.metadata-item{display:flex;gap:var(--spacing-sm)}.metadata-label{font-weight:600;color:var(--gda-text-secondary);min-width:120px}.metadata-value{color:var(--gda-text-primary)}.game-description{color:var(--gda-text-secondary);line-height:1.6;margin:0}.platform-links{margin-top:auto}.platform-links-label{font-weight:600;color:var(--gda-text-secondary);margin-bottom:var(--spacing-sm)}.platform-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.btn-platform{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-base)}.btn-platform:hover{background:var(--gda-accent-primary);border-color:var(--gda-accent-primary);color:var(--gda-bg-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.game-missions-section{width:100%}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--gda-border)}.section-header h2{margin:0;font-size:var(--font-size-2xl);color:var(--gda-text-primary)}.mission-count{color:var(--gda-text-secondary);font-size:var(--font-size-sm);padding:4px 12px;background:var(--gda-bg-tertiary);border-radius:var(--radius-sm)}.loading-missions{text-align:center;padding:var(--spacing-3xl);color:var(--gda-text-secondary)}.no-missions-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.no-missions-text{font-size:var(--font-size-lg);color:var(--gda-text-primary);margin-bottom:var(--spacing-sm)}.no-missions-hint{color:var(--gda-text-secondary);font-size:var(--font-size-sm)}.missions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.mission-card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base)}.mission-card:hover{transform:translateY(-4px);border-color:var(--gda-accent-primary);box-shadow:var(--shadow-glow)}.mission-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.difficulty-badge{padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge.beginner{background:#4caf5033;color:#4caf50;border:1px solid #4CAF50}.difficulty-badge.intermediate{background:#ffc10733;color:#ffc107;border:1px solid #FFC107}.difficulty-badge.expert{background:#f4433633;color:#f44336;border:1px solid #F44336}.mission-xp{font-size:var(--font-size-sm);font-weight:700;color:var(--gda-accent-primary)}.mission-title{font-size:var(--font-size-lg);font-weight:600;color:var(--gda-text-primary);margin:0 0 var(--spacing-sm) 0}.mission-description{color:var(--gda-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-md) 0}.mission-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--gda-border);font-size:var(--font-size-xs)}.mission-ui-type{color:var(--gda-accent-primary);font-weight:600}.mission-time{color:var(--gda-text-secondary)}@media(max-width:968px){.game-details-header{grid-template-columns:1fr}.game-details-thumbnail{width:100%;max-width:400px;margin:0 auto}.missions-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:640px){.game-details-container,.game-details-header{padding:var(--spacing-md)}.game-details-title{font-size:var(--font-size-2xl)}.missions-grid{grid-template-columns:1fr}}.visual-marker-container{position:relative;background:var(--gda-bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.visual-marker-canvas{width:100%;height:auto;display:block;cursor:crosshair}.marker-legend{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-md);max-width:300px;max-height:80vh;overflow-y:auto}.marker-legend h4{font-size:var(--font-size-sm);font-weight:700;color:var(--gda-accent-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px}.marker-legend-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-xs)}.marker-legend-item:hover{background:var(--gda-bg-tertiary)}.marker-legend-item.selected{background:#ffd7001a;border-left:3px solid var(--gda-accent-primary)}.marker-number{width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;color:#fff;flex-shrink:0}.marker-number.severity-high{background:#ff4757}.marker-number.severity-medium{background:#ffb627}.marker-number.severity-low{background:#4a90e2}.marker-info{flex:1;min-width:0}.marker-element{font-size:var(--font-size-sm);font-weight:600;color:var(--gda-text-primary);margin-bottom:2px}.marker-problem{font-size:var(--font-size-xs);color:var(--gda-text-secondary);line-height:1.3}@media(max-width:768px){.marker-legend{position:static;max-width:100%;margin-top:var(--spacing-md)}}.ai-feedback-modal{position:fixed;inset:0;background:var(--gda-bg-primary);z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden}.ai-feedback-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--gda-border);background:var(--gda-bg-secondary)}.ai-feedback-header h2{margin:0;background:linear-gradient(135deg,var(--gda-accent-primary),var(--gda-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-feedback-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.feedback-section{margin-bottom:var(--spacing-2xl)}.feedback-section h3{color:var(--gda-accent-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.section-description{color:var(--gda-text-secondary);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.feedback-score{display:flex;gap:var(--spacing-xl);align-items:center;padding:var(--spacing-xl);background:var(--gda-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--gda-border)}.score-circle{width:120px;height:120px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--gda-accent-primary),var(--gda-accent-secondary));display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.score-value{font-size:var(--font-size-4xl);font-weight:800;color:var(--gda-bg-primary)}.score-label{font-size:var(--font-size-sm);font-weight:600;color:var(--gda-bg-primary);opacity:.8}.score-summary{flex:1}.score-summary h3{margin-bottom:var(--spacing-sm);color:var(--gda-text-primary)}.score-summary p{margin:0;color:var(--gda-text-secondary);line-height:1.6}.findings-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.finding-card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base)}.finding-card:hover{border-color:var(--gda-border-light);box-shadow:var(--shadow-md)}.finding-card.selected{border-color:var(--gda-accent-primary);box-shadow:0 0 0 3px #ffd7001a}.finding-card.priority-high{border-left:4px solid var(--gda-error)}.finding-card.priority-medium{border-left:4px solid var(--gda-warning)}.finding-card.priority-low{border-left:4px solid var(--gda-info)}.finding-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.finding-number{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--gda-accent-primary),var(--gda-accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--gda-bg-primary);flex-shrink:0}.finding-title{flex:1;font-size:var(--font-size-base);color:var(--gda-text-primary)}.priority-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.priority-badge.priority-high{background:#ff475726;color:var(--gda-error)}.priority-badge.priority-medium{background:#ffb62726;color:var(--gda-warning)}.priority-badge.priority-low{background:#4a90e226;color:var(--gda-info)}.finding-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.finding-item{display:flex;gap:var(--spacing-md)}.finding-label{font-size:var(--font-size-sm);font-weight:600;color:var(--gda-text-secondary);min-width:90px;flex-shrink:0}.finding-text{flex:1;font-size:var(--font-size-sm);color:var(--gda-text-primary);line-height:1.6}.finding-text.solution{color:var(--gda-success);font-weight:500}.strengths-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.strengths-list li{padding:var(--spacing-md);background:#00ff7f0d;border-left:3px solid var(--gda-success);border-radius:var(--radius-md);color:var(--gda-text-primary)}.strengths-list li:before{content:"✓ ";color:var(--gda-success);font-weight:700;margin-right:var(--spacing-sm)}.resources-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.resource-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base)}.resource-card:hover{border-color:var(--gda-accent-primary);transform:translate(4px)}.resource-icon{font-size:var(--font-size-2xl);flex-shrink:0}.resource-info{flex:1}.resource-title{font-size:var(--font-size-base);font-weight:600;color:var(--gda-text-primary);margin-bottom:4px}.resource-type{font-size:var(--font-size-xs);color:var(--gda-text-secondary);text-transform:uppercase}.resource-arrow{font-size:var(--font-size-xl);color:var(--gda-accent-primary)}.ai-feedback-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--gda-border);background:var(--gda-bg-secondary)}@media(max-width:768px){.ai-feedback-content{padding:var(--spacing-md)}.feedback-score{flex-direction:column;text-align:center}.finding-header{flex-wrap:wrap}.finding-item{flex-direction:column;gap:var(--spacing-xs)}.finding-label{min-width:auto}.resources-list{grid-template-columns:1fr}}.inbox-container{width:100%;max-width:900px;margin:0 auto}.inbox-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.inbox-header h2{margin:0}.inbox-stats{color:var(--gda-text-secondary);font-size:var(--font-size-sm)}.unread-count{padding:var(--spacing-xs) var(--spacing-sm);background:var(--gda-error);color:#fff;border-radius:var(--radius-full);font-weight:600}.inbox-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--gda-border)}.filter-btn{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--gda-text-secondary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{color:var(--gda-text-primary)}.filter-btn.active{color:var(--gda-accent-primary);border-bottom-color:var(--gda-accent-primary)}.inbox-messages{display:flex;flex-direction:column;gap:var(--spacing-md)}.message-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.message-card:hover{border-color:var(--gda-border-light);box-shadow:var(--shadow-md)}.message-card.unread{border-left:4px solid var(--gda-accent-primary);background:var(--gda-bg-tertiary)}.message-icon{flex-shrink:0}.ai-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--gda-accent-primary),var(--gda-accent-secondary));color:var(--gda-bg-primary);font-size:var(--font-size-base);font-weight:800}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.message-title{font-size:var(--font-size-base);font-weight:600;color:var(--gda-text-primary)}.message-time{font-size:var(--font-size-xs);color:var(--gda-text-tertiary);white-space:nowrap}.message-preview{font-size:var(--font-size-sm);color:var(--gda-text-secondary);line-height:1.5;margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-footer{display:flex;align-items:center;justify-content:space-between}.message-score{font-size:var(--font-size-sm);font-weight:600;color:var(--gda-accent-primary)}.unread-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--gda-accent-primary)}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.no-messages-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.no-messages-text{font-size:var(--font-size-lg);color:var(--gda-text-primary);margin-bottom:var(--spacing-xs)}.no-messages-subtext{font-size:var(--font-size-sm);color:var(--gda-text-secondary)}@media(max-width:768px){.inbox-filters{overflow-x:auto;-webkit-overflow-scrolling:touch}.message-card{padding:var(--spacing-md)}.ai-badge{width:40px;height:40px;font-size:var(--font-size-sm)}}.app{display:flex;min-height:100vh;background:var(--gda-bg-primary)}.main-content{flex:1;margin-left:280px;padding-bottom:0;min-height:100vh}.page-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm)}.page-description{font-size:var(--font-size-lg);color:var(--gda-text-secondary);margin:0}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--gda-bg-primary)}.loading-spinner{width:60px;height:60px;border:4px solid var(--gda-bg-tertiary);border-top-color:var(--gda-accent-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:var(--spacing-lg);color:var(--gda-text-secondary);font-size:var(--font-size-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.stat-card:hover{border-color:var(--gda-accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.stat-value{font-size:var(--font-size-3xl);font-weight:800;color:var(--gda-accent-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--gda-text-secondary);text-transform:uppercase;letter-spacing:.5px}.featured-section{background:linear-gradient(135deg,#ffd7001a,#ffa5000d);border:1px solid var(--gda-accent-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center}.featured-section h3{color:var(--gda-accent-primary);margin-bottom:var(--spacing-lg)}.no-submissions,.no-messages,.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.empty-icon,.coming-soon-icon{font-size:5rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-text,.coming-soon-text{font-size:var(--font-size-xl);color:var(--gda-text-secondary);margin-bottom:var(--spacing-lg)}.info-banner{background:#4a90e21a;border:1px solid var(--gda-info);border-radius:var(--radius-md);padding:var(--spacing-lg);color:var(--gda-text-primary);font-size:var(--font-size-base)}.dashboard-section{margin-bottom:var(--spacing-2xl)}.dashboard-section h3{margin-bottom:var(--spacing-lg);color:var(--gda-accent-primary)}.active-missions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-md)}.active-mission-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-base)}.active-mission-card:hover{border-color:var(--gda-accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.active-mission-thumbnail{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;border:1px solid var(--gda-border);background:var(--gda-bg-tertiary)}.active-mission-thumbnail img{width:100%;height:100%;object-fit:cover}.active-mission-info{flex:1;min-width:0}.active-mission-info h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-mission-game{font-size:var(--font-size-sm);color:var(--gda-text-secondary);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-mission-xp{font-size:var(--font-size-sm);color:var(--gda-accent-primary);font-weight:600}.profile-content{max-width:600px;margin:0 auto;text-align:center}.profile-avatar-large{width:120px;height:120px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--gda-accent-primary),var(--gda-accent-secondary));display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:800;color:var(--gda-bg-primary);margin:0 auto var(--spacing-lg)}.profile-email{color:var(--gda-text-secondary);margin-bottom:var(--spacing-xl)}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.profile-stat{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.profile-stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--gda-accent-primary);margin-bottom:var(--spacing-xs)}.profile-stat-label{font-size:var(--font-size-sm);color:var(--gda-text-secondary)}.profile-badges h3{margin-bottom:var(--spacing-lg)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}.badge-item{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.badge-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.badge-name{font-size:var(--font-size-xs);color:var(--gda-text-secondary)}@media(max-width:768px){.main-content{margin-left:0;padding-bottom:80px}.page-container{padding:var(--spacing-md)}.page-header h1{font-size:var(--font-size-2xl)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card{padding:var(--spacing-md)}.stat-icon{font-size:2rem}.stat-value{font-size:var(--font-size-xl)}.active-missions-list{grid-template-columns:1fr}}.leaderboard-modal{max-width:500px;width:100%}.leaderboard-list{display:flex;flex-direction:column;gap:8px;padding:var(--spacing-md) 0}.leaderboard-header-row{display:flex;padding:8px 16px;color:var(--gda-text-secondary);font-size:.85rem;font-weight:600;border-bottom:1px solid var(--gda-border);margin-bottom:8px}.leaderboard-row{display:flex;align-items:center;padding:12px 16px;background:var(--gda-bg-tertiary);border-radius:var(--radius-md);transition:transform .2s}.leaderboard-row:hover{transform:translate(4px);background:#ffffff0d}.rank-col{width:40px;font-weight:700;color:var(--gda-text-secondary)}.user-col{flex:1;display:flex;align-items:center;gap:12px}.level-col{width:60px;text-align:right;color:var(--gda-accent-secondary)}.xp-col{width:80px;text-align:right;font-weight:700;color:var(--gda-accent-primary)}.leader-avatar{font-size:1.2rem}.leader-name{font-weight:600;color:var(--gda-text-primary)}.rank-1 .rank-col{color:gold}.rank-2 .rank-col{color:silver}.rank-3 .rank-col{color:#cd7f32}.current-user-rank{border:1px solid var(--gda-accent-primary);background:#f6cc321a}.mission-browser{padding:var(--spacing-lg)}.mission-browser-header{margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center}.mission-browser-header h2{margin-bottom:var(--spacing-sm)}.mission-browser-header p{color:var(--gda-text-secondary)}.header-content h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,#fff,#a5a5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-content p{color:var(--gda-text-secondary);font-size:var(--font-size-lg)}.btn-leaderboard{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffd7001a,#ffa5000d);border:1px solid rgba(255,215,0,.3);color:gold;padding:10px 20px;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7001a}.btn-leaderboard:hover{background:linear-gradient(135deg,#ffd70033,#ffa5001a);transform:translateY(-2px);box-shadow:0 6px 20px #ffd70033;border-color:gold}.mission-filters{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--gda-text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-select{background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);color:var(--gda-text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base)}.filter-select:hover{border-color:var(--gda-accent-primary)}.filter-select:focus{outline:none;border-color:var(--gda-accent-primary);box-shadow:0 0 0 3px #ffd7001a}.filter-results{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-md);border-top:1px solid var(--gda-border);color:var(--gda-text-secondary);font-size:var(--font-size-sm)}.results-count{color:var(--gda-accent-primary);font-weight:700;font-size:var(--font-size-lg)}.clear-filters-btn{background:transparent;border:1px solid var(--gda-border);color:var(--gda-text-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.clear-filters-btn:hover{border-color:var(--gda-accent-primary);color:var(--gda-accent-primary)}.mission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.mission-card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.mission-card:hover{border-color:var(--gda-accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.mission-card-image{position:relative;width:100%;height:180px;overflow:hidden;background:var(--gda-bg-tertiary)}.mission-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.mission-card:hover .mission-card-image img{transform:scale(1.05)}.mission-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;opacity:.3}.mission-difficulty-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:6px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;color:var(--gda-bg-primary);letter-spacing:.5px;display:flex;align-items:center;gap:6px;z-index:2}.difficulty-dot{width:8px;height:8px;border-radius:50%;background:currentColor;border:1px solid rgba(0,0,0,.1)}.mission-card-content{padding:var(--spacing-md)}.mission-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs);color:var(--gda-text-primary)}.mission-game{font-size:var(--font-size-sm);color:var(--gda-text-secondary);margin-bottom:var(--spacing-md)}.mission-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.mission-xp,.mission-time{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--gda-text-secondary)}.mission-xp-icon{color:var(--gda-accent-primary)}.mission-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.ui-type-badge,.genre-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize}.ui-type-badge{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);color:var(--gda-accent-primary)}.genre-badge{background:#4a90e21a;border:1px solid rgba(74,144,226,.3);color:var(--gda-info)}.no-missions{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.no-missions-icon{font-size:5rem;margin-bottom:var(--spacing-lg);opacity:.5}.no-missions-text{font-size:var(--font-size-xl);color:var(--gda-text-secondary);margin-bottom:var(--spacing-lg)}.mission-browser-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--gda-text-secondary)}@media(max-width:1024px){.filter-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mission-filters{padding:var(--spacing-md)}.filter-row{grid-template-columns:1fr}.filter-results{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.clear-filters-btn{width:100%}.mission-grid{grid-template-columns:1fr}}.carousel-container{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden}.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-hwebkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.carousel::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 100%;scroll-snap-align:start;position:relative;cursor:pointer;transition:opacity var(--transition-fast)}.carousel-item:hover{opacity:.95}.carousel-item img{width:100%;height:100%;object-fit:cover;display:block}.carousel-caption{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:var(--font-size-sm)}.carousel-dots{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);z-index:var(--z-base)}.carousel-dot{width:8px;height:8px;border-radius:var(--radius-full);background:#ffffff80;border:none;cursor:pointer;transition:all var(--transition-fast);padding:0}.carousel-dot:hover{background:#fffc}.carousel-dot.active{width:24px;background:var(--gda-accent-primary)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:var(--radius-full);background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:var(--font-size-2xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:var(--z-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-nav:hover:not(:disabled){background:#000c;border-color:var(--gda-accent-primary)}.carousel-nav:disabled{opacity:.3;cursor:not-allowed}.carousel-nav-prev{left:var(--spacing-md)}.carousel-nav-next{right:var(--spacing-md)}@media(max-width:768px){.carousel-nav{width:32px;height:32px;font-size:var(--font-size-xl)}}.mission-detail-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.mission-detail-modal{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-xl);max-width:1200px;max-height:90vh;width:100%;overflow-y:auto;position:relative;animation:slideUp .3s ease}.mission-detail-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;border-radius:var(--radius-full);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);color:var(--gda-text-primary);font-size:var(--font-size-xl);cursor:pointer;transition:all var(--transition-base);z-index:10}.mission-detail-close:hover{background:var(--gda-danger);border-color:var(--gda-danger);transform:rotate(90deg)}.mission-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);padding:var(--spacing-xl)}.mission-reference-section{position:sticky;top:0}.mission-reference-section h3{margin-bottom:var(--spacing-sm)}.mission-reference-desc{color:var(--gda-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.mission-reference-image{width:100%;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--gda-accent-primary)}.mission-reference-image img{width:100%;height:auto;display:block}.mission-no-reference{padding:var(--spacing-3xl);text-align:center;background:var(--gda-bg-tertiary);border:1px dashed var(--gda-border);border-radius:var(--radius-lg);color:var(--gda-text-secondary)}.mission-info-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.mission-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.mission-detail-header h2{margin:0;font-size:var(--font-size-3xl)}.mission-detail-game{color:var(--gda-text-secondary);font-size:var(--font-size-lg);margin-top:var(--spacing-xs)}.mission-detail-difficulty-badge{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;color:var(--gda-bg-primary);letter-spacing:.5px}.mission-detail-meta{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-md)}.mission-detail-meta-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base)}.meta-icon{font-size:var(--font-size-lg)}.meta-label{color:var(--gda-text-secondary);min-width:60px}.meta-value{color:var(--gda-accent-primary);font-weight:600}.mission-description,.mission-requirements,.mission-deliverables{padding:var(--spacing-md);background:var(--gda-bg-primary);border:1px solid var(--gda-border);border-radius:var(--radius-md)}.mission-description h3,.mission-requirements h3,.mission-deliverables h3{margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.mission-description p{color:var(--gda-text-secondary);line-height:1.6}.mission-requirements ul,.mission-deliverables ul{list-style:none;padding:0;margin:0}.mission-requirements li,.mission-deliverables li{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background:var(--gda-bg-secondary);border-left:3px solid var(--gda-accent-primary);border-radius:var(--radius-sm);color:var(--gda-text-secondary)}.mission-detail-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg)}@media(max-width:968px){.mission-detail-content{grid-template-columns:1fr}.mission-reference-section{position:static}}@media(max-width:768px){.mission-detail-modal{max-height:95vh}.mission-detail-content{padding:var(--spacing-md);gap:var(--spacing-md)}.mission-detail-header h2{font-size:var(--font-size-xl)}.mission-detail-actions{flex-direction:column}.mission-detail-actions button{width:100%}}.submission-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1001;padding:var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}.submission-modal{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-xl);max-width:1400px;max-height:95vh;width:100%;overflow-y:auto;position:relative;padding:var(--spacing-xl);animation:slideUp .3s ease}.submission-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;border-radius:var(--radius-full);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);color:var(--gda-text-primary);font-size:var(--font-size-xl);cursor:pointer;transition:all var(--transition-base);z-index:10}.submission-close:hover{background:var(--gda-danger);border-color:var(--gda-danger);transform:rotate(90deg)}.submission-title{margin-bottom:var(--spacing-xs)}.submission-subtitle{color:var(--gda-text-secondary);margin-bottom:var(--spacing-xl)}.submission-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.submission-reference h3,.submission-work h3{margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);color:var(--gda-accent-primary)}.reference-display{border:2px solid var(--gda-accent-primary);border-radius:var(--radius-lg);overflow:hidden;background:var(--gda-bg-primary)}.reference-display img{width:100%;height:auto;display:block}.no-reference{padding:var(--spacing-3xl);text-align:center;background:var(--gda-bg-tertiary);border:1px dashed var(--gda-border);border-radius:var(--radius-lg);color:var(--gda-text-secondary)}.upload-area{border:2px dashed var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-3xl);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--gda-bg-tertiary);margin-bottom:var(--spacing-lg)}.upload-area:hover,.upload-area.drag-active{border-color:var(--gda-accent-primary);background:#ffd7000d}.upload-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.upload-text{font-size:var(--font-size-lg);color:var(--gda-text-primary);margin-bottom:var(--spacing-sm)}.upload-hint{font-size:var(--font-size-sm);color:var(--gda-text-secondary)}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.image-preview{position:relative;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--gda-border);aspect-ratio:1}.remove-image{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:28px;height:28px;border-radius:var(--radius-full);background:var(--gda-danger);border:none;color:#fff;font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.image-preview:hover .remove-image{opacity:1}.submission-field{margin-bottom:var(--spacing-lg)}.submission-field label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--gda-text-primary)}.submission-field textarea{width:100%;background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);color:var(--gda-text-primary);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;resize:vertical;transition:all var(--transition-base)}.submission-field textarea:focus{outline:none;border-color:var(--gda-accent-primary);box-shadow:0 0 0 3px #ffd7001a}.submission-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg);border-top:1px solid var(--gda-border)}@media(max-width:1024px){.submission-layout{grid-template-columns:1fr}.submission-reference{order:1}.submission-work{order:2}}@media(max-width:768px){.submission-modal{padding:var(--spacing-md)}.submission-actions{flex-direction:column}.submission-actions button{width:100%}.image-previews{grid-template-columns:repeat(2,1fr)}}.profile-container{max-width:1200px;margin:0 auto;padding:0}.profile-loading,.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.profile-controls{position:sticky;top:var(--spacing-md);z-index:10;display:flex;justify-content:flex-end;padding:var(--spacing-md);background:var(--gda-bg-primary);border-bottom:1px solid var(--gda-border)}.edit-controls{display:flex;gap:var(--spacing-sm)}.btn-edit-profile{background:linear-gradient(135deg,var(--gda-accent-primary),var(--gda-accent-secondary));color:var(--gda-bg-primary);border:none;padding:8px 20px;border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-base);box-shadow:0 4px 12px #f6cc324d}.btn-edit-profile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f6cc3266;filter:brightness(1.1)}.profile-cover{position:relative;width:100%;height:280px;background:var(--gda-bg-secondary);overflow:hidden;border-bottom:2px solid var(--gda-border)}.profile-cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gda-bg-secondary),var(--gda-bg-tertiary));color:var(--gda-text-secondary)}.cover-placeholder span{font-size:4rem;opacity:.3}.cover-upload{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md)}.cover-upload .input{width:100%;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--gda-accent-primary);color:#fff}.profile-header{position:relative;padding:0 var(--spacing-2xl) var(--spacing-2xl);background:var(--gda-bg-primary);border-bottom:1px solid var(--gda-border);margin-top:-80px}.profile-photo-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.profile-photo,.profile-photo-placeholder{width:160px;height:160px;border-radius:50%;border:6px solid var(--gda-bg-primary);box-shadow:0 8px 24px #0000004d;object-fit:cover}.profile-photo-placeholder{background:var(--gda-bg-secondary);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--gda-text-secondary)}.photo-input{max-width:300px}.profile-info{text-align:center}.profile-name{font-size:var(--font-size-3xl);font-weight:700;color:var(--gda-text-primary);margin:0 0 var(--spacing-sm) 0}.profile-name-input{font-size:var(--font-size-2xl);font-weight:700;text-align:center;max-width:400px;margin:0 auto var(--spacing-sm)}.profile-badges{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;border:1px solid var(--gda-border)}.badge-work{background:#f6cc321a;color:var(--gda-accent-primary);border-color:var(--gda-accent-primary)}.badge-level{background:var(--gda-bg-secondary);color:var(--gda-text-primary)}.badge-xp{background:var(--gda-bg-tertiary);color:var(--gda-accent-secondary);border-color:var(--gda-accent-secondary)}.profile-bio{max-width:600px;margin:0 auto;color:var(--gda-text-secondary);line-height:1.6}.profile-bio-empty{color:var(--gda-text-secondary);opacity:.5;font-style:italic}.profile-latest-badges{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap}.latest-badges-title{font-size:var(--font-size-xs);font-weight:700;color:var(--gda-text-secondary);text-transform:uppercase}.badge-pill-small{background:#f6cc321a;border:1px solid var(--gda-accent-primary);color:var(--gda-text-primary);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;display:flex;gap:4px}.badge-collection-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:flex-start}.badge-card{width:64px;height:64px;background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:50%;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all var(--transition-base);position:relative;box-shadow:0 3px 6px #0000001a;overflow:hidden}.badge-card.earned{border-color:var(--gda-accent-primary);background:radial-gradient(circle,#f6cc3226,#0000 70%);box-shadow:0 0 8px #f6cc3233}.badge-card.locked{filter:grayscale(100%);opacity:.4;border-style:solid}.badge-card-icon{font-size:20px;line-height:1;margin:0}.badge-card-name{display:-webkit-box;font-size:8px;font-weight:600;color:var(--gda-text-secondary);text-align:center;line-height:1;max-width:90%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge-card-desc{display:none}.badge-card:hover{transform:scale(1.25);z-index:10;box-shadow:0 6px 16px #0006;background:var(--gda-bg-secondary);border-color:var(--gda-accent-primary)}.bio-input{max-width:600px;margin:0 auto;font-family:inherit;resize:vertical}.profile-section{padding:var(--spacing-2xl);border-bottom:1px solid var(--gda-border)}.profile-section h2{font-size:var(--font-size-xl);font-weight:700;color:var(--gda-text-primary);margin:0 0 var(--spacing-lg) 0}.section-empty{color:var(--gda-text-secondary);font-style:italic;opacity:.6}.social-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.social-link-item{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.social-link-item:hover{border-color:var(--gda-accent-primary);box-shadow:var(--shadow-glow)}.social-icon{font-size:var(--font-size-xl)}.social-label{font-weight:600;color:var(--gda-text-primary);min-width:100px}.social-input{width:100%;min-width:0}.social-link-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-sm);color:var(--gda-accent-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-base);white-space:nowrap;justify-self:end}.social-link-btn:hover{background:var(--gda-accent-primary);color:var(--gda-bg-primary);transform:translate(4px)}.software-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.software-tag{padding:var(--spacing-sm) var(--spacing-md);background:var(--gda-bg-secondary);border:2px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.software-tag:hover{border-color:var(--gda-accent-primary);transform:translateY(-2px)}.software-tag.active{background:#f6cc321a;border-color:var(--gda-accent-primary);color:var(--gda-accent-primary);box-shadow:var(--shadow-glow)}.missions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.mission-card-mini{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.mission-card-mini:hover{border-color:var(--gda-accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.mission-score{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f6cc321a;border:2px solid var(--gda-accent-primary);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:700;color:var(--gda-accent-primary);flex-shrink:0}.mission-details h4{font-size:var(--font-size-base);font-weight:600;color:var(--gda-text-primary);margin:0 0 var(--spacing-xs) 0}.mission-details p{font-size:var(--font-size-sm);color:var(--gda-text-secondary);margin:0}.feedback-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.feedback-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md)}.feedback-score{padding:var(--spacing-sm) var(--spacing-md);background:var(--gda-bg-tertiary);border:1px solid var(--gda-accent-secondary);border-radius:var(--radius-sm);color:var(--gda-accent-secondary);font-weight:700;font-size:var(--font-size-sm);white-space:nowrap;height:fit-content}.feedback-preview{flex:1;color:var(--gda-text-secondary);line-height:1.5}.upload-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gda-accent-primary);color:var(--gda-bg-primary);border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base)}.upload-btn:hover{background:#ffd966;transform:translateY(-2px);box-shadow:0 4px 12px #f6cc3266}.upload-btn-small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.remove-btn{padding:var(--spacing-sm) var(--spacing-md);background:#ff3b301a;color:#ff3b30;border:1px solid #ff3b30;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.remove-btn:hover{background:#ff3b30;color:#fff}.remove-btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.photo-upload-controls{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.settings-section{background:var(--gda-bg-secondary);border:2px solid var(--gda-accent-primary);box-shadow:0 0 20px #f6cc321a}.settings-section h2{color:var(--gda-accent-primary)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.settings-group{padding:var(--spacing-lg);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-lg)}.settings-group-title{font-size:var(--font-size-lg);font-weight:700;color:var(--gda-text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--gda-border)}.setting-item{margin-bottom:var(--spacing-md)}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;font-weight:600;color:var(--gda-text-primary);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.toggle-group-inline{display:flex;gap:var(--spacing-xs);background:var(--gda-bg-secondary);padding:4px;border-radius:var(--radius-md);border:1px solid var(--gda-border)}.toggle-option{flex:1;padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--gda-text-secondary);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.toggle-option:hover{background:var(--gda-bg-tertiary)}.toggle-option.active{background:var(--gda-accent-primary);color:var(--gda-bg-primary);box-shadow:0 2px 8px #f6cc324d}@media(max-width:768px){.profile-cover{height:180px}.profile-header{padding:0 var(--spacing-lg) var(--spacing-lg);margin-top:-60px}.profile-photo,.profile-photo-placeholder{width:120px;height:120px}.profile-name{font-size:var(--font-size-2xl)}.profile-section{padding:var(--spacing-lg)}.social-links-grid{grid-template-columns:1fr}.social-link-item{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.social-icon{grid-row:1 / 3}.social-label,.social-input,.social-link-btn{grid-column:2}.missions-grid{grid-template-columns:1fr}}@media(max-width:480px){.profile-controls{padding:var(--spacing-sm)}.edit-controls{width:100%}.edit-controls .btn{flex:1}.profile-photo,.profile-photo-placeholder{width:100px;height:100px;border-width:4px}.profile-badges{flex-direction:column}.badge{width:fit-content;margin:0 auto}}.dashboard-container{display:flex;flex-direction:column;gap:var(--spacing-2xl);padding-bottom:var(--spacing-3xl);max-width:1200px;margin:0 auto}.dashboard-top-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-lg)}.header-greeting{flex:1}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.btn-notification{position:relative;width:48px;height:48px;border-radius:50%;background:var(--gda-bg-secondary);border:1px solid var(--gda-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-notification:hover{border-color:var(--gda-accent-primary);background:#ffd7000d;transform:translateY(-2px)}.notification-bell{font-size:1.2rem}.notification-badge-dot{position:absolute;top:12px;right:14px;width:8px;height:8px;background-color:#ff4757;border-radius:50%;border:2px solid var(--gda-bg-secondary)}.live-ticker-panel{text-decoration:none;width:300px;height:40px;background-color:var(--gda-bg-primary);border:1px solid var(--gda-accent-primary);border-radius:var(--radius-md);overflow:hidden;position:relative;display:flex;align-items:center;box-shadow:0 4px 12px #0003}.ticker-content{width:100%;overflow:hidden;white-space:nowrap}.ticker-track{display:inline-flex;animation:tickerScroll 15s linear infinite;padding-left:100%}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.ticker-item{display:inline-flex;align-items:center;gap:8px;padding-right:24px}.live-indicator{color:#ff4757;font-weight:800;font-size:.75rem;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.5px}.blink-dot{font-size:1.2rem;line-height:0;animation:blink 1s infinite alternate}@keyframes blink{0%{opacity:1;text-shadow:0 0 5px #ff4757}to{opacity:.4}}.course-name{color:var(--gda-accent-primary);font-weight:600;font-size:.85rem}.dashboard-header{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stats-minimal-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md)}.stat-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--gda-bg-secondary);border:1px solid var(--gda-border);padding:8px 16px;border-radius:var(--radius-lg);min-width:auto;transition:all var(--transition-base)}.stat-pill:hover{border-color:var(--gda-accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.stat-info{display:flex;flex-direction:column;align-items:center;line-height:1}.stat-value{font-size:1.4rem;font-weight:800;color:var(--gda-text-primary);margin-bottom:2px}.stat-label{font-size:.7rem;color:var(--gda-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.latest-badges-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-md);border:1px dashed var(--gda-border)}.badges-label{font-size:var(--font-size-xs);color:var(--gda-text-secondary);font-weight:600;text-transform:uppercase;white-space:nowrap}.badges-list-compact{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.badge-pill{display:flex;align-items:center;gap:6px;background:var(--gda-bg-primary);border:1px solid var(--gda-accent-primary);padding:4px 10px;border-radius:20px;font-size:var(--font-size-xs);font-weight:700;color:var(--gda-text-primary);box-shadow:0 0 10px #f6cc3233;cursor:default}.badge-icon{font-size:1rem}.latest-missions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.mission-card-small{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;height:100%}.mission-card-small:hover{transform:translateY(-4px);border-color:var(--gda-accent-primary);box-shadow:var(--shadow-glow)}.mission-card-image{height:140px;width:100%;position:relative;background:var(--gda-bg-tertiary);overflow:hidden}.mission-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mission-card-small:hover .mission-card-image img{transform:scale(1.05)}.mission-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--gda-text-secondary);background:linear-gradient(135deg,#ffffff0d,#0000001a)}.mission-difficulty-badge{position:absolute;top:10px;right:10px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);padding:4px 8px;border-radius:12px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase}.mission-card-content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.mission-mini-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs)}.mission-card-small h4{margin:0;font-size:var(--font-size-base);line-height:1.4;color:var(--gda-text-primary);font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.difficulty-dot{width:6px;height:6px;border-radius:50%}.difficulty-dot.easy{background-color:var(--gda-success);box-shadow:0 0 6px var(--gda-success)}.difficulty-dot.medium{background-color:var(--gda-accent-primary);box-shadow:0 0 6px var(--gda-accent-primary)}.difficulty-dot.hard{background-color:var(--gda-warning);box-shadow:0 0 6px var(--gda-warning)}.difficulty-dot.expert{background-color:var(--gda-error);box-shadow:0 0 6px var(--gda-error)}.mission-xp{font-weight:800;color:var(--gda-accent-secondary)}.mission-game-tag{font-size:10px;color:var(--gda-text-secondary);display:flex;align-items:center;gap:4px;background:#ffffff0d;padding:2px 6px;border-radius:4px}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.course-card{background:#000;border:1px solid #333;border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;border-bottom:4px solid var(--gda-accent-primary);transition:transform var(--transition-base)}.course-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.course-header{height:140px;position:relative;padding:var(--spacing-md)}.course-pass-type{display:flex;justify-content:space-between;align-items:flex-start;z-index:2;position:relative}.pass-title{font-weight:800;font-size:1.1rem;color:#fff;text-transform:uppercase;border-bottom:2px solid var(--gda-accent-primary)}.pass-level{font-size:.7rem;background:#0009;padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.course-content{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1;gap:var(--spacing-md)}.course-time{color:var(--gda-accent-primary);font-size:var(--font-size-sm);font-weight:700}.course-card h4{font-size:1.25rem;margin:0;line-height:1.3;color:#fff}.course-card p{font-size:var(--font-size-sm);color:#aaa;line-height:1.5;flex:1;margin:0}.course-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.course-tag{font-size:.75rem;padding:4px 10px;border-radius:20px;border:1px solid #444;color:#ccc}.course-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid #222}.live-badge{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:#fff}.btn-course-action{background:var(--gda-accent-primary);color:#000;border:none;padding:8px 16px;border-radius:20px;font-weight:700;font-size:var(--font-size-sm);cursor:pointer;transition:background .2s}.btn-course-action:hover{background:#fff}.showcase-scroll-container{width:100%;overflow-x:auto;padding-bottom:var(--spacing-md);scrollbar-width:thin;scrollbar-color:var(--gda-bg-tertiary) transparent}.showcase-track{display:flex;gap:var(--spacing-md);padding:4px}.showcase-card{min-width:200px;max-width:200px;background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;transition:transform .2s}.showcase-card:hover{transform:translateY(-4px);border-color:var(--gda-accent-secondary)}.showcase-image{height:120px;width:100%;position:relative;display:flex;align-items:flex-end;padding:var(--spacing-sm)}.badge-overlay{background:#0009;padding:4px;border-radius:4px;border:1px solid rgba(255,255,255,.2);font-size:1.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.showcase-info{padding:var(--spacing-sm)}.showcase-designer{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:var(--font-size-sm);font-weight:600}.designer-avatar{width:24px;height:24px;background:var(--gda-bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--gda-text-secondary)}.showcase-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--gda-text-secondary)}.showcase-more-card{min-width:150px;background:var(--gda-bg-tertiary);border:2px dashed var(--gda-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);cursor:pointer;flex-shrink:0;transition:all .2s;color:var(--gda-text-secondary)}.showcase-more-card:hover{background:var(--gda-bg-secondary);border-color:var(--gda-accent-primary);color:var(--gda-text-primary)}.showcase-more-circle{width:40px;height:40px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.btn-view-all{background:transparent;border:1px solid var(--gda-border);color:var(--gda-text-secondary);padding:6px 16px;border-radius:20px;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-view-all:hover{border-color:var(--gda-accent-primary);color:var(--gda-accent-primary);background:#f6cc320d;transform:translate(4px)}.dashboard-updates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.update-card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;height:100%;min-height:200px;transition:all var(--transition-base)}.update-card:hover{border-color:var(--gda-accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.update-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--gda-border)}.update-title{display:flex;align-items:center;gap:var(--spacing-sm)}.update-title .icon{font-size:1.2rem}.update-title h4{margin:0;font-size:1rem;font-weight:700;color:var(--gda-text-primary)}.btn-icon-refresh{background:transparent;border:none;color:var(--gda-text-secondary);cursor:pointer;font-size:1.2rem;transition:transform .3s ease;padding:4px;border-radius:50%}.btn-icon-refresh:hover{color:var(--gda-accent-primary);transform:rotate(180deg);background:#ffffff0d}.btn-icon-refresh:disabled{cursor:not-allowed;opacity:.5}.update-content{flex:1;display:flex;flex-direction:column;justify-content:center}.update-footer{margin-top:var(--spacing-md);font-size:10px;color:var(--gda-text-secondary);display:flex;justify-content:flex-end}.tip-content-box p{font-size:1.1rem;line-height:1.5;font-style:italic;color:gold;text-align:center;margin:0;padding:var(--spacing-sm);background:#ffd7000d;border-radius:var(--radius-md);border-left:2px solid var(--gda-accent-primary)}.news-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.news-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);text-decoration:none;padding:8px;border-radius:var(--radius-md);transition:background .2s}.news-item:hover{background:var(--gda-bg-tertiary)}.news-icon{font-size:1.2rem;background:var(--gda-bg-primary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--gda-border)}.news-info{display:flex;flex-direction:column;gap:2px}.news-title{color:var(--gda-text-primary);font-size:.9rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-date{font-size:.7rem;color:var(--gda-text-secondary)}.source-link{color:var(--gda-accent-secondary);text-decoration:none;font-weight:600}.source-link:hover{text-decoration:underline}.community-container{max-width:1400px;margin:0 auto;padding-bottom:var(--spacing-3xl)}.community-header{margin-bottom:var(--spacing-xl)}.community-header h1{font-size:2.5rem;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,#fff 0%,var(--gda-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.community-header p{color:var(--gda-text-secondary);font-size:1.1rem}.community-tabs{display:flex;gap:var(--spacing-sm);border-bottom:1px solid var(--gda-border);margin-bottom:var(--spacing-xl);overflow-x:auto;padding-bottom:2px}.tab-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:none;color:var(--gda-text-secondary);font-weight:600;font-size:1rem;cursor:pointer;position:relative;transition:all .2s;white-space:nowrap}.tab-btn:hover{color:var(--gda-text-primary);background:#ffffff08;border-radius:var(--radius-md) var(--radius-md) 0 0}.tab-btn.active{color:var(--gda-accent-primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:var(--gda-accent-primary);border-radius:3px 3px 0 0;box-shadow:0 -2px 10px #f6cc324d}.tab-icon{font-size:1.2rem}.community-content-area{min-height:400px;animation:fadeIn .3s ease-out}.community-content-placeholder{display:flex;align-items:center;justify-content:center;height:300px;background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);color:var(--gda-text-secondary);font-style:italic}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.gallery-header h3{font-size:1.5rem;color:var(--gda-text-primary)}.btn-add-project{background:var(--gda-accent-primary);color:var(--gda-bg-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .2s}.btn-add-project:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f6cc324d}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.project-card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);overflow:hidden;transition:all .3s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);border-color:var(--gda-accent-primary);box-shadow:0 10px 20px #0000004d}.project-cover{height:180px;overflow:hidden;position:relative}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.project-card:hover .project-cover img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.project-card:hover .project-overlay{opacity:1}.project-overlay span{color:#fff;font-weight:600;padding:8px 16px;border:1px solid #fff;border-radius:20px}.project-info{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column;gap:4px}.project-info h4{margin:0;font-size:1.1rem;color:var(--gda-text-primary)}.project-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--gda-text-secondary)}.project-team{font-size:.8rem;color:var(--gda-accent-secondary);margin-top:4px}.project-stats{margin-top:auto;padding-top:var(--spacing-sm);display:flex;gap:var(--spacing-md);font-size:.8rem;color:var(--gda-text-secondary);border-top:1px solid var(--gda-border)}.community-modal{max-width:500px!important}.image-preview{margin-top:var(--spacing-sm);height:150px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--gda-border)}.image-preview img{width:100%;height:100%;object-fit:cover}.modal-textarea{width:100%;padding:var(--spacing-md);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-sm);color:var(--gda-text-primary);font-size:var(--font-size-base);resize:vertical;font-family:inherit}.form-row,.form-row .form-group{display:flex;gap:var(--spacing-md)}.figma-card{cursor:pointer}.figma-badge{position:absolute;top:10px;right:10px;width:24px;height:24px;background:#0acf83;color:#fff;font-weight:700;border-radius:5px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000004d}.project-desc{font-size:.85rem;color:var(--gda-text-secondary);margin:4px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.figma-live-modal .live-view-content{width:90vw;height:90vh;max-width:1200px;display:flex;flex-direction:column;padding:0;overflow:hidden;background:var(--gda-bg-secondary)}.live-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--gda-border);display:flex;justify-content:space-between;align-items:center;background:var(--gda-bg-secondary)}.live-title{display:flex;align-items:center;gap:var(--spacing-md)}.figma-icon{font-weight:900;color:#0acf83;font-size:1.5rem}.live-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.live-embed-container{flex:1;background:#000;position:relative;overflow:hidden}.live-embed-container iframe{width:100%;height:100%;border:none;position:relative;z-index:2}.embed-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;opacity:.3}.file-library-list{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);overflow:hidden}.file-list-header{display:grid;grid-template-columns:60px 2fr 1fr 1fr 1fr 120px;padding:var(--spacing-md);background:#ffffff08;border-bottom:1px solid var(--gda-border);font-weight:600;color:var(--gda-text-secondary);font-size:.9rem}.file-list-row{display:grid;grid-template-columns:60px 2fr 1fr 1fr 1fr 120px;padding:var(--spacing-md);align-items:center;border-bottom:1px solid var(--gda-border);transition:background .2s}.file-list-row:last-child{border-bottom:none}.file-list-row:hover{background:#ffffff05}.file-type-icon{width:36px;height:36px;background:var(--gda-bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.col-name{display:flex;flex-direction:column}.file-date{font-size:.75rem;color:var(--gda-text-secondary)}.col-meta{color:var(--gda-text-secondary);font-size:.9rem}.btn-download{background:transparent;border:1px solid var(--gda-accent-primary);color:var(--gda-accent-primary);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:all .2s}.room-layout{display:flex;gap:var(--spacing-xl);align-items:flex-start}.room-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-lg)}.room-feed{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.btn-new-post{width:100%;background:var(--gda-primary);color:#fff;padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #0003}.btn-new-post:hover{transform:translateY(-2px);background:var(--gda-primary-hover)}.room-filters,.room-stats{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.room-filters h3,.room-stats h3{font-size:1rem;margin-bottom:var(--spacing-md);color:var(--gda-text-secondary)}.filter-btn{display:block;width:100%;text-align:left;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--gda-text-primary);cursor:pointer;border-radius:var(--radius-sm);margin-bottom:2px;transition:background .2s}.filter-btn:hover{background:#ffffff0d}.filter-btn.active{background:#f6cc321a;color:var(--gda-accent-primary);font-weight:600}.comment-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:0 var(--spacing-xs)}.comment-header-row h5{color:var(--gda-text-secondary);font-size:.85rem;font-weight:600}.btn-collapse{background:transparent;border:none;color:var(--gda-accent-secondary);font-size:.75rem;cursor:pointer;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm);transition:background .2s}.btn-collapse:hover{background:#ffffff0d;color:var(--gda-accent-primary)}.comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:var(--spacing-lg);max-height:400px;overflow-y:auto;padding-right:8px}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-thumb{background:var(--gda-border);border-radius:3px}.comment-item{display:flex;gap:12px;align-items:flex-start;animation:fadeIn .3s ease}.comment-avatar{width:36px!important;height:36px!important;min-width:36px;min-height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--gda-border);background:var(--gda-bg-tertiary)}.comment-content{background:var(--gda-bg-tertiary);padding:10px 14px;border-radius:2px 12px 12px;flex:1;position:relative;border:1px solid rgba(255,255,255,.05)}.comment-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.8rem}.comment-meta strong{color:var(--gda-text-primary);font-weight:600}.comment-meta span{color:var(--gda-text-tertiary);font-size:.75rem}.comment-content p{font-size:.9rem;color:var(--gda-text-secondary);margin:0;line-height:1.4;word-break:break-word}.no-comments{text-align:center;color:var(--gda-text-tertiary);font-style:italic;font-size:.85rem;padding:var(--spacing-md);background:#ffffff05;border-radius:var(--radius-sm)}.stat-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:.9rem}.online-dot{color:#4caf50;display:flex;align-items:center;gap:5px}.online-dot:before{content:"";display:block;width:8px;height:8px;background:#4caf50;border-radius:50%}.post-card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.post-header{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.post-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--gda-border)}.post-meta{display:flex;flex-direction:column;justify-content:center}.post-author{font-weight:700;color:var(--gda-text-primary)}.post-time{font-size:.8rem;color:var(--gda-text-secondary);display:flex;align-items:center;gap:8px}.tag-question{color:#ff9800;font-weight:600}.tag-discussion{color:#2196f3;font-weight:600}.tag-showcase{color:#e91e63;font-weight:600}.post-body h4{font-size:1.2rem;margin-bottom:var(--spacing-sm);color:var(--gda-text-primary)}.post-body p{color:var(--gda-text-secondary);line-height:1.5;margin-bottom:var(--spacing-md)}.post-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--gda-border);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.post-tags{display:flex;gap:var(--spacing-sm)}.post-tag{font-size:.8rem;color:var(--gda-accent-secondary)}.post-actions{display:flex;gap:var(--spacing-md)}.post-actions button{background:transparent;border:none;color:var(--gda-text-secondary);cursor:pointer;font-size:.9rem;padding:4px 8px;border-radius:var(--radius-sm);transition:background .2s}.post-actions button:hover{background:#ffffff0d;color:var(--gda-text-primary)}.active-like{color:#ff4d4d!important;font-weight:700}.comment-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--gda-border);animation:fadeIn .2s}.comment-input-area{display:flex;gap:var(--spacing-sm)}.comment-input-area input{flex:1;background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:20px;padding:8px 16px;color:var(--gda-text-primary)}.btn-sm{padding:4px 12px;font-size:.85rem}.job-btn-group{display:flex;flex-direction:column;gap:8px;width:100%}.btn-view{background:transparent;border:1px solid var(--gda-border);color:var(--gda-text-secondary);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all .2s}.btn-view:hover{border-color:var(--gda-text-primary);color:var(--gda-text-primary)}.job-detail-view{background:#111;border-radius:var(--radius-lg);border:1px solid #333;padding:var(--spacing-xl);min-height:600px}.job-detail-header{margin-bottom:var(--spacing-lg);border-bottom:1px solid #333;padding-bottom:var(--spacing-md)}.btn-back{background:transparent;border:none;color:#bbb;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:6px}.btn-back:hover{color:#fff;text-decoration:underline}.job-detail-top{display:grid;grid-template-columns:80px 1fr 200px;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid #333}.job-detail-logo{width:80px;height:80px;border-radius:4px}.job-detail-title-block h1{font-size:2rem;color:#fff;margin:0 0 8px}.job-detail-meta-row{display:flex;align-items:center;gap:8px;color:#bbb;font-size:1rem;margin-bottom:8px}.meta-company{color:#29b6f6;font-weight:700;cursor:pointer}.meta-separator{color:#555}.meta-posted{display:block;color:#666;font-size:.85rem}.job-detail-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.btn-apply-large{background:#29b6f6;color:#000;border:none;padding:12px;border-radius:4px;font-weight:700;font-size:1rem;cursor:pointer;text-transform:uppercase;transition:background .2s}.btn-apply-large:hover{background:#039be5;color:#fff}.btn-save{background:#333;color:#fff;border:none;padding:12px;border-radius:4px;font-weight:600;cursor:pointer}.btn-save:hover{background:#444}.job-detail-body{color:#ccc;font-size:1rem;line-height:1.6;max-width:800px}.job-description-html h3{color:#fff;font-size:1.25rem;margin-top:2rem;margin-bottom:1rem}.job-description-html ul{padding-left:1.5rem;margin-bottom:1rem}.job-description-html li{margin-bottom:8px}.animation-fade-in{animation:fadeIn .3s ease-out}.bridge-container{max-width:1400px;margin:0 auto;padding-bottom:var(--spacing-3xl);animation:fadeIn .4s ease-out}.bridge-header{margin-bottom:var(--spacing-xl);background:linear-gradient(to right,rgba(246,204,50,.05),transparent);padding:var(--spacing-lg);border-left:4px solid var(--gda-accent-primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.bridge-header h1{font-size:2.5rem;margin-bottom:var(--spacing-xs);color:var(--gda-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.bridge-header p{color:var(--gda-text-secondary);font-size:1.1rem;max-width:800px}.bridge-tabs{display:flex;gap:var(--spacing-sm);border-bottom:1px solid var(--gda-border);margin-bottom:var(--spacing-xl);overflow-x:auto}.company-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.company-card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.company-card:hover{transform:translateY(-4px);border-color:var(--gda-accent-primary);box-shadow:0 5px 15px #0000004d}.company-logo-wrapper{height:120px;background:var(--gda-bg-tertiary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.company-logo{width:64px;height:64px;border-radius:12px;object-fit:cover;box-shadow:0 4px 8px #0003}.company-info{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.company-info h3{margin:0;color:var(--gda-text-primary);font-size:1.1rem}.company-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--gda-text-secondary);margin-bottom:var(--spacing-sm)}.jobs-badge{color:var(--gda-accent-secondary);font-weight:600}.company-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.tag-pill{background:#ffffff0d;padding:2px 8px;border-radius:12px;font-size:.75rem;color:var(--gda-text-tertiary)}.company-modal-overlay,.application-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.company-modal,.application-modal{background:var(--gda-bg-secondary);width:90%;max-width:600px;border-radius:var(--radius-lg);border:1px solid var(--gda-border);padding:var(--spacing-xl);position:relative;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);position:relative}.modal-logo{width:80px;height:80px;border-radius:16px}.modal-subtitle{color:var(--gda-text-secondary)}.close-btn{position:absolute;top:-10px;right:-10px;background:transparent;border:none;color:var(--gda-text-secondary);font-size:2rem;cursor:pointer}.company-desc{color:var(--gda-text-primary);line-height:1.6;margin-bottom:var(--spacing-lg)}.modal-job-list{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-lg);color:var(--gda-text-secondary)}.modal-actions{display:flex;gap:var(--spacing-md)}.btn-primary{background:var(--gda-accent-primary);color:#000;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:700;cursor:pointer;flex:1}.btn-secondary{background:transparent;border:1px solid var(--gda-border);color:var(--gda-text-primary);padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;flex:1}.career-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);background:var(--gda-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--gda-border)}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:.8rem;color:var(--gda-text-secondary)}.filter-select{padding:8px;background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);color:var(--gda-text-primary);border-radius:var(--radius-sm);outline:none}.job-card{display:flex;gap:var(--spacing-md);background:var(--gda-bg-secondary);border:1px solid var(--gda-border);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);transition:all .2s}.job-card:hover{border-color:var(--gda-accent-secondary)}.job-logo{width:60px;height:60px;border-radius:8px}.job-info{flex:1}.job-info h3{margin:0;color:var(--gda-text-primary)}.job-meta{display:flex;gap:var(--spacing-md);font-size:.85rem;color:var(--gda-text-secondary);margin:4px 0 8px}.job-desc{font-size:.9rem;color:var(--gda-text-tertiary);line-height:1.4}.job-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);min-width:100px}.job-posted{font-size:.75rem;color:var(--gda-text-tertiary)}.btn-apply{background:var(--gda-primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.application-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group input,.form-group textarea{width:100%;padding:10px;background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);color:var(--gda-text-primary);border-radius:var(--radius-sm)}.file-upload-box{border:2px dashed var(--gda-border);padding:var(--spacing-lg);text-align:center;border-radius:var(--radius-sm);position:relative;cursor:pointer}.file-upload-box input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}.btn-ghost{background:transparent;color:var(--gda-text-secondary);border:none;cursor:pointer;padding:10px 20px}.verify-container{display:flex;justify-content:center;padding:var(--spacing-xl) 0}.verify-card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);padding:var(--spacing-2xl);border-radius:var(--radius-lg);text-align:center;max-width:600px;width:100%}.verify-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.input-with-button{display:flex;gap:var(--spacing-md);margin:var(--spacing-xl) 0}.verify-input{flex:1;padding:12px;background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-md);font-size:1.1rem;color:var(--gda-text-primary);text-align:center;letter-spacing:2px}.btn-verify{background:var(--gda-accent-primary);color:#000;border:none;padding:0 24px;border-radius:var(--radius-md);font-weight:700;cursor:pointer}.verify-result{background:#0003;border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md);text-align:left;margin-top:var(--spacing-lg)}.verify-result.success{border:1px solid var(--gda-success);background:#27ae601a}.verify-result.error{border:1px solid var(--gda-error);background:#e74c3c1a}.result-icon{font-size:2rem}.cert-details{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:#0003;border-radius:var(--radius-sm)}.cert-details p{margin:4px 0;color:var(--gda-text-secondary)}.bridge-connect-message{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-md);color:var(--gda-accent-secondary);font-weight:500}.bridge-content-area{min-height:400px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.subscription-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-3xl);min-height:80vh;justify-content:center}.subscription-header{text-align:center}.subscription-header h1{font-size:3rem;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--gda-text-primary),var(--gda-text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subscription-header p{color:var(--gda-text-secondary);font-size:var(--font-size-lg)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl);align-items:center}.plan-card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-2xl);position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.plan-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d;border-color:var(--gda-text-secondary)}.plan-card.highlight{background:linear-gradient(145deg,rgba(246,204,50,.05),var(--gda-bg-secondary));border:2px solid var(--gda-accent-primary);transform:scale(1.05);z-index:2;box-shadow:0 0 30px #f6cc321a}.plan-card.highlight:hover{transform:scale(1.05) translateY(-10px);box-shadow:0 20px 50px #f6cc3233}.plan-header{text-align:center;border-bottom:1px solid var(--gda-border);padding-bottom:var(--spacing-lg)}.plan-name{font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm);color:var(--gda-text-primary)}.plan-card.highlight .plan-name{color:var(--gda-accent-primary)}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.currency{font-size:2.5rem;font-weight:800;color:var(--gda-text-primary)}.period{color:var(--gda-text-secondary);font-size:var(--font-size-sm);font-weight:600}.plan-features{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-md);color:var(--gda-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.check-icon{color:var(--gda-accent-primary);font-weight:800;flex-shrink:0}.btn-subscribe{width:100%;padding:var(--spacing-md);background:transparent;border:2px solid var(--gda-text-primary);color:var(--gda-text-primary);font-weight:700;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-md);margin-top:auto}.btn-subscribe:hover{background:var(--gda-text-primary);color:var(--gda-bg-primary)}.plan-card.highlight .btn-subscribe{background:var(--gda-accent-primary);border-color:var(--gda-accent-primary);color:var(--gda-bg-primary)}.plan-card.highlight .btn-subscribe:hover{background:#ffd966;border-color:#ffd966;transform:scale(1.02)}@media(max-width:768px){.plans-grid{grid-template-columns:1fr}.plan-card.highlight{transform:none}.plan-card.highlight:hover{transform:translateY(-5px)}}.checkout-container{max-width:900px;margin:0 auto;padding:var(--spacing-xl);min-height:80vh}.checkout-steps{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-md)}.step-item{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:all .3s}.step-item.active{opacity:1}.step-item.completed .step-circle{background:var(--gda-success);border-color:var(--gda-success);color:#fff}.step-circle{width:40px;height:40px;border-radius:50%;border:2px solid var(--gda-text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--gda-text-secondary);background:var(--gda-bg-secondary);transition:all .3s}.step-item.active .step-circle{border-color:var(--gda-accent-primary);color:var(--gda-accent-primary);box-shadow:0 0 10px #f6cc324d}.step-line{width:80px;height:2px;background:var(--gda-border);margin:0 10px;position:relative;top:-12px}.checkout-content{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-xl)}@media(max-width:768px){.checkout-content{grid-template-columns:1fr}.order-summary{order:-1}}.order-summary{position:sticky;top:20px;height:fit-content}.order-summary h3{margin-bottom:var(--spacing-md);color:var(--gda-text-secondary)}.summary-card{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.summary-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--gda-text-secondary)}.summary-value.highlight{color:var(--gda-accent-primary);font-weight:700}.summary-divider{height:1px;background:var(--gda-border);margin:var(--spacing-xs) 0}.summary-row.total{font-size:var(--font-size-lg);font-weight:700;color:var(--gda-text-primary)}.checkout-form-section{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.checkout-form-section h2{margin-bottom:var(--spacing-xl);color:var(--gda-text-primary);border-bottom:2px solid var(--gda-border);padding-bottom:var(--spacing-sm);display:inline-block}.billing-type-selector{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.type-btn{flex:1;padding:var(--spacing-md);background:var(--gda-bg-tertiary);border:2px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-secondary);font-weight:600;cursor:pointer;transition:all .2s}.type-btn.active{border-color:var(--gda-accent-primary);background:#f6cc320d;color:var(--gda-accent-primary)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group.full-width{grid-column:span 2}.form-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--gda-text-secondary)}.form-group input,.form-group select{padding:var(--spacing-md);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-sm);color:var(--gda-text-primary);font-size:var(--font-size-base);transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--gda-accent-primary);outline:none;box-shadow:0 0 0 2px #f6cc3233}.form-group input.error,.form-group select.error{border-color:var(--gda-error);box-shadow:0 0 0 1px var(--gda-error)}.error-msg{color:var(--gda-error);font-size:var(--font-size-xs)}.form-actions{display:flex;justify-content:space-between;margin-top:var(--spacing-2xl);grid-column:span 2}.btn-primary,.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:700;cursor:pointer;font-size:var(--font-size-base);transition:all .2s}.btn-secondary{background:transparent;border:1px solid var(--gda-border);color:var(--gda-text-secondary)}.btn-secondary:hover{border-color:var(--gda-text-primary);color:var(--gda-text-primary)}.btn-primary{background:var(--gda-text-primary);color:var(--gda-bg-primary);border:none}.btn-primary:hover{background:#fff;transform:translateY(-2px)}.btn-success{background:var(--gda-accent-primary);color:var(--gda-bg-primary)}.btn-success:hover{background:#ffd966}.credit-card-preview{width:320px;height:200px;background:linear-gradient(135deg,#1a1a1a,#333);border-radius:16px;margin:0 auto var(--spacing-2xl);padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.credit-card-preview:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(246,204,50,.05),transparent 60%);pointer-events:none}.cc-chip{width:40px;height:30px;background:linear-gradient(135deg,#ddd,#aaa);border-radius:6px;margin-bottom:var(--spacing-md)}.cc-number{font-size:1.4rem;letter-spacing:2px;font-family:monospace;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cc-holder{display:flex;justify-content:space-between;font-size:.8rem;color:#ccc;text-transform:uppercase}.cc-logo{position:absolute;top:24px;right:24px;color:#fff;font-weight:800;font-style:italic;font-size:1.2rem}.success-screen,.error-screen{text-align:center;padding:var(--spacing-3xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);grid-column:span 2}.success-icon{font-size:5rem;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.error-icon{font-size:5rem}@keyframes popIn{0%{transform:scale(0);opacity:0}80%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.success-screen h2{font-size:2.5rem;color:var(--gda-success)}.redirect-msg{color:var(--gda-text-secondary);font-style:italic}.ai-assistant-container{position:fixed;bottom:var(--spacing-2xl);right:var(--spacing-2xl);z-index:9999;font-family:inherit}.ai-assistant-btn{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--gda-accent-primary),var(--gda-accent-secondary));border:none;box-shadow:0 8px 24px #f6cc3266;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);position:relative;animation:float 3s ease-in-out infinite}.ai-assistant-btn:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 12px 32px #f6cc3299}.ai-assistant-btn.has-notification{animation:pulse 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{box-shadow:0 8px 24px #f6cc3266}50%{box-shadow:0 8px 32px #f6cc32cc,0 0 0 8px #f6cc3233}}.ai-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.notification-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:#ff3b30;border-radius:50%;border:3px solid var(--gda-bg-primary);animation:ping 2s ease-in-out infinite}@keyframes ping{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.ai-chat-panel{position:absolute;bottom:80px;right:0;width:380px;height:600px;background:var(--gda-bg-primary);border:2px solid var(--gda-border);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-chat-header{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--gda-bg-secondary),var(--gda-bg-tertiary));border-bottom:2px solid var(--gda-border);display:flex;justify-content:space-between;align-items:center}.ai-header-info{display:flex;align-items:center;gap:var(--spacing-sm)}.ai-avatar{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gda-bg-tertiary);border-radius:50%;border:2px solid var(--gda-accent-primary)}.ai-chat-header h3{margin:0;font-size:var(--font-size-base);font-weight:700;color:var(--gda-text-primary)}.ai-status{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--gda-text-secondary);margin:2px 0 0}.status-dot{width:8px;height:8px;background:#34c759;border-radius:50%;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.close-btn{width:32px;height:32px;border:none;background:var(--gda-bg-tertiary);color:var(--gda-text-secondary);border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.close-btn:hover{background:#ff3b30;color:#fff;transform:rotate(90deg)}.ai-chat-messages{flex:1;padding:var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--gda-bg-primary)}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track{background:var(--gda-bg-secondary)}.ai-chat-messages::-webkit-scrollbar-thumb{background:var(--gda-border);border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--gda-accent-primary)}.message{display:flex;gap:var(--spacing-sm);animation:messageSlide .3s ease-out}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.msg-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gda-bg-tertiary);border-radius:50%;flex-shrink:0;font-size:1.2rem}.message-content{max-width:75%;display:flex;flex-direction:column;gap:4px}.message.ai .message-content{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 4px;padding:var(--spacing-sm) var(--spacing-md)}.message.user .message-content{background:var(--gda-accent-primary);border-radius:var(--radius-lg) var(--radius-lg) 4px var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);align-items:flex-end}.message-content p{margin:0;font-size:var(--font-size-sm);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.message.ai .message-content p{color:var(--gda-text-primary)}.message.user .message-content p{color:var(--gda-bg-primary);font-weight:500}.message-time{font-size:var(--font-size-xs);opacity:.6}.message.ai .message-time{color:var(--gda-text-secondary)}.message.user .message-time{color:var(--gda-bg-primary)}.quick-actions{padding:0 var(--spacing-lg) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.quick-label{font-size:var(--font-size-xs);color:var(--gda-text-secondary);margin:0 0 var(--spacing-xs) 0;font-weight:600}.quick-action-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-primary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-base);text-align:left}.quick-action-btn:hover{background:var(--gda-bg-tertiary);border-color:var(--gda-accent-primary);transform:translate(4px)}.ai-chat-input{padding:var(--spacing-md) var(--spacing-lg);background:var(--gda-bg-secondary);border-top:2px solid var(--gda-border);display:flex;gap:var(--spacing-sm)}.ai-chat-input input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-primary);font-size:var(--font-size-sm);outline:none;transition:all var(--transition-base)}.ai-chat-input input:focus{border-color:var(--gda-accent-primary);box-shadow:0 0 0 3px #f6cc321a}.ai-chat-input input::placeholder{color:var(--gda-text-secondary);opacity:.5}.send-btn{width:40px;height:40px;background:var(--gda-accent-primary);border:none;border-radius:var(--radius-md);color:var(--gda-bg-primary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.send-btn:hover:not(:disabled){background:var(--gda-accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #f6cc3266}.send-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.ai-assistant-container{bottom:var(--spacing-lg);right:var(--spacing-lg)}.ai-chat-panel{width:calc(100vw - 32px);max-width:380px;right:-8px}}@media(max-width:480px){.ai-assistant-btn{width:56px;height:56px}.ai-icon{font-size:1.75rem}.ai-chat-panel{width:calc(100vw - 16px);height:500px;bottom:72px;right:-4px}}.admin-panel{display:flex;width:100%;height:100vh;background:var(--gda-bg-primary);overflow:hidden}.admin-sidebar{width:280px;background:var(--gda-bg-secondary);border-right:2px solid var(--gda-border);display:flex;flex-direction:column;flex-shrink:0}.admin-sidebar-header{padding:var(--spacing-xl);border-bottom:2px solid var(--gda-border);text-align:center}.admin-logo img{width:80px;height:auto;margin-bottom:var(--spacing-sm)}.admin-sidebar-header h2{margin:0;font-size:var(--font-size-lg);font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-nav{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-nav-item{width:100%;padding:var(--spacing-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--gda-text-secondary);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-base)}.admin-nav-item:hover{background:var(--gda-bg-tertiary);border-color:var(--gda-border);color:var(--gda-text-primary)}.admin-nav-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;color:#667eea}.nav-icon{font-size:1.5rem}.nav-label{font-weight:600}.admin-sidebar-footer{padding:var(--spacing-lg);border-top:2px solid var(--gda-border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--gda-bg-tertiary);border-radius:var(--radius-md)}.admin-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg)}.admin-user-details{flex:1}.admin-user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--gda-text-primary)}.admin-user-role{font-size:var(--font-size-xs);color:var(--gda-text-secondary)}.admin-logout-btn{width:100%;padding:var(--spacing-sm);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-primary);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-sm);font-weight:600}.admin-logout-btn:hover{background:#ff3b301a;border-color:#ff3b30;color:#ff3b30}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-header{padding:var(--spacing-xl);background:var(--gda-bg-secondary);border-bottom:2px solid var(--gda-border);display:flex;justify-content:space-between;align-items:center}.admin-header h1{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--gda-text-primary)}.admin-header-actions{display:flex;gap:var(--spacing-md);align-items:center}.admin-timestamp{font-size:var(--font-size-sm);color:var(--gda-text-secondary)}.admin-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.admin-section{background:var(--gda-bg-secondary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h2{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--gda-text-primary)}.placeholder-content{padding:var(--spacing-3xl);text-align:center;color:var(--gda-text-secondary);border:2px dashed var(--gda-border);border-radius:var(--radius-md)}.placeholder-content p{margin:0;font-size:var(--font-size-lg)}@media(max-width:768px){.admin-sidebar{width:200px}.admin-header h1{font-size:var(--font-size-xl)}.admin-timestamp{display:none}}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md)}.admin-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--gda-border);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.nav-count{margin-left:auto;background:linear-gradient(135deg,#667eea33,#764ba233);color:#667eea;padding:2px 8px;border-radius:12px;font-size:var(--font-size-xs);font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.game-card{background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);position:relative;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003;border-color:#667eea}.game-card-visual{height:160px;background:linear-gradient(135deg,#667eea1a,#764ba21a);display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid var(--gda-border)}.game-icon-large{font-size:64px;opacity:.8}.real-game-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.game-card-content{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.game-card-content h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);color:var(--gda-text-primary)}.developer{color:var(--gda-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.game-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.tag{padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.tag-genre{background:#667eea1a;color:#667eea}.game-actions-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--gda-border);display:flex;justify-content:flex-end;gap:var(--spacing-sm);background:#0000001a}.result-icon{width:50px;height:50px;border-radius:var(--radius-sm);overflow:hidden;position:relative;flex-shrink:0}.result-icon img{width:100%;height:100%;object-fit:cover}.result-placeholder{width:100%;height:100%;background:var(--gda-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:24px}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md) 0}.game-card-admin{background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.game-card-admin:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:#667eea}.game-card-image{width:100%;height:180px;overflow:hidden;background:var(--gda-bg-secondary)}.game-card-image img{width:100%;height:100%;object-fit:cover}.game-card-content{padding:var(--spacing-md)}.game-card-content h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);color:var(--gda-text-primary)}.game-developer{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xs);color:var(--gda-text-secondary)}.game-genres{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.genre-tag{padding:2px 8px;background:#667eea1a;color:#667eea;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.game-platforms{display:flex;gap:var(--spacing-xs)}.platform-icon{font-size:1.2rem}.game-card-actions{padding:var(--spacing-sm) var(--spacing-md);background:var(--gda-bg-secondary);border-top:1px solid var(--gda-border);display:flex;gap:var(--spacing-xs);justify-content:flex-end}.data-table{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--gda-border)}.data-table table{width:100%;border-collapse:collapse}.data-table thead{background:var(--gda-bg-tertiary)}.data-table th{padding:var(--spacing-md);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--gda-text-secondary);border-bottom:2px solid var(--gda-border)}.data-table td{padding:var(--spacing-md);border-bottom:1px solid var(--gda-border);color:var(--gda-text-primary)}.data-table tbody tr:hover{background:var(--gda-bg-tertiary)}.badge{padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.badge-easy{background:#34c75933;color:#34c759}.badge-medium{background:#ff9f0a33;color:#ff9f0a}.badge-hard{background:#ff453a33;color:#ff453a}.badge-expert{background:#bf5af233;color:#bf5af2}.badge-success{background:#34c75933;color:#34c759}.btn-icon{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-base)}.btn-icon:hover{background:var(--gda-bg-tertiary)}.btn-icon.btn-danger:hover{background:#ff3b301a}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.modal-content{background:var(--gda-bg-secondary);border:2px solid var(--gda-border);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease-out}.modal-header{padding:var(--spacing-lg);border-bottom:2px solid var(--gda-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:var(--font-size-lg);color:var(--gda-text-primary)}.modal-close{background:transparent;border:none;font-size:1.5rem;color:var(--gda-text-secondary);cursor:pointer;width:32px;height:32px;border-radius:50%;transition:all var(--transition-base)}.modal-close:hover{background:var(--gda-bg-tertiary);color:var(--gda-text-primary)}.modal-body{padding:var(--spacing-xl)}.modal-footer{padding:var(--spacing-lg);border-top:2px solid var(--gda-border);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.info-message{padding:var(--spacing-md);background:#667eea1a;border:1px solid #667eea;border-radius:var(--radius-md);color:var(--gda-text-primary);margin-bottom:var(--spacing-md)}.modal-body ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl);color:var(--gda-text-secondary)}.modal-body li{margin:var(--spacing-xs) 0}.game-form{max-height:70vh;overflow-y:auto}.modal-large{max-width:800px}.form-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--gda-border)}.form-section:last-of-type{border-bottom:none}.form-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);color:var(--gda-text-primary);font-weight:600}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--gda-text-secondary)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-primary);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-base)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}.form-hint{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--gda-text-secondary);opacity:.7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.checkbox-label:hover{background:var(--gda-bg-secondary);border-color:#667eea}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.checkbox-label input[type=checkbox]:checked+span{color:#667eea;font-weight:600}.checkbox-label span{font-size:var(--font-size-sm);color:var(--gda-text-primary)}.error-message{padding:var(--spacing-md);background:#ff3b301a;border:1px solid #ff3b30;border-radius:var(--radius-md);color:#ff3b30;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.header-actions{display:flex;gap:var(--spacing-sm)}.placeholder-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.import-step{min-height:300px}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.step-header h4{margin:0;font-size:var(--font-size-lg);color:var(--gda-text-primary)}.step-description{color:var(--gda-text-secondary);margin-bottom:var(--spacing-lg)}.search-form{max-width:500px}.btn-block{width:100%}.search-results{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:400px;overflow-y:auto}.search-result-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.search-result-item:hover{background:var(--gda-bg-secondary);border-color:#667eea;transform:translate(4px)}.result-image{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm)}.result-info{flex:1}.result-info h5{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);color:var(--gda-text-primary)}.result-info p{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--gda-text-secondary)}.result-platforms{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.platform-badge{padding:2px 6px;background:#667eea1a;color:#667eea;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.game-preview{display:flex;flex-direction:column;gap:var(--spacing-lg)}.preview-image{width:100%;height:250px;object-fit:cover;border-radius:var(--radius-lg)}.preview-details h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);color:var(--gda-text-primary)}.preview-meta{color:var(--gda-text-secondary);margin-bottom:var(--spacing-lg)}.preview-section{margin-bottom:var(--spacing-md)}.preview-section strong{display:block;margin-bottom:var(--spacing-xs);color:var(--gda-text-primary)}.preview-section p{margin:var(--spacing-xs) 0;color:var(--gda-text-secondary);line-height:1.6}.preview-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tag{padding:4px 8px;background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--gda-text-primary)}.modal-small{max-width:400px}.btn-danger{background:#ff3b30;color:#fff}.btn-danger:hover{background:#d93025}.warning-text{color:#ff9f0a;font-size:var(--font-size-sm)}.mission-step{min-height:300px}.game-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md);max-height:400px;overflow-y:auto}.selectable-game-card-text{background:var(--gda-bg-tertiary);border:2px solid var(--gda-border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-base);text-align:center;min-height:180px;display:flex;flex-direction:column;gap:var(--spacing-xs)}.selectable-game-card-text:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 4px 12px #667eea4d}.game-icon{font-size:48px;margin-bottom:var(--spacing-xs)}.selectable-game-card-text h5{margin:0;font-size:var(--font-size-base);color:var(--gda-text-primary);font-weight:600}.game-dev{margin:0;font-size:var(--font-size-xs);color:var(--gda-text-secondary)}.game-genres,.game-platforms{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:var(--spacing-xs)}.genre-tag{padding:2px 6px;background:#667eea26;color:#667eea;border-radius:var(--radius-sm);font-size:10px;font-weight:500}.platform-tag{padding:2px 6px;background:#764ba226;color:#764ba2;border-radius:var(--radius-sm);font-size:10px;font-weight:500}.selected-game-banner{padding:var(--spacing-md);background:#667eea1a;border:1px solid #667eea;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.selected-game-banner strong{color:#667eea}.mission-form select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--gda-bg-tertiary);border:1px solid var(--gda-border);border-radius:var(--radius-md);color:var(--gda-text-primary);font-size:var(--font-size-base);font-family:inherit;cursor:pointer}.mission-form select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.list-item{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.list-item input{flex:1}.mission-skills{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.skill-badge{padding:2px 6px;background:#667eea1a;color:#667eea;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.ai-step{min-height:300px}.ai-parameters{max-width:600px}.ai-missions-preview{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:500px;overflow-y:auto}.ai-mission-card{padding:var(--spacing-lg);background:var(--gda-bg-tertiary);border:2px solid var(--gda-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.ai-mission-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.ai-mission-card.selected{border-color:#667eea;background:#667eea0d}.mission-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.mission-card-header input[type=checkbox]{width:auto;cursor:pointer}.mission-card-header h5{flex:1;margin:0;font-size:var(--font-size-base);color:var(--gda-text-primary)}.mission-description{margin:0 0 var(--spacing-md) 0;color:var(--gda-text-secondary);line-height:1.6}.mission-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-section{margin-bottom:var(--spacing-sm)}.detail-section strong{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--gda-text-primary)}.detail-section ul{margin:0;padding-left:var(--spacing-lg);color:var(--gda-text-secondary);font-size:var(--font-size-sm)}.detail-section li{margin:var(--spacing-xs) 0}.mission-meta{display:flex;gap:var(--spacing-md);align-items:center;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--gda-border)}.mission-meta>span{font-size:var(--font-size-sm);color:var(--gda-text-secondary)}.admin-layout{display:flex;height:100vh;background:#0a0a0a;color:#fff;font-family:Inter,sans-serif}.admin-sidebar{width:260px;background:#111;border-right:1px solid #333;display:flex;flex-direction:column;padding:20px}.admin-sidebar-header h2{font-size:1.5rem;margin-bottom:2rem;color:#0f8}.admin-nav-menu{flex:1;display:flex;flex-direction:column;gap:8px}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:transparent;border:none;color:#888;cursor:pointer;text-align:left;font-size:.95rem;transition:all .2s}.admin-nav-item:hover{background:#ffffff0d;color:#fff}.admin-nav-item.active{background:#333;color:#0f8;font-weight:600}.admin-logout-btn{width:100%;padding:12px;background:#211;color:#f44;border:1px solid #442222;border-radius:8px;cursor:pointer;transition:all .2s}.admin-logout-btn:hover{background:#311}.admin-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-topbar{height:64px;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#0f0f0f}.breadcrumbs{color:#666}.admin-profile .badge{margin-left:10px;background:#333;padding:4px 8px;border-radius:4px;font-size:.8rem;color:#0f8}.module-container{padding:32px;flex:1;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#111;border:1px solid #222;padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:4px;transition:transform .2s}.stat-card:hover{transform:translateY(-2px);border-color:#333}.stat-card.highlight{background:#111;border-color:#0f8}.stat-value{font-size:1.5rem;font-weight:600;color:#fff}.stat-label{color:#666;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.stat-icon{font-size:1.2rem;margin-bottom:8px;color:#444}.dashboard-sections{display:grid;grid-template-columns:2fr 1fr;gap:24px}.section-panel{background:#161616;border:1px solid #333;border-radius:12px;padding:24px}.section-panel h3{margin-bottom:16px;border-bottom:1px solid #333;padding-bottom:12px}.top-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #222}.rank{color:#666;width:30px}.title{flex:1}.count{color:#0f8}.subscription-actions p{color:#888;margin-bottom:20px}.btn-admin{display:inline-block;width:auto;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:500;font-size:.9rem;transition:filter .2s}.btn-admin:hover{filter:brightness(1.1)}.btn-admin.primary{background:#0a5;color:#fff}.sub-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid #333;padding-bottom:12px}.sub-tab{background:transparent;border:none;color:#888;padding:8px 16px;cursor:pointer;font-size:1rem}.sub-tab.active{color:#0f8;border-bottom:2px solid #00ff88}.data-table-container{background:#161616;border:1px solid #333;border-radius:8px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #222}.admin-table th{background:#111;color:#888;font-weight:500}.admin-table td{color:#ddd}.btn-icon{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:4px}.admin-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#161616;padding:32px;border:1px solid #444;border-radius:12px;box-shadow:0 20px 50px #00000080;z-index:1000;width:400px}.admin-form input,.admin-form select{display:block;width:100%;padding:10px;margin-bottom:12px;background:#222;border:1px solid #444;color:#fff;border-radius:6px}display: flex; gap: 10px; margin-top: 20px; } .user-list-container{display:flex;flex-direction:column;gap:12px}.user-list-header{display:grid;grid-template-columns:2fr 1fr 1fr 100px;padding:0 16px;color:#666;font-size:.85rem;text-transform:uppercase;font-weight:600}.user-list-content{display:flex;flex-direction:column;gap:8px}.user-card-row{display:grid;grid-template-columns:2fr 1fr 1fr 100px;align-items:center;background:#161616;border:1px solid #222;padding:12px 16px;border-radius:8px;transition:all .2s}.user-card-row:hover{background:#1a1a1a;border-color:#333;transform:translateY(-1px)}.user-info-cell{display:flex;align-items:center;gap:12px}.user-avatar-wrapper{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#222;flex-shrink:0}.user-avatar-small{width:100%;height:100%;object-fit:cover}.user-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#333;color:#888;font-weight:600}.user-text-details{display:flex;flex-direction:column}.user-name{color:#fff;font-weight:500;font-size:.95rem}.user-email{color:#666;font-size:.8rem}.user-meta-cell{display:flex;align-items:center;gap:8px}.user-level-badge{color:#888;font-size:.85rem;background:#222;padding:2px 6px;border-radius:4px}.tier-badge{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:600;text-transform:uppercase}.tier-badge.free{background:#222;color:#aaa;border:1px solid #333}.tier-badge.pro{background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.2)}.tier-badge.team{background:#64b5f61a;color:#64b5f6;border:1px solid rgba(100,181,246,.2)}.user-status-cell{display:flex;align-items:center}.status-badge{font-size:.8rem;display:flex;align-items:center;gap:6px}.status-badge.active{color:#0f8}.status-badge.active:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#0f8;box-shadow:0 0 8px #0f86}.status-badge.banned{color:#f44}.status-badge.banned:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#f44}.user-actions-cell{display:flex;justify-content:flex-end;gap:6px}.action-btn{background:transparent;border:none;cursor:pointer;font-size:1.1rem;padding:6px;border-radius:4px;transition:background .2s;opacity:.6}.action-btn:hover{background:#222;opacity:1}.search-input{background:#111;border:1px solid #333;color:#fff;padding:10px 16px;border-radius:20px;width:300px;font-size:.9rem;transition:border .2s}.search-input:focus{outline:none;border-color:#555;background:#161616}