.google-login-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 32px;border:none;border-radius:var(--radius-lg);background:#fff;color:#1f1f1f;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a;min-width:240px}.google-login-button:hover:not(:disabled){box-shadow:0 4px 12px #00000026}.google-login-button:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0}.google-login-button .spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.google-login-button{width:100%;max-width:100%}}.space-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at center,#0a0e27,#050814)}.star-chain-logo{display:block;filter:drop-shadow(0 0 20px rgba(0,217,255,.5));animation:logo-float 3s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.star-chain-logo:hover{filter:drop-shadow(0 0 30px rgba(0,217,255,.8));animation:logo-float 2s ease-in-out infinite,logo-pulse 1.5s ease-in-out infinite}@keyframes logo-pulse{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-10px)}}.welcome-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#000}.logout-button{position:fixed;top:24px;right:24px;width:48px;height:48px;border-radius:50%;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;color:#fff9}.logout-button:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff;transform:translateY(-2px)}.welcome-content{max-width:800px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:1;text-align:center}.welcome-logo{display:flex;align-items:center;justify-content:center;margin-bottom:32px;opacity:.9}.welcome-title{font-size:84px;font-weight:400;color:#fff;margin:0;text-align:center;font-family:Georgia,Times New Roman,serif;opacity:.9;text-shadow:0 0 20px rgba(255,255,255,.2);letter-spacing:.05em}.welcome-subtitle{font-size:18px;color:#fff9;margin:0;text-align:center;max-width:600px;line-height:1.6;letter-spacing:.02em}.welcome-auth{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:40px}.welcome-actions{display:flex;flex-direction:column;gap:20px;width:100%;max-width:450px;margin-top:40px}.action-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;border-radius:40px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.action-button:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.action-button.primary{background:var(--primary);color:#000;border:none;box-shadow:0 10px 30px var(--primary-glow)}.action-button.primary:hover{background:var(--primary-light);box-shadow:0 15px 40px var(--primary-glow);color:#000}.action-button.large{padding:20px 40px}.button-content{display:flex;flex-direction:column;align-items:center;gap:4px}.button-title{font-size:16px}.button-desc{font-size:12px;opacity:.6}.welcome-features{display:flex;align-items:center;gap:24px;margin-top:60px;opacity:.5}.feature-item{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;letter-spacing:.05em}.feature-divider{width:1px;height:14px;background:#fff3}.welcome-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px}.loading-spinner{width:30px;height:30px;border:2px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.welcome-title{font-size:54px}.welcome-subtitle{font-size:16px}}.select-club-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:#000}.select-club-content{width:100%;max-width:1000px;position:relative;z-index:1}.select-club-header{text-align:center;margin-bottom:60px;position:relative}.select-club-header .header-logo{display:flex;justify-content:center;margin-bottom:24px;opacity:.8}.select-club-header h1{font-size:54px;font-weight:400;color:#fff;font-family:Georgia,Times New Roman,serif;margin-bottom:16px;letter-spacing:.05em}.select-club-header p{font-size:18px;color:#ffffff80;letter-spacing:.02em}.clubs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px}.club-card{background:#ffffff08;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.club-card:hover{background:#ffffff12;border-color:var(--primary);transform:translateY(-4px);box-shadow:0 20px 40px #0006,0 0 20px var(--primary-glow)}.logout-button{position:absolute;top:0;right:0;display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-button:hover{background:#ffffff1a;color:#ffffffe6;transform:translateY(-2px)}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;color:#fff9}.loading-state .spinning{animation:spin 1s linear infinite}.error-message{padding:16px 24px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;text-align:center;margin-bottom:24px}.club-card-header{display:flex;gap:16px;margin-bottom:16px}.club-logo{width:64px;height:64px;border-radius:16px;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.club-logo-placeholder{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:32px}.club-info{flex:1;display:flex;flex-direction:column;gap:8px}.club-info h3{font-size:20px;font-weight:600;color:#ffffffe6;margin:0}.club-meta{display:flex;gap:12px;align-items:center}.club-members,.club-founder{display:flex;align-items:center;gap:4px;font-size:13px;color:#fff9}.club-founder{color:#fbbf24}.club-card-footer{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.enter-club{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#3b82f6;transition:all .3s cubic-bezier(.4,0,.2,1)}.club-card:hover .enter-club{gap:12px;color:#60a5fa}.empty-state{text-align:center;padding:80px 20px;margin-bottom:40px}.empty-icon{font-size:80px;margin-bottom:24px;opacity:.5}.empty-state h3{font-size:24px;font-weight:600;color:#ffffffe6;margin-bottom:12px}.empty-state p{font-size:16px;color:#ffffff80}.action-buttons{display:flex;gap:16px;justify-content:center}.create-club-button,.join-club-button{display:flex;align-items:center;gap:12px;padding:16px 32px;border-radius:40px;font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.15)}.create-club-button{background:var(--primary);color:#000;box-shadow:0 10px 30px var(--primary-glow);border:none}.create-club-button:hover{box-shadow:0 15px 40px var(--primary-glow);transform:translateY(-2px)}.join-club-button{background:#ffffff0d;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.join-club-button:hover{background:#ffffff1a;border-color:var(--primary);transform:translateY(-2px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.select-club-header h1{font-size:36px}.clubs-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.create-club-button,.join-club-button{width:100%;justify-content:center}.logout-button{position:static;margin-top:16px;justify-content:center}}.create-club-page{width:100vw;height:100vh;display:flex;flex-direction:column;background:#000;overflow:hidden;position:relative}.create-club-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid rgba(255,255,255,.05);z-index:10;background:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.create-club-header h2{margin:0;font-size:20px;font-weight:500;color:#fff;font-family:Georgia,Times New Roman,serif;letter-spacing:.05em}.back-button{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-button:hover{background:#ffffff1a;border-color:var(--primary)}.create-club-content{flex:1;overflow-y:auto;padding:40px 24px;display:flex;flex-direction:column;align-items:center;z-index:1}.step-container{width:100%;max-width:550px;display:flex;flex-direction:column;gap:32px}.step-container h3{margin:0;font-size:36px;font-weight:400;color:#fff;text-align:center;font-family:Georgia,Times New Roman,serif}.step-desc{margin:0;font-size:16px;color:var(--text-secondary);text-align:center;line-height:1.6}.progress-indicator{display:flex;align-items:center;justify-content:center;padding:20px;gap:12px;margin-bottom:20px}.step-circle{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-weight:600;transition:all .4s ease}.progress-step.active .step-circle{background:var(--primary);border-color:var(--primary);color:#000;box-shadow:0 0 15px var(--primary-glow)}.progress-step.completed .step-circle{background:#00d9ff33;border-color:var(--primary);color:var(--primary)}.form-container{padding:32px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;display:flex;flex-direction:column;gap:24px}.form-group label{font-size:13px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:block}.form-group input,.form-group textarea{width:100%;padding:16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:15px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background:#00000080;box-shadow:0 0 15px var(--primary-glow);outline:none}.next-button,.create-button{padding:18px 32px;border-radius:40px;background:var(--primary);color:#000;font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;transition:all .3s ease;box-shadow:0 10px 30px var(--primary-glow);margin-top:10px}.next-button:hover,.create-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px var(--primary-glow)}.next-button:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.logo-upload-area{min-height:220px;border:2px dashed rgba(255,255,255,.1);border-radius:20px;background:#ffffff05;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.logo-upload-area:hover{border-color:var(--primary);background:#00d9ff0d}.join-club-page{width:100vw;height:100vh;display:flex;flex-direction:column;background:#000;overflow:hidden;position:relative}.join-club-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid rgba(255,255,255,.05);z-index:10;background:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.join-club-header h2{margin:0;font-size:20px;font-weight:500;color:#fff;font-family:Georgia,Times New Roman,serif;letter-spacing:.05em}.join-club-content{flex:1;overflow-y:auto;padding:40px 24px;display:flex;flex-direction:column;align-items:center;z-index:1}.invite-icon{width:100px;height:100px;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--primary);margin:0 auto 24px;box-shadow:0 0 30px var(--primary-glow)}.verify-button{width:100%;padding:18px 32px;border-radius:40px;background:var(--primary);color:#000;font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;transition:all .3s ease;box-shadow:0 10px 30px var(--primary-glow);margin-top:24px}.verify-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px var(--primary-glow)}.verify-button:disabled{opacity:.3;cursor:not-allowed}.code-input{width:100%;padding:20px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff;font-size:18px;font-family:Monaco,monospace;text-align:center;letter-spacing:4px;transition:all .3s ease}.code-input:focus{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);outline:none}.inviter-name{color:var(--primary);font-weight:600;text-shadow:0 0 10px var(--primary-glow)}.join-button{width:100%;padding:18px 32px;border-radius:40px;background:var(--primary);color:#000;font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 30px var(--primary-glow)}.join-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px var(--primary-glow)}.join-button:disabled{opacity:.3}.invite-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:9999}.invite-panel{position:fixed;width:420px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);background:#000;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 80px #000000e6;z-index:10000;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.invite-panel{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;max-height:calc(100vh - 20px);border-radius:24px 24px 0 0;transform:none!important}}.invite-header{padding:32px 32px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.invite-header h3{margin:0;padding:0;font-size:28px;font-weight:400;color:#fff;font-family:Georgia,Times New Roman,serif;letter-spacing:.05em;flex:1;text-align:left}.invite-header .close-button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;margin-left:16px}.invite-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px;display:flex;flex-direction:column;gap:32px;min-height:0}.invite-content::-webkit-scrollbar{width:6px}.invite-content::-webkit-scrollbar-track{background:transparent}.invite-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.invite-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.club-info{display:flex;flex-direction:column;gap:12px;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px}.info-row{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:18px;font-weight:500}.info-row svg{color:var(--primary)}.warning-message{padding:12px;background:#ff3b301a;border:1px solid rgba(255,59,48,.2);border-radius:12px;color:#ff3b30;font-size:13px;text-align:center}.invite-info{display:flex;flex-direction:column;gap:16px}.invite-info h4{font-size:14px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:2px;text-align:center}.invite-info ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.invite-info li{color:var(--text-secondary);font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}.invite-info li:before{content:"✦";color:var(--primary);font-size:12px}.generate-button{width:100%;padding:18px 32px;border-radius:40px;background:var(--primary);color:#000;font-size:15px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px var(--primary-glow)}.generate-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px var(--primary-glow)}.generate-button:active{transform:translateY(0)}.link-container{display:flex;flex-direction:column;gap:20px;animation:fadeIn .5s ease-out}.link-display{padding:18px 24px;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:20px;display:flex;align-items:center;gap:12px}.link-display input{background:none;border:none;color:var(--primary);font-family:Monaco,monospace;font-size:13px;width:100%;outline:none}.link-actions{display:flex;gap:12px}.action-button{flex:1;padding:14px 20px;border-radius:40px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.action-button:hover{background:#ffffff1a;border-color:var(--primary);transform:translateY(-2px)}.new-link-button{background:none;border:none;color:var(--text-tertiary);font-size:12px;text-decoration:underline;cursor:pointer;padding:10px;transition:color .3s}.new-link-button:hover{color:#fff}.invite-tip{margin-top:8px;padding:16px;text-align:center;opacity:.6}.invite-tip p{margin:0;color:var(--text-tertiary);font-size:12px;line-height:1.6;letter-spacing:.02em}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.invite-header{padding:24px 24px 16px}.invite-header h3{font-size:24px;text-align:left}.invite-header .close-button{width:40px;height:40px;margin-left:12px}.invite-content{padding:24px;gap:24px}}.header{position:fixed;top:20px;left:20px;right:20px;min-height:80px;background:#ffffff08;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 12px 40px #00000080;z-index:100;padding:12px 24px;transition:all .3s ease}.header:hover{background:#ffffff0d;border-color:#fff3}.header-content{display:flex;align-items:center;justify-content:flex-start;gap:40px}.header-brand{display:flex;align-items:center;gap:16px;flex-shrink:0;min-width:200px}.logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 15px var(--primary-glow)}.club-logo-img{width:44px;height:44px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0000004d}.brand-text h1{margin:0;font-size:18px;font-weight:600;color:#fff;letter-spacing:.02em}.brand-text p{margin:0;font-size:10px;color:var(--text-tertiary);letter-spacing:1.5px;text-transform:uppercase}.header-search-section{flex:1;max-width:800px;display:flex;flex-direction:column;gap:10px}.header-search{height:40px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:all .3s ease}.header-search:focus-within{background:#0006;border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.header-search svg{color:var(--text-tertiary)}.header-search input{flex:1;border:none;background:none;outline:none;color:#fff;font-size:14px}.header-search input::placeholder{color:var(--text-tertiary)}.tags-filter{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.tags-filter::-webkit-scrollbar{display:none}.tag-chip{padding:4px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;letter-spacing:.02em}.tag-chip:hover{background:#ffffff14;border-color:#ffffff4d;color:#fff}.tag-chip.active{background:var(--primary);border-color:var(--primary);color:#000;font-weight:600;box-shadow:0 0 15px var(--primary-glow)}.tag-more{font-size:11px;color:var(--text-tertiary);background:#ffffff0d;padding:4px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.05);white-space:nowrap}.header-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.header-stats{display:flex;align-items:center;gap:12px}.stat-item{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px}.stat-item svg{color:var(--primary)}.stat-content{display:flex;align-items:center;gap:6px}.stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:14px;font-weight:600;color:#fff}.stat-divider{width:1px;height:20px;background:#ffffff1a}.invite-button-wrapper{position:relative}.invite-button{display:flex;align-items:center;gap:8px;padding:8px 20px;border:1px solid var(--primary);border-radius:20px;background:#00d9ff1a;color:var(--primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.invite-button:hover{background:var(--primary);color:#000;box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}.exit-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(255,59,48,.3);background:#ff3b301a;color:#ff3b30;cursor:pointer;transition:all .3s ease}.exit-button:hover{background:#ff3b30;color:#fff;box-shadow:0 0 15px #ff3b3066;transform:translateY(-2px)}.exit-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10001}.exit-confirm-dialog{position:fixed;background:#000;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:32px;width:380px;max-width:calc(100vw - 40px);box-shadow:0 20px 60px #000000e6;z-index:10002}.exit-confirm-dialog h3{margin:0 0 12px;font-size:24px;font-weight:500;color:#fff;font-family:Georgia,Times New Roman,serif;text-align:center}.exit-confirm-dialog p{margin:0 0 24px;font-size:14px;color:var(--text-secondary);text-align:center;line-height:1.6}.exit-confirm-actions{display:flex;gap:12px;justify-content:center}.exit-confirm-actions .btn-cancel,.exit-confirm-actions .btn-confirm{padding:12px 24px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.exit-confirm-actions .btn-cancel{background:#ffffff0d;color:#fff}.exit-confirm-actions .btn-cancel:hover{background:#ffffff1a;border-color:#fff3}.exit-confirm-actions .btn-confirm{background:#ff3b30;color:#fff;border-color:#ff3b30}.exit-confirm-actions .btn-confirm:hover{background:#ff5a50;box-shadow:0 0 20px #ff3b3066;transform:translateY(-2px)}@media (max-width: 1200px){.header-stats{display:none}}@media (max-width: 768px){.header{padding:10px 16px}.header-search-section{display:none}.exit-confirm-dialog{top:auto!important;bottom:20px!important;left:20px!important;right:20px!important;width:auto!important;max-width:calc(100vw - 40px)!important;transform:none!important;padding:24px}.exit-confirm-actions{flex-direction:column}.exit-confirm-actions .btn-cancel,.exit-confirm-actions .btn-confirm{width:100%}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999}.sidebar{position:fixed;top:0;right:0;width:420px;height:100vh;background:#05050af2;backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);border-left:1px solid rgba(255,255,255,.1);box-shadow:-15px 0 50px #000c;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:16px 20px;display:flex;justify-content:flex-end;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.close-button{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-button:hover{background:#ffffff1a;border-color:var(--primary);transform:rotate(90deg)}.sidebar-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.sidebar-content::-webkit-scrollbar{display:none}.member-profile{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.avatar-large{width:100px;height:100px;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;font-size:56px;box-shadow:0 0 20px var(--primary-glow);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);position:relative}.name-with-edit{display:flex;align-items:center;gap:8px;justify-content:center}.member-name{font-size:24px;font-weight:500;color:#fff;font-family:Georgia,Times New Roman,serif;margin:0}.btn-edit{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.btn-edit:hover{background:#ffffff1a;border-color:var(--primary)}.member-company{font-size:12px;color:var(--text-secondary);padding:4px 12px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin:0}.member-role{font-size:10px;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0}.member-meta{display:flex;flex-direction:column;gap:8px}.meta-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.meta-item svg{width:14px;height:14px;flex-shrink:0}.credit-section{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-header svg{width:16px;height:16px}.section-header h3{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin:0}.credit-value{font-size:36px;font-weight:700;color:var(--primary);text-align:center;margin:8px 0;text-shadow:0 0 15px var(--primary-glow)}.credit-progress{margin-top:12px}.progress-bar{height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.progress-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-tertiary)}.tags-section{margin-top:0}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 10px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.2);border-radius:10px;color:var(--primary);font-size:11px}.about-section h3{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}.about-section p{font-size:12px;color:var(--text-secondary);line-height:1.5;margin:0}.courses-section{margin-top:0}.courses-list{display:flex;flex-direction:column;gap:8px}.course-item{padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .2s ease}.course-item:hover{background:#ffffff0d;border-color:var(--primary)}.course-info{display:flex;flex-direction:column;gap:4px}.course-name{font-size:12px;font-weight:600;color:#fff}.course-type{font-size:10px;color:var(--text-tertiary)}.course-date{font-size:10px;color:var(--text-tertiary);margin-top:4px}.edit-form{display:flex;flex-direction:column;gap:12px;width:100%}.edit-field{display:flex;flex-direction:column;gap:6px}.edit-field label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.edit-field input{padding:10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px}.edit-actions{display:flex;gap:8px}.btn-save,.btn-cancel-edit{flex:1;padding:8px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.btn-save{background:var(--primary);color:#000;border:none}.btn-save:hover{box-shadow:0 0 15px var(--primary-glow)}.btn-cancel-edit{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-cancel-edit:hover{background:#ffffff1a}@media (max-width: 768px){.sidebar{width:100%}}.debug-toggle{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;border:none;background:linear-gradient(135deg,#ff2d55,#ff375f);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #ff2d5566;z-index:11000;transition:all .2s}.debug-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #ff2d5599}.debug-panel{position:fixed;top:20px;right:20px;width:400px;max-height:calc(100vh - 40px);background:#14141ef2;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 60px #00000080;z-index:11001;overflow:hidden;display:flex;flex-direction:column}.debug-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#ff2d551a}.debug-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.debug-close{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.debug-close:hover{background:#fff3}.debug-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.debug-section{display:flex;flex-direction:column;gap:12px}.debug-section h4{margin:0;font-size:14px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.debug-info{display:flex;flex-direction:column;gap:8px;background:#ffffff0d;border-radius:8px;padding:12px}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.info-row .label{color:#fff9}.info-row .value{color:#fff;font-weight:600;font-family:SF Mono,Monaco,monospace}.debug-code{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;font-size:11px;font-family:SF Mono,Monaco,monospace;color:#5ac8fa;overflow-x:auto;max-height:200px;margin:0}.debug-actions{display:flex;flex-direction:column;gap:8px}.debug-btn{padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;background:#ffffff1a;color:#fff}.debug-btn:hover{background:#ffffff26}.debug-btn.primary{background:linear-gradient(135deg,#007aff,#0051d5)}.debug-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007aff66}.debug-btn.danger{background:linear-gradient(135deg,#ff3b30,#d32f2f)}.debug-btn.danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff3b3066}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff0d;border-radius:8px;transition:all .2s}.member-item:hover{background:#ffffff14}.member-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:20px}.member-info{flex:1;display:flex;flex-direction:column;gap:2px}.member-name{font-size:13px;font-weight:600;color:#fff}.member-role{font-size:11px;color:#ffffff80}.member-credit{font-size:12px;font-weight:600;color:#ffd60a;font-family:SF Mono,Monaco,monospace}.empty-message{font-size:13px;color:#ffffff80;text-align:center;padding:20px;margin:0}@media (max-width: 768px){.debug-panel{width:calc(100vw - 40px);max-width:400px}.debug-toggle{bottom:16px;right:16px;width:44px;height:44px;font-size:20px}}.app{width:100vw;height:100vh;overflow:hidden;position:relative;background:var(--bg-primary)}.graph-container{width:100%;height:100%;position:absolute;top:0;left:0}.background-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15;animation:float 20s ease-in-out infinite}.glow-1{width:600px;height:600px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.glow-2{width:500px;height:500px;background:radial-gradient(circle,#34C759 0%,transparent 70%);bottom:-150px;right:-150px;animation-delay:5s}.glow-3{width:400px;height:400px;background:radial-gradient(circle,#5AC8FA 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.empty-graph-state{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:1;position:relative}.empty-icon{font-size:80px;opacity:.5;animation:pulse 2s ease-in-out infinite}.empty-graph-state h3{margin:0;font-size:24px;font-weight:700;color:var(--text-primary)}.empty-graph-state p{margin:0;font-size:16px;color:var(--text-secondary);text-align:center;max-width:300px}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width: 768px){.glow{filter:blur(80px);opacity:.1}.glow-1{width:400px;height:400px}.glow-2{width:350px;height:350px}.glow-3{width:300px;height:300px}.empty-icon{font-size:60px}.empty-graph-state h3{font-size:20px}.empty-graph-state p{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00D9FF;--primary-glow: rgba(0, 217, 255, .4);--primary-dark: #00A3C2;--primary-light: #70F0FF;--accent: #FF6B9D;--accent-secondary: #C471ED;--bg-primary: #000000;--bg-secondary: #050814;--bg-tertiary: #0a0e27;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .75);--text-tertiary: rgba(255, 255, 255, .5);--border: rgba(255, 255, 255, .1);--divider: rgba(255, 255, 255, .05);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .15);--glass-heavy: rgba(0, 0, 0, .8);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .6);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .8);--shadow-glow: 0 0 20px var(--primary-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:#000;color:var(--text-primary);overflow:hidden}h1,h2,h3{font-family:Georgia,Times New Roman,serif;letter-spacing:.02em;font-weight:500}#root{width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--primary);color:#fff}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glass{background:#ffffff08;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}