:root{--primary-color:#7D19FF;--secondary-color:#F4CA81;--background-color:#1a1b1e;--text-color:#ffffff;--text-muted:rgba(255,255,255,0.6);--sidebar-bg:#1a1b1e;--card-bg:#25262b;--hover-bg:#2c2e33;--border-color:#2c2e33;--z-navbar:1030;--z-dropdown:1020;--z-dropdown-content:1010;--z-backdrop:1000}html,body{background-color:var(--background-color);margin:0;padding:0;min-height:100vh}body{font-family:'Inter',sans-serif;background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;min-height:100vh;width:100%;overflow-x:hidden}main{min-height:calc(100vh - 70px);padding:2rem}h1,h2,h3,h4,h5,h6{color:var(--text-color)}p{color:var(--text-color)}.text-muted{color:var(--text-muted)!important}.text-center.text-muted i{opacity:0.5;margin-bottom:1rem}.server-info h4{margin:0;font-size:1rem;font-weight:600}.server-info small{display:block;font-size:0.75rem;opacity:0.7}.server-switch i{font-size:1rem;opacity:0.7}.server-switch:hover i{opacity:1;color:var(--secondary-color)}.color-preview{width:40px;transition:background-color 0.2s ease}.analytics-status{font-size:0.875rem;color:var(--text-muted);margin-top:0.5rem}.text-muted{color:var(--text-muted)!important}.emoji{font-style:normal;margin-left:4px;color:var(--secondary-color)}.discord-logo{width:100px;margin-bottom:1.5rem}.display-4 span{display:inline-block;animation:float 3s ease-in-out infinite}.display-4 span:last-child{animation-delay:0.5s}.pricing-amount h2{font-size:2.5rem;font-weight:700;color:var(--text-color);margin:0;line-height:1}.pricing-amount .small{font-size:0.875rem;opacity:0.6;margin-top:0.5rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:rgba(255,255,255,0.05)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.channel-list::-webkit-scrollbar,.mod-list::-webkit-scrollbar,.verification-list::-webkit-scrollbar,.engagement-list::-webkit-scrollbar{width:4px}.channel-list::-webkit-scrollbar-track,.mod-list::-webkit-scrollbar-track,.verification-list::-webkit-scrollbar-track,.engagement-list::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:3px}.channel-list::-webkit-scrollbar-thumb,.mod-list::-webkit-scrollbar-thumb,.verification-list::-webkit-scrollbar-thumb,.engagement-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}.channel-list::-webkit-scrollbar-thumb:hover,.mod-list::-webkit-scrollbar-thumb:hover,.verification-list::-webkit-scrollbar-thumb:hover,.engagement-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}.mb-2{margin-bottom:0.75rem!important}.bg-sidebar{background-color:#2c2c2c}.premium-badge{font-size:0.75rem;opacity:0.7}.container.mt-5{margin-top:3rem!important}.settings-section{border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:2rem}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-title{color:var(--text-color);font-size:1.25rem;font-weight:600}.badge{padding:0.5em 0.8em;font-weight:500;font-size:0.75rem}.badge.bg-success{background-color:rgba(25,135,84,0.9)!important}.badge.bg-primary{background-color:rgba(125,25,255,0.9)!important;font-weight:500;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem}.badge.bg-secondary{background-color:rgba(108,117,125,0.9)!important}.most-popular-badge{position:absolute;top:12px;right:12px;background:var(--primary-color);color:white;padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:500;box-shadow:0 2px 8px rgba(125,25,255,0.3)}.server-categories .badge{background-color:var(--primary-color);font-weight:500;padding:0.25rem 0.5rem}.wrapper{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column;width:100%}.wrapper>.container-fluid{flex:1;display:flex;flex-direction:column;padding-top:84px}.wrapper>.container-fluid>.row{flex:1}.page-container{padding-top:64px;min-height:calc(100vh - 64px);width:100vw;margin:0;overflow-x:hidden}.content-row{display:flex;flex:1;min-height:calc(100vh - 64px)}.main-content{margin-left:250px;min-height:calc(100vh - 64px);padding:2rem;background-color:var(--background-color)}.server-switch{display:flex;align-items:center;justify-content:space-between;padding:1rem;color:var(--text-color);text-decoration:none;transition:background-color 0.2s ease}.server-switch:hover{background-color:var(--hover-bg);color:var(--text-color);text-decoration:none}.header-container{position:fixed;top:0;left:0;right:0;height:64px;z-index:300;width:100%;display:flex;justify-content:center}.header-container .navbar{width:100%;max-width:1400px;height:64px;padding:0;flex:0 1 auto}.header-container .navbar .container-fluid,.navbar>.container-fluid{display:flex;width:100%;align-items:center;height:100%}.navbar{background:rgba(20,20,35,0.95)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:64px;border-bottom:1px solid rgba(255,255,255,0.1);width:100%;max-width:1400px;position:relative;z-index:var(--z-navbar);overflow:visible}.navbar>.container-fluid{max-width:1400px;margin:0 auto;padding-left:2.5rem;padding-right:2.5rem;width:100%}.navbar-brand{display:flex;align-items:center;padding:0;margin:0}.navbar-brand img{height:40px;width:auto}.nav-link{color:rgba(255,255,255,0.85)!important;padding:0.5rem 1rem;font-weight:500;transition:color 0.2s ease}.nav-link:hover,.nav-item.dropdown.show .nav-link{color:#fff!important}.navbar-nav{display:flex;align-items:center;gap:0}.navbar-nav.ms-auto{margin-left:auto!important}.navbar-nav .nav-item{display:flex;align-items:center;margin:0}.navbar-nav .nav-link{padding:0.5rem 0.35rem;line-height:1;margin:0}.navbar-nav .btn-premium{margin:0 0.35rem;height:fit-content;line-height:1;padding:0.5rem 0.75rem}.navbar-nav>li{padding:0}.user-avatar{width:32px;height:32px;border:2px solid rgba(255,255,255,0.1);transition:border-color 0.2s ease}.nav-item.dropdown:hover .user-avatar{border-color:var(--primary-color)}.dropdown-menu{background:rgba(20,20,35,0.98);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);margin-top:0.25rem;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:10000;padding:0.5rem 0}.dropdown-item{color:rgba(255,255,255,0.85);padding:0.75rem 1.5rem;font-weight:500;transition:all 0.2s ease}.dropdown-item:hover{background:rgba(255,255,255,0.1);color:#fff}.navbar-nav .nav-item.dropdown{margin-left:0.8rem}.navbar-nav .dropdown-toggle::after{display:none}.sidebar{width:250px;top:64px;height:calc(100vh - 64px);position:fixed;background-color:var(--sidebar-bg);display:flex;flex-direction:column;overflow-y:auto;transition:all 0.3s ease;z-index:var(--z-navbar)}.sidebar-logo{padding:1rem;margin-bottom:1rem;color:var(--text-color)}.sidebar .nav-item{padding:0.5rem 1rem;margin:0.25rem 0;border-radius:8px;transition:all 0.2s ease}.sidebar .nav-item:hover{background-color:var(--hover-bg)}.sidebar .nav-item.active{background-color:var(--primary-color);box-shadow:0 0 15px rgba(125,25,255,0.3)}.sidebar .nav-link{color:rgba(255,255,255,0.8);padding:0.75rem 1rem;border-radius:0.375rem;transition:all 0.3s ease;text-decoration:none;display:flex;align-items:center;gap:0.75rem;-webkit-tap-highlight-color:transparent}.sidebar .nav-link:hover{color:var(--secondary-color)}.sidebar .nav-link:active{background-color:transparent}.sidebar a.nav-link{color:var(--text-color);transition:background-color 0.2s ease,color 0.2s ease}.sidebar a.nav-link:hover{color:var(--secondary-color)}.sidebar a.active{color:var(--text-color)}.sidebar .nav-link.active{color:#fff!important;font-weight:500}.sidebar a.nav-link{color:var(--text-color);transition:background-color 0.2s ease,color 0.2s ease}.sidebar a.active{background-color:var(--primary-color);color:var(--text-color)}.sidebar .nav-link.active{background-color:rgba(255,255,255,0.1)!important;color:#fff!important;border-radius:4px;font-weight:500}.sidebar-toggle{display:none;position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--primary-color);color:white;border:none;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:calc(var(--z-navbar) + 1);cursor:pointer;transition:all 0.3s ease}.sidebar-toggle:hover{transform:scale(1.1);background:#6610f2}.sidebar-toggle i{font-size:1.25rem}.sidebar-top{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:0.5rem}.sidebar-top .server-switch{background:rgba(0,0,0,0.2);padding:1rem;border-radius:8px;transition:all 0.2s ease}.sidebar-top .server-switch:hover{background:rgba(0,0,0,0.3);transform:translateY(-1px)}.sidebar-top .server-info h4{font-size:1rem;font-weight:600;margin-bottom:0.25rem;color:var(--text-color)}.sidebar-top .server-info small{font-size:0.75rem;color:var(--text-muted);display:block}.sidebar-top .server-switch i{color:var(--text-muted);transition:color 0.2s ease}.sidebar-top .server-switch:hover i{color:var(--primary-color)}.form-control,.form-select{background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1);color:var(--text-color);padding:0.75rem;border-radius:6px}.form-control:focus,.form-select:focus{background:rgba(0,0,0,0.3);border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(125,25,255,0.25);color:var(--text-color)}.form-control::placeholder,.form-select::placeholder{color:rgba(255,255,255,0.3)!important;font-weight:300}.form-check.form-switch{display:flex;align-items:center}.form-check.form-switch .form-check-label{margin-top:2px}.form-check-input[type="checkbox"].form-check-input{height:1.5em;width:3em;margin-left:-3.5em;cursor:pointer;background-color:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.85%29'/%3e%3c/svg%3e")}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.form-check-input:focus{border-color:rgba(125,25,255,0.25);box-shadow:0 0 0 0.15rem rgba(125,25,255,0.25)}.form-check-input:not(:checked):not(:focus){background-color:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.custom-checkbox .form-check-input{width:0.3em;height:0.3em;margin:0;flex-shrink:0;cursor:pointer}.custom-checkbox .form-check-label{margin:0;line-height:1;font-size:0.9em}.analytics-toggle,.spark-toggle,.collab-toggle{position:relative;width:100%;cursor:pointer;z-index:100}.analytics-toggle .form-check.form-switch,.spark-toggle .form-check.form-switch,.collab-toggle .form-check.form-switch{padding-left:3.5em}.form-switch.analytics-toggle,.collab-toggle .form-check.form-switch,#sparkToggle.form-check-input[type="checkbox"].form-check-input,#analyticsToggle.form-check-input[type="checkbox"].form-check-input,#hypeEngineToggle.form-check-input[type="checkbox"].form-check-input,#collabToggle.form-check-input[type="checkbox"].form-check-input{height:1.5em;width:3em;margin-left:-3.5em;cursor:pointer;background-color:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.85%29'/%3e%3c/svg%3e")}.form-switch.analytics-toggle .form-check-input:checked,#sparkToggle.form-check-input:checked,#analyticsToggle.form-check-input:checked,#hypeEngineToggle.form-check-input:checked,#collabToggle.form-check-input:checked{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")!important}#sparkToggle.form-check-input[type="checkbox"].form-check-input:checked,#analyticsToggle.form-check-input[type="checkbox"].form-check-input:checked,#hypeEngineToggle.form-check-input[type="checkbox"].form-check-input:checked,#collabToggle.form-check-input[type="checkbox"].form-check-input:checked{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")!important}.form-switch.analytics-toggle .form-check-input:focus,#sparkToggle.form-check-input:focus,#analyticsToggle.form-check-input:focus,#hypeEngineToggle.form-check-input:focus,#collabToggle.form-check-input:focus{border-color:rgba(125,25,255,0.25);box-shadow:0 0 0 0.15rem rgba(125,25,255,0.25)}.form-switch.analytics-toggle .form-check-input:not(:checked):not(:focus),#sparkToggle.form-check-input:not(:checked):not(:focus),#analyticsToggle.form-check-input:not(:checked):not(:focus),#hypeEngineToggle.form-check-input:not(:checked):not(:focus),#collabToggle.form-check-input:not(:checked):not(:focus){background-color:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.spark-toggle{position:relative;width:100%;cursor:pointer;z-index:100}.spark-toggle .form-check.form-switch{padding-left:3.5em}#collabToggle.form-check-input[type="checkbox"].form-check-input,#sparkToggle.form-check-input[type="checkbox"].form-check-input,#analyticsToggle.form-check-input[type="checkbox"].form-check-input,#hypeEngineToggle.form-check-input[type="checkbox"].form-check-input .form-label{color:rgba(255,255,255,0.9);margin-bottom:0.5rem}.custom-checkbox{display:flex;align-items:center;justify-content:flex-start;gap:0.5rem}.card{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.2s;color:var(--text-color);height:100%;--bs-card-cap-padding-y:1.25rem;position:relative;z-index:auto}.card-body{padding:1.5rem}.card-header{padding:var(--bs-card-cap-padding-y) 1.5rem;background-color:rgba(0,0,0,0.1);border-bottom:1px solid var(--border-color);z-index:1;position:relative}.card-img-top{object-fit:contain;height:128px;padding:1rem}.card-text{color:var(--text-muted);font-size:0.9rem;opacity:0.8}.card-title{color:var(--text-color);margin-bottom:var(--bs-card-cap-padding-y);font-size:1.5rem;font-weight:600}.config-card{background:rgba(255,255,255,0.05);border-radius:8px;padding:1.5rem;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s ease}.config-card:hover{border-color:var(--primary-color);background:rgba(255,255,255,0.08)}.config-card:hover .server-icon img{border-color:var(--primary-color)}.config-card:hover .default-icon{background:rgba(125,25,255,0.2);border-color:var(--primary-color)}.login-container{background-color:var(--card-bg);padding:2rem;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1);text-align:center;max-width:400px;width:90%}.pricing-container{max-width:1400px;margin:0 auto;padding:0 1rem}.pricing-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;margin:-1rem;padding-bottom:2rem}.pricing-col{flex:0 0 auto;padding:1rem;width:310px;transition:all 0.3s ease;display:flex}.pricing-col:nth-child(2){transform:translateY(-30px);margin-bottom:-60px;z-index:2}.pricing-col:nth-child(2) .pricing-card{background:linear-gradient(145deg,rgba(125,25,255,0.1) 0%,rgba(149,65,255,0.05) 100%);position:relative;height:calc(100% + 60px)}.pricing-col:nth-child(2) .pricing-card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#7D19FF 0%,#F4CA81 100%);border-radius:inherit;z-index:-1;transition:all 0.3s ease}.pricing-col:nth-child(2) .pricing-card::after{content:'';position:absolute;top:1px;left:1px;right:1px;bottom:1px;background:var(--card-bg);border-radius:inherit;z-index:-1}.pricing-card{min-width:310px;width:100%;margin:0 auto;background:linear-gradient(145deg,var(--card-bg) 0%,rgba(44,46,51,0.9) 100%);transition:all 0.3s ease;position:relative;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,0.1);display:flex;flex-direction:column;border-radius:12px;border:none}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.15)}.pricing-col:nth-child(2) .pricing-card:hover::before{background:linear-gradient(135deg,#9541FF 0%,#FFE169 100%);filter:brightness(1.1)}.pricing-card .card-body{padding:2rem 1.5rem;position:relative;z-index:1}.pricing-card .card-title{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color) 0%,#9541FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.5rem}.pricing-amount{text-align:center;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:1.5rem;background:linear-gradient(145deg,rgba(125,25,255,0.05) 0%,rgba(149,65,255,0.02) 100%)}.pricing-amount h2{font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color) 0%,#9541FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:1}.most-popular-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--primary-color) 0%,#9541FF 100%);color:white;padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:500;box-shadow:0 2px 8px rgba(125,25,255,0.3)}.feature-group{margin-bottom:2rem}.feature-title{color:var(--primary-color);font-weight:600;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(255,255,255,0.1);font-size:0.9rem;text-transform:uppercase;letter-spacing:1px}.feature-group ul li{margin-bottom:1rem;display:flex;align-items:center;gap:0.75rem;color:var(--text-color);font-size:0.9rem}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.2);border-color:var(--primary-color)}.pricing-card .card-body{padding:2rem 1.5rem}.pricing-card .card-title{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.5rem}.pricing-amount{text-align:center;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:1.5rem}.pricing-amount h2{font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color) 0%,#9541FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:1}.pricing-amount small{color:var(--text-muted);font-size:1rem}.pricing-amount .small{font-size:0.875rem;color:var(--text-muted);margin-top:0.5rem}.feature-group{margin-bottom:2rem}.feature-title{color:var(--primary-color);font-weight:600;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(255,255,255,0.1);font-size:0.9rem;text-transform:uppercase;letter-spacing:1px}.feature-group ul{margin:0;padding:0}.feature-group ul li{margin-bottom:1rem;display:flex;align-items:center;gap:0.75rem;color:var(--text-color);font-size:1.2rem}.feature-group ul li i.fa-check{color:#4CAF50;font-size:1rem}.feature-group ul li i.fa-times{color:#f44336;font-size:1rem}.most-popular-badge{position:absolute;top:1rem;right:-2rem;background:linear-gradient(135deg,var(--primary-color) 0%,#9541FF 100%);color:white;padding:0.5rem 3rem;font-size:0.8rem;font-weight:600;transform:rotate(45deg);box-shadow:0 2px 10px rgba(125,25,255,0.3);z-index:1}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,#9541FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing-header p{font-size:1.2rem;color:var(--text-muted);max-width:600px;margin:0 auto}.pricing-card .btn{width:100%;padding:1rem;font-weight:600;border-radius:8px;transition:all 0.3s ease}.pricing-card .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#9541FF 100%);border:none;box-shadow:0 4px 15px rgba(125,25,255,0.3)}.pricing-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(125,25,255,0.4)}.pricing-card .btn-outline-primary{border:2px solid var(--primary-color);background:transparent;color:var(--primary-color)}.pricing-card .btn-outline-primary:hover{background-color:var(--hover-bg);border-color:var(--primary-color);color:var(--secondary-color)}.permission-status{font-size:1.2em}.permission-item{background:rgba(255,255,255,0.05);border-radius:8px;padding:15px;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s ease}.permission-item:hover{background:rgba(255,255,255,0.08);border-color:var(--primary-color)}.response-time-config{background:rgba(0,0,0,0.2);padding:1rem;border-radius:6px}#permissionsSummary,#permissionsError{margin-top:1.5rem;border-radius:8px;padding:1rem}#permissionsSummary{background:rgba(25,135,84,0.1);border:1px solid rgba(25,135,84,0.2)}#permissionsError{background:rgba(255,193,7,0.1);border:1px solid rgba(255,193,7,0.2)}.permission-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}#permissionWarningBadge{font-size:0.8em;padding:0.3em 0.6em;border-radius:0.25rem;background-color:rgba(255,193,7,0.1);transition:all 0.2s ease-in-out}#permissionWarningBadge:hover{background-color:rgba(255,193,7,0.2)}.cursor-pointer{cursor:pointer}#rulesContainer{background:rgba(0,0,0,0.2);border-radius:6px;margin-bottom:1rem}#rulesContainer .card{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,0.1);border-radius:0;margin-bottom:0;transition:background-color 0.2s ease}#rulesContainer .card:hover{background:rgba(255,255,255,0.05)}#rulesContainer .card:last-child{border-bottom:none}#rulesContainer .card-body{padding:0.75rem 1rem;display:flex;justify-content:space-between;align-items:flex-start}#rulesContainer .card p{margin:0;line-height:1.5;color:var(--text-color);font-size:0.9rem}#rulesContainer .card p strong{color:var(--text-muted);margin-right:0.5rem;font-weight:500}.modal-content.bg-dark{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.modal-header{border-bottom:1px solid rgba(255,255,255,0.1);border-bottom-color:var(--border-color);padding:1.25rem}.modal-body{padding:1.25rem}.modal-footer{border-top:none;padding:1.25rem;display:flex;align-items:center;justify-content:center;gap:0.75rem}.modal-footer .btn,.modal-footer a.btn,.modal-footer #fixPermissionsBtn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 1rem;font-size:0.875rem;line-height:1.5;height:38px;margin:0;text-decoration:none;vertical-align:middle;margin-bottom:1rem;margin-top:1rem}.modal-footer .btn-secondary{background-color:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:var(--text-color)}.modal-footer .btn-secondary:hover{background-color:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.25)}.modal-footer .btn i{font-size:0.875rem;line-height:1}.modal-body .form-control{background:#1a1b1e;border:1px solid rgba(255,255,255,0.1);color:white;padding:0.75rem;border-radius:6px}.modal-body .form-control::placeholder{color:rgba(255,255,255,0.4);font-weight:300}.modal-body .form-control:focus{border-color:#7d19ff;box-shadow:0 0 0 2px rgba(125,25,255,0.25)}.modal-body .form-label{color:rgba(255,255,255,0.9);margin-bottom:0.5rem}.analytics-step{transition:opacity 0.3s ease,transform 0.3s ease;position:relative;z-index:auto}.analytics-step[style*="display: none"]{opacity:0;transform:translateY(10px)}.channel-dropdown-content{display:none;position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid rgba(255,255,255,0.1);border-radius:6px;margin-top:0.5rem;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,0.2);transform-origin:top;animation:dropdownFade 0.2s ease}.analytics-channel-select.active .channel-dropdown-content{display:block;position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;margin-top:4px;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:9999}.channel-search,.mod-search,.verification-search,.engagement-search{position:relative;padding:0.75rem;background:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:9999}.channel-search input,.mod-search input,.verification-search input,.engagement-search input{background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1);color:var(--text-color);padding:0.5rem 2.5rem 0.5rem 1rem;width:100%;border-radius:4px;font-size:0.9rem}.channel-search input:focus,.mod-search input:focus,.verification-search input:focus,.engagement-search input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(125,25,255,0.25)}.channel-search input::placeholder,.mod-search input::placeholder,.verification-search input::placeholder,.engagement-search input::placeholder{color:var(--text-muted)}.channel-search i,.mod-search i,.verification-search i,.engagement-search i{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.selected-channels-display{display:flex;justify-content:space-between;align-items:center;gap:0.5rem;min-height:38px;padding:0.25rem;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1);border-radius:6px;transition:all 0.2s ease}.analytics-channel-select,.moderator-roles,.verification-roles,.engagement-roles{position:relative;width:100%;cursor:pointer;z-index:1000}.selected-channels-display:hover{border-color:var(--primary-color);background:rgba(0,0,0,0.3)}.selected-badges{display:flex;flex-wrap:wrap;gap:0.5rem;flex:1}.channel-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.75rem;background:var(--primary-color);color:white;border-radius:4px;font-size:0.875rem;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:all 0.2s ease}.channel-badge:hover{background:#6610f2}.channel-badge .remove-channel,.engagement-badge .remove-engagement-role{background:none;border:none;color:white;padding:0;display:flex;align-items:center;opacity:0.7;transition:opacity 0.2s}.channel-badge .remove-channel:hover,.engagement-badge .remove-engagement-role:hover{opacity:1}.dropdown-arrow{color:var(--text-muted);padding:0 0.5rem;transition:transform 0.2s ease}.analytics-channel-select.active .dropdown-arrow{transform:rotate(180deg)}.channel-list,.mod-list,.verification-list,.engagement-list{max-height:350px;overflow-y:auto;padding:0.5rem 0;background:var(--card-bg);position:relative}.channel-item{padding:0.75rem 1rem;display:flex;align-items:center;gap:0.75rem;cursor:pointer;transition:all 0.2s ease;color:var(--text-color)}.channel-item i{color:var(--text-muted);font-size:0.9rem}.channel-item:hover{background:rgba(125,25,255,0.1)}.channel-item.selected{background:var(--primary-color);color:white}.channel-item.selected i{color:white}select[multiple]{min-height:200px;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1)}select[multiple] option{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,0.05);color:var(--text-color)}select[multiple] option:checked{background:var(--primary-color) linear-gradient(0deg,var(--primary-color) 0%,var(--primary-color) 100%);color:white}select[multiple] option:hover{background:rgba(125,25,255,0.1)}.moderator-role,.verification-roles,.engagement-roles{position:relative;width:100%;cursor:pointer;z-index:100}.moderator-roles-display,.verification-roles-display,.engagement-roles-display{display:flex;justify-content:space-between;align-items:center;gap:0.5rem;min-height:38px;padding:0.25rem;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1);border-radius:6px;transition:all 0.2s ease}.moderator-roles-display:hover,.verification-roles-display:hover,.engagement-roles-display:hover{border-color:var(--primary-color);background:rgba(0,0,0,0.3)}.selected-mod-badges,.selected-verification-badges,.selected-engagement-badges{display:flex;flex-wrap:wrap;gap:0.5rem;flex:1}.moderator-badge,.verification-badge,.engagement-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.75rem;background:var(--primary-color);color:white;border-radius:4px;font-size:0.875rem;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:all 0.2s ease}.moderator-badge:hover,.verification-badge:hover,.engagement-badge:hover{background:#6610f2}.moderator-badge .remove-channel,.verification-badge .remove-channel,.engagement-badge .remove-engagement-role{background:none;border:none;color:white;padding:0;display:flex;align-items:center;opacity:0.7;transition:opacity 0.2s}.moderator-badge .remove-channel:hover,.verification-badge .remove-channel:hover,.engagement-badge .remove-engagement-role:hover{opacity:1}.moderator-roles.active .mod-dropdown-content,.verification-roles.active .verification-dropdown-content,.engagement-roles.active .engagement-dropdown-content{display:block;position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;margin-top:4px;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:10000}.mod-item{padding:0.75rem 1rem;display:flex;align-items:center;gap:0.75rem;cursor:pointer;transition:all 0.2s ease;color:var(--text-color)}.mod-item i{color:var(--text-muted);font-size:0.9rem}.mod-item:hover{background:rgba(125,25,255,0.1)}.mod-item.selected{background:var(--primary-color);color:white}.mod-item.selected i{color:white}.mod-dropdown-content,.engagement-dropdown-content{display:none;z-index:10000}.verification-roles{position:relative}.verification-dropdown-content{display:none}.verification-roles.active .verification-dropdown-content{display:block}.analytics-channel-select.active,.moderator-roles.active,.engagement-roles.active{z-index:1000}.analytics-channel-select.active::before,.moderator-roles.active::before,.verification-roles.active::before,.engagement-roles.active::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:-1;pointer-events:none}.blacklist-channels .analytics-channel-select.active::before{display:none}.analytics-channel-select,.moderator-roles,.verification-roles,.engagement-roles{position:relative;width:100%;cursor:pointer;z-index:1}.analytics-channel-select.active{z-index:1000}.channel-dropdown-content{z-index:10000}#step3Section{position:static;z-index:auto}.verification-roles{z-index:1000}.verification-roles.active{z-index:10000}.verification-dropdown-content{z-index:10001}.verification-list{z-index:20000}.analytics-channel-select,.moderator-roles,.verification-roles,.engagement-roles{position:relative;width:100%;cursor:pointer;z-index:1000}.analytics-channel-select.active,.moderator-roles.active,.verification-roles.active,.engagement-roles.active{z-index:99999}.channel-dropdown-content,.mod-dropdown-content,.verification-dropdown-content,.engagement-dropdown-content{position:fixed;width:100%;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:0.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:100000;display:none}.analytics-channel-select.active .channel-dropdown-content,.moderator-roles.active .mod-dropdown-content,.verification-roles.active .verification-dropdown-content,.engagement-roles.active .engagement-dropdown-content{display:block}.analytics-channel-select.active::before,.moderator-roles.active::before,.verification-roles.active::before,.engagement-roles.active::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:-1;pointer-events:none}.blacklist-channels .analytics-channel-select.active::before{display:none}#step2Section{position:relative;z-index:20}#step3Section{position:relative;z-index:15}#step4Section{position:relative;z-index:10}#step5Section{position:relative;z-index:1}.settings-section{position:relative}.overview-feature-card{height:100%;display:flex;flex-direction:column}.overview-feature-card .card-body{display:flex;flex-direction:column;height:100%}.overview-feature-card .card-text{flex-grow:1;margin-bottom:1rem}.overview-feature-card .btn{align-self:flex-start;margin-top:0px}.category-select-wrapper{position:relative;width:100%;cursor:pointer;z-index:100}.selected-categories-display{display:flex;justify-content:space-between;align-items:center;gap:0.5rem;min-height:38px;padding:0.25rem;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1);border-radius:6px;transition:all 0.2s ease}.selected-categories-display:hover{border-color:var(--primary-color);background:rgba(0,0,0,0.3)}.selected-category-badges{display:flex;flex-wrap:wrap;gap:0.5rem;flex:1}.category-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.75rem;background:var(--primary-color);color:white;border-radius:4px;font-size:0.875rem;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:all 0.2s ease}.category-badge:hover{background:#6610f2}.category-badge .remove-category{background:none;border:none;color:white;padding:0;display:flex;align-items:center;opacity:0.7;transition:opacity 0.2s}.category-badge .remove-category:hover{opacity:1}.category-dropdown-content{display:none;position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;margin-top:4px;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:1000}.category-select-wrapper.active .category-dropdown-content{display:block}.category-search{position:relative;padding:0.75rem;background:rgba(0,0,0,0.2);border-bottom:1px solid rgba(255,255,255,0.1)}.category-list{max-height:190px;overflow-y:auto;padding:0.5rem 0}.category-item{padding:0.75rem 1rem;display:flex;align-items:center;gap:0.75rem;cursor:pointer;transition:all 0.2s ease;color:var(--text-color)}.category-item i{color:var(--text-muted);font-size:0.9rem}.category-item:hover{background:rgba(125,25,255,0.1)}.category-item.disabled{opacity:0.5;cursor:not-allowed}.save-changes-bar{position:fixed;bottom:-100px;left:0;right:0;background:var(--primary-color);border-top:1px solid var(--border-color);padding:16px;transition:all 0.3s ease;z-index:1040;opacity:0;visibility:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.save-changes-bar.show{transform:translateY(-100px);animation:saveBarPulse 2s ease-in-out infinite;box-shadow:0 -4px 24px rgba(125,25,255,0.35);opacity:1;visibility:visible}@keyframes saveBarPulse{0%{box-shadow:0 -4px 24px rgba(125,25,255,0.35)}50%{box-shadow:0 -4px 32px rgba(125,25,255,0.5)}100%{box-shadow:0 -4px 24px rgba(125,25,255,0.35)}}@keyframes saveBarShake{0%,100%{transform:translateY(-100px)}25%{transform:translateY(-98px)}75%{transform:translateY(-102px)}}.save-changes-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 16px}.save-changes-text{color:#ffffff;font-weight:600;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.save-changes-actions{display:flex;gap:12px;align-items:center}@media (max-width:768px){.save-changes-bar{padding:12px;background:linear-gradient(to right,var(--primary-color),#9d4edd)}.save-changes-content{flex-direction:column;gap:12px;padding:0 12px;text-align:center}.save-changes-text{font-size:1rem;margin-bottom:4px}.save-changes-actions{width:100%;justify-content:center;gap:8px}.save-changes-actions button{flex:1;min-width:140px;max-width:180px;padding:12px 20px;font-size:15px;font-weight:600;white-space:nowrap;height:48px;border-radius:8px;align-items:center}.save-changes-actions .btn-outline-light{background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.8)}.save-changes-actions .btn-primary{background:#ffffff;border:2px solid #ffffff;color:var(--primary-color)}}@media (max-width:480px){.save-changes-bar{padding:16px 12px}.save-changes-actions button{min-width:120px;max-width:160px;padding:10px 16px;font-size:14px;height:44px;align-items:center}}.server-actions{display:flex;gap:0.5rem;margin-top:auto;flex-wrap:wrap}.server-actions .btn{flex:1;min-width:120px;white-space:nowrap}@media (max-width:1200px){.server-actions{gap:0.35rem}.server-actions .btn{min-width:110px;padding:0.5rem 0.75rem;font-size:0.9rem}}@media (max-width:1024px){.server-actions{flex-direction:column;width:100%}.server-actions .btn{width:100%;min-width:unset}}@media (max-width:576px){.server-actions{gap:0.5rem}.server-actions .btn{padding:0.5rem;font-size:0.875rem}}.server-card{position:relative;overflow:hidden;background-color:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1);border-radius:16px;transition:all 0.3s ease;height:100%;min-height:200px}.server-card-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;filter:blur(30px);opacity:0.5;transform:scale(1.5)}.server-card .card-body{position:relative;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.4) 100%);padding:1.25rem;display:flex;flex-direction:column;height:100%}.server-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px rgba(0,0,0,0.2);border-color:var(--primary-color)}.server-stats .stat-item{display:flex;align-items:center;gap:0.5rem;color:var(--text-muted);font-size:1.1rem;margin-right:0.7rem}.server-stats .stat-item i{width:16px;text-align:center;color:rgba(255,255,255,0.7)}.server-stats .stat-item i.text-success{font-size:0.6rem;color:#3ba55c!important;margin-top:2px}.server-stats .stat-item span{color:var(--text-color);font-weight:500}.server-card .rounded-circle{border:2px solid rgba(255,255,255,0.1);transition:border-color 0.3s ease;width:48px;height:48px}.server-card .card-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:1.5rem;font-weight:600}.server-card .server-actions{margin-top:auto;padding-top:1rem}#collabTabs .nav-link{color:var(--text-color);border:none;padding:0.75rem 1.5rem;font-weight:500;transition:all 0.2s ease}#collabTabs .nav-link:hover{color:var(--primary-color);background:rgba(125,25,255,0.1);border:none}#collabTabs .nav-link.active{color:var(--primary-color);background:rgba(125,25,255,0.15);border:none;font-weight:600}#matchedSubtabs{border-bottom:1px solid var(--border-color);padding-bottom:1rem}#matchedSubtabs .nav-link{color:var(--text-color);background:transparent;border:1px solid var(--border-color);padding:0.5rem 1rem;margin-right:0.5rem;font-size:0.9rem;transition:all 0.2s ease}#matchedSubtabs .nav-link:hover{background:rgba(125,25,255,0.1);border-color:var(--primary-color)}#matchedSubtabs .nav-link.active{background:var(--primary-color);border-color:var(--primary-color);color:white}.tab-pane{animation:fadeIn 0.3s ease}.dropdown-divider{border-color:var(--border-color)}.discover-content{max-width:600px;margin:0 auto;padding:2rem}.discover-content .fa-compass{color:var(--primary-color);animation:pulse 2s ease-in-out infinite}.discover-content .btn-lg{padding:0.8rem 2rem;font-size:1.1rem;transition:all 0.3s ease}.discover-content .btn-lg:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(125,25,255,0.3)}.server-icon{width:48px;height:48px;flex-shrink:0}.server-icon img{width:100%;height:100%;object-fit:cover;border:none;transition:border-color 0.2s ease}.default-icon{width:100%;height:100%;background:rgba(125,25,255,0.1);border:2px solid rgba(125,25,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.2rem;transition:all 0.2s ease}.fc{background:var(--card-bg);border-radius:8px;padding:1rem;color:var(--text-color)}.fc-theme-standard td,.fc-theme-standard th{border-color:var(--border-color)}.fc .fc-daygrid-day{cursor:pointer}.fc .fc-daygrid-day.available{background-color:rgba(25,135,84,0.1)}.fc .fc-daygrid-day.unavailable{background-color:rgba(220,53,69,0.1);cursor:not-allowed;opacity:0.7}.fc .fc-daygrid-day.selected{background-color:rgba(125,25,255,0.2);border:2px solid var(--primary-color)}.fc .fc-scrollgrid{border:none}.fc .fc-toolbar-title{color:var(--text-color);font-size:1.25rem;font-weight:600}.fc .fc-daygrid-day-top{padding:4px}.fc .fc-daygrid-day-number{color:var(--text-color);font-weight:500;text-decoration:none}.fc .fc-day-today{background-color:rgba(125,25,255,0.1)!important}.fc .fc-day-past{opacity:0.5}.fc .fc-day-future{opacity:1}.fc .fc-col-header-cell{background-color:rgba(0,0,0,0.2);padding:8px 0}.fc .fc-col-header-cell-cushion{color:var(--text-color);font-weight:600;text-decoration:none;padding:4px 8px}.calendar-legend{width:20px;height:20px;border-radius:4px;display:inline-block}.calendar-legend.available{background-color:rgba(25,135,84,0.1);border:1px solid rgba(25,135,84,0.3)}.calendar-legend.unavailable{background-color:rgba(220,53,69,0.1);border:1px solid rgba(220,53,69,0.3);opacity:0.7}.calendar-legend.selected{background-color:rgba(125,25,255,0.2);border:2px solid var(--primary-color)}.fc .fc-daygrid-day:not(.unavailable):hover{background-color:rgba(125,25,255,0.1)}.fc .fc-daygrid-day.available:hover{background-color:rgba(25,135,84,0.2)}.pricing-amount{text-align:center;padding:1rem 0;position:relative}.feature-group{margin-bottom:1.5rem;padding:0.5rem 0}.feature-title{color:var(--text-color);font-weight:600;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border-color);font-size:1.4rem;text-transform:uppercase;letter-spacing:0.5px}.feature-group ul li{margin-bottom:0.75rem;display:flex;align-items:center;gap:0.75rem;color:var(--text-color);font-size:1.2rem}.feature-group ul li i{width:16px;text-align:center;font-size:0.8rem}.feature-group ul li i.fa-check{color:#28a745}.feature-group ul li i.fa-times{color:#dc3545}.server-stats{font-size:0.9rem;color:var(--text-muted);border-radius:8px;padding:0.75rem;margin:1rem 0}.server-stats i{width:16px;text-align:center;margin-right:0.25rem}.server-description{font-size:0.875rem;line-height:1.4;max-height:none;overflow:visible}.server-description p{margin-bottom:0;overflow:visible;display:block;white-space:normal;text-overflow:clip;height:auto;max-height:none;-webkit-box-orient:unset}.server-description .description-text{font-size:0.9rem;color:#F6F6F6;margin:0;line-height:1.4;display:block;white-space:normal;text-overflow:clip;height:auto;max-height:none;-webkit-box-orient:unset}.search-filters{background:var(--card-bg);padding:1rem;border-radius:8px;margin-bottom:2rem}.pagination{gap:0.5rem;margin-top:2rem}.pagination.justify-content-center{display:flex;align-items:center;justify-content:center}.pagination.justify-content-center .page-item{display:flex;align-items:center}.pagination .page-link{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:0.5rem 1rem;border-radius:6px;transition:all 0.2s ease;min-width:42px;display:flex;align-items:center;justify-content:center;height:36px;margin:0 2px}.pagination .page-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color);color:white;cursor:default;min-width:80px;height:36px}.pagination .page-link:hover{background-color:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:0 4px 8px rgba(125,25,255,0.2)}.pagination .page-item.disabled .page-link{background-color:transparent;border-color:var(--border-color);color:var(--text-muted);opacity:0.6;cursor:not-allowed}.pagination .page-item.disabled .page-link:hover{transform:none;box-shadow:none;background-color:transparent}.pagination .page-link i{font-size:0.875rem}.notification-tab{position:absolute;top:0;right:0;padding:0.25rem 0.5rem;border-top-right-radius:16px;border-bottom-left-radius:8px;font-size:0.75rem;font-weight:500;z-index:20;width:40%;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 4px rgba(0,0,0,0.15)}.notification-tab i{font-size:0.7rem;margin-right:0.25rem}.notification-tab.scheduled{background:var(--primary-color);color:white}.notification-tab.ongoing{background:#28a745;color:white}.notification-tab.recollab{background:#17a2b8;color:white}.notification-tab.likes{background:#ff6b6b;color:white}.notification-tab.matched{background:#51cf66;color:white}.notification-tab.collabed{background:#6c757d;color:white}.notification-tab:hover{transform:none;box-shadow:none}.server-card{position:relative;overflow:visible}.search-container{width:100%;margin:0 auto}.search-wrapper{position:relative;width:100%;display:flex;align-items:center;background-color:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:4px}.search-input{position:relative;width:100%;padding:16px 24px;font-size:18px;background:transparent;border:none;color:var(--text-color);outline:none}.search-input::placeholder{color:rgba(255,255,255,0.5)}.search-button{background-color:var(--primary-color);border:none;border-radius:8px;padding:12px 24px;color:white;cursor:pointer;margin-right:4px;transition:all 0.2s ease}.search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(125,25,255,0.25)}.filter-tags{display:flex;flex-direction:column;gap:15px;margin-top:20px}.primary-tags,.secondary-tags{display:flex;flex-wrap:wrap;gap:10px;padding:10px 0}.show-more-btn{display:flex;align-items:center;gap:6px}.show-more-btn i{transition:transform 0.3s ease}.show-more-btn.active i{transform:rotate(180deg)}.tag{padding:8px 16px;background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;color:rgba(255,255,255,0.7);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;text-decoration:none}.tag:hover{background-color:rgba(125,25,255,0.1);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.tag.active{background-color:var(--primary-color);border-color:var(--primary-color);color:white;box-shadow:0 4px 12px rgba(125,25,255,0.3)}.tag-select{padding:8px 16px;background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;color:rgba(255,255,255,0.7);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.7)'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:20px}.tag-select:hover{background-color:rgba(125,25,255,0.1);border-color:var(--primary-color);color:var(--primary-color)}.tag-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(125,25,255,0.25)}.tag-select option{background-color:var(--card-bg);color:var(--text-color);padding:8px}.file-upload-item{border:1px solid #E5E7EB;border-radius:8px;padding:8px 12px;width:220px;display:flex;align-items:center;position:relative}.file-icon-container{width:32px;height:32px;margin-right:0.5rem}.file-icon-wrapper{width:100%;height:100%;background-color:var(--primary-color);border-radius:4px;display:flex;align-items:center;justify-content:center}.file-icon{font-size:16px;color:white}.file-info{text-overflow:ellipsis;overflow:hidden;flex-grow:1}.file-name{font-size:14px;text-overflow:ellipsis;overflow:hidden}.file-type{font-size:12px;color:var(--text-muted)}.file-action-buttons{display:flex;align-items:center;margin-left:8px}.file-action-buttons .btn{padding:2px 6px;font-size:12px}.file-delete-btn{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:var(--primary-color);border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center}.file-delete-btn i{font-size:12px;color:white}.knowledge-file-btn{background:rgba(125,25,255,0.1);border:1px dashed var(--primary-color);color:var(--primary-color);padding:1rem;border-radius:6px;width:100%;transition:all 0.2s ease-in-out}.knowledge-file-btn:hover{background:rgba(125,25,255,0.2);border-style:solid;color:white}.btn{transition:all 0.3s ease;font-weight:500;padding:0.5rem 1rem;border-radius:6px}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:white;font-weight:500;transition:all 0.3s ease}.btn-primary:hover{background-color:#6610f2;border-color:#6610f2;transform:translateY(-2px);box-shadow:0 4px 12px rgba(125,25,255,0.3)}.btn-outline-light{color:var(--text-color);border-color:var(--border-color);background-color:transparent;transition:all 0.2s ease}.btn-outline-light:hover{background-color:var(--hover-bg);border-color:var(--primary-color);color:var(--secondary-color)}.btn-outline-primary{border:2px solid var(--primary-color);color:var(--primary-color);background-color:transparent;padding:0.75rem 1.5rem;display:inline-flex;gap:0.5rem;border-radius:6px;font-weight:500;transition:all 0.3s ease;align-items:center}.btn-outline-primary:hover{background-color:var(--primary-color);color:white;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(125,25,255,0.3)}.btn-outline-primary i{font-size:0.875rem}.btn.active{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-premium{background:linear-gradient(135deg,#4158D0 0%,#C850C0 50%,#FFCC70 100%);color:#fff;font-weight:600;border:none;padding:0.75rem 1.75rem;border-radius:12px;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(65,88,208,0.3);display:inline-flex;align-items:center;gap:0.5rem;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.navbar-nav .btn-premium{padding:0.35rem 1rem;font-size:0.875rem;margin:0.5rem 0.75rem;border-radius:8px}.navbar-nav .btn-premium i{font-size:0.75rem}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(65,88,208,0.4);background:linear-gradient(135deg,#3449c3 0%,#b845b8 50%,#ffb84d 100%);color:#fff}.btn-premium:active{transform:translateY(0);box-shadow:0 4px 15px rgba(65,88,208,0.3)}.btn-premium::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(270deg,#4158D0,#C850C0,#FFCC70);background-size:200% 200%;border-radius:14px;z-index:-1;animation:shimmer 3s ease-in-out infinite}.premium-tag{display:inline-flex;align-items:center;gap:0.25rem;padding:0.35rem 0.75rem;background:linear-gradient(135deg,rgba(65,88,208,0.15) 0%,rgba(200,80,192,0.15) 100%);border:1px solid rgba(65,88,208,0.3);border-radius:20px;font-size:0.75rem;font-weight:600;color:#4158D0;text-transform:uppercase;letter-spacing:0.5px}.premium-tag i{color:#C850C0;font-size:0.875rem}.premium-feature{position:relative;padding:1rem;background:linear-gradient(135deg,rgba(65,88,208,0.05) 0%,rgba(200,80,192,0.05) 100%);border:1px solid rgba(65,88,208,0.1);border-radius:8px;transition:all 0.3s ease}.premium-feature:hover{background:linear-gradient(135deg,rgba(65,88,208,0.1) 0%,rgba(200,80,192,0.1) 100%);border-color:rgba(65,88,208,0.2);transform:translateY(-2px)}.premium-feature::before{content:'⭐';position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#4158D0 0%,#C850C0 100%);padding:0.25rem;border-radius:50%;font-size:0.75rem;box-shadow:0 2px 8px rgba(65,88,208,0.3);color:white}.discord-btn{background-color:#7289da;color:white;padding:12px 24px;border-radius:5px;border:none;font-size:1.1rem;cursor:pointer;display:inline-block;text-decoration:none;transition:background-color 0.3s}.discord-btn:hover{background-color:#5b73c7;color:white;text-decoration:none}.analytics-btn{display:flex;align-items:center;justify-content:center;padding:0.75rem 1.25rem;font-size:0.875rem;font-weight:500;border-radius:8px;transition:all 0.3s ease;width:100%;background:linear-gradient(135deg,rgba(65,88,208,0.1) 0%,rgba(200,80,192,0.1) 100%);border:1px solid rgba(65,88,208,0.3);color:var(--text-color);position:relative;overflow:visible}.analytics-btn:hover:not(:disabled){background:linear-gradient(135deg,rgba(65,88,208,0.15) 0%,rgba(200,80,192,0.15) 100%);transform:translateY(-2px);box-shadow:0 4px 15px rgba(65,88,208,0.2);border-color:rgba(65,88,208,0.4)}.analytics-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(65,88,208,0.15)}.analytics-btn:disabled{opacity:0.7;cursor:not-allowed;background:linear-gradient(135deg,rgba(65,88,208,0.05) 0%,rgba(200,80,192,0.05) 100%)}.analytics-btn .content{display:flex;align-items:center;justify-content:center;gap:0.5rem}.analytics-btn .fas{font-size:1rem;transition:transform 0.3s ease}.analytics-btn:hover:not(:disabled) .fas{transform:rotate(180deg)}.analytics-btn .crown,.analytics-btn span[style*="starPulse"]{position:absolute;top:-8px;right:-8px;font-size:1.1rem;padding:0.35rem;border-radius:50%;animation:starPulse 2s ease-in-out infinite;z-index:2;display:inline-block}@keyframes starPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0.8}}.analytics-btn .premium-badge{padding:0.25rem 0.5rem;font-size:0.75rem;border-radius:4px;background:rgba(255,193,7,0.15);color:#FFE169;display:inline-flex;align-items:center;gap:0.25rem;margin-left:auto}.analytics-btn .premium-badge i{font-size:0.75rem;color:#FFE169}.file-delete-btn{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:var(--primary-color);border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center}.file-delete-btn i{font-size:12px;color:white}.knowledge-file-btn{background:rgba(125,25,255,0.1);border:1px dashed var(--primary-color);color:var(--primary-color);padding:1rem;border-radius:6px;width:100%;transition:all 0.2s ease-in-out}.knowledge-file-btn:hover{background:rgba(125,25,255,0.2);border-style:solid;color:white}#fixPermissionsBtn{margin-top:1rem;transition:all 0.2s ease;align-self:center;position:relative;top:0;margin-bottom:1rem}#fixPermissionsBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(125,25,255,0.2)}.save-changes-actions .btn{padding:8px 16px;font-weight:500}.save-changes-actions .btn-primary{background:white;color:var(--primary-color);border:none}.save-changes-actions .btn-primary:hover{background:rgba(255,255,255,0.9);color:var(--primary-color)}.save-changes-actions .btn-outline-light{border-color:rgba(255,255,255,0.5)}.save-changes-actions .btn-outline-light:hover{background:rgba(255,255,255,0.1)}button[name="step2_submit"]{transition:opacity 0.3s ease,transform 0.3s ease}button[name="step2_submit"][style*="display: none"]{opacity:0;transform:translateY(10px);pointer-events:none}.pricing-card .btn{opacity:0.9;transition:all 0.3s ease}.pricing-card:hover .btn{opacity:1}.server-actions .btn{flex:1;padding:0.5rem 1rem;font-size:0.875rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;cursor:pointer}.server-actions .btn.disabled{opacity:0.6;cursor:not-allowed;pointer-events:all;transition:none}.server-actions .btn.disabled{opacity:0.6;cursor:not-allowed;pointer-events:all;transition:none}.server-actions .btn.disabled:hover{transform:none;box-shadow:none;background-color:inherit;border-color:inherit;color:inherit}.join-server-btn{background-color:var(--primary-color);border-color:var(--primary-color);color:white}.join-server-btn:hover{background-color:#6610f2;border-color:#6610f2}.join-server-btn.disabled{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:white!important;opacity:0.6;pointer-events:none}.collab-btn{border:1px solid var(--primary-color);color:var(--primary-color);background-color:transparent}.collab-btn:hover{background-color:var(--primary-color);color:white}.collab-btn.disabled{border-color:var(--primary-color)!important;color:var(--primary-color)!important;background-color:transparent!important;opacity:0.6;pointer-events:none;cursor:not-allowed}.collab-btn.scheduled:disabled,.collab-btn.ongoing:disabled{opacity:0.8}.collab-btn.scheduled,.collab-btn.ongoing{background-color:var(--primary-color);color:white;opacity:0.8;cursor:not-allowed}.collab-btn.confirm{background-color:#28a745;border-color:#28a745;color:white}.collab-btn.confirm:hover{background-color:#218838;border-color:#1e7e34}.collab-btn.recollab{background-color:#17a2b8;border-color:#17a2b8;color:white}.collab-btn.recollab:hover{background-color:#138496;border-color:#117a8b}.collab-btn.liked{border-color:var(--primary-color);color:var(--primary-color)}.collab-btn.matched{border-color:var(--success);color:var(--success);opacity:0.8}.collab-btn.liked i.fa-heart{color:var(--primary-color)}.collab-btn.matched i.fa-check-circle{color:var(--success)}.collab-btn:disabled i.fa-lock{color:var(--text-muted)}.fc .fc-button-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:white}.fc .fc-button-primary:hover{background-color:#6610f2;border-color:#6610f2}.fc .fc-button-primary:disabled{background-color:rgba(125,25,255,0.5);border-color:rgba(125,25,255,0.5)}.dropdown-toggle.btn-outline-secondary{border-color:rgba(255,255,255,0.2);border-radius:8px}.server-card .btn-primary{background:var(--primary-color);border:none;padding:0.75rem 1.25rem;margin:0rem 0rem}.server-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(125,25,255,0.3)}.server-card .btn-primary.active{background:#4CAF50;pointer-events:none}.alert{padding:1rem;border-radius:8px;margin:1rem 0;border:1px solid transparent}.alert-warning{background:rgba(255,193,7,0.15);border-color:rgba(255,193,7,0.4);color:#FFE169}.alert-danger{background:rgba(220,53,69,0.15);border-color:rgba(220,53,69,0.4);color:#FF8B9A}.alert-success{background:rgba(25,135,84,0.15);border-color:rgba(25,135,84,0.4);color:#75F0A5}.alert-info{background:rgba(13,202,240,0.15);border-color:rgba(13,202,240,0.4);color:#8BE8FF}.alert i{margin-right:0.5rem;opacity:0.9}.alert a{color:inherit;text-decoration:underline;opacity:0.9}.alert a:hover{opacity:1}.toast{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);z-index:99999!important}.position-fixed{z-index:99999!important}.toast-container{z-index:99999!important}.toast .toast-header{border-bottom:1px solid var(--border-color);z-index:99999!important}.toast .toast-body{background-color:var(--card-bg);color:var(--text-color);z-index:99999!important}.container.mt-5{position:relative;z-index:1}.modal{z-index:99990!important}.modal-backdrop{z-index:99989!important}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 -4px 24px rgba(125,25,255,0.25)}50%{box-shadow:0 -4px 32px rgba(125,25,255,0.35)}100%{box-shadow:0 -4px 24px rgba(125,25,255,0.25)}}@keyframes dropdownFade{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.7}100%{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@media (max-width:1400px){.pricing-container{max-width:1000px}}@media (max-width:1252px) and (min-width:768px){.pricing-container{max-width:900px;padding:0 2rem}.pricing-row{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0;margin:0}.pricing-col:nth-child(2){width:100%;max-width:550px;transform:translateY(0);margin-bottom:3rem;order:-1;padding:0}.pricing-col:nth-child(1),.pricing-col:nth-child(3){width:300px;max-width:300px;margin:0 0.5rem;padding:0}.pricing-col:nth-child(2) .pricing-card{height:auto;margin:0 auto}.pricing-col:nth-child(2) .pricing-card::before{opacity:1}.pricing-card{min-width:unset;width:100%}}@media (max-width:768px){.navbar-collapse{position:absolute;top:64px;left:0;right:0;background-color:var(--sidebar-bg);padding:1rem;border-bottom:1px solid var(--border-color);z-index:var(--z-navbar)}.row{margin:-0.5rem}.col-md-4{padding:0.5rem}.sidebar{transform:translateX(-100%);width:100%;max-width:100%;background-color:var(--sidebar-bg);box-shadow:none}.sidebar.show{transform:translateX(0)}.sidebar.show ~ .col .main-content{display:none}.main-content{margin-left:0!important;width:100%;padding:1rem}.no-sidebar .main-content{margin-left:0!important}.main-wrapper{margin-left:0;padding:1rem}.navbar-brand img{height:32px}.server-switch{padding:1rem}.server-info h4{font-size:0.9rem}.server-info small{font-size:0.7rem}.card{margin-bottom:1rem}.fc .fc-toolbar{flex-direction:column;gap:1rem}.fc .fc-toolbar-title{font-size:1.1rem}.row-cols-md-4{row-gap:2rem}.pricing-card{max-width:95%;min-width:0;margin:1rem 0}.pricing-amount h2{font-size:2rem}.btn{padding:0.4rem 0.8rem}.discord-btn{padding:10px 20px;font-size:1rem}.server-actions{flex-direction:column;gap:0.5rem}.server-actions .btn{width:100%}.modal-dialog{margin:0.75rem}.pricing-col:nth-child(2) .pricing-card::before{box-shadow:0 5px 15px rgba(125,25,255,0.1)}.pricing-col{width:100%;max-width:100%}.pricing-row{align-items:start;margin:0}.pricing-col:nth-child(1){order:2}.pricing-col:nth-child(2){order:1;transform:translateY(0);margin-bottom:1rem}.pricing-col:nth-child(3){order:3}.pricing-col:nth-child(2) .pricing-card{height:auto}.pricing-container{padding:0 1rem}.pricing-card .card-body{padding:2rem}.pricing-card .btn{font-size:1.3rem;padding:1rem 1.5rem;margin:1.25rem 0}.pricing-col:nth-child(2) .pricing-card .btn{font-size:1.6rem;padding:1.25rem 2rem;margin:1.5rem 0;font-weight:600}.pricing-card .card-title{font-size:2.25rem;margin-bottom:1rem}.navbar-collapse{position:absolute;top:64px;left:0;right:0;background-color:var(--sidebar-bg);padding:1rem;border-bottom:1px solid var(--border-color);z-index:var(--z-navbar)}.navbar-nav{flex-direction:column;gap:0.5rem;width:100%}.navbar-nav .nav-item{width:100%}.navbar-nav .nav-link{padding:0.5rem 1rem}.navbar-nav .btn-premium{width:100%;margin:0.5rem 0;justify-content:center}.navbar-nav .dropdown{width:100%}.navbar-nav .dropdown-menu{width:100%;margin-top:0.5rem;position:static}.navbar-toggler{display:block;margin-left:auto;margin-right:1rem}.navbar .container-fluid{flex-wrap:wrap}.navbar-collapse{flex-basis:100%}.analytics-btn .crown,.analytics-btn span[style*="starPulse"]{font-size:1rem;top:-7px;right:-7px;padding:0.3rem}.server-stats{padding:0.5rem;margin:0.75rem 0}.server-stats .stat-item{font-size:0.8rem}}@media (max-width:480px){.file-delete-btn{display:flex!important}.container{padding:0 0.75rem}.navbar-brand img{height:28px}.navbar-nav .btn-premium{padding:0.25rem 0.75rem;font-size:0.8rem;margin:0.25rem 0.5rem}.sidebar .nav-link{padding:0.875rem 1rem;font-size:0.875rem}.sidebar .btn-premium{margin:0.75rem 1rem;padding:0.5rem 0.75rem;font-size:0.875rem}.card{border-radius:8px;margin-bottom:0.75rem}.card-body{padding:1rem}.btn{padding:0.4rem 0.75rem;font-size:1.4rem}.server-actions{gap:0.375rem}.form-control,.form-select{padding:0.5rem 0.75rem;font-size:0.875rem}.modal-dialog{margin:0.5rem}.modal-body{padding:1rem}.file-delete-btn{display:flex!important;width:18px;height:18px}.file-upload-item{width:100%}.fc .fc-toolbar-title{font-size:1rem}.fc .fc-button{padding:0.25rem 0.5rem;font-size:0.875rem}.analytics-btn .crown{font-size:0.9rem;top:-6px;right:-6px;padding:0.25rem}.analytics-btn{margin-bottom:0.5rem}.analytics-status{margin-top:0rem!important;margin-bottom:0.7rem!important;font-size:0.8rem}#step3Section .col-md-6{margin-bottom:1rem}#step3Section .col-md-6:last-child{margin-bottom:0}}.shop-items-container{display:flex;flex-direction:column;gap:1rem}.shop-item{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-color:var(--primary-color)}#manage-subscription-btn{padding:0.75rem 2rem;font-weight:500;transition:all 0.3s ease}#manage-subscription-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(125,25,255,0.3)}#manage-subscription-btn i{margin-right:0.5rem}#rulesContainer .btn-danger{padding:0.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);opacity:0.6;transition:all 0.2s ease}#rulesContainer .btn-danger:hover{opacity:1;color:#dc3545;background:rgba(220,53,69,0.1)}#rulesContainer .btn-danger i{font-size:0.875rem}.btn-invite-bot{background:linear-gradient(135deg,#7289DA 0%,#5865F2 100%);border:none;color:white;font-weight:600;padding:0.75rem 1.5rem;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(89,101,242,0.3);display:inline-flex;align-items:center;justify-content:center;gap:0.5rem}.btn-invite-bot:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(89,101,242,0.4);background:linear-gradient(135deg,#5865F2 0%,#4752C4 100%);color:white}.btn-invite-bot:active{transform:translateY(0);box-shadow:0 4px 15px rgba(89,101,242,0.3)}.btn-invite-bot i{font-size:1.1em;margin-right:0.3em}.server-card .btn{transition:all 0.3s ease;border-radius:8px}.server-card .btn-primary{background:var(--primary-color);border:none;padding:0.75rem 1.25rem;margin:0rem 0rem}.server-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(125,25,255,0.3)}.server-card .btn-primary.active{background:#4CAF50;pointer-events:none}.alert{padding:1rem;border-radius:8px;margin:1rem 0;border:1px solid transparent}.alert-warning{background:rgba(255,193,7,0.15);border-color:rgba(255,193,7,0.4);color:#FFE169}.alert-danger{background:rgba(220,53,69,0.15);border-color:rgba(220,53,69,0.4);color:#FF8B9A}.alert-success{background:rgba(25,135,84,0.15);border-color:rgba(25,135,84,0.4);color:#75F0A5}.alert-info{background:rgba(13,202,240,0.15);border-color:rgba(13,202,240,0.4);color:#8BE8FF}.alert i{margin-right:0.5rem;opacity:0.9}.alert a{color:inherit;text-decoration:underline;opacity:0.9}.alert a:hover{opacity:1}.toast{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);z-index:99999!important}.position-fixed{z-index:99999!important}.toast-container{z-index:99999!important}.toast .toast-header{border-bottom:1px solid var(--border-color);z-index:99999!important}.toast .toast-body{background-color:var(--card-bg);color:var(--text-color);z-index:99999!important}.container.mt-5{position:relative;z-index:1}.modal{z-index:99990!important}.modal-backdrop{z-index:99989!important}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 -4px 24px rgba(125,25,255,0.25)}50%{box-shadow:0 -4px 32px rgba(125,25,255,0.35)}100%{box-shadow:0 -4px 24px rgba(125,25,255,0.25)}}@keyframes dropdownFade{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.7}100%{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@media (max-width:1400px){.pricing-container{max-width:1000px}}@media (max-width:1252px) and (min-width:768px){.pricing-container{max-width:900px;padding:0 2rem}.pricing-row{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0;margin:0}.pricing-col:nth-child(2){width:100%;max-width:550px;transform:translateY(0);margin-bottom:3rem;order:-1;padding:0}.pricing-col:nth-child(1),.pricing-col:nth-child(3){width:300px;max-width:300px;margin:0 0.5rem;padding:0}.pricing-col:nth-child(2) .pricing-card{height:auto;margin:0 auto}.pricing-col:nth-child(2) .pricing-card::before{opacity:1}.pricing-card{min-width:unset;width:100%}}@media (max-width:768px){.navbar-collapse{position:absolute;top:64px;left:0;right:0;background-color:var(--sidebar-bg);padding:1rem;border-bottom:1px solid var(--border-color);z-index:var(--z-navbar)}.row{margin:-0.5rem}.col-md-4{padding:0.5rem}.sidebar{transform:translateX(-100%);width:100%;max-width:100%;background-color:var(--sidebar-bg);box-shadow:none}.sidebar.show{transform:translateX(0)}.sidebar.show ~ .col .main-content{display:none}.main-content{margin-left:0!important;width:100%;padding:1rem}.no-sidebar .main-content{margin-left:0!important}.main-wrapper{margin-left:0;padding:1rem}.navbar-brand img{height:32px}.server-switch{padding:1rem}.server-info h4{font-size:0.9rem}.server-info small{font-size:0.7rem}.card{margin-bottom:1rem}.fc .fc-toolbar{flex-direction:column;gap:1rem}.fc .fc-toolbar-title{font-size:1.1rem}.row-cols-md-4{row-gap:2rem}.pricing-card{max-width:95%;min-width:0;margin:1rem 0}.pricing-amount h2{font-size:2rem}.btn{padding:0.4rem 0.8rem}.discord-btn{padding:10px 20px;font-size:1rem}.server-actions{flex-direction:column;gap:0.5rem}.server-actions .btn{width:100%}.modal-dialog{margin:0.75rem}.pricing-col:nth-child(2) .pricing-card::before{box-shadow:0 5px 15px rgba(125,25,255,0.1)}.pricing-col{width:100%;max-width:100%}.pricing-row{align-items:stretch;margin:0}.pricing-col:nth-child(1){order:2}.pricing-col:nth-child(2){order:1;transform:translateY(0);margin-bottom:1rem}.pricing-col:nth-child(3){order:3}.pricing-col:nth-child(2) .pricing-card{height:auto}.pricing-container{padding:0 1rem}.pricing-card .card-body{padding:2rem}.pricing-card .btn{font-size:0.95rem;padding:1rem 1.5rem;margin:1.25rem 0}.pricing-col:nth-child(2) .pricing-card .btn{font-size:1.6rem;padding:1.25rem 2rem;margin:1.5rem 0;font-weight:600}.pricing-card .card-title{font-size:2.25rem;margin-bottom:1rem}.navbar-collapse{position:absolute;top:64px;left:0;right:0;background-color:var(--sidebar-bg);padding:1rem;border-bottom:1px solid var(--border-color);z-index:var(--z-navbar)}.navbar-nav{flex-direction:column;gap:0.5rem;width:100%}.navbar-nav .nav-item{width:100%}.navbar-nav .nav-link{padding:0.5rem 1rem}.navbar-nav .btn-premium{width:100%;margin:0.5rem 0;justify-content:center}.navbar-nav .dropdown{width:100%}.navbar-nav .dropdown-menu{width:100%;margin-top:0.5rem;position:static}.navbar-toggler{display:block;margin-left:auto;margin-right:1rem;order:2}.navbar-brand{order:1}.navbar .container-fluid{flex-wrap:wrap}.navbar-collapse{order:3;flex-basis:100%}.analytics-btn .crown,.analytics-btn span[style*="starPulse"]{font-size:1rem;top:-7px;right:-7px;padding:0.3rem}.server-stats{padding:0.5rem;margin:0.75rem 0}.server-stats .stat-item{font-size:0.8rem}}@media (max-width:480px){.file-delete-btn{display:flex!important}.container{padding:0 0.75rem}.navbar-brand img{height:28px}.navbar-nav .btn-premium{padding:0.25rem 0.75rem;font-size:0.8rem;margin:0.25rem 0.5rem}.sidebar .nav-link{padding:0.875rem 1rem;font-size:0.875rem}.sidebar .btn-premium{margin:0.75rem 1rem;padding:0.5rem 0.75rem;font-size:0.875rem}.card{border-radius:8px;margin-bottom:0.75rem}.card-body{padding:1rem}.btn{padding:0.4rem 0.75rem;font-size:1.4rem}.server-actions{gap:0.375rem}.form-control,.form-select{padding:0.5rem 0.75rem;font-size:0.875rem}.modal-dialog{margin:0.5rem}.modal-body{padding:1rem}.file-delete-btn{display:flex!important;width:18px;height:18px}.file-upload-item{width:100%}.fc .fc-toolbar-title{font-size:1rem}.fc .fc-button{padding:0.25rem 0.5rem;font-size:0.875rem}.analytics-btn .crown{font-size:0.9rem;top:-6px;right:-6px;padding:0.25rem}.analytics-btn{margin-bottom:0.5rem}.analytics-status{margin-top:0rem!important;margin-bottom:0.7rem!important;font-size:0.8rem}#step3Section .col-md-6{margin-bottom:1rem}#step3Section .col-md-6:last-child{margin-bottom:0}}.shop-items-container{display:flex;flex-direction:column;gap:1rem}.shop-item{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);transition:all 0.3s ease}.shop-item:hover{transform:translateY(-2px);border-color:rgba(125,25,255,0.2);box-shadow:0 4px 15px rgba(0,0,0,0.1)}.shop-item .card-title{color:var(--text-color);font-size:1.1rem;font-weight:600}.shop-item .card-text{color:var(--text-muted);font-size:0.9rem}.shop-item-details{padding:0.5rem;background:rgba(255,255,255,0.03);border-radius:8px}.shop-item-details p{font-size:0.9rem;color:var(--text-muted)}.shop-item-details i{color:var(--primary-color);width:20px;text-align:center}.shop-item-modal .modal-content{border:1px solid rgba(255,255,255,0.05)}.shop-item-modal .form-label{font-weight:500;margin-bottom:0.5rem}.shop-item-modal .text-danger{font-weight:bold;margin-left:4px}.shop-item-modal .form-text{font-size:0.85rem;color:var(--text-muted);margin-top:0.25rem}.shop-item-modal .border-bottom{border-color:rgba(255,255,255,0.1)!important;padding-bottom:0.5rem;margin-bottom:1rem;color:var(--text-color)}#addShopItemBtn{background:var(--primary-color);border:none;padding:0.5rem 1rem;font-size:0.9rem;transition:all 0.3s ease}#addShopItemBtn:hover{background:rgba(125,25,255,0.9);transform:translateY(-1px);box-shadow:0 4px 12px rgba(125,25,255,0.2)}#addShopItemBtn i{font-size:0.8rem}.shop-item .btn-group{opacity:0.7;transition:opacity 0.3s ease}.shop-item:hover .btn-group{opacity:1}.shop-item .btn-outline-primary,.shop-item .btn-outline-danger{padding:0.25rem 0.5rem;font-size:0.8rem}.shop-item .btn-outline-primary:hover{background:var(--primary-color);border-color:var(--primary-color)}.shop-item .btn-outline-danger:hover{background:#dc3545;border-color:#dc3545}.shop-items-container .text-center{padding:3rem 1rem}.shop-items-container .fa-store{color:var(--primary-color);opacity:0.5;margin-bottom:1rem}@media (max-width:768px){.shop-item .row{flex-direction:column}.shop-item .col-md-4{margin-top:1rem}.shop-item-details{display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.5rem}.shop-item-details p{margin:0;flex:1;min-width:150px}}@media (max-width:480px){#addShopItemBtn{padding:0.35rem 0.75rem;font-size:0.8rem}.shop-item .card-body{padding:0.75rem}.shop-item-details{padding:0.5rem}.shop-item-details p{font-size:0.8rem;min-width:120px}}.shop-item-modal .mb-4 h6.border-bottom{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted);margin-top:2rem;margin-bottom:1.5rem}.shop-item-modal #requiredRoleId{margin-bottom:0.25rem}.shop-item-modal .form-label{color:var(--text-color);font-size:0.95rem;font-weight:500}.shop-item-modal .text-muted{font-size:0.8rem;opacity:0.8}.shop-item-modal .row + .mb-4{margin-top:1.5rem}.shop-item.card{border:1px solid rgba(255,255,255,0.1);background:rgba(33,37,41,0.6);backdrop-filter:blur(10px);transition:transform 0.2s,box-shadow 0.2s}.shop-item.card:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.2)}.shop-item .card-body{padding:1.5rem}.shop-item .card-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:0.75rem}.shop-item .card-text{font-size:0.95rem;line-height:1.5;color:rgba(255,255,255,0.8);margin-bottom:1.25rem}.shop-item .shop-item-details{background:rgba(0,0,0,0.2);padding:1rem;border-radius:0.5rem;margin-top:1rem}.shop-item .shop-item-details p{margin-bottom:0.5rem;display:flex;align-items:center}.shop-item .shop-item-details p:last-child{margin-bottom:0}.shop-item .shop-item-details i{width:20px;color:#ffc107}@media (max-width:768px){.shop-item .card-body{padding:1rem}.shop-item .row{flex-direction:column}.shop-item .col-md-8,.shop-item .col-md-4{width:100%}.shop-item .shop-item-details{margin-top:1rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.5rem}.shop-item .shop-item-details p{margin:0;flex:1 1 auto;min-width:150px}}.settings-section .form-check.form-switch{padding-left:3.5em}.settings-section .form-check-input[type="checkbox"].form-check-input{height:1.5em;width:3em;margin-left:-3.5em;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.85%29'/%3e%3c/svg%3e")}.settings-section .form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.settings-section .form-check-input:focus{border-color:rgba(125,25,255,0.25);box-shadow:0 0 0 0.15rem rgba(125,25,255,0.25)}.settings-section .form-check-input:not(:checked):not(:focus){background-color:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.settings-section .d-flex.align-items-center{position:relative;width:100%;cursor:pointer;z-index:100}.settings-section .form-check-label{color:var(--text-color);cursor:pointer}.card-header .form-check.form-switch{padding-left:0;min-height:auto}.card-header .form-check-input[type="checkbox"].form-check-input{margin-left:0;height:1.5em;width:3em;cursor:pointer}.card-header.bg-dark{padding:1rem 1.5rem}@media (max-width:576px){.card-header.bg-dark{flex-direction:column;align-items:flex-start;gap:0.5rem;border-bottom:none}.card-header.bg-dark h3{font-size:1.25rem;width:100%}.card-header .form-check.form-switch{width:100%;display:flex;justify-content:flex-start;padding-top:0.25rem;padding-left:0rem}.card-header .form-check-input[type="checkbox"].form-check-input,#sparkToggle.form-check-input[type="checkbox"].form-check-input,#analyticsToggle.form-check-input[type="checkbox"].form-check-input,#hypeEngineToggle.form-check-input[type="checkbox"].form-check-input,#collabToggle.form-check-input[type="checkbox"].form-check-input{margin-left:0}.card-header #permissionWarningBadge{display:inline-block;margin-top:0.5rem}}.premium-modal .modal-content{background:linear-gradient(145deg,var(--card-bg) 0%,rgba(44,46,51,0.95) 100%);border:1px solid rgba(125,25,255,0.2);box-shadow:0 10px 30px rgba(0,0,0,0.2);backdrop-filter:blur(10px)}.premium-modal .modal-header{border-bottom:1px solid rgba(125,25,255,0.2);padding:1.5rem}.premium-modal .modal-body{padding:2rem;text-align:center}.premium-modal .modal-footer{border-top:1px solid rgba(125,25,255,0.2);padding:1.5rem;justify-content:center;gap:1rem}.premium-modal .premium-icon{font-size:3rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:float 3s ease-in-out infinite;display:inline-block}.premium-modal h5{font-size:1.5rem;font-weight:600;margin-bottom:1rem;background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-modal p{color:var(--text-muted);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.premium-modal .btn-upgrade{background:linear-gradient(135deg,#4158D0 0%,#C850C0 50%,#FFCC70 100%);border:none;padding:0.75rem 1.75rem;font-weight:600;font-size:1.1rem;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(65,88,208,0.3);display:inline-flex;align-items:center;gap:0.5rem;text-shadow:0 1px 2px rgba(0,0,0,0.1);text-decoration:none}.premium-modal .btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(65,88,208,0.4);background:linear-gradient(135deg,#3449c3 0%,#b845b8 50%,#ffb84d 100%);color:#fff;text-decoration:none}.premium-modal .btn-upgrade i{margin-right:0.5rem}.premium-modal .btn-secondary{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);padding:0.75rem 2rem;font-weight:500;font-size:1.1rem}.premium-modal .btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.25)}@keyframes modalShimmer{0%{background-position:200% 50%}100%{background-position:-200% 50%}}@media (max-width:576px){.premium-modal .modal-body{padding:1.5rem}.premium-modal .premium-icon{font-size:2.5rem}.premium-modal h5{font-size:1.25rem}.premium-modal p{font-size:1rem}.premium-modal .modal-footer{flex-direction:column;gap:0.75rem}.premium-modal .btn{width:100%;padding:0.75rem 1rem;font-size:1rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(rgba(26,27,30,0.85),rgba(26,27,30,0.85)),url("/static/images/website_background.4691557fa1d3.png");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:1rem;padding-top:64px}.login-container{margin-top:-64px;background-color:rgba(37,38,43,0.9);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)}.login-container{background-color:var(--card-bg);padding:2.5rem 2rem;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,0.1);text-align:center;max-width:400px;width:90%;border:1px solid var(--border-color);position:relative;overflow:hidden;animation:fadeIn 0.5s ease}.login-container h2{color:var(--text-color);font-size:2rem;font-weight:700;margin-bottom:1rem}.login-container p{color:var(--text-muted);font-size:1rem;line-height:1.6;margin-bottom:2rem;padding:0 1rem}.discord-logo{width:80px;height:auto;margin-bottom:2rem;animation:float 3s ease-in-out infinite}.discord-btn{background-color:var(--primary-color);color:white;padding:1rem 2rem;border-radius:8px;border:none;font-size:1.1rem;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:0.75rem;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.discord-btn:hover{transform:translateY(-2px);background-color:#6610f2;color:white}.discord-btn:active{transform:translateY(0)}.discord-btn i{font-size:1.2rem}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.login-container{padding:2rem 1.5rem}.login-container h2{font-size:1.75rem}.login-container p{font-size:0.9rem;padding:0}.discord-btn{padding:0.875rem 1.5rem;font-size:1rem}.discord-logo{width:60px;margin-bottom:1.5rem}}body.no-sidebar .sidebar{display:none}body.no-sidebar .main-content{margin-left:0}.btn-refresh{background:transparent;border:none;color:var(--text-muted);padding:0.5rem;margin:0 1rem;transition:all 0.3s ease;cursor:pointer}.btn-refresh:hover{color:var(--primary-color);transform:rotate(180deg)}.btn-refresh.spinning i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.refresh-channels-section{display:flex;align-items:center;padding:0.5rem;background:rgba(0,0,0,0.2);border-radius:6px;margin-bottom:1rem}.refresh-channels-section .btn-outline-primary{padding:0.25rem 0.75rem;font-size:0.875rem}.refresh-channels-section .btn-outline-primary i{transition:transform 0.3s ease}.refresh-channels-section .btn-outline-primary.spinning i{animation:spin 1s linear infinite}#refreshServerBtn{padding:0.25rem 0.75rem;font-size:0.875rem}#refreshServerBtn i{transition:transform 0.3s ease}#refreshServerBtn.spinning i{animation:spin 1s linear infinite}.help-section{padding:1.5rem;border-radius:12px;background:rgba(255,255,255,0.05);height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1)}.help-section:hover{background:rgba(255,255,255,0.08);border-color:var(--primary-color);transform:translateY(-2px)}.help-section h6{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1.1rem;font-weight:600;color:var(--text-color)}.help-section h6 i{font-size:2rem;color:var(--primary-color);opacity:0.9;margin-bottom:0.5rem;transition:transform 0.3s ease}.help-section p{margin-bottom:1.25rem;flex-grow:1;font-size:0.9rem;line-height:1.5;color:var(--text-muted);width:100%}.help-section .btn{width:100%;padding:0.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;transition:all 0.3s ease;font-weight:500}.help-section .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(125,25,255,0.2)}.help-section .badge{font-size:0.7rem;padding:0.35em 0.65em;font-weight:500;background:var(--primary-color);margin-top:0.5rem}.help-section:hover h6 i{transform:translateY(-2px) scale(1.1)}#helpModal .modal-content{border:1px solid rgba(255,255,255,0.1);background:linear-gradient(145deg,var(--card-bg) 0%,rgba(44,46,51,0.95) 100%);backdrop-filter:blur(10px)}#helpModal .modal-header{border-bottom:1px solid rgba(255,255,255,0.1);padding:1.5rem;background:rgba(0,0,0,0.2)}#helpModal .modal-body{padding:1.5rem}#helpModal .modal-title{font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:0.75rem;color:var(--text-color)}#helpModal .modal-title i{font-size:1.25rem;color:var(--primary-color)}#helpModal .btn-close{opacity:0.7;transition:opacity 0.2s ease}#helpModal .btn-close:hover{opacity:1}@media (max-width:768px){#helpModal .modal-dialog{margin:0.75rem;max-width:calc(100% - 1.5rem)}.help-section{margin-bottom:1rem;padding:1.25rem}.help-section h6{font-size:1rem}.help-section p{font-size:0.85rem;margin-bottom:1rem}.help-section .btn{padding:0.6rem 0.75rem;font-size:0.9rem}#helpModal .modal-header{padding:1.25rem}#helpModal .modal-body{padding:1.25rem}#helpModal .row{margin:-0.5rem}#helpModal .col-md-4{padding:0.5rem}}@media (max-width:480px){#helpModal .modal-dialog{margin:0.5rem;max-width:calc(100% - 1rem)}.help-section{padding:1rem}.help-section h6{font-size:0.95rem}.help-section h6 i{font-size:1.1rem}.help-section p{font-size:0.8rem;margin-bottom:0.75rem}.help-section .btn{padding:0.5rem 0.75rem;font-size:0.85rem}.help-section .badge{font-size:0.65rem}#helpModal .modal-title{font-size:1.1rem}#helpModal .modal-title i{font-size:1.1rem}#helpModal .modal-header{padding:1rem}#helpModal .modal-body{padding:1rem}}.help-section:hover h6 i{transform:scale(1.1);transition:transform 0.3s ease}.help-section .btn-outline-primary:hover{background:var(--primary-color);border-color:var(--primary-color);color:white}#helpModal.fade .modal-dialog{transform:scale(0.9);opacity:0;transition:all 0.3s ease}#helpModal.show .modal-dialog{transform:scale(1);opacity:1}.crown{font-size:1.1rem;filter:drop-shadow(0 0 3px rgba(255,215,0,0.4));animation:float 3s ease-in-out infinite;margin-right:0rem!important}@media (max-width:480px){.crown{font-size:0.9rem;top:-8px!important;right:-20px!important}}.sidebar .btn-upgrade{background:linear-gradient(135deg,#4158D0 0%,#C850C0 50%,#FFCC70 100%)!important;border:none!important;color:#fff!important;font-weight:600;transition:all 0.3s ease;text-align:left;padding:0.5rem 1rem;margin:0;width:100%}.sidebar .btn-upgrade:hover{background:linear-gradient(135deg,#3449c3 0%,#b845b8 50%,#ffb84d 100%)!important;transform:translateY(-1px);box-shadow:0 8px 25px rgba(65,88,208,0.4)}.sidebar .p-3{padding:0!important;margin-top:0.75rem!important;margin-bottom:0.75rem!important}.modal-footer .btn-upgrade{background:linear-gradient(135deg,#4158D0 0%,#C850C0 50%,#FFCC70 100%)!important;color:#fff!important;border:none!important}.modal-footer .btn-upgrade:hover{background:linear-gradient(135deg,#3449c3 0%,#b845b8 50%,#ffb84d 100%)!important}@media (max-width:576px){.card-header.bg-dark{flex-direction:column;align-items:flex-start;gap:0.5rem;padding:1rem 1.5rem}.card-header.bg-dark h3{font-size:1.25rem;width:100%;margin-bottom:0.5rem}.card-header .d-flex.align-items-center.gap-3,.card-header #refreshServerBtn{width:100%;justify-content:flex-start}.card-header #refreshServerBtn{width:auto;padding:0.5rem 0.75rem;margin-left:0;margin-right:1rem}.card-header.bg-dark>#refreshServerBtn,.card-header.bg-dark>div>#refreshServerBtn{align-self:flex-start;margin-right:1rem}}@media (max-width:576px){.btn-lg{font-size:1rem;padding:0.75rem 1.25rem}.analytics-btn{font-size:0.9rem;padding:0.625rem 1rem}.analytics-btn .content{display:flex;align-items:center;gap:0.5rem;justify-content:center}.analytics-btn i{font-size:0.9rem}.analytics-btn .crown,.analytics-btn span[style*="starPulse"]{font-size:0.9rem;position:absolute;top:-6px;right:-6px}.col-md-6:not(:last-child){margin-bottom:1rem}.analytics-status,.text-muted{font-size:0.8rem}}@media (max-width:360px){.btn-lg,.analytics-btn{font-size:0.85rem;padding:0.5rem 1rem}.analytics-btn .crown{font-size:0.8rem;top:-5px;right:-5px}}.alert.alert-info{background:rgba(13,202,240,0.1);border:1px solid rgba(13,202,240,0.2);border-radius:12px}.alert.alert-info .fa-info-circle{color:#0dcaf0;font-size:1.2rem}.alert.alert-info h6{color:#fff;font-weight:600;margin-bottom:0.5rem}.alert.alert-info p{color:rgba(255,255,255,0.8);font-size:0.95rem;line-height:1.5;margin-bottom:1rem}.alert.alert-info .btn-outline-primary{background:transparent;border:1px solid rgba(13,202,240,0.5);color:#0dcaf0;transition:all 0.3s ease}.alert.alert-info .btn-outline-primary:hover{background:rgba(13,202,240,0.1);border-color:#0dcaf0;transform:translateY(-2px)}@media (max-width:768px){.alert.alert-info{padding:1rem}.alert.alert-info .d-flex{gap:0.75rem}.alert.alert-info h6{font-size:1rem}.alert.alert-info p{font-size:0.9rem;margin-bottom:0.75rem}.alert.alert-info .btn-outline-primary{width:100%;justify-content:center;padding:0.5rem 1rem;font-size:0.9rem}}@media (max-width:480px){.alert.alert-info{padding:0.875rem}.alert.alert-info .d-flex{gap:0.5rem}.alert.alert-info .fa-info-circle{font-size:1.1rem}.alert.alert-info h6{font-size:0.95rem}.alert.alert-info p{font-size:0.85rem;margin-bottom:0.75rem}.alert.alert-info .btn-outline-primary{padding:0.4rem 0.75rem;font-size:0.85rem}}.steps-container{max-width:800px;margin:0 auto}.step-item{position:relative;padding:2rem 1.5rem 1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:all 0.3s ease;margin-top:1.5rem}.step-item:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 4px 20px rgba(125,25,255,0.15)}.step-number{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),#9541FF);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.1rem;box-shadow:0 4px 15px rgba(125,25,255,0.3);border:2px solid rgba(255,255,255,0.1)}.step-item h5{color:var(--text-color);margin-top:0.5rem;margin-bottom:1rem;font-weight:600;font-size:1.1rem}.step-item p{color:var(--text-muted);margin-bottom:0;font-size:0.95rem;line-height:1.5}.card-body .fa-handshake{background:linear-gradient(135deg,var(--primary-color),#9541FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px rgba(125,25,255,0.3))}.btn-primary.btn-lg{background:linear-gradient(135deg,var(--primary-color),#9541FF);border:none;padding:1rem 2rem;font-weight:600;letter-spacing:0.5px;box-shadow:0 4px 15px rgba(125,25,255,0.3);transition:all 0.3s ease}.btn-primary.btn-lg:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(125,25,255,0.4);background:linear-gradient(135deg,#9541FF,var(--primary-color))}.fa-compass{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@media (max-width:768px){.step-item{padding:1.75rem 1.25rem 1.25rem;margin-top:1.75rem}.step-number{width:35px;height:35px;font-size:1rem;top:-17px}.step-item h5{font-size:1rem}.step-item p{font-size:0.9rem}.btn-primary.btn-lg{padding:0.875rem 1.75rem;font-size:0.95rem}}@media (max-width:480px){.config-card .dropdown{position:static}.config-card .dropdown-menu{width:calc(100% - 2rem);margin:0.5rem 1rem;position:absolute;left:0;right:0}.config-card .btn-outline-secondary.btn-sm{padding:0.25rem 0.5rem;font-size:0.75rem}.config-card .dropdown-item{padding:0.5rem 1rem;font-size:0.875rem}}@media (max-width:480px){.config-card .dropdown{position:static}.config-card .dropdown-menu{width:calc(100% - 2rem);margin:0.5rem 1rem;position:absolute;left:0;right:0}.config-card .btn-outline-secondary.btn-sm{padding:0.25rem 0.5rem;font-size:0.75rem}.config-card .dropdown-item{padding:0.5rem 1rem;font-size:0.875rem}}@media (max-width:576px){.config-card.mb-3{padding:1rem;margin-bottom:1rem!important}.config-card .d-flex{flex-direction:column}.config-card .d-flex.align-items-start{align-items:center!important}.config-card .server-icon{margin-bottom:1rem;margin-right:0!important;align-self:center}.config-card .server-icon img,.config-card .server-icon .default-icon{width:48px;height:48px}.config-card .flex-grow-1 .d-flex{flex-direction:column;align-items:center!important;text-align:center}.config-card h5.mb-2{font-size:1.1rem;margin-bottom:0.5rem!important}.config-card .text-muted.mb-2{margin-bottom:0.75rem!important}.config-card .badge{margin-bottom:1rem}.config-card .dropdown{width:100%}.config-card .dropdown button{width:100%;margin-top:0.5rem}}@media (max-width:480px){.btn.btn-primary{padding:0.5rem 1rem;font-size:0.875rem;width:100%}.btn.btn-primary .fa-search{font-size:0.875rem}.config-card .dropdown{position:static}}@media (max-width:576px){.card-header.bg-dark.text-white.d-flex.justify-content-between.align-items-center{flex-direction:column;align-items:center;gap:0.75rem;padding:1rem}.card-header h5.mb-0{margin-bottom:0.5rem!important;text-align:center}.form-check.form-switch.mb-0{display:flex;width:100%}}.btn.btn-primary .loading-spinner{display:inline-block;margin-left:0.5rem}.btn.btn-primary.loading{pointer-events:none;opacity:0.8}.btn.btn-primary.loading span:not(.loading-spinner){opacity:0.7}.btn.btn-primary.loading .loading-spinner{display:inline-block!important}.btn.btn-primary .fa-circle-notch{font-size:0.875rem}.server-card .card-banner{position:relative;width:100%;height:140px;overflow:hidden;border-top-left-radius:16px;border-top-right-radius:16px}.server-card .card-banner img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.server-card:hover .card-banner img{transform:scale(1.05)}.server-card{position:relative;overflow:hidden;background-color:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1);border-radius:16px;transition:all 0.3s ease;height:100%;min-height:200px;display:flex;flex-direction:column}.server-card .card-img-top{display:none}.notification-tab{position:absolute;top:0;right:0;padding:0.25rem 0.5rem;border-top-right-radius:16px;border-bottom-left-radius:8px;font-size:0.75rem;font-weight:500;z-index:20;width:40%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 4px rgba(0,0,0,0.15)}.notification-tab.scheduled{background:var(--primary-color);color:white}.notification-tab.ongoing{background:#28a745;color:white}.notification-tab.recollab{background:#17a2b8;color:white}.notification-tab.likes{background:#ff6b6b;color:white}.notification-tab.matched{background:#51cf66;color:white}.notification-tab.collabed{background:#6c757d;color:white}.notification-tab:hover{transform:none;box-shadow:none}.server-card{position:relative;overflow:visible}.server-card .card-banner{position:relative;z-index:2;overflow:hidden}.server-card .card-body{position:relative;z-index:2;overflow:hidden}.server-card .d-flex.align-items-center{margin-top:0.75rem}.server-card .d-flex.align-items-center img.rounded-circle{margin-right:0.75rem}.server-card .card-title{margin:0;line-height:1.2}.notification-tab + .card-body .d-flex.align-items-center{margin-top:0.75rem}.server-card .d-flex.align-items-center img.rounded-circle{margin-right:0.75rem}.server-card .card-title{margin:0;line-height:1.2}.fc{background:#2a2d3a;background:var(--card-bg);border-radius:8px;padding:1rem;color:var(--text-color);border:1px solid rgba(255,255,255,0.1)}.fc .fc-toolbar-title{color:#ffffff;font-size:1.2rem}.fc-theme-standard td,.fc-theme-standard th{border-color:rgba(255,255,255,0.1)}.fc .fc-daygrid-day{background:#353849;transition:background-color 0.2s}.fc .fc-day-today{background-color:rgba(66,133,244,0.15)!important}.fc .fc-daygrid-day.fc-day-monday{border-left:2px solid var(--primary-color)}.fc .fc-daygrid-day.available{background-color:rgba(52,199,89,0.15);cursor:pointer}.fc .fc-daygrid-day.available:hover{background-color:rgba(52,199,89,0.25)}.fc .fc-daygrid-day.unavailable{background-color:rgba(255,69,58,0.1);cursor:not-allowed;opacity:0.7}.fc .fc-daygrid-day.selected{background-color:rgba(94,92,230,0.25);border:2px solid var(--primary-color)}.fc .fc-daygrid-day-number{color:#e1e1e6;padding:8px}.fc .fc-col-header-cell{background:#2a2d3a;padding:8px 0}.fc .fc-col-header-cell-cushion{color:#ffffff;font-weight:500}.fc .fc-button-primary{background-color:#4a4d5e!important;border-color:#4a4d5e!important;color:#ffffff}.fc .fc-button-primary:hover{background-color:#5e5ce6!important;border-color:#5e5ce6!important}.fc .fc-button-primary:disabled{background-color:#3a3d4e!important;border-color:#3a3d4e!important;opacity:0.7}.calendar-legend-container{display:flex;gap:1rem;justify-content:center;margin-top:1rem;padding:0.75rem;background:#2a2d3a;border:1px solid rgba(255,255,255,0.1);border-radius:6px}.legend-item{display:flex;align-items:center;gap:0.5rem;font-size:0.9rem}.calendar-legend{width:20px;height:20px;border-radius:4px}.calendar-legend.available{background-color:rgba(52,199,89,0.15);border:1px solid rgba(52,199,89,0.5)}.calendar-legend.unavailable{background-color:rgba(255,69,58,0.1);border:1px solid rgba(255,69,58,0.5)}.calendar-legend.selected{background-color:rgba(94,92,230,0.25);border:1px solid #5e5ce6}.calendar-container{position:relative;min-height:400px}.calendar-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(3px);border-radius:8px}.calendar-loading .spinner-border{width:3rem;height:3rem;border-width:0.25em;color:var(--primary-color)!important}@media (max-width:768px){.config-card{padding:1.5rem}.config-card .d-flex.align-items-start{gap:0rem}.config-card .server-icon{flex-shrink:0}.config-card .server-icon img,.config-card .default-icon{width:48px;height:48px}.config-card h5.mb-2{font-size:1.1rem;margin-bottom:0.5rem!important}.config-card .text-muted.mb-2{font-size:0.9rem;margin-bottom:0.75rem!important}.config-card .dropdown{margin-left:auto;margin-top:-0.5rem}.config-card .dropdown-toggle{padding:0.4rem 0.8rem;font-size:0.85rem}.config-card .dropdown-menu{min-width:160px;margin-top:0.5rem}.config-card .dropdown-item{padding:0.6rem 1rem;font-size:0.9rem}.config-card .badge{margin-right:1rem}.config-card .flex-grow-1{min-width:0}.config-card .d-flex.justify-content-between{gap:1rem}}@media (max-width:480px){.config-card{padding:1.25rem}.config-card .d-flex.align-items-start{gap:0em}.config-card .server-icon img,.config-card .default-icon{width:40px;height:40px}.config-card h5.mb-2{font-size:1rem}.config-card .text-muted.mb-2{font-size:0.85rem}.config-card .dropdown-toggle{padding:0.35rem 0.7rem;font-size:0.8rem}.config-card .d-flex.justify-content-between{flex-direction:column;align-items:flex-start;gap:0.75rem}.config-card .dropdown{margin-top:0;width:100%}.config-card .dropdown-toggle{width:100%;justify-content:center}.config-card .dropdown-menu{width:100%}}.server-card{background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1);border-radius:16px;overflow:hidden;transition:all 0.3s ease}.card-banner{position:relative;height:200px;overflow:hidden}.card-banner img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.server-card:hover .card-banner img{transform:scale(1.05)}.tags-container{display:flex;flex-direction:column;gap:8px}.tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:0.85rem;font-weight:500;background:rgba(255,255,255,0.1);color:white;margin-right:6px;margin-bottom:6px}.tag.web3{background:rgba(124,58,237,0.2);color:#a78bfa}.tag.web2{background:rgba(59,130,246,0.2);color:#93c5fd}.tag.more{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.6)}.server-stats{display:flex;flex-wrap:wrap;gap:12px}.stat-item{display:flex;align-items:center;gap:8px;font-size:0.9rem;color:rgba(255,255,255,0.8)}.rewards-section{display:flex;flex-wrap:wrap;gap:8px}.reward-item{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:0.85rem;background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.8)}.premium-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:0.85rem;background:linear-gradient(45deg,#f6d365 0%,#fda085 100%);color:#000;font-weight:600}.premium-badge .fa-crown{color:#fff;text-shadow:0 0 10px rgba(255,215,0,0.5)}.quests-disabled{display:flex;justify-content:flex-start;width:100%}.disabled-notice{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:0.85rem;background:rgba(255,59,48,0.1);color:rgba(255,59,48,0.8);border:1px solid rgba(255,59,48,0.2)}.disabled-notice i{font-size:0.8rem}.server-header-container{display:flex;align-items:flex-start;gap:12px;width:100%}.server-icon{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,0.1);flex-shrink:0}.server-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.server-name{margin:0;font-size:1.25rem;font-weight:600;color:white;word-wrap:break-word}.server-name a{color:inherit;text-decoration:none;transition:color 0.2s ease}.server-name a:hover{color:var(--primary-color);text-decoration:none;overflow-wrap:break-word;max-width:100%;line-height:1.3}.online-members-count{color:white;display:flex;align-items:center;gap:6px;font-size:0.85rem;color:rgba(255,255,255,0.7)}.online-members-count .fa-circle{font-size:0.6rem}#analyticsRequiredModal .modal-content{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,0.3)}#analyticsRequiredModal .modal-header{border-bottom:1px solid var(--border-color);background:rgba(0,0,0,0.2)}#analyticsRequiredModal .modal-title{color:var(--text-color);font-weight:600;display:flex;align-items:center;gap:0.5rem}#analyticsRequiredModal .modal-title i{color:var(--primary-color)}#analyticsRequiredModal .modal-body{color:var(--text-color);padding:1.5rem}#analyticsRequiredModal .modal-body p{color:var(--text-muted);margin-bottom:0;line-height:1.5}#analyticsRequiredModal .modal-footer{border-top:1px solid var(--border-color);background:rgba(0,0,0,0.1);padding:1rem 1.5rem}#analyticsRequiredModal .btn-secondary{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:var(--text-color)}#analyticsRequiredModal .btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.25)}#analyticsRequiredModal .btn-primary{background:var(--primary-color);border:none;display:flex;align-items:center;gap:0.5rem}#analyticsRequiredModal .btn-primary:hover{background:#8f2dff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(125,25,255,0.25)}#analyticsRequiredModal .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}#disableAnalyticsModal .modal-content{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,0.3)}#disableAnalyticsModal .modal-header{border-bottom:1px solid var(--border-color);background:rgba(0,0,0,0.2)}#disableAnalyticsModal .modal-title{color:var(--text-color);font-weight:600;display:flex;align-items:center;gap:0.5rem}#disableAnalyticsModal .modal-title i{color:#dc3545}#disableAnalyticsModal .modal-body{color:var(--text-color);padding:1.5rem}#disableAnalyticsModal .modal-body p{color:var(--text-muted);line-height:1.5}#disableAnalyticsModal .modal-footer{border-top:1px solid var(--border-color);background:rgba(0,0,0,0.1);padding:1rem 1.5rem}#disableAnalyticsModal .btn-secondary{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:var(--text-color)}#disableAnalyticsModal .btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.25)}#disableAnalyticsModal .btn-danger{display:flex;align-items:center;gap:0.5rem}#disableAnalyticsModal .btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,53,69,0.25)}#disableAnalyticsModal .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.modal-backdrop{background-color:rgba(0,0,0,0.7)}.modal-backdrop.show{opacity:1}.modal .modal-content{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,0.3)}.modal .modal-header{border-bottom:1px solid var(--border-color);background:rgba(0,0,0,0.2)}.modal .modal-title{color:var(--text-color);font-weight:600;display:flex;align-items:center;gap:0.5rem}.modal .modal-body{color:var(--text-color);padding:1.5rem}.modal .modal-body p{color:var(--text-muted);line-height:1.5}.modal .modal-footer{border-top:1px solid var(--border-color);background:rgba(0,0,0,0.1);padding:2rem 1.5rem}.modal .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.modal .btn-secondary{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:var(--text-color)}.modal .btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.25)}#analyticsRequiredModal .modal-title i{color:var(--primary-color)}#analyticsRequiredModal .btn-primary{background:var(--primary-color);border:none;display:flex;align-items:center;gap:0.5rem}#analyticsRequiredModal .btn-primary:hover{background:#8f2dff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(125,25,255,0.25)}#disableAnalyticsModal .modal-title i{color:#dc3545}#disableAnalyticsModal .btn-danger{display:flex;align-items:center;gap:0.5rem}#disableAnalyticsModal .btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,53,69,0.25)}.bg-gradient-gold{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#000}.dropdown-item-text{padding:0.5rem 1rem}.dropdown-item-text small{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px}.dropdown-item-text .badge{font-size:0.8rem;padding:0.35em 0.65em;font-weight:500}.bg-secondary-plus{background:linear-gradient(135deg,#6c757d 0%,#868e96 100%);color:white}.btn-premium.disabled{opacity:0.8;cursor:default;background:linear-gradient(135deg,#4158D0 0%,#C850C0 50%,#FFCC70 100%);border:none;color:white;pointer-events:none}.btn-premium.disabled:hover{transform:none;box-shadow:none}@media (max-width:576px){.sidebar .btn-upgrade{font-size:0.875rem;padding:0.4rem 0.875rem}}@media (max-width:768px){.navbar-collapse{position:absolute;top:64px;left:0;right:0;background-color:var(--sidebar-bg);padding:1rem;border-bottom:1px solid var(--border-color);z-index:var(--z-navbar)}.navbar-collapse .navbar-nav{gap:0.5rem}.navbar-collapse .nav-item{width:100%;text-align:center}.navbar-collapse .nav-link{padding:0.5rem 1rem}.navbar-collapse .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none;text-align:center}}@media (min-width:1400px){.hero-section{max-width:1400px;margin:0 auto;width:100%}.stats-section{width:100%}.stats-section-inner{max-width:1400px;margin:0 auto;width:100%}.features-section{width:100%}.features-section-inner{max-width:1400px;margin:0 auto;width:100%}.interactive-features{width:100%}.interactive-features-inner{max-width:1400px;margin:0 auto;width:100%}.blog-section{width:100%}.blog-section-inner{max-width:1400px;margin:0 auto;width:100%}.press-section{width:100%}.press-section-inner{max-width:1400px;margin:0 auto;width:100%}.footer-section{width:100%}.footer-content{max-width:1400px;margin:0 auto;width:100%}.navbar>.container-fluid{max-width:1400px;margin:0 auto;padding-left:1rem;padding-right:1rem}}@media (min-width:1600px){.hero-content,.stats-section-inner,.features-section-inner,.interactive-features-inner,.blog-section-inner,.press-section-inner,.footer-content,.navbar>.container-fluid{max-width:1600px}}.features-menu{min-width:300px;padding:0.5rem}.nav-feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem!important;border-radius:8px;transition:all 0.2s ease;background:rgba(0,0,0,0.2);border:1px solid transparent;margin-bottom:0.25rem}.nav-feature-item:hover,.nav-feature-item:active,.nav-feature-item:focus{background:rgba(255,255,255,0.1);border:1px solid rgba(125,25,255,0.3)}.nav-feature-item:hover .nav-feature-icon,.nav-feature-item:active .nav-feature-icon,.nav-feature-item:focus .nav-feature-icon{background:rgba(125,25,255,0.2)}.nav-feature-item:hover .nav-feature-title,.nav-feature-item:active .nav-feature-title,.nav-feature-item:focus .nav-feature-title{color:#fff}.nav-feature-item:hover .nav-feature-description,.nav-feature-item:active .nav-feature-description,.nav-feature-item:focus .nav-feature-description{color:rgba(255,255,255,0.9)}.nav-feature-item:hover .nav-feature-icon i,.nav-feature-item:active .nav-feature-icon i,.nav-feature-item:focus .nav-feature-icon i{color:#fff}.nav-feature-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(125,25,255,0.1);border-radius:8px;flex-shrink:0}.nav-feature-content{display:flex;flex-direction:column;gap:0.25rem}.nav-feature-title{font-weight:500;color:var(--text-color);font-size:0.85rem}.nav-feature-description{font-size:0.75rem;color:var(--text-muted);line-height:1.4}.nav-feature-item:hover{background:rgba(0,0,0,0.3)}.resources-menu{min-width:600px;padding:1rem}.resources-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.resources-column{padding:0}.resources-header{color:var(--text-muted);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;padding:0 1rem 0.5rem;margin-bottom:0.5rem}@media (max-width:768px){.resources-menu{min-width:100%}.resources-grid{grid-template-columns:1fr;gap:0.5rem}.resources-column:not(:last-child){margin-bottom:1rem;padding-bottom:1rem}}.promotion-banner-top{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:0.5rem 0;border-bottom:1px solid rgba(255,255,255,0.1);box-shadow:0 2px 8px rgba(0,0,0,0.1);position:fixed;top:0;left:0;right:0;z-index:1100;width:100%;transition:transform 0.3s ease,opacity 0.3s ease}.header-container{margin-top:8px}.header-container:has(.navbar-scrolled){margin-top:0}.promotion-text{color:#ffffff;font-size:1rem;font-weight:500}.promotion-text strong{color:#ffffff;font-weight:600}.promotion-banner-top .btn-primary{background-color:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:#ffffff;font-weight:500;transition:all 0.2s ease;padding:0.25rem 0.75rem;font-size:0.875rem}.promotion-banner-top .btn-primary:hover{background-color:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.4);color:#ffffff;transform:translateY(-1px)}.promotion-close-btn{background:none;border:none;color:#ffffff;font-size:1.1rem;padding:0.25rem 0.5rem;cursor:pointer;transition:all 0.2s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.promotion-close-btn:hover{background-color:rgba(255,255,255,0.2);color:#ffffff;transform:scale(1.1)}.promotion-close-btn:focus{outline:2px solid rgba(255,255,255,0.5);outline-offset:2px}@media (max-width:768px){.promotion-banner-top{padding:0.3rem 0}.promotion-banner-top .promotion-text{font-size:0.8rem}.promotion-banner-top .btn-primary{padding:0.2rem 0.5rem;font-size:0.75rem}.promotion-banner-top img{width:18px;height:18px}.promotion-close-btn{min-width:28px;height:28px;font-size:0.9rem}}@media (max-width:480px){.promotion-banner-top .d-flex{align-items:center;justify-content:space-between;gap:0.5rem}.promotion-banner-top .promotion-text{flex:1 1 70%;min-width:0;font-size:0.9rem;line-height:1.3}.promotion-banner-top .btn-primary{flex:0 0 auto;width:auto!important;min-width:25%;max-width:30%;padding:0.2rem 0.4rem;font-size:0.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotion-banner-top .btn-primary i{margin-right:0.25rem}.promotion-close-btn{min-width:28px;height:28px;font-size:1rem;padding:0.2rem}}