@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--primary:#2c3e50;--secondary:#4b6584;--accent:#f39c12;--background:#f5f6fa;--text:#2d3436;--light-text:#636e72;--white:#fff;--shadow:0 4px 6px #0000001a}body{background-color:#f5f6fa;background-color:var(--background);color:#2d3436;font-family:Poppins,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.content{flex:1 1;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.navbar{background-color:#2c3e50;background-color:var(--primary);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--white);padding:1rem}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px}.logo,.navbar-container{align-items:center;display:flex}.logo{font-size:1.5rem;gap:.5rem}.logo img{height:2.5rem}.nav-links{display:flex;gap:1.5rem}.nav-link{color:#fff;color:var(--white);font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#f39c12;color:var(--accent)}.mobile-menu-btn{background:none;border:none;color:#fff;color:var(--white);cursor:pointer;display:none;font-size:1.5rem}.hero{margin-bottom:2rem;padding:2rem 0;text-align:center}.hero h1{color:#2c3e50;color:var(--primary);font-size:2.5rem;margin-bottom:1rem}.hero p{color:#636e72;color:var(--light-text);font-size:1.1rem;margin:0 auto;max-width:600px}.carousel{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;overflow:hidden;position:relative}.carousel-inner{display:flex;transition:transform .5s ease}.carousel-item{flex:0 0 100%;height:300px;position:relative}.carousel-item img{height:100%;object-fit:cover;width:100%}.carousel-caption{background:#00000080;bottom:0;color:#fff;color:var(--white);left:0;padding:1rem;position:absolute;right:0}.carousel-controls{display:flex;justify-content:space-between;position:absolute;top:50%;transform:translateY(-50%);width:100%}.carousel-btn{align-items:center;background:#0000004d;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:background .3s ease;width:40px}.carousel-btn:hover{background:#0009}.carousel-indicators{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.indicator{background:#636e72;background:var(--light-text);border-radius:50%;cursor:pointer;height:10px;width:10px}.indicator.active{background:#f39c12;background:var(--accent)}.server-status{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);display:flex;margin-bottom:2rem;overflow:hidden}.status-box{border-right:1px solid #0000001a;flex:1 1;padding:1.5rem;text-align:center}.status-box:last-child{border-right:none}.status-box h3{color:#2c3e50;color:var(--primary);font-size:1.2rem;margin-bottom:.5rem}.status-box .status{font-size:1.5rem;font-weight:600}.status-box .online{color:#27ae60}.status-box .offline{color:#e74c3c}.features-section{padding:2rem 0}.features-section h2{color:#2c3e50;color:var(--primary);font-size:2rem}.features-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background-color:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{align-items:center;color:#2c3e50;color:var(--primary);display:flex;gap:.5rem;margin-bottom:1rem}.auth-container{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:500px;padding:2rem}.auth-container h1{color:#2c3e50;color:var(--primary);margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group label{color:#2c3e50;color:var(--primary)}.form-control{border:1px solid #ddd;border-radius:8px;font-family:inherit;padding:.8rem}.btn{border-radius:8px;border-radius:var(--border-radius);padding:.8rem 1.5rem;transition:background-color .3s ease}.btn-primary{background-color:#2c3e50;color:var(--white)}.btn-primary:hover{background-color:#4b6584;background-color:var(--secondary)}.auth-redirect{color:#636e72;color:var(--light-text);margin-top:1.5rem}.auth-redirect a{color:#f39c12;color:var(--accent)}.download-container{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin:2rem auto;max-width:800px;padding:2rem}.download-container h1{color:#2c3e50;color:var(--primary);margin-bottom:1rem;text-align:center}.download-info{margin-bottom:2rem}.download-list{list-style:none}.download-item{align-items:center;background-color:#f5f6fa;background-color:var(--background);border-radius:8px;border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem}.download-item-info h3{color:#2c3e50;color:var(--primary);margin-bottom:.5rem}.download-item-info p{color:#636e72;color:var(--light-text);font-size:.9rem}.download-btn{align-items:center;background-color:#f39c12;background-color:var(--accent);border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.download-btn:hover{background-color:#e67e22}.system-requirements{margin-top:2rem}.system-requirements h2{color:#2c3e50;color:var(--primary);margin-bottom:1rem}.requirements-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none}.requirement-item{background-color:#f5f6fa;background-color:var(--background);border-radius:8px;border-radius:var(--border-radius);padding:1rem}.requirement-item h4{color:#4b6584;color:var(--secondary);margin-bottom:.5rem}.footer{background-color:#2c3e50;background-color:var(--primary);color:#fff;color:var(--white);margin-top:2rem;padding:2rem 1rem}.footer-container{display:flex;flex-direction:column;gap:1.5rem}.footer-top{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.footer-logo{display:flex;flex-direction:column;gap:.5rem;max-width:300px}.footer-logo h3{align-items:center;display:flex;font-size:1.5rem;gap:.5rem}.footer-logo p{color:#636e72;color:var(--light-text);font-size:.9rem}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links h4{color:#f39c12;color:var(--accent);margin-bottom:.5rem}.footer-link{color:#636e72;color:var(--light-text);transition:color .3s ease}.footer-link:hover{color:#fff;color:var(--white)}.footer-bottom{border-top:1px solid #ffffff1a;color:#636e72;color:var(--light-text);font-size:.9rem}@media (max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:block}.nav-links.active{background-color:#2c3e50;background-color:var(--primary);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;left:0;padding:1rem;position:fixed;right:0;top:70px;z-index:10}.content.menu-open{margin-top:200px;transition:margin-top .3s ease}.hero h1{font-size:2rem}.carousel-item{height:200px}.server-status{flex-direction:column}.status-box{border-bottom:1px solid #0000001a;border-right:none}.footer-top{flex-direction:column;gap:1.5rem}.profile-dropdown{display:inline-block;position:relative}.profile-btn{align-items:center;background:none;border:none;color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:0}.dropdown-menu{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 8px 16px #0000001a;margin-top:.5rem;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.dropdown-item{background:none;border:none;color:#2d3436;color:var(--text);cursor:pointer;display:block;font-size:1rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background-color .3s;width:100%}.dropdown-item:hover{background-color:#f5f6fa;background-color:var(--background)}.logout-btn{color:#e74c3c;font-weight:500}.dashboard{display:flex;gap:1.5rem;padding:1.5rem 0}.dashboard-sidebar{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);flex-shrink:0;overflow:hidden;width:250px}.sidebar-header{background-color:#2c3e50;background-color:var(--primary);color:#fff;color:var(--white);padding:1.5rem}.sidebar-username{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.sidebar-role{font-size:.9rem;opacity:.8}.sidebar-nav{padding:1rem 0}.sidebar-nav-item{align-items:center;color:#2d3436;color:var(--text);display:flex;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s}.sidebar-nav-item.active,.sidebar-nav-item:hover{background-color:#0000000d}.sidebar-nav-item.active{border-left:3px solid #f39c12;border-left:3px solid var(--accent)}.sidebar-icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:.75rem;width:20px}.dashboard-main{flex:1 1}.dashboard-card{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.dashboard-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.dashboard-card-title{color:#2c3e50;color:var(--primary);font-size:1.25rem;font-weight:600;margin:0}.dashboard-card-link{color:#f39c12;color:var(--accent);font-size:.9rem;font-weight:500;text-decoration:none}.dashboard-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);padding:1.25rem}.stat-title{color:#636e72;color:var(--light-text);font-size:.9rem;margin-bottom:.5rem}.stat-value{color:#2c3e50;color:var(--primary);font-size:1.75rem;font-weight:700}.character-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.character-card{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:transform .3s ease}.character-card:hover{transform:translateY(-5px)}.character-header{align-items:center;background-color:#4b6584;background-color:var(--secondary);color:#fff;color:var(--white);display:flex;height:80px;justify-content:space-between;padding:1rem;position:relative}.character-name{font-size:1.2rem;font-weight:600;margin:0}.character-class{font-size:.9rem;opacity:.8}.character-level{align-items:center;background-color:#f39c12;background-color:var(--accent);border-radius:50%;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.character-body{padding:1rem}.character-stats{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.character-stat{display:flex;justify-content:space-between}.character-stat-name{color:#636e72;color:var(--light-text);font-size:.9rem}.character-stat-value{font-weight:500}.character-actions{display:flex;gap:.5rem}.character-action-btn{background-color:#2c3e50;background-color:var(--primary);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;flex:1 1;font-size:.9rem;padding:.5rem;transition:background-color .3s}.character-action-btn:hover{background-color:#4b6584;background-color:var(--secondary)}.inventory-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.inventory-item{align-items:center;background-color:#f5f6fa;background-color:var(--background);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;height:70px;justify-content:center;position:relative;width:70px}.inventory-item img{max-height:90%;max-width:90%}.inventory-item-count{background-color:#000000b3;border-radius:4px;bottom:2px;color:#fff;color:var(--white);font-size:.75rem;padding:.1rem .3rem;position:absolute;right:2px}.inventory-item:hover{box-shadow:0 0 0 2px #f39c12;box-shadow:0 0 0 2px var(--accent)}.inventory-item.empty{background-color:#00000005;border:2px dashed #0000001a}.account-form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.donation-packages{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:1.5rem}.donation-package{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:transform .3s ease}.donation-package:hover{transform:translateY(-5px)}.package-header{background-color:#2c3e50;background-color:var(--primary);color:#fff;color:var(--white);padding:1.25rem;text-align:center}.package-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.package-price{font-size:1.5rem;font-weight:700}.package-body{padding:1.25rem}.package-description{color:#636e72;color:var(--light-text);margin-bottom:1rem}.package-features{margin-bottom:1.25rem}.package-feature{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.package-feature:last-child{margin-bottom:0}.package-feature-icon{color:#27ae60}.package-actions{display:flex;justify-content:center}.server-news{margin-bottom:1.5rem}.news-item{border-bottom:1px solid #0000001a;padding:1rem 0}.news-item:last-child{border-bottom:none}.news-date{color:#636e72;color:var(--light-text);font-size:.8rem;margin-bottom:.25rem}.news-title{font-weight:600;margin-bottom:.5rem}.news-snippet{color:#636e72;color:var(--light-text);font-size:.9rem}@media (max-width:768px){.dashboard{flex-direction:column}.dashboard-sidebar{margin-bottom:1rem;width:100%}.account-form{grid-template-columns:1fr}}}.footer{background-color:#151924;padding:10px 0;width:100%}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.footer-bottom{margin-bottom:-5px}.footer-disclaimer{color:#fff;font-size:14px;margin:0;opacity:.8}.footer-nav{border-top:1px solid #ffffff1a;padding-top:15px;text-align:center}.footer-link{color:#66b2ff;display:inline-block;font-size:15px;font-weight:500;padding:5px 10px;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#9cf;text-decoration:underline}.footer-divider{color:#ffffff4d;margin:0 10px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#151924;color:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden;width:100%}.home-wrapper{align-items:center;background-color:#151924}.content-section,.home-wrapper{display:flex;flex-direction:column;width:100%}.content-section{gap:2rem;margin:2rem auto;max-width:1100px;padding:0 1rem}.section-divider{border-top:1px solid #ffffff14;margin:1.5rem auto;max-width:1100px;opacity:.6;width:100%}.error-message,.loading-message{color:#adb5bd;padding:2rem 0;text-align:center}.error-message h2{color:#f44336;margin-bottom:.75rem}@keyframes pulse-bg{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}70%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.hero-section{height:500px}.hero-section:before{background-image:url(/static/media/hero5.9c09ab6ef0bff297574a.jpg)}.event-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#151924cc;border-left:4px solid #2196f3;border-radius:8px;box-shadow:0 4px 10px #00000026;cursor:pointer;margin-bottom:1rem;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .3s ease}.event-banner:before{background:radial-gradient(circle,#2196f333 0,#2196f300 70%);border-radius:50%;content:"";height:180px;position:absolute;right:-50px;top:-50px;width:180px;z-index:0}.event-banner:hover{box-shadow:0 6px 15px #0003;transform:translateY(-2px)}.event-banner.collapsed{padding:.875rem 1.25rem}.event-banner.collapsed .event-banner-title{font-size:1.125rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-banner.collapsed .expandable-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .25s ease}.event-banner.expanded .expandable-content{max-height:350px;opacity:1;transition:max-height .4s ease,opacity .25s ease .1s}.event-banner.collapsed:after{bottom:12px;color:#2196f3;content:"Expand";font-size:.7rem;font-weight:500;letter-spacing:.05em;position:absolute;right:12px;text-transform:uppercase}.event-meta{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.event-banner-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.event-banner-label{background-color:#2196f3;border-radius:20px;box-shadow:0 2px 4px #2196f34d;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.event-banner-title{color:#f8f9fa;font-size:1.4rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:.75rem;margin-top:.25rem}.event-banner-description{color:#dee2e6;font-size:.95rem;font-weight:400;line-height:1.6;margin-bottom:1rem;max-width:95%}.event-banner-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1.25rem}.event-banner-link{align-items:center;background-color:#2196f3;border-radius:6px;box-shadow:0 2px 5px #2196f34d;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1.25rem;position:relative;text-decoration:none;transition:all .2s;z-index:10}.event-banner-link:hover{background-color:#1976d2;box-shadow:0 4px 8px #2196f366;transform:translateY(-1px)}.event-banner-link:after{content:"→";margin-left:.5rem;transition:transform .2s ease}.event-banner-link:hover:after{transform:translateX(3px)}.event-countdown{background-color:#151924cc;border:1px solid #2196f34d;border-radius:6px;display:inline-block;padding:.6rem .75rem}.countdown-label{color:#adb5bd;font-size:.8rem;font-weight:500;letter-spacing:.03em;margin-bottom:.5rem}.countdown-timer{display:flex;gap:.5rem}.countdown-item{align-items:center;display:flex;flex-direction:column;min-width:2.5rem}.countdown-value{font-feature-settings:"tnum";background-color:#2196f326;border-radius:4px;box-shadow:inset 0 1px 3px #00000026;color:#f8f9fa;font-size:1.125rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em;min-width:2.25rem;padding:.25rem .5rem;text-align:center}.countdown-unit{color:#adb5bd;font-size:.7rem;font-weight:500;letter-spacing:.05em;margin-top:.25rem;text-transform:uppercase}.tabs-container{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.tabs{display:flex;gap:1rem}.tab{background:none;border:none;border-radius:6px 6px 0 0;color:#adb5bd;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1rem;position:relative;transition:color .2s,background-color .2s}.tab:hover{background-color:#ffffff0d;color:#f0f0f0}.tab.active{color:#f8f9fa}.tab.active:after{bottom:-.75rem;content:"";height:3px;left:0;position:absolute;width:100%}.tab.active.event:after{background-color:#ff9800}.tab.active.update:after{background-color:#7e57c2}.tab.active.news:after{background-color:#66bb6a}.tab-count{background-color:#ffffff1a;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.2rem .5rem}.cards-container{background-color:#1e2235;border-radius:8px;box-shadow:0 4px 12px #0003;margin-bottom:1.5rem;overflow:hidden}.card,.cards-container{position:relative;width:100%}.card{background-color:initial;border-radius:0;box-shadow:none;display:flex;flex-direction:column;min-height:auto;padding:1.5rem 1.5rem 0;transition:opacity .3s ease}.card.event{border-left:3px solid #ff9800}.card.update{border-left:3px solid #7e57c2}.card.news{border-left:3px solid #66bb6a}.card-inner{display:flex;flex-direction:column;gap:.75rem;height:100%;position:relative;z-index:2}.card-header{border-bottom:1px solid #ffffff1a;margin-bottom:.75rem;padding-bottom:.75rem;position:relative}.card-meta{align-items:center;display:flex;gap:1rem;justify-content:flex-start;margin-bottom:.75rem}.card-category{align-items:center;border-radius:4px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:.3rem .6rem;text-transform:uppercase}.card-category.event{background-color:#ff9800}.card-category.update{background-color:#7e57c2}.card-category.news{background-color:#66bb6a}.card-date{align-items:center;color:#adb5bd;display:flex;font-size:.875rem}.card-date:before{color:#6c757d;content:"•";margin-right:.5rem;opacity:.7}.card-title{color:#f8f9fa;font-size:1.5rem;line-height:1.3;margin:0 0 .5rem;padding-right:6rem}.card-content{color:#dee2e6;flex-grow:1;font-size:1rem;line-height:1.7;margin-bottom:1.75rem}.status-badge{border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;margin-right:auto;padding:.2rem .5rem;position:absolute;right:6.5rem;top:0}.status-badge.completed{background-color:#607d8b}.status-badge.inactive{background-color:#9e9e9e}.status-badge.archived{background-color:#78909c}.read-more-link{align-items:center;background-color:#2196f326;border-radius:4px;color:#2196f3;display:inline-flex;font-size:.75rem;font-weight:600;padding:.35rem .7rem;position:absolute;right:0;text-decoration:none;top:0;transition:all .2s ease;z-index:5}.read-more-link:hover{background-color:#2196f340;transform:translateY(-1px)}.read-more-link:active{transform:translateY(0)}.card-animated{animation:fadeIn .3s ease-out}.card-nav{background-color:#00000026;border-top:1px solid #ffffff0d;justify-content:space-between;padding:.75rem 1.5rem;width:100%}.card-arrow,.card-nav{align-items:center;display:flex}.card-arrow{background-color:#2196f31a;border:none;border-radius:4px;color:#2196f3;cursor:pointer;font-size:1.25rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.card-arrow:hover{background-color:#2196f333}.card-arrow:active{transform:scale(.95)}.card-arrow:disabled{cursor:not-allowed;opacity:.3;transform:none}.card-pagination{display:flex;gap:.5rem;justify-content:center}.pagination-dot{background-color:#fff3;border-radius:50%;cursor:pointer;height:8px;transition:all .2s ease;width:8px}.pagination-dot.active.event{background-color:#ff9800}.pagination-dot.active.update{background-color:#7e57c2}.pagination-dot.active.news{background-color:#66bb6a}.pagination-dot.active{transform:scale(1.2)}.pagination-dot:hover:not(.active){background-color:#fff6}.empty-content{background-color:#ffffff08;border:1px dashed #ffffff1a;border-radius:8px;color:#adb5bd;padding:2.5rem;text-align:center}.view-all-link{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#f0f0f0;display:inline-flex;font-size:.815rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.view-all-link.event{border-color:#ff98004d}.view-all-link.update{border-color:#7e57c24d}.view-all-link.news{border-color:#66bb6a4d}.view-all-link:hover{background-color:#ffffff1a;border-color:#fff3}.view-all-link.event:hover{background-color:#ff98001a;border-color:#ff980066}.view-all-link.update:hover{background-color:#7e57c21a;border-color:#7e57c266}.view-all-link.news:hover{background-color:#66bb6a1a;border-color:#66bb6a66}.view-all-link:active{transform:translateY(1px)}.expand-toggle{align-items:center;background:none;background-color:#ffffff1a;border:none;border-radius:50%;color:#f0f0f0;cursor:pointer;display:flex;font-size:.65rem;height:16px;justify-content:center;padding:.1rem .25rem;transition:background-color .2s;width:16px}.expand-toggle:hover{background-color:#fff3}.notices-container{margin:2rem auto;max-width:1100px;padding:0 1rem;position:relative;width:100%;z-index:10}.notice-banner{border-radius:8px;box-shadow:0 4px 16px #0003;cursor:pointer;margin-bottom:1rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.notice-banner:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:150px;opacity:.1;position:absolute;right:0;top:0;width:150px;z-index:0}.notice-banner.critical{animation:pulse 2s infinite;background-color:#f443361a;border-left:4px solid #f44336}.notice-banner.critical:before{background:radial-gradient(circle,#f4433633 0,#f4433600 70%)}.notice-banner.warning{background-color:#ffc1071a;border-left:4px solid #ffc107}.notice-banner.warning:before{background:radial-gradient(circle,#ffc10733 0,#ffc10700 70%)}.notice-banner.info{background-color:#2196f31a;border-left:4px solid #2196f3}.notice-banner.info:before{background:radial-gradient(circle,#2196f333 0,#2196f300 70%)}.notice-banner.collapsed{padding:1rem 1.5rem}.notice-banner.collapsed .notice-banner-title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-banner.collapsed .expandable-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.notice-banner.expanded .expandable-content{max-height:500px;opacity:1;transition:max-height .5s ease,opacity .3s ease .1s}.notice-banner:hover{box-shadow:0 6px 20px #00000040}.notice-banner.collapsed:after{bottom:8px;color:#ffffff80;content:"Click to expand";font-size:.7rem;font-style:italic;position:absolute;right:12px}.notice-banner-content{position:relative;z-index:1}.notice-banner-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.notice-meta{align-items:center;display:flex;gap:.75rem}.notice-icon{font-size:1.25rem}.notice-banner-label{border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.25rem .5rem}.notice-banner-label.critical{background-color:#f44336}.notice-banner-label.warning{background-color:#ffc107}.notice-banner-label.info{background-color:#2196f3}.notice-date-info{align-items:center;display:flex;gap:.5rem}.notice-banner-date{color:#adb5bd;font-size:.875rem}.notice-time-indicator{color:#f44336;font-size:.875rem;font-weight:500}.notice-toggle{align-items:center;background:none;background-color:#ffffff1a;border:none;border-radius:50%;color:#f0f0f0;cursor:pointer;display:flex;font-size:.75rem;height:20px;justify-content:center;padding:.1rem .4rem;transition:background-color .2s;width:20px}.notice-toggle:hover{background-color:#fff3}.notice-banner-title{color:#f8f9fa;font-size:1.5rem;margin-bottom:.75rem;margin-top:0}.notice-banner-description{color:#dee2e6;font-size:1rem;line-height:1.6;margin-bottom:1rem}.notice-banner-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.notice-banner-link{border-radius:4px;display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;text-decoration:none;transition:background-color .2s}.critical .notice-banner-link{background-color:#f44336;color:#fff}.critical .notice-banner-link:hover{background-color:#d32f2f}.warning .notice-banner-link{background-color:#ffc107;color:#212529}.warning .notice-banner-link:hover{background-color:#e0a800}.info .notice-banner-link{background-color:#2196f3;color:#fff}.info .notice-banner-link:hover{background-color:#1976d2}.notice-duration{align-items:center;background-color:#00000026;border-radius:4px;display:flex;gap:.5rem;padding:.5rem 1rem}.duration-label{color:#f0f0f0;font-size:.875rem}.duration-value{color:#f8f9fa;font-size:.875rem;font-weight:700}.home-content-layout{display:flex;flex-direction:column;gap:1.5rem;width:100%}@media (min-width:768px){.home-content-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:300px 1fr;min-height:470px}.news-column,.server-status-column{display:flex;flex-direction:column;height:100%}.news-column>div,.server-status-widget{height:100%}.cards-container{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:350px}.card,.card-inner{display:flex;flex:1 1;flex-direction:column}.card-content{flex:1 1}}.server-status-widget{background-color:#1e2235;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;height:100%;min-height:350px;overflow:hidden}.status-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.status-header h2{color:#f8f9fa;font-size:1.2rem;font-weight:600;margin:0}.status-refresh-btn{align-items:center;background-color:#2196f326;border:none;border-radius:4px;color:#2196f3;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.status-refresh-btn:hover{background-color:#2196f340}.status-content{display:flex;flex-direction:column;flex-grow:1;gap:1rem;padding:1.25rem 1.5rem}.status-main-info{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.status-indicator-wrapper{align-items:center;display:flex;gap:.75rem}.status-indicator{position:relative}.status-indicator:before{animation:pulse-bg 2s infinite;background:inherit;border-radius:50%;content:"";height:100%;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.status-indicator.online{background-color:#4caf50}.status-indicator.offline{background-color:#f44336}.status-indicator.loading{animation:fadeInOut 1s ease-in-out infinite;background-color:#2196f3}.status-indicator.updating{animation:fadeIn .5s ease-out}.status-label{font-size:.875rem;font-weight:600;letter-spacing:.01em}.status-label.online{color:#4caf50}.status-label.offline{color:#f44336}.status-label.loading{color:#2196f3}.player-count{align-items:flex-end;display:flex;flex-direction:column}.count-label{color:#adb5bd;font-size:.8rem;margin-bottom:.2rem}.count-value{font-size:1.5rem;font-weight:600;line-height:1}.count-value.online{color:#4caf50}.count-value.offline{color:#f44336}.count-value.loading{color:#2196f3}.count-value.updating{animation:fadeIn .5s ease-out}.server-time{align-items:center;background-color:#00000026;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.875rem 1rem}.time-label{color:#adb5bd;font-size:.875rem}.time-value{color:#f8f9fa;font-size:1rem;font-weight:600}.time-value.updating{animation:fadeIn .5s ease-out}.server-details{margin-top:.5rem}.detail-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#adb5bd;font-size:.875rem}.detail-value{color:#f0f0f0;font-size:.925rem;font-weight:600}.detail-value.boosted{color:#2196f3;font-weight:600}.status-maintenance-alert{background-color:#f4433614;border-left:3px solid #f44336;border-radius:4px;margin-bottom:1rem;padding:.875rem 1rem}.status-maintenance-alert h4{color:#f44336;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.status-maintenance-alert p{color:#f0f0f0;font-size:.875rem;line-height:1.4;margin:0}.status-error{color:#f44336;font-size:.9rem;padding:1.5rem 0;text-align:center}@media (max-width:768px){.server-status-widget{min-height:0}.status-content,.status-header{padding:1rem 1.25rem}.count-value{font-size:1.25rem}.server-time{padding:.625rem .875rem}.status-maintenance-alert{padding:.75rem}.status-refresh-btn{font-size:.9rem;height:28px;width:28px}}@media (max-width:576px){.event-banner{padding:.875rem 1rem}.event-banner.expanded{padding-bottom:1.5rem}.event-banner.collapsed{padding:.75rem 1rem}.event-banner-header{align-items:flex-start;flex-direction:column;gap:.75rem}.event-banner-title{font-size:1.25rem;margin-bottom:.75rem;margin-top:.5rem;padding-right:0}.event-banner-footer{align-items:flex-start;flex-direction:column;gap:1rem}.event-countdown{max-width:none;width:100%}.event-banner-link{align-self:flex-start}.countdown-timer{width:100%}.countdown-item{min-width:auto}.event-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.event-banner.collapsed:after{bottom:8px;right:8px}.event-banner.expanded .expandable-content{max-height:800px}}.two-factor-auth-container{background-color:#1e2235!important;border:1px solid #ffffff0d;border-radius:10px;box-shadow:0 4px 12px #0003;color:#f0f0f0;margin:0 auto;max-width:420px;padding:2rem 1.5rem;width:100%}.two-factor-auth-header{margin-bottom:1.5rem;text-align:center}.two-factor-auth-header h2{color:#f8f9fa;font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.two-factor-auth-header p{color:#adb5bd;font-size:.875rem;line-height:1.5;margin:0}.two-factor-auth-error{background-color:#f443361a;border-left:3px solid #f44336;border-radius:6px;color:#f44336;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem}.two-factor-auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#dee2e6}.form-control{font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.verification-code-input{font-family:monospace;font-size:1.25rem;letter-spacing:2px;text-align:center}.form-control::placeholder{color:#6c757d}.form-text{color:#adb5bd;font-size:.75rem;margin-top:.25rem}.form-divider{align-items:center;color:#adb5bd;display:flex;margin:.5rem 0;text-align:center}.form-divider:after,.form-divider:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.form-divider:before{margin-right:1rem}.form-divider:after{margin-left:1rem}.two-factor-auth-actions{display:flex;gap:15px;justify-content:space-between;margin-top:.5rem}.btn{flex:1 1;font-weight:500;padding:.75rem 1rem;transition:all .2s ease-in-out}.btn:disabled{opacity:.65}.btn-primary{border-color:#2196f3}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-secondary{background-color:#ffffff1a;border-color:#ffffff1a;color:#f0f0f0}.btn-secondary:hover:not(:disabled){background-color:#ffffff26;transform:translateY(-1px)}.two-factor-auth-help{font-size:.875rem;margin-top:2rem;text-align:center}.two-factor-auth-help a{color:#2196f3;text-decoration:none;transition:color .2s ease}.two-factor-auth-help a:hover{color:#64b5f6;text-decoration:underline}.login-style-wrapper{--primary:#4d7aff;--primary-light:#232c3d;--primary-dark:#6d93ff;--secondary:#8b96a7;--background:#151924;--card-bg:#1c2231;--card-bg-light:#242a38;--card-border:#2c334a;--text:#c5cce0;--text-muted:#a4aec7;--text-darker:#8792ab;--success:#4ade80;--success-bg:#142a21;--danger:#ff6b6b;--danger-bg:#301c20;--purple:#9747ff;--purple-light:#2b2038;--border-radius:6px;--shadow:0 4px 12px #0006;--transition:all 0.2s ease;--inner-container-bg:#1a1f2b;--button-shadow:#0006}body,html{background-color:var(--background)!important /* !important to override any other styles */}body{color:var(--text);font-family:Inter,sans-serif;font-size:16px;margin:0;min-height:100vh;padding:0}.auth-container{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;box-shadow:var(--shadow);margin:60px auto;max-width:450px;padding:30px;width:100%}.auth-container h1{color:var(--text);font-size:24px;font-weight:600;margin:0 0 25px;position:relative;text-align:center}.auth-container h1:after{background:var(--primary);border-radius:2px;content:"";display:block;height:3px;margin:15px auto 0;width:50px}.auth-form{margin-bottom:25px}.form-group{margin-bottom:20px}.form-control{background-color:var(--card-bg-light);border-radius:6px}.form-control:focus{box-shadow:0 0 0 2px #4d7aff33}.error{margin-top:5px}.checkbox-group{align-items:center;display:flex}.checkbox-group label{color:var(--text-muted);font-size:14px;margin-bottom:0}.checkbox-group input[type=checkbox]{accent-color:var(--primary)}.btn{border:1px solid #0000;border-radius:6px;display:inline-block;font-size:16px;line-height:1.5;padding:12px 20px;text-align:center;transition:var(--transition);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;width:100%}.btn-primary{background-color:var(--primary);border-color:var(--primary);box-shadow:0 4px 6px var(--button-shadow);color:var(--text)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 6px 8px var(--button-shadow);transform:translateY(-2px)}.btn-primary:focus{box-shadow:0 0 0 3px #4d7aff4d;outline:none}.btn-primary:active{box-shadow:0 2px 4px var(--button-shadow);transform:translateY(1px)}.btn:disabled{transform:none!important}.alert{border:1px solid #0000;border-radius:6px;font-size:14px}.alert-error{background-color:var(--danger-bg);border-color:var(--danger)}.auth-redirect{color:var(--text-muted);font-size:14px;text-align:center}.auth-redirect p{margin:10px 0}.auth-redirect a{color:var(--primary);font-weight:500;text-decoration:none;transition:var(--transition)}.auth-redirect a:hover{color:var(--primary-dark);text-decoration:underline}.forgot-password{color:var(--text-muted)!important;font-weight:400!important;text-decoration:underline!important}.forgot-password:hover{color:var(--text)!important}.checkbox-group{margin:16px 0}.checkbox-container{align-items:flex-start;display:flex;margin-bottom:5px}.checkbox-container input[type=checkbox]{cursor:pointer;height:16px;margin-right:10px;margin-top:4px;min-width:16px}.checkbox-label{cursor:pointer;font-size:14px;line-height:1.4}.checkbox-label a{color:#66b2ff;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}@media (max-width:576px){.auth-container{margin:30px auto;padding:20px;width:90%}.auth-container h1{font-size:22px}.btn{font-size:15px;padding:10px 15px}}.form-control{background-color:var(--inner-container-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);box-shadow:inset 0 1px 3px #0000001a;color:var(--text);font-family:Inter,sans-serif;font-size:15px;padding:12px 15px;transition:var(--transition)}.form-control:focus{background-color:#4d7aff0d;border-color:var(--primary);box-shadow:0 0 0 2px #4d7aff26,inset 0 1px 3px #0000000d}.form-control:hover:not(:disabled):not(:focus){border-color:#4d7aff66}.form-control::placeholder{color:var(--text-darker);opacity:.7}.form-control.is-invalid{background-color:#ff6b6b0d;border-color:var(--danger);box-shadow:inset 0 1px 3px #0000001a}.form-control.is-invalid:focus{box-shadow:0 0 0 2px #ff6b6b26,inset 0 1px 3px #0000000d}.form-control:disabled{background-color:var(--card-bg-light);border-color:var(--card-border);opacity:.6}input[type=date].form-control::-webkit-calendar-picker-indicator{filter:invert(.7) brightness(.8) sepia(.2) saturate(2) hue-rotate(190deg);opacity:.7}input[type=date].form-control::-webkit-calendar-picker-indicator:hover{opacity:1}.checkbox-group input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:var(--inner-container-bg);border:1px solid var(--card-border);border-radius:3px;cursor:pointer;height:16px;margin-right:8px;outline:none;position:relative;vertical-align:middle;width:16px}.checkbox-group input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary)}.checkbox-group input[type=checkbox]:checked:before{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-group input[type=checkbox]:focus{box-shadow:0 0 0 2px #4d7aff33}.checkbox-group label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.error{animation:errorShake .4s ease;color:var(--danger);display:block;font-size:13px;font-weight:500;margin-top:6px}.form-group{margin-bottom:22px}.form-group label{color:var(--text);font-size:15px;margin-bottom:8px;transition:color .2s ease}.form-group:focus-within label{color:var(--primary)}.form-group:has(.is-invalid) label{color:var(--danger)}.password-strength{border-radius:3px;display:inline-block;font-size:.8rem;margin-top:5px;padding:3px 8px}.password-strength-weak{background-color:#ffebee;color:#c62828}.password-strength-medium{background-color:#fff8e1;color:#ff8f00}.password-strength-strong{background-color:#e8f5e9;color:#2e7d32}.expiry-notice{color:#f44336;font-weight:500}.loading-message,.reset-success{padding:20px;text-align:center}.reset-success{background-color:#e8f5e9;border-radius:4px;margin-bottom:20px}.alert{font-weight:500;margin-bottom:20px;padding:12px 15px}.alert-error{background-color:#ffebee;border-left:4px solid #c62828;color:#c62828}.alert-success{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.auth-container .form-group .form-control,.auth-form .form-group .form-control,.login-page .form-control,input.form-control,select.form-control,textarea.form-control{-webkit-appearance:none!important;appearance:none!important;background-color:#2a2f44!important;background-color:var(--inner-container-bg)!important;border:1px solid #ffffff1a!important;border:1px solid var(--card-border)!important;border-radius:4px!important;border-radius:var(--border-radius)!important;box-shadow:inset 0 1px 3px #0000001a!important;color:#f0f0f0!important;color:var(--text)!important;font-family:Inter,sans-serif!important;font-size:15px!important;padding:12px 15px!important;transition:all .2s ease!important;transition:var(--transition)!important;width:100%!important}.auth-container .form-control:focus,.auth-form .form-control:focus,.login-page .form-control:focus,input.form-control:focus,select.form-control:focus,textarea.form-control:focus{background-color:#4d7aff0d!important;border-color:#4d7aff!important;border-color:var(--primary)!important;box-shadow:0 0 0 2px #4d7aff26,inset 0 1px 3px #0000000d!important;outline:none!important}.auth-container .form-control:hover:not(:disabled):not(:focus),.auth-form .form-control:hover:not(:disabled):not(:focus),.login-page .form-control:hover:not(:disabled):not(:focus),input.form-control:hover:not(:disabled):not(:focus),select.form-control:hover:not(:disabled):not(:focus),textarea.form-control:hover:not(:disabled):not(:focus){border-color:#4d7aff66!important}.auth-container .form-control::placeholder,.auth-form .form-control::placeholder,.login-page .form-control::placeholder,input.form-control::placeholder,select.form-control::placeholder,textarea.form-control::placeholder{color:#adb5bd!important;color:var(--text-darker)!important;opacity:.7!important}.auth-container .form-control.is-invalid,.auth-form .form-control.is-invalid,.login-page .form-control.is-invalid,input.form-control.is-invalid,select.form-control.is-invalid,textarea.form-control.is-invalid{background-color:#ff6b6b0d!important;border-color:#ff6b6b!important;border-color:var(--danger)!important;box-shadow:inset 0 1px 3px #0000001a!important}.auth-container .form-control.is-invalid:focus,.auth-form .form-control.is-invalid:focus,.login-page .form-control.is-invalid:focus,input.form-control.is-invalid:focus,select.form-control.is-invalid:focus,textarea.form-control.is-invalid:focus{box-shadow:0 0 0 2px #ff6b6b26,inset 0 1px 3px #0000000d!important}.auth-container .form-control:disabled,.auth-form .form-control:disabled,.login-page .form-control:disabled,input.form-control:disabled,select.form-control:disabled,textarea.form-control:disabled{background-color:#242938!important;background-color:var(--card-bg-light)!important;border-color:#ffffff1a!important;border-color:var(--card-border)!important;cursor:not-allowed!important;opacity:.6!important}.auth-container input[type=date].form-control,.auth-form input[type=date].form-control,.login-page input[type=date].form-control,input[type=date].form-control{appearance:none!important;-webkit-appearance:none!important;background-color:#2a2f44!important;background-color:var(--inner-container-bg)!important}.auth-container input[type=date].form-control::-webkit-calendar-picker-indicator,.auth-form input[type=date].form-control::-webkit-calendar-picker-indicator,.login-page input[type=date].form-control::-webkit-calendar-picker-indicator,input[type=date].form-control::-webkit-calendar-picker-indicator{cursor:pointer!important;filter:invert(.7) brightness(.8) sepia(.2) saturate(2) hue-rotate(190deg)!important;opacity:.7!important}.auth-container .checkbox-group input[type=checkbox],.auth-form .checkbox-group input[type=checkbox],.checkbox-group input[type=checkbox],.login-page .checkbox-group input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;background-color:#2a2f44!important;background-color:var(--inner-container-bg)!important;border:1px solid #ffffff1a!important;border:1px solid var(--card-border)!important;border-radius:3px!important;cursor:pointer!important;height:16px!important;margin-right:8px!important;outline:none!important;position:relative!important;vertical-align:middle!important;width:16px!important}.auth-container .checkbox-group input[type=checkbox]:checked,.auth-form .checkbox-group input[type=checkbox]:checked,.checkbox-group input[type=checkbox]:checked,.login-page .checkbox-group input[type=checkbox]:checked{background-color:#4d7aff!important;background-color:var(--primary)!important;border-color:#4d7aff!important;border-color:var(--primary)!important}.auth-container .checkbox-group input[type=checkbox]:checked:before,.auth-form .checkbox-group input[type=checkbox]:checked:before,.checkbox-group input[type=checkbox]:checked:before,.login-page .checkbox-group input[type=checkbox]:checked:before{color:#fff!important;content:"✓"!important;font-size:12px!important;font-weight:700!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}@keyframes errorShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.auth-container .error,.auth-form .error,.error,.login-page .error{animation:errorShake .4s ease!important;color:#ff6b6b!important;color:var(--danger)!important;display:block!important;font-size:13px!important;font-weight:500!important;margin-top:6px!important}:root{--inner-container-bg:#2a2f44;--border-radius:4px;--text:#f0f0f0;--primary:#4d7aff;--danger:#ff6b6b;--text-darker:#adb5bd;--card-bg-light:#242938}.filter-control .filter-select,.page-container .rankings-container .filter-select,.rankings-container .filter-select,.rankings-filters .filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23adb5bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 10px center!important;background-repeat:no-repeat!important;background-size:16px!important}.filter-control .filter-select,.page-container .rankings-container .filter-select,.page-container .rankings-container .search-input,.rankings-container .filter-select,.rankings-container .search-input,.rankings-filters .filter-select,.rankings-filters .search-input,.search-container .search-input{-webkit-appearance:none!important;appearance:none!important;background-color:#2a2f44!important;background-color:var(--inner-container-bg,#2a2f44)!important;border:1px solid #ffffff1a!important;border:1px solid var(--card-border,#ffffff1a)!important;border-radius:4px!important;border-radius:var(--border-radius,4px)!important;box-shadow:inset 0 1px 3px #0000001a!important;color:#f0f0f0!important;color:var(--text,#f0f0f0)!important;font-family:Inter,sans-serif!important;font-size:15px!important;padding:12px 15px!important;transition:all .2s ease!important;transition:var(--transition,all .2s ease)!important;width:100%!important}.rankings-container .filter-select:focus,.rankings-container .search-input:focus,.rankings-filters .filter-select:focus,.rankings-filters .search-input:focus{background-color:#4d7aff0d!important;border-color:#4d7aff!important;border-color:var(--primary,#4d7aff)!important;box-shadow:0 0 0 2px #4d7aff26,inset 0 1px 3px #0000000d!important;outline:none!important}.rankings-container .filter-select:hover:not(:disabled):not(:focus),.rankings-container .search-input:hover:not(:disabled):not(:focus),.rankings-filters .filter-select:hover:not(:disabled):not(:focus),.rankings-filters .search-input:hover:not(:disabled):not(:focus){border-color:#4d7aff66!important}.rankings-container .search-input::placeholder,.rankings-filters .search-input::placeholder{color:#adb5bd!important;color:var(--text-darker,#adb5bd)!important;opacity:.7!important}.search-container .search-clear{background:none!important;border:none!important;color:#adb5bd!important;color:var(--text-darker,#adb5bd)!important;cursor:pointer!important;font-size:1.25rem!important;line-height:1!important;padding:0!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s ease!important;transition:var(--transition,all .2s ease)!important}.search-container .search-clear:hover{color:#f0f0f0!important;color:var(--text,#f0f0f0)!important}.rankings-container .filter-label,.rankings-filters .filter-label{color:#adb5bd!important;color:var(--text-darker,#adb5bd)!important;display:block!important;font-family:Inter,sans-serif!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:.5rem!important}.rankings-container .search-container,.rankings-filters .search-container{position:relative!important;width:100%!important}.rankings-filters .filter-control{flex:1 1!important;min-width:200px!important}.rankings-container .filter-select:focus,.rankings-container .search-input:focus{animation:inputHighlight .5s ease-out!important}.filter-control .filter-select,.filter-group select.form-control,.rankings-container .filter-select,.rankings-filters select{-webkit-appearance:none!important;appearance:none!important;background-color:#2a2f44!important;background-color:var(--inner-container-bg,#2a2f44)!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23adb5bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 10px center!important;background-repeat:no-repeat!important;background-size:16px!important;border:1px solid #ffffff1a!important;border:1px solid var(--card-border,#ffffff1a)!important;border-radius:4px!important;border-radius:var(--border-radius,4px)!important;box-shadow:inset 0 1px 3px #0000001a!important;color:#f0f0f0!important;color:var(--text,#f0f0f0)!important;cursor:pointer!important;font-family:Inter,sans-serif!important;font-size:15px!important;padding:12px 35px 12px 15px!important;transition:all .2s ease!important;width:100%!important}.filter-control .filter-select:hover:not(:disabled),.filter-group select.form-control:hover:not(:disabled),.rankings-container .filter-select:hover:not(:disabled),.rankings-filters select:hover:not(:disabled){background-color:#4d7aff08!important;border-color:#4d7aff66!important}.filter-control .filter-select:focus,.filter-group select.form-control:focus,.rankings-container .filter-select:focus,.rankings-filters select:focus{background-color:#4d7aff0d!important;border-color:#4d7aff!important;border-color:var(--primary,#4d7aff)!important;box-shadow:0 0 0 2px #4d7aff26,inset 0 1px 3px #0000000d!important;outline:none!important}.filter-control .filter-select option,.filter-group select.form-control option,.rankings-container .filter-select option,.rankings-filters select option{background-color:#2a2f44!important;background-color:var(--inner-container-bg,#2a2f44)!important;color:#f0f0f0!important;color:var(--text,#f0f0f0)!important;font-family:Inter,sans-serif!important;padding:10px!important}@-moz-document url-prefix(){.filter-control .filter-select,.filter-group select.form-control,.rankings-container .filter-select,.rankings-filters select{padding-right:35px!important;text-indent:.01px!important;text-overflow:""!important}}@supports (-ms-ime-align:auto){.filter-control .filter-select,.filter-group select.form-control,.rankings-container .filter-select,.rankings-filters select{padding-right:35px!important}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.filter-control .filter-select,.filter-group select.form-control,.rankings-container .filter-select,.rankings-filters select{padding-right:35px!important}}}.filter-control .filter-select:disabled,.filter-group select.form-control:disabled,.rankings-container .filter-select:disabled,.rankings-filters select:disabled{background-color:#242938!important;background-color:var(--card-bg-light,#242938)!important;border-color:#ffffff1a!important;border-color:var(--card-border,#ffffff1a)!important;cursor:not-allowed!important;opacity:.6!important}.filter-control .filter-select:focus-visible,.filter-group select.form-control:focus-visible,.rankings-container .filter-select:focus-visible,.rankings-filters select:focus-visible{outline:none!important}.vote-container .form-group input.form-control,.vote-form-card .form-group input{-webkit-appearance:none!important;appearance:none!important;background-color:#2a2f44!important;border:1px solid #ffffff1a!important;border-radius:4px!important;box-shadow:inset 0 1px 3px #0000001a!important;color:#f0f0f0!important;font-family:Inter,sans-serif!important;font-size:15px!important;padding:12px 15px!important;transition:all .2s ease!important;width:100%!important}.vote-container .form-group input.form-control:focus,.vote-form-card .form-group input:focus{background-color:#9c27b00d!important;border-color:#9c27b0!important;box-shadow:0 0 0 2px #9c27b026,inset 0 1px 3px #0000000d!important;outline:none!important}.vote-container .form-group input.form-control:hover:not(:disabled):not(:focus),.vote-form-card .form-group input:hover:not(:disabled):not(:focus){border-color:#9c27b066!important}.vote-container .form-group input.form-control::placeholder,.vote-form-card .form-group input::placeholder{color:#adb5bd!important;opacity:.7!important}.vote-container .form-group input.form-control.is-invalid,.vote-form-card .form-group input.is-invalid{background-color:#f443360d!important;border-color:#f44336!important}@keyframes inputHighlight{0%{box-shadow:0 0 0 0 #9c27b01a}to{box-shadow:0 0 0 4px #9c27b000}}.vote-container .form-group input.form-control:focus,.vote-form-card .form-group input:focus{animation:inputHighlight .5s ease-out!important}.donate-container .form-group input[type=email],.donate-container .form-group input[type=text],.donate-form .form-group input[type=email],.donate-form .form-group input[type=text]{-webkit-appearance:none!important;appearance:none!important;background-color:#2a2f44!important;border:1px solid #ffffff1a!important;border-radius:4px!important;box-shadow:inset 0 1px 3px #0000001a!important;color:#f0f0f0!important;font-family:Inter,sans-serif!important;font-size:15px!important;padding:12px 15px!important;transition:all .2s ease!important;width:100%!important}.donate-container .form-group input[type=email]:focus,.donate-container .form-group input[type=text]:focus,.donate-form .form-group input[type=email]:focus,.donate-form .form-group input[type=text]:focus{background-color:#ff98000d!important;border-color:#ff9800!important;box-shadow:0 0 0 2px #ff980026,inset 0 1px 3px #0000000d!important;outline:none!important}.donate-container .form-group input[type=email]:hover:not(:disabled):not(:focus),.donate-container .form-group input[type=text]:hover:not(:disabled):not(:focus),.donate-form .form-group input[type=email]:hover:not(:disabled):not(:focus),.donate-form .form-group input[type=text]:hover:not(:disabled):not(:focus){border-color:#ff980066!important}.donate-container .form-group input[type=email]::placeholder,.donate-container .form-group input[type=text]::placeholder,.donate-form .form-group input[type=email]::placeholder,.donate-form .form-group input[type=text]::placeholder{color:#adb5bd!important;opacity:.7!important}.donate-container .form-group input[type=email].is-invalid,.donate-container .form-group input[type=text].is-invalid,.donate-form .form-group input[type=email].is-invalid,.donate-form .form-group input[type=text].is-invalid{background-color:#f443360d!important;border-color:#f44336!important}@keyframes donateInputHighlight{0%{box-shadow:0 0 0 0 #ff98001a}to{box-shadow:0 0 0 4px #ff980000}}.donate-container .form-group input[type=email]:focus,.donate-container .form-group input[type=text]:focus,.donate-form .form-group input[type=email]:focus,.donate-form .form-group input[type=text]:focus{animation:donateInputHighlight .5s ease-out!important}.login-success-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0a0f1eb3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .4s,visibility .4s;visibility:hidden;z-index:1000}.login-success-overlay.active{opacity:1;visibility:visible}.login-success-message{animation:messageSlideUp .5s ease forwards;background-color:#1e2235;border-radius:8px;box-shadow:0 10px 25px #0000004d;max-width:90%;padding:2rem 2.5rem;text-align:center;width:400px}.login-success-icon{align-items:center;background-color:#4cde801a;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.login-success-icon svg{fill:#4cde80;height:30px;width:30px}.login-success-title{color:#f8f9fa;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.login-success-subtitle{color:#adb5bd;font-size:.95rem;margin-bottom:1.5rem}.login-redirect{color:#4cde80;display:inline-block;font-size:.85rem;margin-top:1rem}.login-progress{background-color:#ffffff1a;border-radius:2px;height:4px;margin-top:1.5rem;overflow:hidden;width:100%}.login-progress-bar{background-color:#4cde80;border-radius:2px;height:100%;transition:width 1.5s linear;width:0}.login-progress-bar.active{width:100%}.login-countdown{color:#adb5bd;font-size:.85rem;margin-top:.5rem}@media (max-width:576px){.login-success-message{padding:1.5rem;width:90%}.login-success-icon{height:50px;margin-bottom:1rem;width:50px}.login-success-title{font-size:1.25rem}}@supports not ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.login-success-overlay{background-color:#0a0f1ed9}}.download-container{background-color:initial!important;display:flex;flex-direction:column;gap:2rem;max-width:420px;width:100%}.main-download-card{background-color:#1e2235!important;border:1px solid #ffffff0d;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.main-download-title{color:#f8f9fa;font-size:1.25rem;font-weight:500;margin-bottom:.5rem;text-align:center}.main-download-button{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:background-color .2s,transform .1s;width:100%}.main-download-button:hover{background-color:#1976d2;transform:translateY(-1px)}.main-download-button:active{transform:translateY(0)}.mirror-button{background-color:initial;border:1px solid #ffffff1a;border-radius:6px;color:#adb5bd;cursor:pointer;font-size:.875rem;padding:.75rem;transition:background-color .2s;width:100%}.mirror-button:hover{background-color:#ffffff0d}.download-started-message{color:#e0e0e0;font-size:1rem;margin-bottom:1rem;text-align:center}.download-again-button{background-color:initial;border:1px solid #2196f3;border-radius:6px;color:#2196f3;cursor:pointer;font-size:.875rem;padding:.75rem;transition:background-color .2s;width:100%}.download-again-button:hover{background-color:#2196f31a}.download-footer{display:flex;font-size:.875rem;justify-content:space-between}.download-footer a{color:#adb5bd;padding:.5rem;text-decoration:none;transition:color .2s ease}.download-footer a:hover{color:#ced4da}.download-notice{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#f0f0f0;font-size:.875rem;margin-top:1rem;padding:.75rem;text-align:center}.page-container{align-items:flex-start;background-color:#151924!important;color:#f0f0f0!important;display:flex;justify-content:center;padding:15vh 1rem 2rem}.vote-container{background-color:initial!important;display:flex;flex-direction:column;gap:2rem;max-width:420px;width:100%}.vote-header{margin-bottom:.5rem;text-align:center}.vote-header h1{color:#f8f9fa;font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin:0 0 .25rem}.vote-header p{color:#adb5bd;font-size:.875rem;margin:0}.vote-form-card{background-color:#1e2235!important;border:1px solid #ffffff0d;border-radius:10px;box-shadow:0 4px 12px #0003;padding:1.75rem}.vote-form{gap:1.5rem}.form-group,.vote-form{display:flex;flex-direction:column}.form-group{gap:.5rem;margin-bottom:0}.form-group input{border:1px solid #2767b033;border-radius:6px;font-size:1rem;padding:1rem;transition:all .2s ease}.form-group input:focus{box-shadow:0 0 0 2px #2767b033}.form-group input::placeholder{color:#6c757d}.form-group input:disabled{cursor:not-allowed;opacity:.6}.vote-button{align-items:center;background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem;transition:background-color .2s,transform .1s;width:100%}.vote-button:hover:not(:disabled){background-color:#1a77c4;transform:translateY(-1px)}.vote-button:active:not(:disabled){transform:translateY(0)}.vote-button:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.cooldown-message{color:#dee2e6;font-size:.875rem;margin-top:1rem;text-align:center}.cooldown-message strong{color:#ffc107}.error-message{border-left:3px solid #f44336;border-radius:4px;color:#f44336;font-size:.875rem;margin-top:1rem;padding:.75rem}.vote-disclaimer{background-color:#ffffff08;border-left:3px solid #2196f366;border-radius:6px;margin-top:.5rem;padding:1rem}.vote-disclaimer ul{list-style-type:circle;margin:0;padding-left:1.25rem}.vote-disclaimer li{color:#adb5bd;font-size:.75rem;line-height:1.4;margin-bottom:.4rem}.vote-disclaimer li:last-child{margin-bottom:0}.vote-footer{display:flex;font-size:.875rem;justify-content:space-between}.vote-footer a{color:#adb5bd;padding:.5rem;text-decoration:none;transition:color .2s ease}.vote-footer a:hover{color:#ced4da}.page-container{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}.rankings-container{background-color:#1e2235;border-radius:8px;box-shadow:0 4px 12px #0003;box-sizing:border-box;color:#f0f0f0;margin:0 auto;max-width:1400px;padding:1.5rem;width:100%}.rankings-header{border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1rem;width:100%}.rankings-meta{align-items:center;display:flex;margin-bottom:.75rem}.rankings-category{background-color:#4caf50;border-radius:4px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;margin-right:10px;padding:.25rem .5rem}.rankings-date{color:#adb5bd;font-size:.875rem}.rankings-title{color:#f8f9fa;font-size:2rem;line-height:1.2;margin:0 0 .5rem}.rankings-subtitle{color:#adb5bd;font-size:1rem;margin:0}.rankings-tabs{border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;margin-bottom:1.5rem;width:100%}.tab-button{background-color:initial;border-bottom:3px solid #0000;color:#adb5bd;font-size:1rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s}.tab-button:hover{color:#f0f0f0}.tab-button.active{border-bottom:3px solid #2196f3;color:#2196f3}.rankings-filters{background-color:#ffffff08;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.filter-group{display:flex;flex-wrap:wrap;gap:1rem}.filter-control{flex:1 1;min-width:200px}.filter-label{color:#adb5bd;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.filter-select{-webkit-appearance:none;appearance:none;background-color:#343a40;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23adb5bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff1a;border-radius:4px;color:#f0f0f0;font-size:.875rem;padding:.625rem;width:100%}.search-container{position:relative}.search-input{background-color:#343a40;border-radius:4px;font-size:.875rem;padding:.625rem}.search-clear{background:none;border:none;color:#adb5bd;cursor:pointer;font-size:1.25rem;line-height:1;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-clear:hover{color:#f0f0f0}.rankings-content{margin-bottom:2rem;position:relative}.scroll-indicator{display:none}.rankings-table-wrapper{-webkit-overflow-scrolling:touch;background-color:#0003;border-radius:6px;overflow-x:auto;position:relative;width:100%}.rankings-table{border-collapse:collapse;font-size:1rem;min-width:1000px;table-layout:fixed;width:100%}.rankings-table th{background-color:#0000004d;border-bottom:1px solid #ffffff0d;box-sizing:border-box;color:#adb5bd;font-size:.95rem;font-weight:600;padding:1.25rem 1.5rem;text-align:left}.rankings-table th.character-column{text-align:center}.rankings-table td{border-bottom:1px solid #ffffff0d;box-sizing:border-box;color:#dee2e6;padding:1.25rem 1.5rem}.rankings-table tr:last-child td{border-bottom:none}.rankings-table tr:hover{background-color:#ffffff0d}.top-rank-badge{align-items:center;border-radius:50%;display:flex;font-size:.95rem;font-weight:700;height:32px;justify-content:center;width:32px}.rank-1 .top-rank-badge{background-color:gold;color:#000}.rank-2 .top-rank-badge{background-color:silver;color:#000}.rank-3 .top-rank-badge{background-color:#cd7f32;color:#000}.character-cell{min-width:300px;padding-bottom:1.5rem;padding-top:1.5rem;text-align:center;vertical-align:top}.character-info{align-items:center;display:flex;flex-direction:column;gap:.75rem;height:auto;overflow:visible;position:static;text-align:center;width:auto}.character-avatar{background:none!important;background-image:url(data:image/png;base64,UklGRjIFAABXRUJQVlA4WAoAAAAQAAAAKAAAQwAAQUxQSNgEAAABGYAgBvwPm4jof4ozARERvuxIkhTJiqzZu3siMb8n11PifTEzMzMIdbfTabaT3atCxAQwcCPFjegEOEpeQdm2tmOCc573r2pdQ8e27eSPbQ1tWxXbtm2zMsowGXmWy2jX+6zV//tV5xIigoEkKXHCgiBq1vMRChGZlMlkZWVlsgEpANDYbANrGz6bZdoYCKRAigREG4DBxAIae/AsR1tFEvETAqSUcpYZmsTEpmD5tiB+AD5p1maNzWxmZjt2nBHq0LSQ7ug7/LDWnLOYJiawu6yxPWdZFtieIPGzX5oTYKUpiIWZGOQa2CH7N2AS9At+O64RMchs8S4IgeEy8wHpUrUiUspPfzXHmMCkkSRkaAN51oNrckWK/PHfYbBoC1bCzkpWDHSL6k8nRQQzMSsNkLcTdHkx1WM+2DXY+I6KLBMgawCDJCsWDoFXIGgA2KAhMbHSJAPgIR+EhwBo0EjsN2pYyVSg6yXGZSD89NtxVgwmho5ZiboSownGNjkBZt06BjGSMhuG+4bGLHY36gaT0Af3lbryT5gZiiGunFp+H+xeI8p4MxE0krswMZSQFs9kTDEyegsSMzZRWKKZhGIAM8FSoaRv8Ax6ohMWRBjGDY1DKHxGIALYohRpAPQqBpqYMD3Slm8+uOQtyVb6lkyG8UzuBPcATTExDK9lEha6ju+cwJ3es2sjFbGkLTDhTiCaYm/c8Nz4ZwHE+pZT5IDZBINTCXJQG3kGrlw7xt6BoZhJH7XVHrzJrlscsF145pFHUIBRPbEtXmA1B+wEew2CZlxze+hkly1iX2PnGMTEINGTiYmNbSbsslVoH5rmgn8WhFh2OixzEXqz+8otFN3qtH2oPwSs6tel91Dbe5/9V20lhWJNOk3v9wuKcTPk7er3WwmSFKFZeSfXonuzLNuczbtNPfvOYEAQzOwcooOXuHvFosjNEj2H5Bq7fITkrMBHjz2K6CIU999UhpvZWI2TSjKNzfhImPJYZt54X9r0MABLAhKTtmUtZPpMXkEd4m58uLFNFcsufr1puuzpSgF89xzYFZjCN3558Y+n1hol8q33wALcOC2QC/sLnrukbrThtrvv8uE4Pa+Van2pxHUhCo+7fJDtitpeQ4TnDFe6CrOwVUP1hFjFq+eo6WlqcbDbRZZFEIP5FqmQDuP7bh4as4A0NSz+UHz77tlhUbaSVsaGdCHS6s8fnTH/aboJNISHkFBNcfn185MKJddWNz6QvgWgq30aiN+/Pq7Zwzar+vSH1SjUYbCQ8oJXElc18l3em7ni2vyDb97VK7+9hFJ1UvyPXXVEYRMWFz+Hat9CbCY1KDu5k7/HgWR6Pyu47pHy31u233j41PiZ3tNdFw3lMI9dXca/aZctJAUUFMl9lyxgWkaudK4n0G5bSyE1xtiJGXWEed29n8P0MFu2LY0Ky7ikxKj3RyphHW0lVogQcu1Yu9Y1KIF40v0sLSi+GhXtkoR5071fxLCmMBq0KZHn9Qtcw6d9UClZh6pUevrZKVYTwhpRraGBgH8BTvpchinnvyI/512Hcr4I9N9POchJ5qx3MvM8y82pWYdQl0G2mqMvGD55PgzewKFQF9FxZhcRUmy2NJA0X228yXg87kZRCDlna1avXk8RghbNmUjbSRoLq77aIbUGVlA4IDQAAADQAwCdASopAEQAPlEokUYjoqGhJEgAcAoJaQAAIJQBB6wLI2K0hAAA/vbNACO//2MAAAAA)!important;border:none!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important;display:inline;filter:none!important;height:auto!important;image-rendering:pixelated;margin:0!important;-webkit-mask-image:none!important;max-height:none!important;max-width:none!important;object-fit:none!important;object-position:center!important;overflow:visible!important;padding:0!important;position:static!important;transform:none!important;width:auto!important}.character-cell :not(.character-name){background:none!important;border-radius:0!important;clip-path:none!important;mask-image:none!important;-webkit-mask-image:none!important;overflow:visible!important}.character-avatar{background-image:url(data:image/png;base64,UklGRjIFAABXRUJQVlA4WAoAAAAQAAAAKAAAQwAAQUxQSNgEAAABGYAgBvwPm4jof4ozARERvuxIkhTJiqzZu3siMb8n11PifTEzMzMIdbfTabaT3atCxAQwcCPFjegEOEpeQdm2tmOCc573r2pdQ8e27eSPbQ1tWxXbtm2zMsowGXmWy2jX+6zV//tV5xIigoEkKXHCgiBq1vMRChGZlMlkZWVlsgEpANDYbANrGz6bZdoYCKRAigREG4DBxAIae/AsR1tFEvETAqSUcpYZmsTEpmD5tiB+AD5p1maNzWxmZjt2nBHq0LSQ7ug7/LDWnLOYJiawu6yxPWdZFtieIPGzX5oTYKUpiIWZGOQa2CH7N2AS9At+O64RMchs8S4IgeEy8wHpUrUiUspPfzXHmMCkkSRkaAN51oNrckWK/PHfYbBoC1bCzkpWDHSL6k8nRQQzMSsNkLcTdHkx1WM+2DXY+I6KLBMgawCDJCsWDoFXIGgA2KAhMbHSJAPgIR+EhwBo0EjsN2pYyVSg6yXGZSD89NtxVgwmho5ZiboSownGNjkBZt06BjGSMhuG+4bGLHY36gaT0Af3lbryT5gZiiGunFp+H+xeI8p4MxE0krswMZSQFs9kTDEyegsSMzZRWKKZhGIAM8FSoaRv8Ax6ohMWRBjGDY1DKHxGIALYohRpAPQqBpqYMD3Slm8+uOQtyVb6lkyG8UzuBPcATTExDK9lEha6ju+cwJ3es2sjFbGkLTDhTiCaYm/c8Nz4ZwHE+pZT5IDZBINTCXJQG3kGrlw7xt6BoZhJH7XVHrzJrlscsF145pFHUIBRPbEtXmA1B+wEew2CZlxze+hkly1iX2PnGMTEINGTiYmNbSbsslVoH5rmgn8WhFh2OixzEXqz+8otFN3qtH2oPwSs6tel91Dbe5/9V20lhWJNOk3v9wuKcTPk7er3WwmSFKFZeSfXonuzLNuczbtNPfvOYEAQzOwcooOXuHvFosjNEj2H5Bq7fITkrMBHjz2K6CIU999UhpvZWI2TSjKNzfhImPJYZt54X9r0MABLAhKTtmUtZPpMXkEd4m58uLFNFcsufr1puuzpSgF89xzYFZjCN3558Y+n1hol8q33wALcOC2QC/sLnrukbrThtrvv8uE4Pa+Van2pxHUhCo+7fJDtitpeQ4TnDFe6CrOwVUP1hFjFq+eo6WlqcbDbRZZFEIP5FqmQDuP7bh4as4A0NSz+UHz77tlhUbaSVsaGdCHS6s8fnTH/aboJNISHkFBNcfn185MKJddWNz6QvgWgq30aiN+/Pq7Zwzar+vSH1SjUYbCQ8oJXElc18l3em7ni2vyDb97VK7+9hFJ1UvyPXXVEYRMWFz+Hat9CbCY1KDu5k7/HgWR6Pyu47pHy31u233j41PiZ3tNdFw3lMI9dXca/aZctJAUUFMl9lyxgWkaudK4n0G5bSyE1xtiJGXWEed29n8P0MFu2LY0Ky7ikxKj3RyphHW0lVogQcu1Yu9Y1KIF40v0sLSi+GhXtkoR5071fxLCmMBq0KZHn9Qtcw6d9UClZh6pUevrZKVYTwhpRraGBgH8BTvpchinnvyI/512Hcr4I9N9POchJ5qx3MvM8y82pWYdQl0G2mqMvGD55PgzewKFQF9FxZhcRUmy2NJA0X228yXg87kZRCDlna1avXk8RghbNmUjbSRoLq77aIbUGVlA4IDQAAADQAwCdASopAEQAPlEokUYjoqGhJEgAcAoJaQAAIJQBB6wLI2K0hAAA/vbNACO//2MAAAAA);background-position:50%;background-size:cover;border-radius:0;color:#f0f0f0;font-size:1.25rem;font-weight:700;height:48px;width:48px}.character-name{font-size:1rem;font-weight:700;margin-top:.5rem}.player-level-container{display:flex;flex-direction:column}.player-level{color:#f8f9fa;font-size:1rem;font-weight:700}.player-exp{color:#adb5bd;font-size:.85rem;margin-top:.25rem}.rank-column{width:100px}.stats-column{width:160px}.guild-column,.job-column{width:180px}.loading-state{align-items:center;color:#adb5bd;display:flex;flex-direction:column;justify-content:center;padding:3rem 0}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #2196f34d}.error-state{align-items:center;color:#f44336;display:flex;flex-direction:column;justify-content:center;padding:3rem 0;text-align:center}.error-icon{fill:#f44336;height:48px;margin-bottom:1rem;width:48px}.error-state h3{color:#f44336;font-size:1.25rem;margin:0 0 .5rem}.retry-button{background-color:#343a40;border:1px solid #ffffff1a;border-radius:4px;color:#f0f0f0;cursor:pointer;font-weight:500;margin-top:1rem;padding:.5rem 1.25rem;transition:background-color .2s}.retry-button:hover{background-color:#495057}.no-results{align-items:center;color:#adb5bd;display:flex;flex-direction:column;justify-content:center;padding:3rem 0;text-align:center}.no-results-icon{fill:#adb5bd;height:48px;margin-bottom:1rem;width:48px}.clear-filters-button{background-color:#343a40;border:1px solid #ffffff1a;border-radius:4px;color:#f0f0f0;cursor:pointer;font-weight:500;margin-top:1rem;padding:.5rem 1.25rem;transition:background-color .2s}.clear-filters-button:hover{background-color:#495057}.rankings-pagination{align-items:center;border-top:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem}.pagination-info{color:#adb5bd;font-size:.875rem}.pagination-info span{color:#f0f0f0;font-weight:600}.pagination-nav{display:flex;gap:.25rem}.pagination-link{align-items:center;background-color:#ffffff0d;border-radius:4px;color:#dee2e6;display:inline-flex;height:36px;justify-content:center;min-width:36px;padding:0 .5rem;text-decoration:none;transition:background-color .2s}.pagination-link:hover:not(.disabled):not(.active){background-color:#ffffff1a}.pagination-link.active{background-color:#2196f3;color:#fff;font-weight:600}.pagination-link.disabled{color:#6c757d;cursor:not-allowed}.pagination-ellipsis{color:#adb5bd;display:inline-flex;min-width:32px}.rankings-info{background-color:#ffffff08;border-left:4px solid #2196f3;border-radius:6px;margin-top:2rem;padding:1.5rem}.rankings-info h2{color:#f8f9fa;font-size:1.25rem;margin-bottom:1rem;margin-top:0}.info-content p{color:#adb5bd;margin-bottom:1rem;margin-top:0}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.info-item{background-color:#0003;border-radius:4px;padding:1rem}.info-item h3{color:#f8f9fa;font-size:1rem;margin-bottom:.5rem;margin-top:0}.info-item p{color:#adb5bd;font-size:.875rem;margin:0}.rankings-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.25rem}.back-link,.community-link{background-color:#343a40!important;border-radius:4px;color:#e9ecef;display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.back-link:hover,.community-link:hover{background-color:#495057}.horizontal-scroll-guide{display:none}@media (max-width:1400px){.horizontal-scroll-guide{align-items:center;background-color:#2196f31a;border:1px dashed #2196f34d;border-radius:4px;color:#adb5bd;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.5rem}.horizontal-scroll-guide svg{fill:#2196f3;height:16px;width:16px}}@media (max-width:768px){.page-container{overflow-x:hidden;padding:2rem 0 1rem;width:100vw}.rankings-container{border-radius:6px;margin:0 .5rem;max-width:100%;padding:1rem .75rem;width:calc(100% - 1rem)}.rankings-header{padding:0 .5rem}.rankings-title{font-size:1.75rem}.rankings-tabs{-webkit-overflow-scrolling:touch;margin-bottom:1rem;overflow-x:auto;padding-bottom:.25rem}.tab-button{font-size:.95rem;padding:.625rem .875rem;white-space:nowrap}.filter-group{flex-direction:column;gap:.75rem}.filter-control{min-width:100%}.rankings-filters{padding:.75rem}.scroll-indicator{animation:pulse 2s infinite;color:#adb5bd;display:block;font-size:.875rem;margin-bottom:.5rem;padding:.5rem;text-align:center}.rankings-table-wrapper{-webkit-overflow-scrolling:touch!important;border-radius:6px;margin:0;max-width:100%;overflow-x:auto!important;position:relative;width:100%}.rankings-table-wrapper:after{background:linear-gradient(90deg,#0000,#0003);right:0}.rankings-table-wrapper:after,.rankings-table-wrapper:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:15px}.rankings-table-wrapper:before{background:linear-gradient(270deg,#0000,#0003);left:0;opacity:0;transition:opacity .3s;z-index:1}.rankings-table-wrapper.scrolled-right:before{opacity:1}.rankings-table{font-size:.9rem;min-width:800px}.rankings-table td,.rankings-table th{padding:.875rem 1rem}.rank-column{width:70px}.character-cell{min-width:220px;padding-bottom:1rem;padding-top:1rem}.guild-column,.job-column,.stats-column{width:120px}.top-rank-badge{font-size:.85rem;height:28px;width:28px}.player-level{font-size:.95rem}.player-exp{font-size:.8rem}.rankings-pagination{align-items:center;flex-direction:column}.pagination-link{font-size:.875rem;height:34px;min-width:34px;padding:0 .4rem}.pagination-nav{flex-wrap:wrap;justify-content:center;width:100%}.pagination-info{text-align:center;width:100%}.character-info{gap:.5rem}.character-avatar{transform:scale(.9)!important}.character-avatar:not(img){height:48px!important;width:48px!important}.rankings-footer{flex-wrap:wrap;gap:1rem;justify-content:center}.info-grid{grid-template-columns:1fr}}@media (max-width:360px){.page-container{padding:1rem 0}.rankings-container{border-radius:4px;padding:.75rem .5rem}.rankings-header{text-align:center}.rankings-title{font-size:1.5rem}.rankings-subtitle{font-size:.9rem}.rankings-meta{flex-wrap:wrap;gap:.5rem;justify-content:center}.rankings-tabs{justify-content:flex-start;padding-bottom:.5rem}.tab-button{font-size:.85rem;padding:.5rem .625rem}.character-avatar{max-height:80px!important;max-width:80px!important}.pagination-link{font-size:.8rem;height:32px;min-width:32px}}@supports (padding:max(0px)){.page-container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.skills-container{background:#151924;color:#f0f0f0;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:1080px;padding:2rem}.tab-selector{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.tab-button{background:#1a1f2e;border:none;border-radius:6px;color:#ccc;cursor:pointer;padding:.5rem 1rem;transition:background .2s}.tab-button.active{background:#2196f3;color:#fff}.job-header{background:#1a1f2e;border-radius:4px;cursor:pointer;margin-top:1rem;padding:.75rem 1rem}.job-header .job-title,.job-header h2,.job-header h3{font-size:.95rem;margin:0}.job-header.active{background:#2a2f42}.skill-list-vertical{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.skill-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:.5rem}.skill-header img{flex-shrink:0;height:48px;object-fit:contain;width:48px}.skill-info{flex-grow:1}.skill-header strong{color:#f0f0f0;display:block;font-size:1rem;margin-bottom:4px}.skill-header p{color:#ccc;font-size:.9rem;margin:2px 0}.skill-section{display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.skill-card{background:#191e2e;border:1px solid #ffffff0d;border-radius:6px;padding:1rem;transition:background .2s;width:100%}.skill-card:hover{background:#202535}.skill-level-toggle{border-top:1px solid #ffffff0d;margin-top:.5rem;padding-top:.5rem;text-align:left;width:100%}.level-info-button{background:#2196f31a;border:1px solid #2196f34d;border-radius:4px;color:#4a90e2;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.level-info-button:hover{background:#2196f333}.level-details-wrapper{background:#1e2434;border:1px solid #ffffff0d;border-radius:0 0 6px 6px;border-top:none;display:none;margin-top:-2px;padding:1rem;width:100%}.level-details-wrapper.expanded{animation:slideDown .25s ease-out;display:block}.level-details-content{width:100%}.level-details-content table{border:1px solid #ffffff1a;border-collapse:collapse;border-radius:4px;font-size:.85rem;overflow:hidden;width:100%}.level-details-content th{background:#2196f31a;border-bottom:1px solid #ffffff1a;color:#f0f0f0;font-weight:600;padding:.75rem 1rem;text-align:left}.level-details-content td{border-bottom:1px solid #ffffff0d;color:#d0d0d0;padding:.75rem 1rem;text-align:left}details[open].skill-level-details{animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-input{background:#1a1f2e;border:1px solid #ffffff1a;border-radius:6px;color:#f0f0f0;font-size:.95rem;margin-bottom:1.5rem;padding:.75rem 1rem;width:100%}.community-container{background-color:#1e2235;border-radius:8px;box-shadow:0 4px 12px #0003;color:#f0f0f0;margin:0 auto;max-width:800px;padding:1.5rem}.community-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1rem;text-align:left}.community-meta{align-items:center;display:flex;justify-content:left;margin-bottom:.75rem}.community-category{background-color:#5865f2;border-radius:4px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;margin-right:10px;padding:.25rem .5rem}.community-date{color:#adb5bd;font-size:.875rem}.community-title{color:#f8f9fa;font-size:2rem;line-height:1.2;margin:0 0 .5rem}.community-subtitle{color:#adb5bd;font-size:1rem;margin:0}.platform-card{align-items:center;background-color:#0003;border-radius:8px;display:flex;flex-direction:column;margin-bottom:2rem;padding:2rem;text-align:center;transition:transform .2s,box-shadow .2s}.platform-card:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-5px)}.platform-card.discord{border-left:4px solid #5865f2}.platform-icon{height:100px;margin-bottom:1.5rem;width:100px}.platform-icon svg{height:100%;width:100%}.platform-name{color:#f8f9fa;font-size:1.75rem;margin:0 0 1rem}.platform-description{color:#adb5bd;line-height:1.5;margin-bottom:2rem;max-width:400px}.platform-button{border-radius:4px;cursor:pointer;display:inline-block;font-weight:600;max-width:250px;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s;width:100%}.discord-button{background-color:#5865f2;color:#fff}.discord-button:hover{background-color:#4752c4}.community-section{margin-bottom:2rem}.community-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:center;margin-top:2rem;padding-top:1.25rem}.back-link{background-color:#343a40;border-radius:4px;color:#e9ecef;display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.back-link:hover{background-color:#495057}@media (max-width:768px){.community-title{font-size:1.75rem}.platform-icon{height:80px;width:80px}}.dashboard-container{background-color:#151924;color:#f0f0f0;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1080px;min-height:100vh}.dashboard-content{flex:1 1;overflow-y:auto;padding:2rem}.dashboard-content h1{color:#f8f9fa;font-size:2rem;margin-bottom:1.5rem;margin-top:0}.dashboard-header{background-color:#1a1f2e;box-shadow:0 2px 10px #0003;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-user-info{display:flex;flex-direction:column}.user-name{color:#f8f9fa;font-size:1.1rem;font-weight:600}.user-role{background-color:#2196f31a;border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;margin-top:.25rem;padding:.125rem .5rem}.dashboard-nav{align-items:center;gap:2rem}.nav-item{color:#dee2e6;font-size:.95rem;padding:.5rem 0;transition:color .2s ease}.nav-item:hover{color:#fff}.nav-item.active{color:#2196f3}.nav-item.active:after{background-color:#2196f3;border-radius:1px;bottom:-.5rem;content:"";height:2px;left:0;position:absolute}.logout-button{background-color:#f443361a;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:background-color .2s}.logout-button:hover{background-color:#f4433633}.dashboard-card{background-color:#191e2e;border-radius:8px;margin-bottom:2rem;overflow:hidden}.dashboard-card h2{border-bottom:1px solid #ffffff1a;color:#f8f9fa;font-size:1.25rem;margin:0;padding:1.25rem 1.5rem}.account-status-container{padding:1.5rem}.account-status-panel{display:flex;gap:1.5rem;margin-bottom:1.5rem}.account-status{align-items:center;background-color:#0003;border-radius:6px;display:flex;flex:1 1;gap:.625rem;padding:.75rem 1rem}.status-indicator{height:12px;width:12px}.account-status.active .status-indicator{background-color:#4caf50;box-shadow:0 0 8px #4caf5099}.account-status.inactive .status-indicator{background-color:#6c757d;box-shadow:none}.account-status.inactive .status-text{color:#6c757d}.account-status.banned-perm .status-indicator,.account-status.banned-temp .status-indicator{background-color:#f44336;box-shadow:0 0 8px #f4433699}.account-status.not-banned .status-indicator{background-color:#6c757d;box-shadow:none}.account-status.not-banned .status-text{color:#6c757d}.status-text{display:flex;flex-direction:column;font-size:.875rem;font-weight:600}.status-text.with-icon{align-items:center;display:flex;gap:.5rem}.status-text.with-icon:after{color:#4caf50;content:"✔";font-size:1rem}.account-status.inactive .status-text.with-icon:after{color:#f44336;content:"✕"}.status-expiration{color:#adb5bd;font-size:.75rem;font-weight:400;margin-top:.25rem}.account-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.account-info-item{display:flex;flex-direction:column;gap:.25rem}.account-info-label{color:#adb5bd;font-size:.75rem}.account-info-value{color:#f0f0f0;font-weight:600}.account-info-value.discord-username{align-items:center;display:flex;gap:.5rem}.account-info-value.discord-username:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71 55' fill='%235865F2'%3E%3Cpath d='M60.105 4.898A58.55 58.55 0 0 0 45.653.415a.22.22 0 0 0-.233.11 40.784 40.784 0 0 0-1.8 3.697c-5.456-.817-10.886-.817-16.23 0-.485-1.164-1.201-2.587-1.828-3.697a.228.228 0 0 0-.233-.11 58.386 58.386 0 0 0-14.451 4.483.207.207 0 0 0-.095.082C1.578 18.73-.944 32.144.293 45.39a.244.244 0 0 0 .093.167c6.073 4.46 11.955 7.167 17.729 8.962a.23.23 0 0 0 .249-.082 42.08 42.08 0 0 0 3.627-5.9.225.225 0 0 0-.123-.312 38.772 38.772 0 0 1-5.539-2.64.228.228 0 0 1-.022-.378c.372-.279.744-.569 1.1-.862a.22.22 0 0 1 .23-.03c11.619 5.304 24.198 5.304 35.68 0a.219.219 0 0 1 .233.027c.356.293.728.586 1.103.865a.228.228 0 0 1-.02.378 36.384 36.384 0 0 1-5.54 2.637.227.227 0 0 0-.121.315 47.249 47.249 0 0 0 3.624 5.897.225.225 0 0 0 .249.084c5.801-1.794 11.684-4.502 17.757-8.961a.228.228 0 0 0 .092-.164c1.48-15.315-2.48-28.618-10.497-40.412a.18.18 0 0 0-.093-.084Zm-36.38 32.427c-3.497 0-6.38-3.211-6.38-7.156 0-3.944 2.827-7.156 6.38-7.156 3.583 0 6.438 3.24 6.382 7.156 0 3.945-2.827 7.156-6.381 7.156Zm23.593 0c-3.498 0-6.38-3.211-6.38-7.156 0-3.944 2.826-7.156 6.38-7.156 3.582 0 6.437 3.24 6.38 7.156 0 3.945-2.798 7.156-6.38 7.156Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:14px;width:14px}.account-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:1.5rem}.stat-card{background-color:#0003;border-radius:6px;padding:1.25rem 1rem;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-3px)}.stat-label{color:#adb5bd;font-size:.875rem;margin-bottom:.5rem}.stat-value{color:#f8f9fa;font-size:1.5rem;font-weight:700}.character-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1.5rem}.character-card{align-items:center;background-color:#0003;border-radius:6px;display:flex;gap:1rem;padding:1rem;transition:transform .2s}.character-card:hover{background-color:#2196f31a;transform:translateY(-3px)}.character-avatar{align-items:center;background-color:#343a40;border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.character-avatar img{height:100%;object-fit:cover;width:100%}.character-info{flex-grow:1}.character-name{color:#f8f9fa;font-weight:600;margin-bottom:.25rem}.character-details{color:#adb5bd;font-size:.875rem;margin-bottom:.25rem}.character-last-played{color:#6c757d;font-size:.75rem}.activity-list{padding:1.5rem}.activity-item{border-bottom:1px solid #ffffff0d;display:flex;gap:1rem;padding:1rem}.activity-item:last-child{border-bottom:none}.activity-type-indicator{border-radius:50%;flex-shrink:0;height:8px;margin-top:.5rem;width:8px}.activity-type-indicator.donation,.activity-type-indicator.purchase{background-color:#4caf50}.activity-type-indicator.login{background-color:#2196f3}.activity-type-indicator.logout{background-color:#ff9800}.activity-type-indicator.account_change,.activity-type-indicator.settings{background-color:#9c27b0}.activity-info{flex-grow:1}.activity-type{color:#f8f9fa;font-weight:600;margin-bottom:.25rem}.activity-details{color:#dee2e6;font-size:.875rem;margin-bottom:.375rem}.activity-date{color:#6c757d;font-size:.75rem}.login-history{padding:1.5rem}.login-history-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:1rem}.login-history-item:last-child{border-bottom:none}.login-details{display:flex;flex-direction:column;gap:.25rem}.login-date{color:#f8f9fa;font-weight:600}.login-ip,.login-location{color:#adb5bd;font-size:.875rem}.login-status{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.login-status.success{background-color:#4caf501a;color:#4caf50}.login-status.failed{background-color:#f443361a;color:#f44336}.ip-details-spoiler{margin-top:1rem}.ip-details-spoiler summary{color:#2196f3;cursor:pointer;font-size:.875rem;outline:none;padding:.5rem 0;transition:color .2s;-webkit-user-select:none;user-select:none}.ip-details-spoiler summary:hover{color:#64b5f6;text-decoration:underline}.ip-details-content{background-color:#0000004d;border:1px solid #ffffff0d;border-radius:6px;margin-top:.75rem;padding:.75rem 1rem}.ip-details-content .allowed-ip{color:#f0f0f0;font-family:monospace;font-size:1rem;font-weight:700;letter-spacing:.5px;margin:0}.security-features{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.security-feature{background-color:#1e2235;border:1px solid #ffffff0d;border-radius:10px;box-shadow:0 4px 12px #0003;margin-bottom:1.5rem;padding:1.5rem}.feature-title-container{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.feature-title-container h3{color:#f8f9fa;font-size:1.25rem;font-weight:600;margin:0}.feature-tooltip{align-items:center;background-color:#ffffff1a;border-radius:50%;color:#adb5bd;cursor:help;display:inline-flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:relative;width:20px}.feature-tooltip:hover:before{background-color:#343a40;border-radius:8px;box-shadow:0 4px 12px #00000040;color:#f0f0f0;content:attr(data-tooltip);font-size:.8rem;font-weight:400;line-height:1.4;margin-bottom:8px;padding:.75rem;text-align:left;white-space:normal;width:250px}.feature-tooltip:hover:after,.feature-tooltip:hover:before{bottom:100%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:100}.feature-tooltip:hover:after{border:5px solid #0000;border-top-color:#343a40;content:"";margin-bottom:3px}.security-feature-info{flex:1 1}.feature-description{color:#adb5bd;font-size:.875rem;line-height:1.5;margin:.5rem 0 1rem}.security-status{border-radius:6px;display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem .75rem}.security-status.enabled{background-color:#4caf501a;color:#4caf50}.security-status.disabled{background-color:#f443361a;color:#f44336}.security-feature .two-factor-auth{background-color:initial;padding:0;width:100%}.security-feature .TwoFactorAuth,.security-feature .two-factor-auth,.security-feature .twoFactorAuth,div[id*="2fa"],div[id*=twoFactor]{background-color:initial}.security-feature .two-factor-auth .two-factor-header{margin-bottom:1.5rem}.security-feature .setup-container{margin-top:1.5rem}.security-feature .setup-info{line-height:1.6;margin-bottom:1.5rem}.security-feature .verification-container{gap:2rem;margin:1.5rem 0;padding:1.5rem}.security-feature .setup-instructions,.security-feature .verify-instructions{margin-bottom:1.25rem}.security-feature .verify-form{gap:1.5rem}.security-feature .verify-buttons{gap:1rem}.security-feature .backup-codes-container{margin-top:2rem;padding:1.5rem}.security-feature .manage-2fa{margin-top:2rem}.security-feature .backup-codes-actions{gap:1rem;margin-bottom:1.5rem}.security-feature .disable-2fa{margin-top:1.5rem;padding-top:1.5rem}.security-feature:not(:has(.two-factor-auth)){display:block}.security-feature:not(:has(.two-factor-auth)) .btn{float:right;margin-top:1rem}.security-feature:not(:has(.two-factor-auth)):after{clear:both;content:"";display:table}.discord-connection{padding:1.5rem}.discord-connection-status{margin-bottom:1rem}.discord-connected{background-color:#5865f21a;border-radius:6px;margin-bottom:1rem;padding:1.25rem}.discord-profile{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.discord-avatar{align-items:center;background-color:#5865f2;border-radius:50%;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.discord-avatar img{height:100%;object-fit:cover;width:100%}.discord-info h3{color:#f8f9fa;font-size:1.1rem;margin:0}.discord-id{color:#adb5bd;font-size:.8rem;margin:.25rem 0 0}.discord-connected-message{color:#dee2e6;font-size:.9rem;margin:0}.discord-not-connected{align-items:center;background-color:#0003;border-radius:6px;display:flex;flex-direction:column;margin-bottom:1rem;padding:2rem 1rem;text-align:center}.discord-icon{margin-bottom:1rem}.discord-connect-message{color:#dee2e6;font-size:.9rem;margin:0 0 1rem;max-width:400px}.discord-button-container{display:flex;justify-content:center}.donations-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.donations-header h2{color:#f8f9fa;font-size:1.25rem;margin:0;padding:0}.donation-status-filter{background-color:#343a40;border:1px solid #ffffff1a;border-radius:4px;color:#f0f0f0;font-size:.875rem;padding:.5rem}.donations-list{padding:1.5rem}.no-donations-message{background-color:#0003;border-radius:6px;color:#adb5bd;font-size:.875rem;padding:1rem;text-align:center}.donation-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s}.donation-item:hover{background-color:#2196f30d}.donation-item:last-child{border-bottom:none}.donation-details{display:flex;flex-direction:column;gap:.25rem}.donation-package{color:#f8f9fa;font-size:.95rem;font-weight:600}.donation-amount{color:#adb5bd;font-size:.875rem}.donation-status-container{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.donation-status{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.status-pending{background-color:#ff98001a;color:#ff9800}.status-completed{background-color:#4caf501a;color:#4caf50}.status-rejected{background-color:#f443361a;color:#f44336}.status-approved{background-color:#2196f31a;color:#2196f3}.donation-date{color:#6c757d;font-size:.75rem}.donations-pagination{gap:1rem}.donations-pagination button{background-color:#343a40;border:1px solid #ffffff1a;border-radius:4px;color:#f0f0f0;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s,transform .1s}.donations-pagination button:hover:not(:disabled){background-color:#2c3235;transform:translateY(-2px)}.donations-pagination button:disabled{cursor:not-allowed;opacity:.5}.donations-pagination span{color:#adb5bd;font-size:.875rem}.donation-code-input{align-items:center;display:flex;flex-direction:row;gap:.5rem;margin-top:.5rem}.donation-code-input input{background-color:#343a40;border:1px solid #ffffff1a;border-radius:4px;color:#f0f0f0;flex-grow:1;font-size:.85rem;padding:.4rem .75rem}.donation-code-input input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.donation-code-input button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.4rem .9rem;transition:background-color .2s,transform .1s}.donation-code-input button:hover{background-color:#1976d2;transform:translateY(-1px)}.transaction-success-badge{animation:fadeSlideUp 2s ease forwards;background-color:#4caf5026;border-radius:4px;color:#4caf50;font-size:.75rem;font-weight:600;margin-top:.25rem;opacity:0;padding:.25rem .5rem;transform:translateY(5px)}.payment-method-badge{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:.7rem;font-weight:600;gap:.5rem;margin-top:.5rem;padding:.25rem .5rem;width:fit-content}.payment-method-badge svg{fill:currentColor;height:14px;width:14px}.donation-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;width:100%}.cancel-donation-container{display:flex;justify-content:flex-end;margin-top:.25rem}.btn-cancel{background-color:#f443361a;border:1px solid #f443364d;border-radius:4px;color:#f44336;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s}.btn-cancel:hover:not(:disabled){background-color:#f4433633}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}.btn-sm{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s}.btn-info{background-color:#2196f31a;border-color:#2196f34d;color:#2196f3}.btn-info:hover{background-color:#2196f333}.crypto-details-panel{background-color:#0003;border:1px solid #ffffff0d;border-radius:6px;margin-top:.5rem;overflow:hidden;width:100%}.crypto-details-header{background-color:#0003;border-bottom:1px solid #ffffff0d;padding:.75rem 1rem}.crypto-details-header h4{color:#f0f0f0;font-size:.85rem;margin:0}.crypto-details-content{padding:.75rem 1rem}.crypto-detail-item{margin-bottom:.75rem}.crypto-detail-item:last-child{margin-bottom:0}.crypto-detail-label{color:#adb5bd;display:block;font-size:.75rem;margin-bottom:.25rem}.crypto-detail-value{color:#f0f0f0;font-size:.85rem}.crypto-qr-code{height:120px;margin:.5rem 0;width:120px}.qr-placeholder{color:#343a40;font-size:.75rem}.crypto-address-container{align-items:center;background-color:#0003;border:1px solid #ffffff1a;border-radius:4px;margin-top:.25rem;padding:.4rem}.crypto-address{font-size:.8rem}.copy-toast{animation:fadeInOut 2s ease-in-out;background-color:#4caf50e6;font-size:.875rem;padding:.75rem 1rem;right:20px}.crypto-amount{font-size:1rem}.crypto-usd-equivalent{font-size:.8rem}.crypto-exchange-rate{font-size:.75rem;margin-top:.25rem;padding:.25rem .5rem}.copy-address-btn{background-color:#2196f31a;margin-left:.5rem;padding:.35rem}.donation-character-name{align-items:center;color:#adb5bd;display:flex;font-size:.8rem;gap:.25rem;margin-top:.25rem}.character-label{color:#6c757d;font-weight:600}.donation-character-name:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236c757d'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:12px;margin-right:.25rem;width:12px}.donation-item:has(.donation-character-name){border-left:3px solid gold}.donation-item:has(.donation-status.status-approved) .donation-character-name,.donation-item:has(.donation-status.status-completed) .donation-character-name{color:#dee2e6;font-weight:500}.discord-role-card h2{align-items:center;display:flex}.discord-role-icon{font-size:1.2em;margin-right:10px}.discord-role-section{padding:15px 0}.discord-role-message{margin-bottom:20px}.discord-role-claimed{padding:15px 0;text-align:center}.discord-role-success{margin-bottom:15px}.success-icon{align-items:center;background-color:#43b581;border-radius:50%;color:#fff;display:inline-flex;height:30px;justify-content:center;margin-right:10px;width:30px}.discord-server-link{background-color:#5865f2;border-radius:4px;color:#fff;display:inline-block;margin-top:10px;padding:8px 16px;text-decoration:none;transition:background-color .2s}.discord-server-link:hover{background-color:#4752c4;text-decoration:none}.btn-discord-role{background-color:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:15px;padding:8px 16px;transition:background-color .2s}.btn-discord-role:hover{background-color:#4752c4}.btn-discord-role:disabled{background-color:#8891f8;cursor:not-allowed}.discord-role-unclaimed{align-items:center;display:flex;flex-direction:column;padding:10px 0;text-align:center}.btn-discord:hover{background-color:#4752c4}.alert{margin:15px 0;padding:10px 15px}.alert-success{background-color:#43b581;color:#fff}.alert-error{background-color:#f04747;color:#fff}@media (max-width:768px){.donation-status-container{width:100%}.crypto-details-panel{max-width:100%}.donation-code-input{flex-direction:column}.donation-code-input button,.donation-code-input input{width:100%}.donation-code-input button{margin-top:.5rem}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(5px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-5px)}}.account-form{padding:1.5rem}.form-group.full-width{grid-column:1/-1}.form-buttons{display:flex;justify-content:flex-start}.form-spacer{height:0;visibility:hidden;width:100%}.form-submit-btn{display:inline-block!important;width:auto!important}.form-buttons .btn{flex:0 0 auto;max-width:200px;width:auto}.form-group label{font-weight:500}.form-control{background-color:#343a40;border:1px solid #ffffff1a;border-radius:4px;color:#f0f0f0;font-size:.875rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-control:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.form-control:disabled{cursor:not-allowed;opacity:.7}input[type=date].form-control{appearance:none;-webkit-appearance:none;padding-right:.75rem}input[type=date].form-control::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.8)}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;min-width:120px;padding:.625rem 1.25rem;transition:background-color .2s,transform .1s;width:auto}.btn:disabled{cursor:not-allowed;opacity:.7}.btn-primary{background-color:#2196f3;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1976d2;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268;transform:translateY(-2px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-discord{background-color:#5865f2;color:#fff}.btn-discord:hover:not(:disabled){background-color:#4752c4;transform:translateY(-2px)}.btn-discord:active:not(:disabled){transform:translateY(0)}.security-feature .btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;min-width:120px;padding:.75rem 1.25rem;transition:background-color .2s,transform .1s}.alert{border-radius:4px;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.alert-success{background-color:#4caf501a;border-left:4px solid #4caf50;color:#4caf50}.alert-error{background-color:#f443361a;border-left:4px solid #f44336;color:#f44336}.role-badge{border-radius:4px;display:inline-block;font-size:.8em;font-weight:600;padding:2px 6px}.role-badge-member{background-color:#585858;color:#fff}.role-badge-staff{background-color:#b2d7ff;color:#06c}.role-badge-admin{background-color:#ffa9a9;color:#c00}.error-indicator,.loading-indicator{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px}.loading-indicator{color:#adb5bd}.loading-indicator:before{animation:spin 1s linear infinite;border:3px solid #2196f34d;border-radius:50%;border-top-color:#2196f3;content:"";height:40px;margin-bottom:1rem;width:40px}.error-indicator{color:#f44336}.donations-loading{align-items:center;color:#adb5bd;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.donations-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #2196f333;border-radius:50%;border-top-color:#2196f3;height:32px;margin-bottom:1rem;width:32px}.transaction-code-badge{align-items:center;background-color:#2196f31a;border-radius:4px;color:#2196f3;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;margin-top:.5rem;padding:.25rem .5rem}.transaction-code-badge:before{content:"✓";font-size:.9rem}.donations-pagination{background-color:#0000001a;border-top:1px solid #ffffff0d;gap:.5rem;padding:1rem}.donations-pagination,.page-btn{align-items:center;display:flex;justify-content:center}.page-btn{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#dee2e6;cursor:pointer;font-size:.875rem;height:32px;min-width:32px;padding:0;transition:all .2s}.page-btn:hover:not(:disabled){background-color:#2196f31a;color:#f0f0f0}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-btn.active{background-color:#2196f3;border-color:#2196f3;color:#fff;font-weight:600}.page-number{min-width:32px;width:32px}.first-page,.last-page{font-size:1rem}.next-page,.prev-page{font-size:1.25rem}.pagination-ellipsis{color:#6c757d;font-size:1rem;height:32px;justify-content:center;width:32px}.pagination-ellipsis,.pagination-pages{align-items:center;display:flex}@media (max-width:480px){.donations-pagination{gap:.25rem}.page-btn{font-size:.8rem;height:28px;min-width:28px}.pagination-ellipsis{height:28px;width:28px}}@media (max-width:359px){.pagination-pages{display:none}.donations-pagination{justify-content:space-between}}@media (min-width:769px) and (max-width:1024px){.character-list{grid-template-columns:repeat(2,1fr)}.account-stats{grid-template-columns:repeat(3,1fr)}.account-form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;padding:1rem}.dashboard-nav{gap:.5rem;justify-content:space-between;margin:.75rem 0;order:2;width:100%}.header-user-info{align-items:center;order:1;width:100%}.logout-button{order:3;width:100%}.account-status-panel{flex-direction:column;gap:.75rem}.dashboard-content{padding:1rem}.account-stats,.character-list{grid-template-columns:1fr}.security-feature{display:block}.security-feature .btn{margin-top:1rem;width:100%}.security-feature-info{margin-bottom:.5rem}.security-feature:not(:has(.two-factor-auth)) .btn{float:none;width:100%}.discord-profile{flex-direction:column;text-align:center}.donation-package{background-color:#191e2e;border-radius:4px;color:#f8f9fa!important;display:inline-block;font-weight:700;margin-bottom:8px;padding:4px 8px}.donation-item{align-items:flex-start;background-color:#191e2e;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:12px;padding:16px}.donation-details{width:100%}.donation-status-container{align-items:flex-start;width:100%}.donation-actions{width:100%}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-container{animation:fadeIn .5s ease-in-out}.dashboard-card{animation:slideUp .4s ease-out forwards;opacity:0}.dashboard-card:first-child{animation-delay:.1s}.dashboard-card:nth-child(2){animation-delay:.2s}.dashboard-card:nth-child(3){animation-delay:.3s}.dashboard-card:nth-child(4){animation-delay:.4s}.dashboard-card:nth-child(5){animation-delay:.5s}.dashboard-nav,.header-user-info,.logout-button{animation:fadeIn .5s ease-out forwards;opacity:0}.header-user-info{animation-delay:.15s}.dashboard-nav{animation-delay:.25s}.logout-button{animation-delay:.35s}.loading-indicator{animation:fadeIn .3s ease-in-out}@media (prefers-reduced-motion:reduce){.dashboard-card,.dashboard-container,.dashboard-nav,.header-user-info,.loading-indicator,.logout-button{animation:none;opacity:1}}.dashboard-header{align-items:center;background-color:#191e2ef2;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;height:56px;justify-content:center;margin-bottom:2rem;padding:0 1.5rem;position:relative;z-index:10}.header-logo{display:none}.dashboard-nav{display:flex;gap:.5rem;height:100%;position:relative}.nav-item{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;font-weight:500;height:100%;letter-spacing:.25px;padding:0 1.25rem;text-decoration:none;transition:all .2s ease}.nav-item:hover{color:#ffffffe6}.nav-item.active{color:#fff;font-weight:600}.nav-item:after{background-color:#2196f3;bottom:0;content:"";height:3px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .3s cubic-bezier(.25,.8,.25,1);width:0}.nav-item:hover:after{opacity:.5;width:20px}.nav-item.active:after{opacity:1;width:100%}.nav-item{overflow:hidden;position:relative}.nav-item:before{background-color:currentColor;border-radius:4px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.9);transition:opacity .3s ease;z-index:-1}.nav-item:hover:before{opacity:.03;transform:scale(1)}.nav-item.active:hover:before{opacity:.06}.admin-nav-item{color:#ff6464cc}.admin-nav-item.active,.admin-nav-item:hover{color:#ff6464}.admin-nav-item:after{background-color:#ff6464}.user-controls{display:none}.role-indicator{background-color:#ffffff0d;border-radius:10px;bottom:5px;color:#fff6;font-size:.65rem;font-weight:500;letter-spacing:.5px;padding:2px 8px;position:absolute;right:.75rem;text-transform:uppercase}@media (max-width:768px){.dashboard-header{flex-direction:column;height:auto;padding:.5rem}.dashboard-nav{flex-wrap:wrap;gap:.25rem;justify-content:center;padding:.25rem 0;width:100%}.nav-item{font-size:.85rem;height:auto;padding:.5rem .75rem}.nav-item:after{bottom:-2px}}.page-container{font-family:Segoe UI,Roboto,sans-serif;padding:4rem 1rem 2rem}.donate-container{background-color:#1e2235;border-radius:8px;box-shadow:0 4px 12px #0003;color:#f0f0f0;margin:0 auto;max-width:1200px;padding:1.5rem}.donate-header{border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1rem}.donate-meta{align-items:center;display:flex;margin-bottom:.75rem}.donate-category{background-color:#ff9800;border-radius:4px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;margin-right:10px;padding:.25rem .5rem}.donate-date{color:#adb5bd;font-size:.875rem}.donate-title{color:#f8f9fa;font-size:2rem;line-height:1.2;margin:0 0 .5rem}.donate-subtitle{color:#adb5bd;font-size:1rem;margin:0}.simplified-donate-content{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.section-header h2{color:#f8f9fa;font-size:1.25rem;margin:0}.always-available-tag,.limited-tag{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.limited-tag{background-color:#ff98001a;color:#ff9800}.always-available-tag{background-color:#4caf501a;color:#4caf50}.available-icon,.limited-icon{font-size:.875rem;margin-right:.5rem}.founder-packs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.founder-pack-card{background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:1.25rem;position:relative;transition:transform .2s}.founder-pack-card:hover{transform:translateY(-2px)}.founder-pack-card.selected{box-shadow:0 0 10px #ffffff26}.founder-pack-card.popular{box-shadow:0 4px 8px #ffd7001a}.popular-tag{background-color:gold;border-bottom-left-radius:6px;color:#000;font-size:.7rem;font-weight:600;padding:.15rem .5rem;position:absolute;right:0;top:0}.founder-pack-card h3{font-size:1.1rem;margin:0 0 .5rem;text-align:center}.pack-price{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;text-align:center}.pack-rewards ul{list-style:none;margin:0;padding:0}.pack-rewards li{align-items:flex-start;color:#dee2e6;display:flex;font-size:.8rem;gap:.5rem;margin-bottom:.5rem}.pack-rewards svg{flex-shrink:0;height:14px;margin-top:.125rem;width:14px}.nx-options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.nx-option-card{background-color:#2196f30d;border:1px solid #2196f333;border-radius:8px;cursor:pointer;padding:.75rem;transition:all .2s}.nx-option-card:hover{background-color:#2196f31a;transform:translateY(-2px)}.nx-option-card.selected{background-color:#2196f326;border-color:#2196f3;box-shadow:0 0 8px #2196f333}.nx-option-content{gap:.75rem}.nx-icon,.nx-option-content{align-items:center;display:flex}.nx-icon{background-color:#2196f333;border-radius:50%;flex-shrink:0;height:30px;justify-content:center;width:30px}.nx-icon svg{fill:#2196f3;height:18px;width:18px}.nx-option-details h3{color:#f8f9fa;font-size:.9rem;margin:0 0 .25rem}.nx-price{color:#adb5bd;font-size:.8rem;margin:0}.custom-amount-container{background-color:#2196f30d;border:1px dashed #2196f34d;border-radius:8px;margin-top:1rem;padding:1rem}.custom-amount-container label{color:#adb5bd;display:block;font-size:.875rem;margin-bottom:.5rem}.custom-amount-input{position:relative}.currency-symbol{color:#adb5bd;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.custom-amount-field{background-color:#343a40;border:1px solid #ffffff1a;border-radius:4px;color:#f0f0f0;font-size:1rem;padding:.75rem .75rem .75rem 1.5rem;width:100%}.custom-amount-field:focus{border-color:#2196f3;outline:none}.custom-amount-field::-webkit-inner-spin-button,.custom-amount-field::-webkit-outer-spin-button{cursor:pointer;height:2.5rem;opacity:1}.custom-amount-field[type=number]{-moz-appearance:textfield}.custom-amount-field::-webkit-inner-spin-button,.custom-amount-field::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button;appearance:inner-spin-button;background:#2196f31a;border-left:1px solid #ffffff1a;color:#f0f0f0;height:100%;margin:0;position:absolute;right:0;top:0;width:1.5rem}.payment-form-section{margin-top:1rem}.selected-package-details{margin-bottom:1.5rem}.package-summary{align-items:center;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.package-name,.package-price{color:#f8f9fa;font-weight:600}.package-rewards{margin-top:.75rem;padding:0 .5rem}.package-rewards h4{color:#adb5bd;font-size:.8rem;font-weight:500;margin:0 0 .5rem}.package-rewards ul{color:#dee2e6;font-size:.8rem;margin:0;padding-left:1rem}.package-rewards li{margin-bottom:.25rem}.donate-form{background-color:#0003;border-radius:8px;padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group input{background-color:#343a40;border:1px solid #ffffff1a;border-radius:4px;color:#f0f0f0;font-size:.875rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.payment-methods{display:flex;gap:1rem;margin-bottom:.5rem}.payment-method{align-items:center;background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex;flex:1 1;gap:.75rem;padding:.75rem;transition:all .2s}.payment-method:hover{background-color:#ffffff0d}.payment-method.active{background-color:#2196f30d;border-color:#2196f3}.payment-method-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.crypto-icon{background-color:#f0b90b1a}.crypto-icon svg{fill:#f0b90b;height:14px;width:14px}.paypal-icon{background-color:#019cde1a}.paypal-icon svg{fill:#019cde;height:14px;width:14px}.donate-button{background-color:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:flex-start;padding:.75rem 1.5rem;transition:background-color .2s;width:auto}.donate-button:hover:not(:disabled){background-color:#f57c00}.donate-button:disabled{background-color:#6c757d;cursor:not-allowed}.button-loader{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:.5rem;width:16px}.error-message,.success-message{align-items:center;border-radius:4px;display:flex;gap:.625rem;margin-top:1rem;padding:.75rem}.success-message{background-color:#4caf501a;border-left:4px solid #4caf50}.error-message{background-color:#f443361a;border-left:4px solid #f44336}.error-message svg,.success-message svg{flex-shrink:0;height:20px;width:20px}.success-message svg{fill:#4caf50}.error-message svg{fill:#f44336}.error-message p,.success-message p{font-size:.875rem;margin:0}.donate-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.25rem}.home-link,.support-link{background-color:#343a40!important;border-radius:4px;color:#e9ecef;display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.home-link:hover,.support-link:hover{background-color:#495057}@media (max-width:1024px){.founder-packs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.founder-packs-grid{grid-template-columns:1fr}.donate-footer,.payment-methods{flex-direction:column}.donate-footer{gap:1rem}.back-link,.support-link{display:block;text-align:center}}.donate-form .form-group input{display:block;margin:0;max-width:400px;width:60%}.donate-button{display:block;justify-content:center;margin:1rem 0 0;max-width:400px;width:60%}@media (max-width:600px){.donate-button,.donate-form .form-group input{width:100%}}.donation-guide{background-color:#2196f30d;border-left:4px solid #2196f3;border-radius:4px;margin-top:20px;padding:16px}.guide-header{align-items:center;display:flex;margin-bottom:12px}.guide-icon{fill:#2196f3;height:24px;margin-right:10px;width:24px}.guide-header h4{color:#f8f9fa;font-size:16px;font-weight:600;margin:0}.guide-steps{padding-left:30px}.guide-steps li{color:#dee2e6;line-height:1.4;margin-bottom:8px}.guide-steps li:last-child{margin-bottom:0}.guide-steps a{color:#2196f3;font-weight:500;text-decoration:none}.guide-steps a:hover{text-decoration:underline}.crypto-options{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.crypto-option{align-items:center;background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:all .2s}.crypto-option:hover{background-color:#ffffff0d}.crypto-option.active{background-color:#f0b90b0d;border-color:#f0b90b}.crypto-icon{align-items:center;background-color:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:24px;justify-content:center;width:24px}.crypto-icon-btc{background-color:#f7931a33;color:#f7931a}.crypto-icon-eth{background-color:#71809633;color:#627eea}.crypto-icon-usdt{background-color:#26a17b33;color:#26a17b}.crypto-icon-usdc{background-color:#2775ca33;color:#2775ca}.crypto-icon-ltc{background-color:#bfbbbb33;color:#bfbbbb}.crypto-icon-bnb{background-color:#f3ba2f33;color:#f3ba2f}.crypto-abbr{font-size:.7rem;font-weight:700}.crypto-name{font-size:.85rem}.crypto-payment-info{background-color:#f0b90b0d;border-left:4px solid #f0b90b;border-radius:4px;margin-top:1.5rem;padding:1.25rem}.crypto-payment-header{margin-bottom:1rem}.crypto-payment-header h4{color:#f0b90b;font-size:1.1rem;margin:0 0 .5rem}.crypto-payment-header p{color:#dee2e6;font-size:.9rem;margin:0}.crypto-qr-container{background-color:#ffffff08;border-radius:6px;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem}@media (min-width:768px){.crypto-qr-container{align-items:center;flex-direction:row}}.crypto-qr-code{flex-shrink:0;margin:0 auto}@media (min-width:768px){.crypto-qr-code{margin:0}}.qr-placeholder{align-items:center;border:1px dashed #ccc;color:#666;display:flex;font-size:.7rem;height:130px;justify-content:center;text-align:center;width:130px}.crypto-address-container{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.crypto-label{color:#aab8c2;font-size:.8rem;margin:0}.crypto-address-box{align-items:center;background-color:#0003;border:1px solid #ffffff1a;border-radius:4px;display:flex;padding:.5rem}.crypto-address{color:#f8f9fa;flex:1 1;font-family:monospace;font-size:.85rem;-webkit-user-select:all;user-select:all;word-break:break-all}.copy-address-btn{align-items:center;background:none;border:none;border-radius:4px;color:#aab8c2;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.copy-address-btn:hover{background-color:#ffffff1a;color:#fff}.copy-icon{fill:currentColor;height:16px;width:16px}.crypto-payment-note{align-items:flex-start;background-color:#2196f30d;border-radius:6px;display:flex;gap:.75rem;padding:.75rem}.note-icon{fill:#2196f3;flex-shrink:0;height:20px;margin-top:.15rem;width:20px}.crypto-payment-note p{color:#dee2e6;font-size:.85rem;line-height:1.4;margin:0}.crypto-payment-note a{color:#2196f3;font-weight:500;text-decoration:none}.crypto-payment-note a:hover{text-decoration:underline}.info-icon{fill:#2196f3;flex-shrink:0;height:18px;margin-right:8px;width:18px}.member-info-notice{align-items:center;background-color:#2196f30d;border-radius:4px;display:flex;padding:8px 12px}.crypto-amount{color:#f0f0f0;font-family:monospace;letter-spacing:.5px}.crypto-usd-equivalent{color:#adb5bd;font-size:.85rem;margin-left:.5rem}.crypto-exchange-rate{background-color:#2196f30d;border-radius:4px;color:#adb5bd;display:inline-block;font-size:.85rem;margin-bottom:.75rem;margin-top:.75rem;padding:.5rem .75rem}.crypto-payment-note .dashboard-link{color:#2196f3;font-weight:500;text-decoration:none}.crypto-payment-note .dashboard-link:hover{text-decoration:underline}.crypto-qr-code{align-items:center;background-color:#fff;border-radius:4px;display:flex;height:150px;justify-content:center;margin:.75rem 0;padding:.5rem;width:150px}.qr-image{height:100%;object-fit:contain;width:100%}.founder-packs-note{align-items:flex-start;background-color:#2196f30d;border-left:3px solid #2196f34d;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem}.founder-packs-note .info-icon{fill:#2196f3;flex-shrink:0;height:20px;width:20px}.founder-packs-note p{color:#dee2e6;font-size:.9rem;margin:0}.character-name-group input{background-color:#343a40;border:1px solid #ffffff1a;border-radius:4px;color:#f0f0f0;font-size:.875rem;max-width:350px;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.character-name-group input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.character-name-group input.is-invalid{border-color:#f44336}.invalid-feedback{color:#f44336;font-size:.8rem;margin-top:.25rem}.form-text.text-muted{color:#adb5bd;display:block;font-size:.8rem;margin-top:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#adb5bd;display:block;font-size:.875rem;margin-bottom:.5rem}.donation-guide-container{background-color:#0003;border-radius:8px;margin-top:1.5rem;overflow:hidden}.donation-guide-tabs{border-bottom:1px solid #ffffff14;display:flex}.donation-guide-tab{background:none;border:none;color:#adb5bd;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;position:relative;transition:all .2s}.donation-guide-tab:hover{color:#f0f0f0}.donation-guide-tab.active{color:#2196f3}.donation-guide-tab.active:after{background-color:#2196f3;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.donation-guide-content{padding:1.25rem}.donation-guide-section{display:none}.donation-guide-section.active{animation:fadeIn .3s ease-out;display:block}.guide-title{align-items:center;color:#f8f9fa;display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 1rem}.guide-title svg{fill:#2196f3;height:20px;width:20px}.guide-steps{counter-reset:step-counter;list-style-type:none;margin:0;padding:0}.guide-step{counter-increment:step-counter;margin-bottom:1rem;padding-left:2.5rem;position:relative}.guide-step:last-child{margin-bottom:0}.guide-step:before{align-items:center;background-color:#2196f326;border-radius:50%;color:#2196f3;content:counter(step-counter);display:flex;font-size:.8rem;font-weight:700;height:1.5rem;justify-content:center;left:0;position:absolute;top:0;width:1.5rem}.guide-step-title{color:#f0f0f0;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.guide-step-description{color:#adb5bd;font-size:.85rem;line-height:1.5}.guide-note{background-color:#ffc10714;border-left:3px solid #ffc107;border-radius:4px;color:#dee2e6;font-size:.85rem;margin-top:1rem;padding:.75rem}.guide-note strong{color:#ffc107}.pending-donations-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #0000001a;border-top-color:#2196f3;height:40px;margin-bottom:1rem;width:40px}.pending-donations-warning{align-items:flex-start;background-color:#ffc1071a;border-left:4px solid #ffc107;border-radius:8px;display:flex;margin-bottom:2rem;padding:1rem}.pending-donations-warning.critical{background-color:#dc35451a;border-left-color:#dc3545}.pending-donations-warning .warning-icon{fill:#856404;height:24px;margin-right:1rem;min-width:24px;width:24px}.pending-donations-warning.critical .warning-icon{fill:#721c24}.pending-donations-warning .warning-message{flex:1 1}.pending-donations-warning .warning-message strong{color:#856404;display:block;margin-bottom:.5rem}.pending-donations-warning.critical .warning-message strong{color:#721c24}.pending-donations-warning .warning-message p{color:#dec273;margin-bottom:.5rem}.pending-donations-warning.critical .warning-message p{color:#d9888e}.dashboard-link{color:#007bff;display:inline-block;font-weight:500;text-decoration:none;transition:color .2s}.dashboard-link:hover{color:#0056b3;text-decoration:underline}.founder-pack-card.disabled,.nx-option-card.disabled{pointer-events:none;position:relative}.nx-option-disabled-overlay,.pack-disabled-overlay{align-items:center;background-color:#00000080;border-radius:8px;bottom:0;color:#fff;display:flex;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.nx-option-disabled-overlay{border-radius:4px}.donation-limit-reached{align-items:center;background-color:#0003;border:1px solid #dc35454d;border-radius:8px;display:flex;flex-direction:column;margin:1rem 0;padding:2rem;text-align:center}.donation-limit-reached .limit-icon{fill:#dc3545;height:48px;margin-bottom:1rem;width:48px}.donation-limit-reached h3{color:#dc3545;margin-bottom:1rem}.donation-limit-reached p{color:#adb5bd;margin-bottom:1.5rem;max-width:500px}.dashboard-button{background-color:#007bff;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s}.dashboard-button:hover{background-color:#0056b3;color:#fff;text-decoration:none}.copy-toast{animation:fadeInOut 2s ease;background-color:#000c;border-radius:4px;bottom:20px;color:#fff;font-size:.9rem;left:50%;padding:.5rem 1rem;position:fixed;transform:translateX(-50%);z-index:1000}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@media (max-width:768px){.crypto-payment-header p{align-items:flex-start;flex-direction:column}.crypto-usd-equivalent{display:block;margin-left:0;margin-top:.25rem}.pending-donations-warning{flex-direction:column}.pending-donations-warning .warning-icon{margin-bottom:.5rem}}@media (max-width:600px){.crypto-options{grid-template-columns:1fr 1fr}.crypto-qr-container{padding:.75rem}.crypto-qr-code{height:120px;width:120px}.qr-placeholder{height:100px;width:100px}.donation-guide-tab{font-size:.8rem;padding:.5rem .75rem}}.discord-callback{align-items:center;background-color:#151924;display:flex;justify-content:center;min-height:100vh;padding:2rem}.discord-callback-container{max-width:520px;width:100%}.discord-callback-card{background-color:#1e2235;border-radius:8px;box-shadow:0 8px 24px #0003;padding:2rem;text-align:center;transition:all .3s ease}.discord-callback-card.loading{border:1px solid #5865f24d}.discord-callback-card.success{border:1px solid #4caf504d}.discord-callback-card.error{border:1px solid #f443364d}.discord-callback-icon{align-items:center;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem}.loading-spinner{animation:spin 1.5s linear infinite;border:4px solid #5865f24d;border-radius:50%;border-top-color:#5865f2;height:48px;width:48px}.discord-callback-title{color:#f8f9fa;font-size:1.75rem;margin-bottom:1rem}.discord-callback-message{color:#adb5bd;line-height:1.5;margin-bottom:1.5rem}.discord-username-display{align-items:center;background-color:#5865f21a;border-radius:6px;display:flex;flex-direction:column;margin-bottom:1.5rem;padding:.875rem 1rem}.discord-label{color:#adb5bd;font-size:.875rem;margin-bottom:.25rem}.discord-username{color:#5865f2;font-size:1.125rem;font-weight:600}.discord-callback-note{color:#6c757d;font-size:.875rem;font-style:italic;margin-bottom:0}.discord-callback-actions{margin-top:1.5rem}@media (max-width:576px){.discord-callback-card{padding:1.5rem}.discord-callback-title{font-size:1.5rem}}.admin-dashboard-container{background-color:#191e2e;color:#f0f2f5;display:flex;flex-direction:column;min-height:100vh}.admin-content-area{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.admin-page-header{margin-bottom:2rem}.admin-page-header h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-page-header p{color:#aab8c2;font-size:1rem}.admin-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.filter-controls{align-items:center;display:flex;gap:.75rem}.status-filter-select{background-color:#273149;border:1px solid #394563;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;min-width:180px;padding:.5rem 1rem;transition:all .2s ease}.status-filter-select:hover{border-color:#4a5d8a}.status-filter-select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f340;outline:none}.refresh-button{align-items:center;background-color:#273149;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.refresh-button:hover{background-color:#364060}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.admin-content-layout{display:flex;gap:2rem;position:relative}.donations-list-container{flex:1 1;min-width:0}.loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 0}.spinner{animation:spin 1s linear infinite;border:3px solid #2196f34d;border-radius:50%;border-top-color:#2196f3;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.empty-state{align-items:center;color:#8c9cb4;display:flex;flex-direction:column;justify-content:center;padding:4rem 0;text-align:center}.empty-state svg{fill:#8c9cb4;height:48px;margin-bottom:1rem;width:48px}.donations-table-wrapper{background-color:#232a3f;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.donations-table{border-collapse:collapse;width:100%}.donations-table th{background-color:#2a324a;color:#e0e6ed;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.donations-table td{border-bottom:1px solid #2a324a;font-size:.95rem;padding:1rem;vertical-align:middle}.donations-table td .status-cell{padding:0}.donations-table tr:last-child td{border-bottom:none}.donations-table tr:hover td,.status-dropdown-btn{background-color:#2a324a}.status-dropdown-btn{align-items:center;border:1px solid #394563;border-radius:4px;color:#e0e6ed;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.4rem .75rem;transition:all .2s ease}.status-dropdown-btn:hover{background-color:#364060;border-color:#4a5d8a}.status-dropdown-btn:after{content:"▼";font-size:.7rem;margin-left:.25rem}.status-dropdown-content{display:none;z-index:10}.status-dropdown-content.show{display:block}.status-option:hover{background-color:#2a324a}.status-option:first-child{border-radius:6px 6px 0 0}.status-option:last-child{border-radius:0 0 6px 6px}.status-option-pending{color:#ffc107}.status-option-approved{color:#2196f3}.status-option-completed{color:#4caf50}.status-option-rejected{color:#f44336}.status-icon{margin-right:.5rem}.status-icon-pending{background-color:#ffc107}.status-icon-approved{background-color:#2196f3}.status-icon-completed{background-color:#4caf50}.status-icon-rejected{background-color:#f44336}.transaction-code{font-size:.9rem;max-width:100%}.muted-text{color:#8c9cb4}.status-cell{align-items:center;display:flex;font-weight:600;gap:8px;height:100%;line-height:normal;padding:0;vertical-align:middle}.status-indicator{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}.status-indicator-pending{background-color:#ffc107}.status-indicator-approved{background-color:#2196f3}.status-indicator-completed{background-color:#4caf50}.status-indicator-rejected{background-color:#f44336}.user-email{font-size:.8rem;margin-top:2px}.pagination-controls{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.pagination-button{background-color:#273149;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .75rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:#364060}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#aab8c2;font-size:.9rem;padding:0 1rem}.admin-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1000}.admin-modal.show{opacity:1;visibility:visible}.admin-modal-content{animation:modalSlideIn .3s ease;background-color:#232a3f;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:500px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.admin-modal-header{align-items:center;background-color:#2a324a;border-bottom:1px solid #343e5a;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:1.25rem}.admin-modal-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.admin-modal-close{background:none;border:none;color:#aab8c2;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.admin-modal-close:hover{color:#fff}.admin-modal-body{padding:1.25rem}.admin-modal-footer{border-top:1px solid #343e5a;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.admin-action-btn{background-color:#273149;border:1px solid #394563;border-radius:4px;color:#e0e6ed;cursor:pointer;font-size:.85rem;padding:.4rem .75rem;transition:all .2s ease}.admin-action-btn:hover{background-color:#364060;border-color:#4a5d8a}.admin-action-btn.find-character{background-color:#3f51b5;border:none;color:#fff}.admin-action-btn.find-character:hover{background-color:#303f9f}.admin-action-btn.email-user{background-color:#673ab7;border:none;color:#fff}.admin-action-btn.email-user:hover{background-color:#5e35b1}.toast-container{position:fixed;right:20px;top:20px;z-index:1000}.toast{align-items:center;animation:toastSlideIn .3s ease;background-color:#232a3f;border-left:4px solid;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#e0e6ed;display:flex;margin-bottom:.75rem;max-width:350px;min-width:250px;padding:1rem}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left-color:#4caf50}.toast-success .toast-icon{color:#4caf50}.toast-error{border-left-color:#f44336}.toast-error .toast-icon{color:#f44336}.toast-content{flex:1 1;margin:0 .75rem}.toast-title{font-weight:600;margin-bottom:.25rem}.toast-close{background:none;border:none;color:#aab8c2;cursor:pointer;font-size:1.25rem;line-height:1;padding:0;transition:color .2s ease}.toast-close:hover{color:#fff}.donations-table th{font-size:.8rem;padding:.75rem .5rem}.donations-table td{font-size:.85rem;padding:.65rem .5rem}.donations-table td:first-child,.donations-table th:first-child{white-space:nowrap;width:5%}.donations-table td:nth-child(2),.donations-table th:nth-child(2){white-space:nowrap;width:12%}.donations-table td:nth-child(3),.donations-table td:nth-child(4),.donations-table th:nth-child(3),.donations-table th:nth-child(4){width:15%}.donations-table td:nth-child(5),.donations-table th:nth-child(5){white-space:nowrap;width:7%}.donations-table td:nth-child(6),.donations-table th:nth-child(6){white-space:nowrap;width:10%}.donations-table td:nth-child(7),.donations-table th:nth-child(7){width:16%}.donations-table td:nth-child(8),.donations-table td:nth-child(9),.donations-table th:nth-child(8),.donations-table th:nth-child(9){white-space:nowrap;width:10%}.user-info{display:flex;flex-direction:column;gap:.15rem}.user-email{color:#8c9cb4;font-size:.75rem}.character-name{align-items:center;color:gold;display:flex;font-size:.75rem;gap:.25rem;margin-top:.15rem}.character-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gold'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;height:12px;width:12px}.transaction-cell{max-width:200px;position:relative}.transaction-container{align-items:center;display:flex;gap:.25rem;max-width:100%;position:relative}.transaction-code{background-color:#1a2035;border-radius:4px;color:#e0e6ed;display:inline-block;font-family:monospace;font-size:.75rem;max-width:calc(100% - 28px);overflow:hidden;padding:.2rem .4rem;text-overflow:ellipsis;white-space:nowrap}.copy-code-btn{align-items:center;background:none;border:none;border-radius:3px;color:#8c9cb4;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.25rem;transition:all .2s ease}.copy-code-btn:hover{background-color:#ffffff1a;color:#fff}.copy-code-btn svg{fill:currentColor}.transaction-container:hover .transaction-code{box-shadow:0 4px 8px #0003;left:0;max-width:300px;padding:.35rem .5rem;position:absolute;top:-24px;white-space:normal;word-break:break-all;z-index:5}.status-cell{gap:4px}.status-dropdown-btn{font-size:.8rem;padding:.35rem .5rem}.status-cell,.status-dropdown{position:relative}.status-dropdown{display:inline-block}.status-dropdown-content{background-color:#232a3f;border:1px solid #394563;border-radius:6px;box-shadow:0 4px 12px #0003;margin-top:.25rem;max-height:none;min-width:180px;overflow:visible;position:absolute;right:0;top:100%;z-index:100}.status-dropdown:last-child .status-dropdown-content,.status-dropdown:nth-last-child(2) .status-dropdown-content,.status-dropdown:nth-last-child(3) .status-dropdown-content{bottom:100%;margin-bottom:.25rem;margin-top:0;top:auto}.status-dropdown-content.show{animation:fadeIn .2s ease;display:block!important;opacity:1;transform-origin:top right;visibility:visible}.status-dropdown:last-child .status-dropdown-content.show,.status-dropdown:nth-last-child(2) .status-dropdown-content.show,.status-dropdown:nth-last-child(3) .status-dropdown-content.show{transform-origin:bottom right}.status-option{align-items:center;color:#e0e6ed;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.donations-table-wrapper{overflow:visible!important}.donations-table,.donations-table td{overflow:visible!important;position:relative}.status-dropdown-btn{position:relative;z-index:1}.view-toggle{align-items:center;background-color:#273149;border:1px solid #394563;border-radius:6px;color:#fff;cursor:pointer;display:none;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .2s ease}.view-toggle svg{fill:currentColor;height:16px;width:16px}@media (max-width:992px){.donations-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto;position:relative}.donations-table-wrapper:after{background:linear-gradient(90deg,#232a3f00,#232a3fb3);border-radius:0 8px 8px 0;bottom:0;content:"";opacity:.5;pointer-events:none;position:absolute;right:0;top:0;width:20px}.donations-table{min-width:900px;overflow:visible}}@media (max-width:768px){.admin-page-header h1{font-size:1.5rem}.admin-page-header p{font-size:.9rem}.admin-content-area{padding:1rem .75rem}.filter-controls{flex-direction:column;width:100%}.status-filter-select{max-width:none;width:100%}.refresh-button{justify-content:center;width:100%}.pagination-controls{flex-wrap:wrap;gap:8px}.pagination-button{align-items:center;display:flex;justify-content:center;min-width:40px;padding:.5rem}.pagination-info{margin-bottom:8px;order:-1;text-align:center;width:100%}.toast-container{left:20px;right:20px}.toast{max-width:none;min-width:0;width:auto}}@media (max-width:600px){.view-toggle{display:flex}.mobile-card-view .donations-table-wrapper{background-color:initial;box-shadow:none;overflow:visible}.mobile-card-view .donations-table-wrapper:after{display:none}.mobile-card-view .donations-table,.mobile-card-view .donations-table tbody,.mobile-card-view .donations-table td,.mobile-card-view .donations-table th,.mobile-card-view .donations-table thead,.mobile-card-view .donations-table tr{display:block;min-width:0;width:100%}.mobile-card-view .donations-table thead tr{left:-9999px;position:absolute;top:-9999px}.mobile-card-view .donations-table tr{background-color:#232a3f;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;overflow:hidden}.mobile-card-view .donations-table td{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:flex-end;min-height:30px;padding:.75rem .75rem .75rem 40%;position:relative;text-align:right}.mobile-card-view .donations-table td:last-child{border-bottom:none}.mobile-card-view .donations-table td:before{align-items:center;color:#aab8c2;content:attr(data-label);display:flex;font-size:.7rem;font-weight:600;height:100%;left:.75rem;letter-spacing:.5px;padding-right:10px;position:absolute;text-align:left;text-transform:uppercase;white-space:nowrap;width:35%}.mobile-card-view .status-cell{justify-content:flex-end;padding-left:40%!important}.mobile-card-view .transaction-cell{max-width:none}.mobile-card-view .transaction-container{max-width:60%}.mobile-card-view .transaction-code{max-width:calc(100% - 28px)}.mobile-card-view .user-info{align-items:flex-end;text-align:right}.mobile-card-view .character-name{justify-content:flex-end}.mobile-card-view .status-dropdown-content{left:40%;margin-left:.5rem;margin-top:0;right:auto;top:0}}.terms-container{font-family:Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;padding:2rem}.terms-container h1{color:#c5cce0;margin-bottom:2rem;text-align:center}.terms-section{margin-bottom:2rem}.terms-section h2{border-bottom:1px solid #eee;color:#c5cce0;margin-bottom:1rem;padding-bottom:.5rem}.terms-section p{color:#8792ab;margin-bottom:1rem}.terms-section a{color:#06c;text-decoration:none}.terms-section a:hover{text-decoration:underline}.terms-footer{border-top:1px solid #eee;color:#777;font-size:.9rem;margin-top:3rem;padding-top:1rem;text-align:center}.back-button{background-color:#f5f5f5;border-radius:4px;color:#333;display:inline-block;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.back-button:hover{background-color:#e0e0e0}.page-container{background-color:#151924;color:#f0f0f0;min-height:100vh;padding:2rem 1rem}.article-container{background-color:#1e2235;border-radius:8px;box-shadow:0 4px 12px #0003;color:#f0f0f0;margin:0 auto;max-width:800px;padding:1.5rem}.article-header{border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1rem}.article-meta{align-items:center;display:flex;margin-bottom:.75rem}.article-category{border-radius:4px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;margin-right:10px;padding:.25rem .5rem}.article-category.event{background-color:#ff9800}.article-category.update{background-color:#2196f3}.article-category.news{background-color:#4caf50}.article-date{color:#adb5bd;font-size:.875rem}.article-title{color:#f8f9fa;font-size:2rem;line-height:1.2;margin:0}.article-content{color:#dee2e6;font-size:1rem;line-height:1.6}.article-content p{margin-bottom:1.25rem}.article-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.25rem}.back-link,.read-more-link,.view-all-link{background-color:#2196f3;border-radius:4px;color:#fff;display:inline-block;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.back-link:hover,.read-more-link:hover,.view-all-link:hover{background-color:#1976d2}.error,.loading,.not-found{color:#dee2e6;padding:2.5rem 0;text-align:center}.error h2,.not-found h2{color:#f44336;margin-bottom:.625rem}.error p,.not-found p{color:#adb5bd;margin-bottom:1.25rem}.hero-section{align-items:center;border-bottom:1px solid #ffffff14;display:flex;height:600px;justify-content:center;overflow:hidden;position:relative;text-align:center;width:100%}.hero-background,.hero-section:before{height:100%;left:0;position:absolute;top:0;transition:transform .7s ease,filter .7s ease;width:100%;z-index:0}.hero-section:before{background-image:url(/static/media/hero4.f76d9f306a90b5fd5426.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:""}.hero-overlay{background-color:#030e20e6;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-content{padding:6rem 1rem;position:relative;width:100%;z-index:2}.hero-content h1{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:3.2rem;font-weight:700;letter-spacing:-.01em;line-height:1.1;margin-bottom:1.2rem}.hero-content p{color:#fff;font-size:1.25rem;font-weight:400;letter-spacing:.01em;line-height:1.4;margin:0 auto;max-width:80%}.hero-wave{background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1440 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23151924' d='m0 192 80-21.3c80-21.7 240-63.7 400-64 160 .3 320 42.3 480 64 160 21.3 320 21.3 400 21.3h80v128H0Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;bottom:0;height:100px;left:0;pointer-events:none;position:absolute;width:100%;z-index:2}@media screen and (max-width:768px){.hero-section{height:400px}.hero-content{padding:3rem 1rem}}@media screen and (max-width:480px){.hero-section{height:300px}.hero-content{padding:2rem 1rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:.9rem;max-width:90%}}:root{--primary:#2196f3;--primary-light:#1976d2;--primary-dark:#0d47a1;--secondary:#adb5bd;--background:#151924;--card-bg:#1e2235;--card-bg-light:#232639;--card-border:#ffffff1a;--text:#fff;--text-muted:#e6e6e6;--text-darker:#ccc;--success:#4caf50;--success-bg:#4caf501a;--danger:#f44336;--danger-bg:#f443361a;--border-radius:8px;--shadow:0 4px 12px #0003;--transition:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f3f4f6;color:#333;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}nav{background-color:#1f2937;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff}nav .container{justify-content:space-between;padding:1rem}nav .container,nav .logo{align-items:center;display:flex}nav .logo a{color:#fff;font-size:1.25rem;font-weight:700;text-decoration:none}nav .nav-links{display:flex;gap:1.5rem}nav .nav-links a{color:#fff;text-decoration:none;transition:color .2s}nav .nav-links a:hover{color:#d1d5db}nav .sign-up{background-color:#2563eb;border-radius:.25rem;padding:.25rem 1rem;transition:background-color .2s}nav .sign-up:hover{background-color:#1d4ed8;color:#fff}.hero-container{padding:2rem 1rem}.hero-slider{border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;position:relative;width:100%}.slide{background-position:50%;background-size:cover;height:400px;position:relative}.slide-overlay{background:#0006;right:0;top:0}.slide-content,.slide-overlay{bottom:0;left:0;position:absolute}.slide-content{color:#fff;padding:2rem}.slide-content h2{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.slide-content p{font-size:1.25rem}.fade-in{animation:fadeIn .5s ease-in-out}.welcome-section{margin-top:3rem;text-align:center}.welcome-section h2{font-size:1.875rem;font-weight:700;margin-bottom:2rem}.welcome-section p{font-size:1.125rem;margin:0 auto 3rem;max-width:42rem}.news-section{padding:3rem 0}.news-section h2{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.news-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.news-grid{grid-template-columns:repeat(3,1fr)}}.news-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition:box-shadow .3s}.news-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.news-card-content{padding:1.5rem}.news-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.news-tag{border-radius:.25rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.news-tag.update{background-color:#dbeafe;color:#1e40af}.news-tag.event{background-color:#dcfce7;color:#166534}.news-tag.community{background-color:#f3e8ff;color:#7e22ce}.news-date{color:#6b7280;font-size:.875rem}.news-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.news-card p{color:#4b5563;margin-bottom:1rem}.news-card .read-more{color:#2563eb;font-size:.875rem;font-weight:500;text-decoration:none}.news-card .read-more:hover{color:#1d4ed8}.features-section{padding:3rem 0}.features-section h2{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;text-align:center}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-card p{color:#4b5563}footer{background-color:#1f2937;color:#fff;padding:2rem 0}.footer-content{display:flex;flex-direction:column;justify-content:space-between}@media (min-width:768px){.footer-content{flex-direction:row}}.footer-info{margin-bottom:1.5rem}@media (min-width:768px){.footer-info{margin-bottom:0}}.footer-info h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.footer-links h4{font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#fff;text-decoration:none}.footer-links a:hover{color:#d1d5db}.footer-bottom{border-top:1px solid #374151;font-size:.875rem;margin-top:2rem;padding-top:1.5rem;text-align:center}.navbar{animation:navbarFadeIn .6s ease;background:#0000;height:60px;left:0;position:fixed;top:0;transition:all .4s ease;width:100%;z-index:1000}@keyframes navbarFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a1f2ed9;border-bottom:1px solid #2c334a99;content:"";height:100%;left:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:-1}.navbar.scrolled:before{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#1a1f2ef2}.navbar .container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;width:100%}.sidebar-toggle-mobile{align-items:center;background:#2196f326;border:1px solid #2196f34d;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:.85rem;height:36px;margin-right:1rem;padding:.4rem .8rem;transition:all .3s ease}.sidebar-toggle-mobile:hover{background:#2196f340;transform:translateY(-1px)}.status-icon{background-color:#4caf50;border-radius:50%;box-shadow:0 0 10px #4caf5080;display:inline-block;height:8px;margin-right:6px;width:8px}.status-text{font-weight:500}.logo{font-size:1.6rem;font-weight:700;z-index:5}.logo a{align-items:center;display:flex;text-decoration:none;transition:transform .3s ease}.logo a:hover{transform:scale(1.05)}.logo-text{color:#fff;display:inline-block;font-size:1.5rem;font-weight:700;line-height:1;overflow:hidden;position:relative;transition:all .3s ease}.logo-image{height:1em;object-fit:contain;transition:transform .5s ease;width:auto}.logo a:hover .logo-image{transform:rotate(5deg)}.logo-text:hover{color:#fff;text-shadow:0 0 15px #fff6}.nav-links-desktop{align-items:center;display:flex;gap:1.8rem;height:100%;left:50%;margin:0;position:absolute;transform:translateX(-50%)}.nav-links-desktop a{border-radius:4px;color:#dee2e6;font-size:1rem;font-weight:500;letter-spacing:.3px;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-links-desktop a:hover{background:#2196f31a;color:#fff;transform:translateY(-2px)}.nav-links-desktop a.active{color:#2196f3;font-weight:600}.nav-links-desktop a.active:after{background-color:#2196f3;border-radius:1px;bottom:-9px;box-shadow:0 0 8px #2196f366;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:70%}.user-actions{align-items:center;display:flex;gap:1rem;margin-left:auto;z-index:5}.desktop-only{display:inline-block}.account-link,.login-link,.logout-button,.sign-up{border-radius:4px;display:inline-block;font-size:.9rem;font-weight:500;letter-spacing:.4px;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.login-link{background-color:initial;border:1px solid #2196f34d;color:#fff;margin-right:.5rem}.login-link:hover{background-color:#2196f31a;border-color:#2196f380;transform:translateY(-1px)}.sign-up{background-color:#2196f3;border:none;box-shadow:none;color:#fff;font-weight:600}.sign-up:hover{background-color:#1976d2;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.account-link{background-color:initial;border:1px solid #2196f380;color:#2196f3;font-weight:500;transition:all .2s ease}.account-link:hover{background-color:#2196f30d;border-color:#2196f3;color:#fff;transform:translateY(-2px)}.logout-button{background-color:initial;border:1px solid #f4433680;color:#f44336;font-weight:500;transition:all .2s ease}.logout-button:hover{background-color:#f443360d;border-color:#f44336;color:#fff;transform:translateY(-2px)}.account-link:focus,.login-link:focus,.logout-button:focus,.sign-up:focus{box-shadow:0 0 0 2px #2196f366;outline:none}.mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:21px;justify-content:space-between;margin-left:15px;padding:0;width:30px;z-index:1100}.mobile-menu-toggle span{background-color:#fff;border-radius:3px;display:block;height:3px;transition:all .3s ease;width:100%}.mobile-menu-toggle.active span:first-child{transform:translateY(9px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-nav-menu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a1f2ef7;display:none;height:calc(100vh - 60px);left:0;opacity:0;overflow-y:auto;position:fixed;top:60px;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;width:100%;z-index:1050}.mobile-nav-menu.open{display:block;opacity:1;transform:translateY(0)}.mobile-nav-links{display:flex;flex-direction:column;padding:1.5rem}.mobile-nav-links a{border-bottom:1px solid #2c334a4d;border-radius:4px;color:#dee2e6;font-size:1.1rem;font-weight:500;margin-bottom:.5rem;padding:1rem;text-align:center;text-decoration:none;transition:all .2s ease}.mobile-nav-links a:last-of-type{border-bottom:none}.mobile-nav-links a:hover{background:#2196f31a;color:#fff}.mobile-nav-links a.active{border-left:3px solid #2196f3;color:#2196f3;font-weight:600}.mobile-user-actions{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;margin-top:1.5rem;padding-top:1.5rem}.mobile-user-actions .account-link,.mobile-user-actions .login-link,.mobile-user-actions .logout-button,.mobile-user-actions .sign-up{margin:.5rem 0;text-align:center;width:100%}.mobile-menu-overlay{background-color:#00000080;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:1000}.logout-overlay{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#000000d9;transition:all .3s ease;z-index:2000}.logout-message{background-color:#1a1f2ee6;border:1px solid #2c334acc;max-width:400px;padding:2rem;width:90%}.logout-icon{color:#f44336;font-size:2.5rem;margin-bottom:1rem}.logout-icon svg{fill:#f44336;height:48px;width:48px}.logout-title{color:#fff}.logout-subtitle{color:#ccc}.logout-progress{background-color:#f4433633;margin-bottom:1rem}.logout-progress-bar{background-color:#f44336;transform:translateX(-100%);transition:transform 1s linear;width:100%}.logout-progress-bar.active{transform:translateX(0)}.logout-redirect{color:#aaa;font-size:.9rem}@media (max-width:992px){.mobile-menu-toggle,.sidebar-toggle-mobile{display:flex}.nav-links-desktop{display:none}.desktop-only{display:none!important}}@media (max-width:1340px){.mobile-menu-toggle,.sidebar-toggle-mobile{display:flex}.nav-links-desktop{display:none}.desktop-only{display:none!important}.user-actions{align-items:center;display:flex}}@media (max-width:576px){.navbar .container{padding:0 1rem}.logo{font-size:1.4rem}.sidebar-toggle-mobile{align-items:center;display:flex;height:30px;justify-content:center;padding:.3rem;width:30px}.sidebar-toggle-mobile .status-text{display:none}.sidebar-toggle-mobile .status-icon{margin-right:0}}#root,body,html{background-color:#151924!important}body{color:#c5cce0}.logout-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0a0f1eb3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .4s,visibility .4s;visibility:hidden;z-index:1000}.logout-overlay.active{opacity:1;visibility:visible}.logout-message{animation:messageSlideUp .5s ease forwards;background-color:#1e2235;border-radius:8px;box-shadow:0 10px 25px #0000004d;max-width:90%;padding:2rem 2.5rem;text-align:center;width:400px}@keyframes messageSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logout-icon{align-items:center;background-color:#2196f31a;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.logout-icon svg{fill:#2196f3;height:30px;width:30px}.logout-title{color:#f8f9fa;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.logout-subtitle{color:#adb5bd;font-size:.95rem;margin-bottom:1.5rem}.logout-redirect{color:#2196f3;display:inline-block;font-size:.85rem;margin-top:1rem}.logout-progress{background-color:#ffffff1a;border-radius:2px;height:4px;margin-top:1.5rem;overflow:hidden;width:100%}.logout-progress-bar{background-color:#2196f3;border-radius:2px;height:100%;transition:width 1s linear;width:0}.logout-progress-bar.active{width:100%}@media (max-width:576px){.logout-message{padding:1.5rem;width:90%}.logout-icon{height:50px;margin-bottom:1rem;width:50px}.logout-title{font-size:1.25rem}}@supports not ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.logout-overlay{background-color:#0a0f1ed9}}.page-transition-enter{opacity:0;transform:translateY(5px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.main-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-container{animation:swiftFadeIn .25s ease-out}@keyframes swiftFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in-component{animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fade-in-component,.main-content,.page-container{animation:none}.page-transition-enter-active{transition:none}}
/*# sourceMappingURL=main.3cb322ea.css.map*/