:root{--bg-primary: #e0f2fe;--bg-secondary: #bae6fd;--bg-tertiary: #7dd3fc;--card-bg: rgba(255, 255, 255, .95);--border-color: rgba(14, 165, 233, .2);--border-color-hover: rgba(14, 165, 233, .4);--text-primary: #0c4a6e;--text-secondary: #075985;--text-muted: #0c4a6e;--accent-primary: #0ea5e9;--accent-secondary: #0284c7;--accent-hover: #38bdf8;--accent-deep: #0369a1;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 2px 8px rgba(14, 116, 144, .1);--shadow-md: 0 4px 20px rgba(14, 116, 144, .15);--shadow-lg: 0 8px 30px rgba(14, 116, 144, .2);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.2) 0%,transparent 50%),linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none;z-index:0}img{max-width:100%;height:auto;display:block;aspect-ratio:attr(width) / attr(height)}img[loading=lazy]{opacity:0;transition:opacity .3s}img[loading=lazy].loaded{opacity:1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);color:var(--text-primary);position:relative}.main-content{flex:1;padding:2rem 0;position:relative;z-index:1;max-width:100%;width:100%;overflow-x:hidden;box-sizing:border-box}.container{max-width:100%;width:100%;box-sizing:border-box}.header{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid var(--border-color, rgba(14, 165, 233, .2));padding:var(--spacing-md, 1rem) 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md, 0 4px 20px rgba(14, 116, 144, .1));max-width:100%;width:100%;overflow-x:hidden;box-sizing:border-box}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md, 1rem);flex-wrap:nowrap;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.header-right{display:flex;align-items:center;gap:var(--spacing-md, 1rem);margin-left:auto;flex-shrink:0}.header-search{max-width:500px;flex:1 1 auto;min-width:150px;position:relative}.search-form{display:flex;width:100%;position:relative;align-items:stretch;min-width:0}.search-input-wrapper{position:relative;flex:1;min-width:0}.header-search-input{width:100%;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);background-color:#fffffff2;border:2px solid var(--border-color, rgba(14, 165, 233, .2));border-radius:var(--radius-md, 8px) 0 0 var(--radius-md, 8px);border-right:none;color:var(--text-primary, #0c4a6e);font-size:var(--font-size-sm, 14px);font-family:var(--font-family, "Inter");transition:all .2s ease;box-sizing:border-box}.header-search-input:focus{outline:none;border-color:var(--accent-primary, #0ea5e9);box-shadow:0 0 0 3px #0ea5e91a}.header-search-input::placeholder{color:var(--text-muted, #6b7a8f)}.header-search-button{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);background:linear-gradient(135deg,var(--accent-primary, #0ea5e9) 0%,var(--accent-secondary, #0284c7) 100%);color:#fff;border:2px solid var(--accent-primary, #0ea5e9);border-left:none;border-radius:0 var(--radius-md, 8px) var(--radius-md, 8px) 0;font-weight:600;font-size:var(--font-size-base, 16px);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;box-shadow:0 4px 12px #0ea5e94d}.header-search-button:hover{background:linear-gradient(135deg,var(--accent-hover, #38bdf8) 0%,var(--accent-primary, #0ea5e9) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.search-icon{font-size:var(--font-size-base, 16px)}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid var(--border-color, rgba(14, 165, 233, .2));border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-lg, 0 8px 30px rgba(14, 116, 144, .2));z-index:1000;max-height:300px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:var(--spacing-md, 1rem);padding:var(--spacing-md, 1rem);cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color, #2a3441)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#0ea5e91a}.search-result-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.search-result-info{flex:1;min-width:0}.search-result-name{color:var(--text-primary, #0c4a6e);font-size:var(--font-size-sm, 14px);font-weight:500;margin-bottom:2px}.search-result-position{color:var(--text-secondary, #075985);font-size:var(--font-size-xs, 12px)}.logo{display:flex;align-items:center;gap:.75rem;flex-shrink:0;min-width:0}.logo-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.logo h1{font-size:var(--font-size-xl, 24px);font-weight:700;background:linear-gradient(135deg,var(--accent-primary, #0ea5e9) 0%,var(--accent-deep, #0369a1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;margin:0}.beta-badge{display:inline-block;padding:.125rem .5rem;background:linear-gradient(135deg,var(--accent-primary, #0ea5e9) 0%,var(--accent-secondary, #0284c7) 100%);color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:.25rem;margin-left:.125rem;vertical-align:middle;box-shadow:0 2px 4px #0ea5e94d}.nav{display:flex;gap:var(--spacing-sm, .5rem);flex-shrink:0;min-width:0}.nav-link{color:var(--text-primary, #0c4a6e);text-decoration:none;font-weight:500;font-size:var(--font-size-sm, 14px);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:var(--radius-sm, 4px);transition:all .2s ease}.nav-link:hover{color:var(--accent-secondary, #0284c7);background-color:#0ea5e91a}.nav-link.active{color:var(--accent-primary, #0ea5e9);background-color:#0ea5e91a}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;font-family:inherit}.dropdown-arrow{font-size:.7rem;transition:transform .2s ease;display:inline-block}.nav-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background-color:var(--bg-primary, #0a0e27);border:1px solid var(--border-color, #2a3441);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-lg, 0 8px 16px rgba(0, 0, 0, .4));z-index:1000;min-width:180px;padding:.5rem 0}.nav-dropdown-item{display:block;color:var(--text-secondary, #b8c5d6);text-decoration:none;font-weight:500;font-size:var(--font-size-sm, 14px);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);transition:all .2s ease;border-radius:0}.nav-dropdown-item:hover{color:var(--text-primary, #ffffff);background-color:var(--bg-secondary, #141b2d)}.header-auth{display:flex;gap:var(--spacing-sm, .5rem);align-items:center}.header-user-info{display:flex;align-items:center;gap:.5rem;color:var(--text-primary, #ffffff);text-decoration:none;font-weight:500;transition:color .2s ease}.header-user-info:hover{color:var(--accent-primary, #00d4ff)}.header-auth-btn{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:var(--radius-md, 8px);font-weight:500;font-size:var(--font-size-sm, 14px);text-decoration:none;transition:all .2s ease;border:1px solid transparent}.header-auth-btn.signin{color:#fff;background:linear-gradient(135deg,var(--accent-primary, #0ea5e9) 0%,var(--accent-secondary, #0284c7) 100%);border-color:var(--accent-primary, #0ea5e9);box-shadow:0 4px 12px #0ea5e94d}.header-auth-btn.signin:hover{background:linear-gradient(135deg,var(--accent-hover, #38bdf8) 0%,var(--accent-primary, #0ea5e9) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.header-user-menu{display:flex;align-items:center;gap:var(--spacing-md, 1rem)}.header-user-info{display:flex;align-items:center;gap:.5rem;color:var(--text-primary, #0c4a6e);font-size:var(--font-size-sm, 14px);text-decoration:none;transition:color .2s ease}.header-user-info:hover{color:var(--accent-primary, #0ea5e9)}.header-user-team-logo{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color, #2a3441)}.btn-secondary{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);background-color:#fffc;color:var(--text-primary, #0c4a6e);border:2px solid var(--border-color, rgba(14, 165, 233, .2));border-radius:var(--radius-md, 8px);font-weight:500;font-size:var(--font-size-sm, 14px);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#fffffff2;border-color:var(--accent-primary, #0ea5e9)}.hamburger-menu-button{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:100%;height:3px;background-color:var(--text-primary, #ffffff);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.header .container{max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden}@media (max-width: 768px){.header{overflow-x:hidden}.header-content{flex-wrap:wrap;gap:1rem;position:relative;max-width:100%;width:100%;box-sizing:border-box}.logo h1{font-size:1.25rem}.hamburger-menu-button{display:flex;margin-left:auto}.nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-secondary, #141b2d);border-top:1px solid var(--border-color, #2a3441);flex-direction:column;padding:1rem;gap:.5rem;box-shadow:var(--shadow-lg, 0 8px 16px rgba(0, 0, 0, .4));z-index:10000;overflow-y:auto;padding-top:calc(var(--header-height, 80px) + 1rem)}.nav.mobile-open{display:flex}.nav-link{font-size:.875rem;padding:.75rem 1rem;width:100%;text-align:left;border-radius:var(--radius-md, 8px)}.nav-dropdown{width:100%}.nav-dropdown-toggle{width:100%;text-align:left;justify-content:space-between}.nav-dropdown-menu{position:static;margin-top:.5rem;width:100%;box-shadow:none;border:1px solid var(--border-color, #2a3441)}.header-right{order:3;width:100%;flex-direction:column;margin:1rem 0 0;display:none}.header-right.mobile-open{display:flex}.header-search{width:100%;max-width:100%}.search-form{min-width:0}.header-search-input{min-width:0;flex:1}.header-search-button{flex-shrink:0}.header-auth{margin-left:0;gap:.5rem;width:100%}.header-auth-btn{font-size:.875rem;padding:.75rem 1rem;width:100%;text-align:center}.header-user-menu{flex-direction:column;align-items:stretch;gap:.5rem;width:100%}.header-user-info{font-size:.875rem;padding:.75rem;text-align:center}}@media (max-width: 480px){.header{padding:.75rem 0}.logo h1{font-size:1.125rem}.nav{flex-direction:column;align-items:stretch}.nav-link{text-align:center;padding:.75rem}.header-auth{width:100%;justify-content:space-between}.header-auth-btn{flex:1;text-align:center}}.footer{background-color:var(--bg-secondary, #141b2d);border-top:1px solid var(--border-color, #2a3441);padding:var(--spacing-xl, 2rem) 0;margin-top:auto;min-height:80px;contain:layout style}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg, 1.5rem)}.footer-section p{color:var(--text-muted, #6b7a8f);font-size:var(--font-size-sm, 14px);margin:0}.footer-links{display:flex;gap:var(--spacing-lg, 1.5rem);flex-wrap:wrap}.footer-links a{color:var(--text-muted, #6b7a8f);font-size:var(--font-size-sm, 14px);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--accent-primary, #00d4ff)}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}.beta-feedback-banner{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:var(--header-height, 0px);z-index:99;box-shadow:0 2px 4px #0000001a;transform:translateY(0);transition:transform .3s ease-in-out}.beta-feedback-banner.visible{transform:translateY(0)}.beta-feedback-banner.hidden{transform:translateY(calc(-100% - var(--header-height, 0px)))}.beta-feedback-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.beta-badge{background-color:#fff3;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.beta-message{font-size:.9rem;flex:1;text-align:center}.beta-feedback-button{background-color:#fff;color:#667eea;padding:.5rem 1.25rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .2s ease;white-space:nowrap}.beta-feedback-button:hover{background-color:#f0f0f0;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.beta-dismiss-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:.8}.beta-dismiss-button:hover{opacity:1;background-color:#ffffff1a}@media (max-width: 768px){.beta-feedback-content{gap:.5rem}.beta-message{font-size:.8rem;flex-basis:100%;text-align:center}.beta-feedback-button{padding:.4rem 1rem;font-size:.8rem}}.welcome-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;opacity:0;transition:opacity .3s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.welcome-modal-overlay.visible{opacity:1}.welcome-modal{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);position:relative;transform:scale(.9) translateY(20px);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out;overflow:hidden}.welcome-modal.visible{transform:scale(1) translateY(0);opacity:1}.welcome-modal-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.1);border:none;color:#ffffffe6;font-size:1.75rem;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;z-index:10;line-height:1}.welcome-modal-close:hover{background:rgba(255,255,255,.2);color:#fff;transform:rotate(90deg)}.welcome-modal-content{padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.welcome-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.welcome-modal-title{margin:0;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#ffffff 0%,#e0e0e0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.welcome-beta-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;box-shadow:0 4px 12px #667eea4d}.welcome-modal-body{display:flex;flex-direction:column;gap:1rem}.welcome-modal-message{margin:0;font-size:1.1rem;line-height:1.6;color:#ffffffe6}.welcome-modal-message strong{color:#fff;font-weight:600}.welcome-modal-footer{display:flex;justify-content:center;margin-top:.5rem}.welcome-modal-continue-button{min-width:200px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.875rem 2rem;border-radius:8px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.welcome-modal-continue-button:hover{background:rgba(255,255,255,.2);border-color:#ffffff4d;transform:translateY(-2px)}@media (max-width: 768px){.welcome-modal-content{padding:2rem 1.5rem}.welcome-modal-title{font-size:1.5rem}.welcome-modal-message{font-size:1rem}.welcome-modal-header{flex-direction:column;align-items:flex-start}.welcome-modal-footer{flex-direction:column}.welcome-modal-continue-button{width:100%;min-width:auto}}