.auth-layout{background:var(--color-bg-base);width:100vw;min-height:100vh;position:relative;overflow:hidden}.auth-bg{z-index:0;will-change:transform;background:url(/assets/landingpage-dark-bg-B8gIOOBN.jpg) 50%/cover no-repeat;width:180vw;height:180vh;transition:transform .5s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(0)}@media (prefers-color-scheme:light){.auth-bg{background-image:url(/assets/landingpage-light-bg-Bwvk8g7A.jpg)}}.auth-bg--panned{transform:translate(-44vw,-44vh)}.auth-content{z-index:1;min-height:100vh;position:relative}.auth-content--fade-in{animation:.25s ease-out fadeIn}.auth-content--fade-out{animation:.2s ease-in forwards fadeOut}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.auth-bg{transition:none}.auth-content--fade-in,.auth-content--fade-out{opacity:1;animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg-base:var(--lightningcss-light,#f9f8f6)var(--lightningcss-dark,#111110);--color-bg-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1c1c1a);--color-bg-subtle:var(--lightningcss-light,#f2f1ee)var(--lightningcss-dark,#252523);--color-bg-muted:var(--lightningcss-light,#e8e7e3)var(--lightningcss-dark,#2e2e2b);--color-bg-overlay:var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#ffffff0d);--color-text-primary:var(--lightningcss-light,#1a1918)var(--lightningcss-dark,#efede8);--color-text-secondary:var(--lightningcss-light,#5a5854)var(--lightningcss-dark,#a8a49d);--color-text-tertiary:var(--lightningcss-light,#8f8b84)var(--lightningcss-dark,#6e6b65);--color-text-inverse:var(--lightningcss-light,#fff)var(--lightningcss-dark,#111110);--color-text-accent:var(--lightningcss-light,#5147c2)var(--lightningcss-dark,#9d95f0);--color-accent-primary:var(--lightningcss-light,#5147c2)var(--lightningcss-dark,#5147c2);--color-accent-hover:var(--lightningcss-light,#3d35a8)var(--lightningcss-dark,#9d95f0);--color-accent-subtle:var(--lightningcss-light,#eeedfe)var(--lightningcss-dark,#2a2654);--color-teal:var(--lightningcss-light,#1d9e75)var(--lightningcss-dark,#5dcaa5);--color-coral:var(--lightningcss-light,#d85a30)var(--lightningcss-dark,#f0997b);--color-amber:var(--lightningcss-light,#ba7517)var(--lightningcss-dark,#ef9f27);--color-border-default:var(--lightningcss-light,#1a19181f)var(--lightningcss-dark,#efede81a);--color-border-strong:var(--lightningcss-light,#1a19183d)var(--lightningcss-dark,#efede833);--color-border-accent:var(--lightningcss-light,#5147c2)var(--lightningcss-dark,#7a72e0);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--shadow-xs:0 1px 2px #1a191814, 0 0 0 1px #1a191814;--shadow-sm:0 2px 8px #1a19181f, 0 0 0 1px #1a191814;--shadow-md:0 4px 20px #1a191824, 0 1px 6px #1a191814;--shadow-lg:0 8px 40px #1a191829, 0 2px 10px #1a19181a;--shadow-accent:0 4px 24px #5147c247, 0 0 0 1px #5147c238;--shadow-inset-sm:inset 0 1px 3px #1a19181a;--shadow-inset-md:inset 0 2px 6px #1a191824;--shadow-inset-lg:inset 0 4px 12px #1a19182e}}@media (prefers-color-scheme:dark){:root{--shadow-xs:0 1px 3px #00000080, 0 0 0 1px #ffffff0f;--shadow-sm:0 2px 10px #0009, 0 0 0 1px #ffffff0f;--shadow-md:0 6px 28px #000000a6, 0 1px 6px #ffffff0a;--shadow-lg:0 12px 48px #000000b3, 0 2px 10px #ffffff0a;--shadow-accent:0 4px 28px #7a72e066, 0 0 0 1px #7a72e04d;--shadow-inset-sm:inset 0 1px 4px #00000073;--shadow-inset-md:inset 0 2px 8px #0000008c;--shadow-inset-lg:inset 0 4px 16px #000000a6}}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:inherit}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;tab-size:4;font-size:16px}body{color:var(--color-text-primary);background:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;color:var(--color-text-primary);text-wrap:balance;line-height:1.2}p{color:var(--color-text-secondary);text-wrap:pretty;max-width:68ch}a{color:var(--color-accent-primary);text-decoration:none;transition:color .15s}a:hover{color:var(--color-accent-hover)}img,video,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.container{width:100%;max-width:1100px;margin-inline:auto;padding-inline:2rem}.container-sm{max-width:680px}.container-lg{max-width:1400px}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}::-webkit-scrollbar{display:none}.index-body{flex-direction:column;align-items:center;gap:48px;min-height:100vh;padding:200px 24px;display:flex}.index-hero{text-align:center;flex-direction:column;align-items:center;max-width:560px;display:flex}.hero-icon{color:var(--color-accent-primary);filter:drop-shadow(0 4px 12px #5147c24d);margin-bottom:16px}.hero-title{letter-spacing:-.025em;background:linear-gradient(135deg, var(--color-accent-primary), var(--color-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.25rem;font-weight:800}.hero-subtitle{color:var(--color-text-secondary);max-width:420px;margin-bottom:28px;font-size:1.05rem}.hero-actions{gap:14px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 28px;font-size:.925rem;font-weight:600;text-decoration:none;transition:background-color .15s,box-shadow .15s,transform .12s;display:inline-flex}.btn-primary{background-color:var(--color-accent-primary);color:#fff;box-shadow:var(--shadow-xs);border:none}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-accent);color:#fff;transform:translateY(-1px)}.btn-outline{color:var(--color-accent-primary);border:1.5px solid var(--color-border-accent);background:0 0}.btn-outline:hover{background-color:var(--color-accent-subtle);color:var(--color-accent-hover);transform:translateY(-1px)}.index-users-section{width:100%;max-width:800px}.users-section-title{text-align:center;color:var(--color-text-primary);margin-bottom:20px;font-size:1.25rem;font-weight:700}.users-loading,.users-empty{text-align:center;color:var(--color-text-tertiary);padding:32px 0;font-style:italic}.users-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.user-card{-webkit-backdrop-filter:blur(12px);border:2px solid;color:var(--color-text-primary);opacity:0;background:var(--lightningcss-light,#f9f9f91a)var(--lightningcss-dark,#0a0a0a4d);border-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaaaaa4d) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaa3);border-radius:10px;align-items:center;gap:12px;padding:14px 18px;transition:box-shadow .2s,transform .15s;animation:.35s ease-out forwards cardFadeIn;display:flex;box-shadow:2px 2px 2px #00000017}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent-primary), var(--color-teal));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.user-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;font-weight:600;overflow:hidden}@media (width<=768px){.index-body{gap:36px;padding:40px 20px}.hero-title{font-size:1.85rem}.hero-subtitle{font-size:.95rem}.users-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width<=480px){.index-body{gap:28px;padding:32px 16px}.hero-title{font-size:1.5rem}.hero-subtitle{margin-bottom:20px;font-size:.88rem}.hero-actions{flex-direction:column;width:100%}.btn{width:100%;padding:12px 20px}.users-section-title{font-size:1.1rem}.users-grid{grid-template-columns:1fr;gap:10px}.user-card{padding:12px 14px}}.back-to-home{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex;position:absolute;top:24px;left:24px}.back-to-home:hover{color:var(--color-text-primary)}.login-body{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.login-window{-webkit-backdrop-filter:blur(12px);border:2px solid;width:500px;color:var(--color-text-primary);background:var(--lightningcss-light,#f9f9f91a)var(--lightningcss-dark,#0a0a0a4d);border-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaaaaa4d) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaa3);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:32px 0;display:flex;box-shadow:2px 2px 2px #00000017}.login-window form{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.login-window form>*{width:80%}.login-window .input-group{flex-direction:column;gap:4px;display:flex}.login-window .input-group label{color:var(--color-text-secondary);font-size:.88rem}.login-window .input-wrapper{align-items:center;display:flex;position:relative}.login-window .input-icon{color:var(--color-text-tertiary);pointer-events:none;flex-shrink:0;position:absolute;left:14px}.login-window .input-wrapper input{border:2px solid;border-radius:var(--radius-sm);background:var(--color-bg-overlay);width:100%;color:var(--color-text-primary);box-shadow:none;border-color:var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaa3) var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaaaaa40) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426);padding:10px 10px 10px 46px}.login-window .input-wrapper input::placeholder{color:var(--lightningcss-light,#0a0a0a66)var(--lightningcss-dark,#ffffff26)}.login-window .password-toggle{cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.login-window .password-toggle:hover{color:var(--color-text-primary)}.forgot-password-anchor{text-align:right;color:var(--color-text-accent);margin-top:-8px;font-size:.82rem;text-decoration:none;display:block}.forgot-password-anchor:hover{text-decoration:underline}.login-btn{background-color:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:20px;padding:10px 20px;font-weight:600;transition:background-color .15s,box-shadow .15s}.login-btn:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-accent)}.login-pending-message{border-radius:var(--radius-sm);width:80%;color:var(--color-amber);background-color:#ba75171a;border:1px solid #ba75174d;align-items:center;gap:8px;margin-bottom:8px;padding:12px 16px;font-size:.88rem;font-weight:500;display:flex}.pending-icon{flex-shrink:0}.login-success-message{border-radius:var(--radius-sm);width:80%;color:var(--color-teal);background-color:#1d9e751a;border:1px solid #1d9e754d;align-items:center;gap:8px;margin-bottom:8px;padding:12px 16px;font-size:.88rem;font-weight:500;display:flex}.success-icon{flex-shrink:0}.login-error{color:var(--color-coral);text-align:center;align-items:center;gap:6px;width:80%;margin:0 0 4px;font-size:.9rem;display:flex}.login-link{color:var(--color-text-secondary);margin-top:18px;font-size:.85rem}.login-link a{color:var(--color-text-accent);text-decoration:none}.login-link a:hover{text-decoration:underline}@media (width<=768px){.login-window{width:95%;max-width:500px;padding:24px 0}}@media (width<=480px){.login-body{padding:16px}.login-window{border-radius:var(--radius-md);width:100%;padding:20px 0}.login-window h1{font-size:1.4rem}.login-window form>*{width:90%}.login-pending-message,.login-success-message,.login-error{width:90%;font-size:.82rem}.login-btn{width:100%}.google-btn,.auth-divider{width:90%}}.auth-divider{align-items:center;gap:12px;width:80%;margin:20px 0 4px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background-color:var(--color-border-default);flex:1;height:1px}.auth-divider span{color:var(--color-text-tertiary);text-transform:lowercase;letter-spacing:.02em;font-size:.82rem}.google-btn{background:var(--color-bg-overlay);width:80%;color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:10px 20px;font-size:.92rem;font-weight:500;transition:background-color .15s,border-color .15s,box-shadow .15s;display:flex}.google-btn:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.google-icon{flex-shrink:0}.register-body{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.register-window{-webkit-backdrop-filter:blur(12px);border:2px solid;width:500px;color:var(--color-text-primary);background:var(--lightningcss-light,#f9f9f91a)var(--lightningcss-dark,#0a0a0a4d);border-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaaaaa4d) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaa3);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding-top:20px;padding-bottom:20px;display:flex;box-shadow:2px 2px 2px #00000017}.register-window form{flex-direction:column;justify-content:center;align-items:center;gap:25px;width:100%;display:flex}.register-window form>*{width:80%}.register-window .input-group{flex-direction:column;gap:4px;display:flex}.register-window .input-group label{color:var(--color-text-secondary);background:0 0;padding-left:5px;padding-right:5px;font-size:.88rem}.register-window .input-wrapper{align-items:center;display:flex;position:relative}.register-window .input-icon{color:var(--color-text-tertiary);pointer-events:none;flex-shrink:0;margin-right:100px;position:absolute;left:16px}.register-window .input-wrapper input{border:2px solid;border-radius:var(--radius-sm);background:var(--color-bg-overlay);width:100%;color:var(--color-text-primary);border-color:var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaa3) var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaaaaa40) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426);padding:10px 10px 10px 46px}.register-window .input-wrapper input::placeholder{color:var(--lightningcss-light,#0a0a0a66)var(--lightningcss-dark,#ffffff26)}.register-window .password-toggle{cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.register-window .password-toggle:hover{color:var(--color-text-primary)}.register-btn{background-color:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 20px;font-weight:600;transition:background-color .15s,box-shadow .15s}.register-btn:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-accent)}.register-error{color:var(--color-coral);align-items:center;gap:6px;width:80%;margin:0;font-size:.9rem;display:flex}.register-success{color:var(--color-teal);align-items:center;gap:6px;width:80%;margin:0;font-size:.9rem;display:flex}.register-link{color:var(--color-text-secondary);margin-top:15px;font-size:.85rem}.register-link a{color:var(--color-text-accent);text-decoration:none}.register-link a:hover{text-decoration:underline}@media (width<=768px){.register-window{width:95%;max-width:500px}}@media (width<=480px){.register-body{height:auto;min-height:100vh;padding:16px}.register-window{border-radius:var(--radius-md);width:100%;padding:16px 0}.register-window h1{font-size:1.4rem}.register-window form>*{width:90%}.register-error,.register-success{width:90%;font-size:.82rem}.register-btn{width:100%}.register-window .google-btn,.register-window .auth-divider{width:90%}}.register-window .auth-divider{align-items:center;gap:12px;width:80%;margin:20px 0 4px;display:flex}.register-window .auth-divider:before,.register-window .auth-divider:after{content:"";background-color:var(--color-border-default);flex:1;height:1px}.register-window .auth-divider span{color:var(--color-text-tertiary);text-transform:lowercase;letter-spacing:.02em;font-size:.82rem}.register-window .google-btn{background:var(--color-bg-overlay);width:80%;color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:10px 20px;font-size:.92rem;font-weight:500;transition:background-color .15s,border-color .15s,box-shadow .15s;display:flex}.register-window .google-btn:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.register-window .google-icon{flex-shrink:0}.verification-waiting{text-align:center;padding:40px 20px!important}.verification-icon{width:80px;height:80px;color:var(--color-accent-primary);background:#7a72e01f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;animation:2s ease-in-out infinite pulse-ring;display:flex}@keyframes pulse-ring{0%,to{box-shadow:0 0 #7a72e040}50%{box-shadow:0 0 0 12px #7a72e000}}.verification-waiting h1{margin-bottom:8px}.verification-subtitle{color:var(--color-text-secondary);margin:0 0 16px;font-size:.95rem;line-height:1.6}.verification-subtitle strong{color:var(--color-accent-primary);font-weight:600}.verification-instructions{color:var(--color-text-tertiary);max-width:360px;margin:0 0 24px;font-size:.85rem;line-height:1.6}.resend-btn{background:var(--color-bg-overlay);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:10px 24px;font-size:.9rem;font-weight:500;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.resend-btn:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.resend-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.forgot-password-body{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.forgot-password-window{-webkit-backdrop-filter:blur(12px);border:2px solid;width:500px;color:var(--color-text-primary);background:var(--lightningcss-light,#f9f9f91a)var(--lightningcss-dark,#0a0a0a4d);border-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaaaaa4d) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaa3);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:32px 0;display:flex;box-shadow:2px 2px 2px #00000017}.forgot-password-window h1{margin-bottom:4px}.forgot-password-subtitle{color:var(--color-text-secondary);text-align:center;width:80%;margin-bottom:8px;font-size:.9rem;line-height:1.5}.forgot-password-window form{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.forgot-password-window form>*{width:80%}.forgot-password-window .input-group{flex-direction:column;gap:4px;display:flex}.forgot-password-window .input-group label{color:var(--color-text-secondary);font-size:.88rem}.forgot-password-window .input-wrapper{align-items:center;display:flex;position:relative}.forgot-password-window .input-icon{color:var(--color-text-tertiary);pointer-events:none;flex-shrink:0;position:absolute;left:14px}.forgot-password-window .input-wrapper input{border:2px solid;border-radius:var(--radius-sm);background:var(--color-bg-overlay);width:100%;color:var(--color-text-primary);box-shadow:none;border-color:var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaa3) var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaaaaa40) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426);padding:10px 10px 10px 46px}.forgot-password-window .input-wrapper input::placeholder{color:var(--lightningcss-light,#0a0a0a66)var(--lightningcss-dark,#ffffff26)}.forgot-password-btn{background-color:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:8px;padding:10px 20px;font-weight:600;transition:background-color .15s,box-shadow .15s}.forgot-password-btn:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-accent)}.forgot-password-btn:disabled{opacity:.6;cursor:not-allowed}.forgot-password-success{border-radius:var(--radius-sm);width:80%;color:var(--color-teal);background-color:#1d9e751a;border:1px solid #1d9e754d;align-items:center;gap:8px;margin-bottom:8px;padding:12px 16px;font-size:.88rem;font-weight:500;display:flex}.forgot-password-error{color:var(--color-coral);text-align:center;align-items:center;gap:6px;width:80%;margin:0 0 4px;font-size:.9rem;display:flex}.forgot-password-link{color:var(--color-text-secondary);margin-top:18px;font-size:.85rem}.forgot-password-link a{color:var(--color-text-accent);text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}.google-account-notice{text-align:center;flex-direction:column;align-items:center;width:80%;display:flex}.google-account-title{color:var(--color-text-primary);margin:8px 0 4px;font-size:1rem;font-weight:600}.google-account-subtitle{color:var(--color-text-secondary);margin:0 0 20px;font-size:.88rem;line-height:1.5}.forgot-password-window .google-btn{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.forgot-password-window .google-btn:hover{background:var(--color-bg-subtle);border-color:var(--color-border-hover)}.forgot-password-window .google-icon{flex-shrink:0}@media (width<=768px){.forgot-password-window{width:95%;max-width:500px;padding:24px 0}}@media (width<=480px){.forgot-password-body{padding:16px}.forgot-password-window{border-radius:var(--radius-md);width:100%;padding:20px 0}.forgot-password-window h1{font-size:1.4rem}.forgot-password-window form>*{width:90%}.forgot-password-success,.forgot-password-error{width:90%;font-size:.82rem}.forgot-password-btn{width:100%}}.reset-password-body{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.reset-password-window{-webkit-backdrop-filter:blur(12px);border:2px solid;width:500px;color:var(--color-text-primary);background:var(--lightningcss-light,#f9f9f91a)var(--lightningcss-dark,#0a0a0a4d);border-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaaaaa4d) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaa3);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:32px 0;display:flex;box-shadow:2px 2px 2px #00000017}.reset-password-window h1{margin-bottom:4px}.reset-password-subtitle{color:var(--color-text-secondary);text-align:center;width:80%;margin-bottom:8px;font-size:.9rem;line-height:1.5}.reset-password-window form{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.reset-password-window form>*{width:80%}.reset-password-window .input-group{flex-direction:column;gap:4px;display:flex}.reset-password-window .input-group label{color:var(--color-text-secondary);font-size:.88rem}.reset-password-window .input-wrapper{align-items:center;display:flex;position:relative}.reset-password-window .input-icon{color:var(--color-text-tertiary);pointer-events:none;flex-shrink:0;position:absolute;left:14px}.reset-password-window .input-wrapper input{border:2px solid;border-radius:var(--radius-sm);background:var(--color-bg-overlay);width:100%;color:var(--color-text-primary);box-shadow:none;border-color:var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426) var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaa3) var(--lightningcss-light,#fff)var(--lightningcss-dark,#aaaaaa40) var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#64646426);padding:10px 10px 10px 46px}.reset-password-window .input-wrapper input::placeholder{color:var(--lightningcss-light,#0a0a0a66)var(--lightningcss-dark,#ffffff26)}.reset-password-window .password-toggle{cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.reset-password-window .password-toggle:hover{color:var(--color-text-primary)}.reset-password-btn{background-color:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:8px;padding:10px 20px;font-weight:600;transition:background-color .15s,box-shadow .15s}.reset-password-btn:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-accent)}.reset-password-btn:disabled{opacity:.6;cursor:not-allowed}.reset-password-success{border-radius:var(--radius-sm);width:80%;color:var(--color-teal);background-color:#1d9e751a;border:1px solid #1d9e754d;align-items:center;gap:8px;margin-bottom:8px;padding:12px 16px;font-size:.88rem;font-weight:500;display:flex}.reset-password-error{color:var(--color-coral);text-align:center;align-items:center;gap:6px;width:80%;margin:0 0 4px;font-size:.9rem;display:flex}.reset-password-link{color:var(--color-text-secondary);margin-top:18px;font-size:.85rem}.reset-password-link a{color:var(--color-text-accent);text-decoration:none}.reset-password-link a:hover{text-decoration:underline}@media (width<=768px){.reset-password-window{width:95%;max-width:500px;padding:24px 0}}@media (width<=480px){.reset-password-body{padding:16px}.reset-password-window{border-radius:var(--radius-md);width:100%;padding:20px 0}.reset-password-window h1{font-size:1.4rem}.reset-password-window form>*{width:90%}.reset-password-success,.reset-password-error{width:90%;font-size:.82rem}.reset-password-btn{width:100%}}.dashboard-body{width:100vw;height:100vh;display:flex;overflow:hidden}.dashboard-sidebar{background-color:var(--color-bg-surface);border-right:1px solid var(--color-border-default);width:260px;min-width:260px;height:100vh;box-shadow:var(--shadow-sm);flex-direction:column;padding:24px 16px;display:flex}.sidebar-header{border-bottom:1px solid var(--color-border-default);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:24px;display:flex}.sidebar-logo{font-size:1.75rem;line-height:1}.sidebar-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--color-text-secondary);align-items:center;gap:12px;padding:10px 14px;font-size:.925rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.sidebar-link:hover{background-color:var(--color-bg-subtle);color:var(--color-text-primary)}.sidebar-link.active{background-color:var(--color-accent-subtle);color:var(--color-accent-primary);font-weight:600}.sidebar-icon{font-size:1.15rem;line-height:1}.sidebar-footer{border-top:1px solid var(--color-border-default);flex-direction:column;gap:10px;padding-top:16px;display:flex}.sidebar-user{color:var(--color-text-primary);padding:0 4px;font-size:.88rem;font-weight:600}.logout-btn{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:10px 14px;font-size:.9rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s}.logout-btn:hover{background-color:var(--color-coral);color:#fff;border-color:var(--color-coral)}.dashboard-main{background-color:var(--color-bg-base);flex:1;padding:32px 40px;overflow-y:auto}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:1.75rem;font-weight:700}.dashboard-subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:.95rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px;display:grid}.stat-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);align-items:center;gap:16px;padding:20px;transition:box-shadow .2s,transform .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.stat-icon-users{background-color:var(--color-accent-subtle)}.stat-icon-servers{background-color:#1d9e751f}.stat-icon-online{background-color:#2ecc711f}.stat-icon-uptime{background-color:#ba75171f}.stat-info{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}.stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.dashboard-table-section{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.table-title{border-bottom:1px solid var(--color-border-default);padding:20px 24px;font-size:1.1rem;font-weight:600}.table-wrapper{overflow-x:auto}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table th,.dashboard-table td{text-align:left;padding:14px 24px;font-size:.9rem}.dashboard-table thead th{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-default);font-size:.75rem;font-weight:600}.dashboard-table tbody tr{border-bottom:1px solid var(--color-border-default);transition:background-color .12s}.dashboard-table tbody tr:last-child{border-bottom:none}.dashboard-table tbody tr:hover{background-color:var(--color-bg-subtle)}.status-badge{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.status-online{color:var(--color-teal);background-color:#2ecc7126}.status-offline{background-color:var(--color-bg-muted);color:var(--color-text-tertiary)}.cards-wrapper{flex-direction:column;gap:12px;padding:16px;display:none}.cards-empty{text-align:center;color:var(--color-text-tertiary);padding:40px 24px;font-size:.9rem;font-style:italic}.player-card{background-color:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:box-shadow .2s;overflow:hidden}.player-card:hover{box-shadow:var(--shadow-sm)}.player-card-header{border-bottom:1px solid var(--color-border-default);background-color:var(--color-bg-surface);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.player-card-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.95rem;font-weight:600;overflow:hidden}.player-card-body{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.player-card-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.player-card-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.75rem;font-weight:600}.player-card-value{color:var(--color-text-secondary);text-align:right;word-break:break-all;min-width:0;font-size:.875rem}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-body{overflow-y:auto}.dashboard-sidebar{display:none}.dashboard-main{padding:24px 16px}.stats-grid{grid-template-columns:1fr}.dashboard-table-section{overflow:visible}.table-wrapper{display:none}.cards-wrapper{display:flex}}.admin-body{width:100vw;height:100vh;display:flex;overflow:hidden}.admin-sidebar{background-color:var(--color-bg-surface);border-right:1px solid var(--color-border-default);width:260px;min-width:260px;height:100vh;box-shadow:var(--shadow-sm);flex-direction:column;padding:24px 16px;display:flex}.admin-sidebar .sidebar-header{border-bottom:1px solid var(--color-border-default);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:24px;display:flex}.admin-sidebar .sidebar-logo{font-size:1.75rem;line-height:1}.admin-sidebar .sidebar-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.admin-sidebar .sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.admin-sidebar .sidebar-link{border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.925rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.admin-sidebar .sidebar-link:hover{background-color:var(--color-bg-subtle);color:var(--color-text-primary)}.admin-sidebar .sidebar-link.active{background-color:var(--color-accent-subtle);color:var(--color-accent-primary);font-weight:600}.admin-sidebar .sidebar-icon{font-size:1.15rem;line-height:1}.admin-sidebar .sidebar-footer{border-top:1px solid var(--color-border-default);flex-direction:column;gap:12px;padding-top:16px;display:flex}.admin-user-info{align-items:center;gap:10px;display:flex}.admin-role-badge{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent-primary), #9d95f0);color:#fff;letter-spacing:.06em;align-items:center;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.admin-username{color:var(--color-text-primary);font-size:.88rem;font-weight:600}.admin-sidebar .logout-btn{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s;display:flex}.admin-sidebar .logout-btn:hover{background-color:var(--color-coral);color:#fff;border-color:var(--color-coral)}.admin-main{background-color:var(--color-bg-base);flex:1;padding:32px 40px;overflow-y:auto}.admin-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.admin-header h1{font-size:1.75rem;font-weight:700}.admin-subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:.95rem}.admin-stats{gap:12px;display:flex}.admin-stat-chip{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);align-items:center;gap:8px;padding:8px 16px;display:flex}.stat-chip-count{color:var(--color-amber);font-size:1.1rem;font-weight:700}.stat-chip-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}.admin-message{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:20px;padding:12px 18px;font-size:.88rem;font-weight:500;animation:.2s fadeIn;display:flex}.message-success{color:var(--color-teal);background-color:#1d9e751a;border:1px solid #1d9e754d}.message-error{color:var(--color-coral);background-color:#d85a301a;border:1px solid #d85a304d}.admin-table-section{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.admin-table-section .table-wrapper{display:none;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;padding:14px 20px;font-size:.88rem}.admin-table thead th{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-default);font-size:.72rem;font-weight:600}.admin-table tbody tr{border-bottom:1px solid var(--color-border-default);transition:background-color .12s}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody tr:hover{background-color:var(--color-bg-subtle)}.table-empty{color:var(--color-text-tertiary);font-style:italic;text-align:center!important;padding:48px 24px!important}.td-id{color:var(--color-text-tertiary);font-size:.82rem;font-weight:500}.user-cell{align-items:center;gap:10px;display:flex}.user-cell-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent-primary), var(--color-teal));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.78rem;font-weight:700;display:flex}.td-username{color:var(--color-text-primary);font-weight:600}.td-email{color:var(--color-text-secondary)}.td-date{color:var(--color-text-tertiary);font-size:.82rem}.status-badge-pending{border-radius:var(--radius-full);color:var(--color-amber);background-color:#ba751724;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.email-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.email-badge-verified{color:var(--color-teal);background-color:#1d9e7524}.email-badge-unverified{color:var(--color-amber);background-color:#ba751724}.td-actions{gap:8px;display:flex}.action-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:4px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:background-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.action-btn:hover{transform:translateY(-1px)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.approve-btn{color:var(--color-teal);background-color:#1d9e7524}.approve-btn:hover:not(:disabled){background-color:var(--color-teal);color:#fff;box-shadow:0 2px 12px #1d9e7559}.deny-btn{color:var(--color-coral);background-color:#d85a301f}.deny-btn:hover:not(:disabled){background-color:var(--color-coral);color:#fff;box-shadow:0 2px 12px #d85a3059}.admin-content-placeholder{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.admin-content-placeholder .placeholder-icon{opacity:.6;margin-bottom:16px;font-size:3rem}.admin-content-placeholder h3{margin-bottom:8px;font-size:1.15rem;font-weight:600}.admin-content-placeholder p{color:var(--color-text-tertiary);font-size:.92rem}.admin-cards-wrapper{flex-direction:column;gap:12px;max-height:calc(100vh - 180px);padding:16px;display:flex;overflow-y:auto}@media (width<=450px){.admin-cards-wrapper{max-height:calc(100vh - 240px)}}.admin-cards-empty{text-align:center;color:var(--color-text-tertiary);padding:40px 16px;font-size:.88rem;font-style:italic}.admin-request-card{background-color:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-md);flex-shrink:0;overflow:hidden}.request-card-header{background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.request-card-user{align-items:center;gap:10px;min-width:0;display:flex}.request-card-identity{flex-direction:column;min-width:0;display:flex}.request-card-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.request-card-id{color:var(--color-text-tertiary);font-size:.72rem;font-weight:500}.request-card-body{flex-direction:column;justify-content:space-between;gap:8px;padding:12px 16px;display:flex}.request-card-row{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width>=821px){.request-card-body{flex-direction:row}.request-card-row{flex-direction:column}}.request-card-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.72rem;font-weight:600}.request-card-value{color:var(--color-text-secondary);text-align:right;word-break:break-all;min-width:0;font-size:.85rem}.request-card-actions{border-top:1px solid var(--color-border-default);gap:8px;padding:12px 16px;display:flex}.request-card-actions .action-btn{flex:1;justify-content:center;padding:10px 12px;font-size:.82rem}@media (width<=767px){.admin-sidebar{align-items:center;width:64px;min-width:64px;padding:16px 8px}.admin-sidebar .sidebar-title,.admin-sidebar .sidebar-link span:not(.sidebar-icon),.admin-sidebar .logout-btn span:not(.sidebar-icon),.admin-username{display:none}.admin-sidebar .sidebar-header{justify-content:center;margin-bottom:16px;padding-bottom:16px}.admin-sidebar .sidebar-link{justify-content:center;gap:0;padding:10px}.admin-sidebar .sidebar-icon{margin:0}.admin-sidebar .logout-btn{gap:0;padding:10px;font-size:0}.admin-sidebar .logout-btn svg{margin:0 auto}.admin-user-info{justify-content:center}.admin-main{padding:24px 20px}.admin-header{flex-direction:column;gap:12px}.admin-header h1{font-size:1.4rem}.admin-table th,.admin-table td{padding:10px 12px;font-size:.82rem}.action-btn{padding:5px 10px;font-size:.72rem}.td-actions{flex-direction:column;gap:4px}.admin-content-placeholder{padding:48px 24px}}.admin-sidebar .mobile-logout-btn{display:none}@media (width<=480px){.admin-body{flex-direction:column-reverse}.admin-sidebar{border-right:none;border-top:1px solid var(--color-border-default);flex-direction:row;width:100%;min-width:100%;height:auto;padding:8px 12px;box-shadow:0 -2px 8px #0000000f}.admin-sidebar .sidebar-header,.admin-sidebar .sidebar-footer{display:none}.admin-sidebar .sidebar-nav{flex-direction:row;justify-content:space-around;gap:0;width:100%}.admin-sidebar .sidebar-link{border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:.7rem}.admin-sidebar .sidebar-link span:not(.sidebar-icon){display:block}.admin-sidebar .sidebar-icon{font-size:1.2rem}.admin-main{flex:1;height:calc(100vh - 64px);padding:16px 12px}.admin-header h1{font-size:1.2rem}.admin-subtitle{font-size:.82rem}.admin-stat-chip{padding:6px 12px}.admin-table-section{overflow:visible}.admin-content-placeholder{padding:40px 20px}.admin-sidebar .mobile-logout-btn{display:flex;color:var(--color-coral)!important}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.portal-body{width:100vw;height:100vh;display:flex;overflow:hidden}.portal-sidebar{background-color:var(--color-bg-surface);border-right:1px solid var(--color-border-default);width:260px;min-width:260px;height:100vh;box-shadow:var(--shadow-sm);flex-direction:column;padding:24px 16px;display:flex}.portal-sidebar .sidebar-header{border-bottom:1px solid var(--color-border-default);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:24px;display:flex}.portal-sidebar .sidebar-logo{font-size:1.75rem;line-height:1}.portal-sidebar .sidebar-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.portal-sidebar .sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.portal-sidebar .sidebar-link{border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.925rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.portal-sidebar .sidebar-link:hover{background-color:var(--color-bg-subtle);color:var(--color-text-primary)}.portal-sidebar .sidebar-link.active{background-color:var(--color-accent-subtle);color:var(--color-accent-primary);font-weight:600}.portal-sidebar .sidebar-icon{font-size:1.15rem;line-height:1}.portal-sidebar .sidebar-footer{border-top:1px solid var(--color-border-default);flex-direction:column;gap:12px;padding-top:16px;display:flex}.portal-user-info{align-items:center;gap:10px;display:flex}.portal-user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent-primary), var(--color-teal));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.portal-username{color:var(--color-text-primary);font-size:.88rem;font-weight:600}.portal-sidebar .logout-btn{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s;display:flex}.portal-sidebar .logout-btn:hover{background-color:var(--color-coral);color:#fff;border-color:var(--color-coral)}.portal-main{background-color:var(--color-bg-base);flex:1;padding:32px 40px;overflow-y:auto}.portal-header{margin-bottom:28px}.portal-header h1{font-size:1.75rem;font-weight:700}.portal-subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:.95rem}.portal-content-placeholder{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.portal-content-placeholder .placeholder-icon{opacity:.6;margin-bottom:16px;font-size:3rem}.portal-content-placeholder h3{margin-bottom:8px;font-size:1.15rem;font-weight:600}.portal-content-placeholder p{color:var(--color-text-tertiary);font-size:.92rem}.server-list{flex-direction:column;gap:12px;display:flex}.server-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;padding:16px 20px;transition:box-shadow .2s,transform .12s;display:flex}.server-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.server-card-left{align-items:center;gap:14px;display:flex}.server-status-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.server-status-dot.status-online{background-color:var(--color-teal);box-shadow:0 0 6px #1d9e7580}.server-status-dot.status-offline{background-color:var(--color-text-tertiary)}.server-info{flex-direction:column;gap:2px;display:flex}.server-name{color:var(--color-text-primary);margin:0;font-size:.95rem;font-weight:600}.server-game{color:var(--color-text-tertiary);font-size:.78rem;font-weight:500}.server-card-right{align-items:center;gap:16px;display:flex}.server-meta{align-items:center;gap:14px;display:flex}.server-players{color:var(--color-text-secondary);align-items:center;gap:5px;font-size:.82rem;font-weight:500;display:inline-flex}.server-status-label{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.server-status-label.label-online{color:var(--color-teal);background-color:#1d9e751f}.server-status-label.label-offline{color:var(--color-text-tertiary);background-color:#7878821a}.server-join-btn{border-radius:var(--radius-sm);cursor:pointer;background-color:var(--color-accent-primary);color:#fff;border:none;padding:6px 18px;font-size:.82rem;font-weight:600;transition:background-color .15s,box-shadow .15s,transform .1s}.server-join-btn:hover:not(:disabled){background-color:var(--color-accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.server-join-btn:disabled{background-color:var(--color-bg-subtle);color:var(--color-text-tertiary);cursor:not-allowed}.portal-unverified-label{border-radius:var(--radius-full);color:var(--color-amber);text-transform:uppercase;letter-spacing:.04em;background-color:#ba751724;align-items:center;gap:4px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.portal-locked-section{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);text-align:center;border:1px solid #ba751733;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.portal-locked-section .locked-icon{opacity:.7;margin-bottom:16px;font-size:3rem}.portal-locked-section h3{color:var(--color-amber);margin-bottom:8px;font-size:1.15rem;font-weight:600}.portal-locked-section p{color:var(--color-text-tertiary);max-width:400px;font-size:.92rem}@media (width<=768px){.portal-sidebar{align-items:center;width:64px;min-width:64px;padding:16px 8px}.portal-sidebar .sidebar-title,.portal-sidebar .sidebar-link span:not(.sidebar-icon),.portal-sidebar .logout-btn span:not(.sidebar-icon),.portal-username,.portal-unverified-label{display:none}.portal-sidebar .sidebar-header{justify-content:center;margin-bottom:16px;padding-bottom:16px}.portal-sidebar .sidebar-link{justify-content:center;gap:0;padding:10px}.portal-sidebar .sidebar-icon{margin:0}.portal-sidebar .logout-btn{gap:0;padding:10px;font-size:0}.portal-sidebar .logout-btn svg,.portal-user-avatar{margin:0 auto}.portal-user-info{justify-content:center}.portal-main{padding:24px 20px}.portal-header h1{font-size:1.4rem}.portal-subtitle{font-size:.85rem}.portal-content-placeholder,.portal-locked-section{padding:48px 24px}}.portal-sidebar .mobile-logout-btn{display:none}@media (width<=480px){.portal-body{flex-direction:column-reverse}.portal-sidebar{border-right:none;border-top:1px solid var(--color-border-default);flex-direction:row;width:100%;min-width:100%;height:auto;padding:8px 12px;box-shadow:0 -2px 8px #0000000f}.portal-sidebar .sidebar-header,.portal-sidebar .sidebar-footer{display:none}.portal-sidebar .sidebar-nav{flex-direction:row;justify-content:space-around;gap:0;width:100%}.portal-sidebar .sidebar-link{border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:.7rem}.portal-sidebar .sidebar-link span:not(.sidebar-icon){display:block}.portal-sidebar .sidebar-icon{font-size:1.2rem}.portal-main{flex:1;height:calc(100vh - 64px);padding:20px 16px}.portal-header h1{font-size:1.25rem}.portal-content-placeholder,.portal-locked-section{padding:40px 20px}.portal-sidebar .mobile-logout-btn{display:flex;color:var(--color-coral)!important}}.logout-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s overlayFadeIn;display:flex;position:fixed;inset:0}.logout-dialog{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:380px;padding:28px;animation:.2s dialogSlideIn}.logout-dialog h3{margin-bottom:8px;font-size:1.15rem;font-weight:700}.logout-dialog p{color:var(--color-text-secondary);margin-bottom:24px;font-size:.92rem}.logout-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.logout-dialog-cancel{border-radius:var(--radius-sm);border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:8px 18px;font-size:.88rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s}.logout-dialog-cancel:hover{background-color:var(--color-bg-subtle);color:var(--color-text-primary)}.logout-dialog-confirm{border-radius:var(--radius-sm);background-color:var(--color-coral);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:.88rem;font-weight:600;transition:background-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.logout-dialog-confirm:hover{background-color:#c04a28;transform:translateY(-1px);box-shadow:0 2px 12px #d85a3059}.complete-profile-body{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.complete-profile-window{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-strong);width:500px;box-shadow:var(--shadow-md);color:var(--color-text-primary);background:var(--lightningcss-light,#fff6)var(--lightningcss-dark,#0006);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:32px 0;display:flex}.complete-profile-subtitle{color:var(--color-text-tertiary);margin-bottom:8px;font-size:.88rem}.complete-profile-window form{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.complete-profile-window form>*{width:80%}.complete-profile-window .input-group{flex-direction:column;gap:4px;display:flex}.complete-profile-window .input-group label{color:var(--color-text-secondary);font-size:.88rem}.complete-profile-window .input-wrapper{align-items:center;display:flex;position:relative}.complete-profile-window .input-icon{color:var(--color-text-tertiary);pointer-events:none;flex-shrink:0;position:absolute;left:12px}.complete-profile-window .input-wrapper input{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-overlay);width:100%;color:var(--color-text-primary);box-shadow:none;padding:10px 10px 10px 36px}.input-readonly{opacity:.6;cursor:not-allowed;background-color:var(--color-bg-subtle)!important}.complete-profile-btn{background-color:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:20px;padding:10px 20px;font-weight:600;transition:background-color .15s,box-shadow .15s}.complete-profile-btn:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-accent)}.complete-profile-btn:disabled{opacity:.6;cursor:not-allowed}.complete-profile-error{color:var(--color-coral);align-items:center;gap:6px;width:80%;margin:0;font-size:.9rem;display:flex}.complete-profile-success{color:var(--color-teal);align-items:center;gap:6px;width:80%;margin:0;font-size:.9rem;display:flex}.complete-profile-note{color:var(--color-text-tertiary);align-items:center;gap:6px;margin-top:18px;font-size:.82rem;display:flex}.google-icon-small{flex-shrink:0}@media (width<=768px){.complete-profile-window{width:95%;max-width:500px;padding:24px 0}}@media (width<=480px){.complete-profile-body{padding:16px}.complete-profile-window{border-radius:var(--radius-md);width:100%;padding:20px 0}.complete-profile-window h1{font-size:1.4rem}.complete-profile-window form>*{width:90%}.complete-profile-error,.complete-profile-success{width:90%;font-size:.82rem}.complete-profile-btn{width:100%}}