.loading-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-primary);transition:background-color .3s}.loading-content{text-align:center;animation:fadeIn .5s ease-out}.loading-logo{position:relative;width:150px;height:150px;margin:0 auto 30px}.loading-circle{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:4px solid transparent;border-top-color:#5865f2;border-right-color:#5865f2;animation:spin 1.5s linear infinite}.loading-circle-inner{position:absolute;top:10px;left:10px;right:10px;bottom:10px;border-radius:50%;border:4px solid transparent;border-bottom-color:#764ba2;border-left-color:#764ba2;animation:spin 2s linear infinite reverse}.loading-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:60px;animation:pulse 2s ease-in-out infinite}.loading-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 4px 16px #0003}.loading-text h2{color:var(--text-primary);font-size:24px;margin:0 0 15px;font-weight:600}.loading-dots{display:flex;justify-content:center;gap:8px;height:20px}.dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);animation:bounce 1.4s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark-mode .loading-screen{background:var(--bg-primary)}.dark-mode .loading-circle{border-top-color:#5865f2;border-right-color:#5865f2;box-shadow:0 0 20px #5865f24d}.dark-mode .loading-circle-inner{border-bottom-color:#764ba2;border-left-color:#764ba2;box-shadow:0 0 20px #764ba24d}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.login-theme-toggle{position:absolute;top:20px;right:20px;background:#fff3;border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:background-color .3s,transform .2s;z-index:10}.login-theme-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.login-theme-toggle:active{transform:scale(.95)}.login-card{text-align:center;background:var(--bg-secondary);padding:50px;border-radius:10px;box-shadow:0 10px 25px #0003;transition:background-color .3s}.dark-mode .login-card{box-shadow:0 10px 25px #00000080}.login-header{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px}.login-bot-avatar{width:100px;height:100px;border-radius:50%;box-shadow:0 8px 24px #0000004d;border:4px solid rgba(102,126,234,.3);animation:float 3s ease-in-out infinite}.login-bot-icon{font-size:100px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-card h1{color:var(--text-primary);margin-bottom:30px}.login-card p{color:var(--text-secondary);margin-bottom:30px}.login-btn{background-color:#5865f2;color:#fff;border:none;padding:15px 30px;font-size:16px;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color .3s}.login-btn:hover{background-color:#4752c4}.login-description{color:var(--text-secondary);margin-bottom:30px}.login-stats{display:flex;justify-content:center;margin-bottom:25px}.login-stat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;border-radius:10px;background:#5865f226;color:var(--text-primary);min-width:180px}.login-stat-value{font-size:32px;font-weight:700;color:#5865f2}.login-stat-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.login-features{margin-top:35px;text-align:left}.login-features h2{font-size:22px;margin-bottom:15px;color:var(--text-primary)}.login-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.login-feature-list li{padding:16px;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);transition:transform .2s ease,background-color .3s ease,border-color .3s ease}.login-feature-list li:hover{transform:translateY(-2px);background:#5865f21f;border-color:#5865f2}.login-feature-title{font-weight:600;color:var(--text-primary)}.login-feature-list li p{margin:8px 0 0;color:var(--text-secondary);line-height:1.4}.navbar{background-color:#5865f2;color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a}.dark-mode .navbar{background-color:#2b2d31;box-shadow:0 2px 5px #0000004d}.user-info{display:flex;align-items:center;gap:15px}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid white}.navbar-actions{display:flex;align-items:center;gap:15px}.admin-link{display:inline-flex;align-items:center;color:#fff;text-decoration:none;padding:8px 16px;border-radius:5px;background:#fff3;transition:background-color .3s,transform .2s;font-size:14px}.admin-link:hover{background:#ffffff4d;transform:translateY(-1px)}.theme-toggle{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background-color .3s,transform .2s}.theme-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.logout-btn{background-color:#ed4245;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;text-decoration:none;font-size:14px;transition:background-color .3s}.logout-btn:hover{background-color:#c03537}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.spinner-container.spinner-small{padding:0;flex-direction:row;display:inline-flex;gap:0;vertical-align:middle}.spinner{position:relative;animation:fadeIn .3s ease-out}.spinner-small .spinner{width:32px;height:32px}.spinner-medium .spinner{width:100px;height:100px}.spinner-large .spinner{width:150px;height:150px}.spinner-circle{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:#5865f2;border-right-color:#5865f2;animation:spin 1.2s linear infinite}.spinner-small .spinner-circle{border-width:2px}.spinner-large .spinner-circle{border-width:4px}.spinner-circle-inner{position:absolute;top:8px;left:8px;right:8px;bottom:8px;border-radius:50%;border:3px solid transparent;border-bottom-color:#764ba2;border-left-color:#764ba2;animation:spin 1.8s linear infinite reverse}.spinner-small .spinner-circle-inner{border-width:2px;top:4px;left:4px;right:4px;bottom:4px}.spinner-large .spinner-circle-inner{border-width:4px;top:10px;left:10px;right:10px;bottom:10px}.spinner-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 2s ease-in-out infinite}.spinner-small .spinner-icon{font-size:16px}.spinner-medium .spinner-icon{font-size:40px}.spinner-large .spinner-icon{font-size:60px}.spinner-avatar-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 4px 12px #0003}.spinner-small .spinner-avatar-icon{width:22px;height:22px}.spinner-medium .spinner-avatar-icon{width:50px;height:50px}.spinner-large .spinner-avatar-icon{width:80px;height:80px}.spinner-text{margin-top:20px;color:var(--text-secondary);font-size:16px;font-weight:500;text-align:center;animation:fadeIn .5s ease-out}.spinner-small .spinner-text{margin-top:12px;font-size:14px}.spinner-large .spinner-text{margin-top:30px;font-size:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.dark-mode .spinner-circle{box-shadow:0 0 15px #5865f24d}.dark-mode .spinner-circle-inner{box-shadow:0 0 15px #764ba24d}.dashboard{min-height:100vh;background-color:var(--bg-primary)}.container{max-width:1200px;margin:30px auto;padding:20px}.card{background:var(--bg-secondary);padding:30px;border-radius:10px;box-shadow:var(--card-shadow);margin-bottom:20px;transition:background-color .3s,box-shadow .3s}.card h1{color:var(--text-primary);margin-top:0;display:flex;align-items:center;gap:10px}.card h2{color:var(--text-primary);margin-top:30px;margin-bottom:20px}.stats{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;flex:1;min-width:200px}.stat-card h3{margin:0 0 10px;font-size:16px;opacity:.9}.stat-card .stat-value{font-size:32px;font-weight:700}.add-bot-card{border:2px dashed var(--border-color)!important}.add-bot-card .add-bot-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}.guild-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.guild-card-link{text-decoration:none;color:inherit}.guild-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:20px;display:flex;gap:15px;align-items:center;transition:transform .2s,box-shadow .2s,background-color .3s;cursor:pointer}.guild-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;background:var(--hover-bg)}.dark-mode .guild-card:hover{box-shadow:0 4px 12px #0006}.guild-icon{flex-shrink:0}.guild-icon img{width:60px;height:60px;border-radius:50%}.guild-icon-placeholder{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}.guild-info{flex:1}.guild-info h3{margin:0 0 10px;color:var(--text-primary);font-size:18px}.guild-info p{margin:5px 0;color:var(--text-secondary);font-size:14px}.channel-section{margin-bottom:30px}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:10px;padding:10px;margin:-10px -10px 15px;border-radius:6px;transition:background-color .2s}.collapsible-header:hover{background-color:var(--hover-bg)}.collapsible-header h2{color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px}.collapsible-header-text{display:flex;flex-direction:column;gap:4px}.collapsible-subtitle{margin:0;color:var(--text-secondary);font-size:14px}.channel-count{background:#5865f2;color:#fff;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:400}.collapse-icon{transition:transform .3s ease;font-size:18px}.collapsible-content{max-height:5000px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:1}.collapsible-content.collapsed{max-height:0;opacity:0}.emoji-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.emoji-picker-modal{background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border-color)}.emoji-picker-modal>div:not(.emoji-picker-modal-header):not(.custom-emojis-section){flex:1;min-height:0;overflow:hidden}.emoji-picker-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.emoji-picker-modal-header h3{margin:0;color:var(--text-primary);font-size:1.1rem}.emoji-picker-modal-close{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;width:36px;height:36px;cursor:pointer;font-size:1.2rem;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.emoji-picker-modal-close:hover{background:var(--hover-bg)}.emoji-picker-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.emoji-picker-content>aside{border:none!important;box-shadow:none!important}.custom-emojis-section{padding:1rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);max-height:200px;overflow-y:auto;flex-shrink:0}.custom-emojis-section h4{margin:0 0 .75rem;color:var(--text-primary);font-size:.95rem;font-weight:600}.custom-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.35rem}.custom-emoji-btn{width:100%;aspect-ratio:1;max-width:40px;max-height:40px;background:var(--bg-tertiary);border:1px solid transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.custom-emoji-btn:hover{background:var(--hover-bg);border-color:#667eea;transform:scale(1.1)}.custom-emoji-btn img{width:32px;height:32px;object-fit:contain}.custom-emojis-section::-webkit-scrollbar{width:8px}.custom-emojis-section::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.custom-emojis-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.custom-emojis-section::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.reaction-roles-section{margin:0}.section-header-actions{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.create-form{margin-bottom:2rem;padding:1.5rem}.create-form h4{margin-top:0;margin-bottom:1.5rem;color:var(--text-primary)}.reaction-row{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem;flex-wrap:nowrap}.emoji-input-group{display:flex;gap:.5rem;align-items:center;flex-shrink:0;flex-wrap:nowrap}.emoji-input-group .emoji-input{flex:0 1 auto;width:150px;min-width:120px}.btn-emoji{padding:.75rem;min-width:50px;height:45px;font-size:1.3rem;flex-shrink:0;background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-emoji:hover{transform:scale(1.05);background:var(--hover-bg)!important;border-color:#667eea!important}.emoji-input{width:150px;flex-shrink:0}.reaction-row .form-select{flex:1;min-width:200px}.reaction-roles-list{display:flex;flex-direction:column;gap:1rem}.reaction-role-message{padding:1.25rem}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.message-actions{display:flex;gap:.5rem;align-items:center}.message-info{display:flex;flex-direction:column;gap:.5rem}.channel-name{font-weight:600;color:var(--text-primary);font-size:1.05rem}.message-id-badge{font-size:.85rem;color:var(--text-secondary);font-family:Courier New,monospace}.reaction-mappings{display:flex;flex-direction:column;gap:.75rem}.reaction-mapping{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:var(--hover-bg);border-radius:6px;transition:background-color .2s}.reaction-mapping:hover{background:var(--bg-tertiary)}.reaction-mapping-content{display:flex;align-items:center;gap:1rem;flex:1}.reaction-mapping .emoji{font-size:1.5rem;min-width:2rem;text-align:center}.reaction-mapping .arrow{color:var(--text-secondary);font-weight:700}.reaction-mapping .role-badge{padding:.4rem 1rem;border-radius:12px;color:#fff;font-weight:500;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-remove-reaction{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .2s;padding:0;opacity:.6}.btn-remove-reaction:hover{background:#f44336;border-color:#f44336;color:#fff;opacity:1;transform:scale(1.1)}.reaction-mapping:hover .btn-remove-reaction{opacity:1}.spinner-small{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite;margin-right:.5rem;vertical-align:middle}.btn:disabled{opacity:.7;cursor:not-allowed}.add-reaction-form{margin-top:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color)}.add-reaction-form h4{margin:0 0 1rem;font-size:.95rem;color:var(--text-primary)}.add-reaction-form .reaction-row{margin-bottom:1rem}.add-reaction-form .form-actions{margin-top:0}.edit-label-form{margin-top:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color)}.edit-label-form h4{margin:0 0 1rem;font-size:.95rem;color:var(--text-primary)}.edit-label-form .form-group{margin-bottom:1rem}.edit-label-form .form-actions{margin-top:0}.edit-message-form{margin-top:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color)}.edit-message-form h4{margin:0 0 1rem;font-size:.95rem;color:var(--text-primary)}.edit-message-form .form-group{margin-bottom:1rem}.edit-message-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:var(--text-secondary)}.edit-message-form .form-actions{margin-top:0}.reaction-roles-table-container{margin-top:1.5rem;overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.reaction-roles-table{width:100%;border-collapse:collapse;background:var(--bg-secondary)}.reaction-roles-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.reaction-roles-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.reaction-roles-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.reaction-roles-table tbody tr:hover{background:var(--hover-bg)}.reaction-roles-table tbody tr:last-child{border-bottom:none}.reaction-roles-table td{padding:1rem;color:var(--text-primary);vertical-align:middle}.channel-cell .channel-name{color:var(--text-secondary);font-weight:500}.title-cell .title-text{display:block;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reactions-cell .reaction-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.reactions-cell .reaction-badge{font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center}.reactions-cell .reaction-count{background:var(--bg-tertiary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600}.custom-emoji-image{width:22px;height:22px;object-fit:contain;vertical-align:middle}.emoji-large .custom-emoji-image{width:32px;height:32px}.actions-cell{display:flex;gap:.5rem;justify-content:flex-end}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .2s}.modal-container{background:var(--bg-secondary);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:700px;width:100%;max-height:85vh;display:flex;flex-direction:column;border:1px solid var(--border-color);animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.3rem}.modal-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;width:36px;height:36px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-info{padding:1rem 1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:auto 1fr auto 1fr;gap:.5rem 1rem;font-size:.9rem}.modal-info .info-label{color:var(--text-secondary);font-weight:600}.modal-info .info-value{color:var(--text-primary);font-family:Courier New,monospace}.modal-tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0}.tab-btn{flex:1;padding:1rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.tab-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.tab-btn.active{color:#667eea;border-bottom-color:#667eea;background:var(--bg-secondary)}.modal-content{padding:1.5rem;overflow-y:auto;flex:1}.tab-content h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem}.reaction-list-editor{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;padding:.5rem}.reaction-item-editor{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);transition:all .2s}.reaction-item-editor:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.reaction-item-editor .emoji-large{font-size:2rem;min-width:2.5rem;text-align:center}.reaction-item-editor .arrow{color:var(--text-secondary);font-weight:700}.reaction-item-editor .role-badge{flex:1;padding:.5rem 1rem;border-radius:12px;color:#fff;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.reaction-item-editor .btn-remove{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s}.reaction-item-editor .btn-remove:hover{background:#f44336;border-color:#f44336;color:#fff;transform:scale(1.1)}.add-reaction-section{padding-top:1rem;border-top:1px solid var(--border-color)}.add-reaction-section h4{margin-bottom:1rem}.add-reaction-row{display:grid;grid-template-columns:200px 1fr auto;gap:.75rem;align-items:center}.help-text{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary);font-style:italic}.btn.no-lift:hover{transform:none!important}.user-monitoring{padding:0}.monitoring-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.monitoring-description{color:var(--text-secondary);margin:0 0 20px;font-size:.9rem}.monitoring-form-container{background:var(--bg-tertiary);border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid var(--border-color)}.monitoring-form h4{margin:0 0 20px;color:var(--text-primary)}.no-configs{text-align:center;padding:3rem;color:var(--text-tertiary);font-size:1rem;font-style:italic}.no-configs p{margin:8px 0}.monitoring-list{display:flex;flex-direction:column;gap:12px}.monitoring-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s;gap:16px}.monitoring-item.disabled{opacity:.6}.monitoring-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.monitoring-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-badge,.channel-badge,.status-badge{padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:500;white-space:nowrap}.user-badge{background:#5865f2;color:#fff}.user-badge.all-users{background:#57f287;color:#1e1f22}.channel-badge{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.status-badge.enabled{background:#3ba55c;color:#fff}.status-badge.disabled{background:#ed4245;color:#fff}.monitoring-webhook{color:var(--text-secondary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitoring-meta{color:var(--text-tertiary);font-size:.8rem}.monitoring-actions{display:flex;gap:8px;flex-shrink:0}@media (max-width: 768px){.monitoring-header,.monitoring-item{flex-direction:column;align-items:stretch}.monitoring-actions{justify-content:flex-end}.monitoring-webhook{word-break:break-all;white-space:normal}}.guild-modules-section{margin:0}.modules-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.no-modules{text-align:center;padding:3rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.modules-list{display:flex;flex-direction:column;gap:1rem}.module-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.module-header{display:flex;align-items:center;gap:12px;width:100%;padding:1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.module-header:hover{background:var(--hover-bg)}.collapse-icon{font-size:.75em;color:var(--text-secondary);transition:transform .2s;display:inline-block;min-width:12px}.collapse-icon.collapsed{transform:rotate(-90deg)}.module-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.module-name{font-weight:600;color:var(--text-primary);font-size:1rem}.module-version{font-size:.85rem;color:var(--text-tertiary);padding:.2rem .5rem;background:var(--bg-tertiary);border-radius:4px}.module-status-enabled,.module-status-disabled{font-size:.8rem;padding:.2rem .6rem;border-radius:12px;font-weight:500}.module-status-enabled{background:#10b981;color:#fff}.module-status-disabled{background:#6b7280;color:#fff}.module-content{padding:1rem;background:var(--bg-secondary);border-radius:6px;display:flex;flex-direction:column;gap:1.25rem}.module-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.module-toggle{margin-bottom:1.5rem}.module-config{border-top:1px solid var(--border-color);padding-top:1.5rem}.module-config h4{color:var(--text-primary);margin-bottom:1rem;font-size:1rem}.config-fields{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.config-field{display:flex;flex-direction:column;gap:.5rem}.config-label{color:var(--text-primary);font-weight:500;font-size:.9rem}.config-label .required{color:#ef4444;margin-left:.25rem}.config-value{color:var(--text-primary);padding:.6rem;background:var(--bg-tertiary);border-radius:4px;font-family:Courier New,monospace;font-size:.9rem}.config-value--multiline{white-space:pre-wrap}.config-empty{color:var(--text-tertiary);font-style:italic;font-family:inherit}.config-input{padding:.6rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:border-color .2s}.config-input:focus{outline:none;border-color:#3b82f6}.config-textarea{min-height:100px;font-family:Courier New,monospace;resize:vertical}.config-description{color:var(--text-tertiary);font-size:.85rem;font-style:italic}.module-global-note{border:1px dashed var(--border-color);border-radius:6px;padding:.9rem;font-size:.9rem;color:var(--text-secondary);background:var(--bg-tertiary)}.config-actions{display:flex;gap:.75rem;flex-wrap:wrap}.module-test-feedback{margin-top:.5rem;padding:.9rem;border-radius:6px;font-size:.9rem}.module-test-feedback.success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.module-test-feedback.error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}@media (max-width: 768px){.module-info{flex-direction:column;align-items:flex-start;gap:.5rem}.config-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.live-notifications{display:flex;flex-direction:column;gap:1.5rem}.live-notifications__intro{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.live-form{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;background:#00000040;display:flex;flex-direction:column;gap:1rem}.live-form__header{display:flex;justify-content:space-between;align-items:center}.live-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.live-form label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:.95rem}.live-form__message-group{display:flex;flex-direction:column;gap:.75rem}.live-form__role-picker .live-form__helper-text{font-weight:400;font-size:.8rem;color:#ffffffb3}.live-form input,.live-form select,.live-form textarea{width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#00000059;padding:.6rem .75rem;color:inherit}.live-form__toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.live-form__toggles label{font-weight:500;display:flex;align-items:flex-start;gap:.5rem}.live-form__toggle{align-items:flex-start}.live-form__toggle-text{display:flex;flex-direction:column;gap:.2rem}.live-form__toggle-description{margin:0;font-size:.85rem;font-weight:400;color:#ffffffbf}.live-form__actions{display:flex;gap:.75rem;justify-content:flex-end}.live-table-wrapper{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow-x:auto}.live-table{width:100%;border-collapse:collapse;background:#00000026;border-radius:12px;overflow:hidden}.live-table th,.live-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:middle}.live-table th{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:#ffffffb3}.live-table tr:last-child td{border-bottom:none}.live-table__user{display:flex;flex-direction:column;gap:.15rem}.live-table .boolean-cell{text-align:center}.live-table__user-cell{min-width:220px}.live-table__status{display:flex;flex-direction:row;gap:.5rem;align-items:center}.boolean-pill{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600;min-width:64px;margin:0 auto}.boolean-pill--yes{background:#2ecc712e;color:#23a265}.boolean-pill--no{background:#ffffff14;color:#ffffffb3}.status-pill--muted{background:#ffffff14;color:inherit}.live-feedback{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem;border-radius:10px;border:1px solid transparent}.live-feedback--success{background:#2ecc7126;border-color:#2ecc7159;color:#1f7b4b}.live-feedback--error{background:#e74c3c26;border-color:#e74c3c66;color:#c0392b}.live-feedback a{font-weight:600;color:inherit;text-decoration:underline}.drop-notifications{display:flex;flex-direction:column;gap:1.5rem}.drop-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.drop-header h4{margin:0}.drop-header p{margin:.25rem 0 0;color:#ffffffbf}.drop-form{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;background:#00000040;display:flex;flex-direction:column;gap:1rem}.drop-form__header{display:flex;justify-content:space-between;align-items:center}.drop-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.drop-form label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:.95rem}.drop-form input,.drop-form select,.drop-form textarea{width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#00000059;padding:.6rem .75rem;color:inherit}.drop-toggle{display:flex;align-items:center;gap:.5rem;font-weight:500}.drop-form__actions{display:flex;gap:.75rem;justify-content:flex-end}.drop-table th,.drop-table td{white-space:nowrap}.drop-table td:first-child{max-width:220px;white-space:normal}.server-details{min-height:100vh;background-color:var(--bg-primary)}.back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;margin-bottom:20px;background-color:#5865f2;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:background-color .3s,transform .2s;box-shadow:0 2px 4px #0000001a}.back-button:hover{background-color:#4752c4;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.back-button:active{transform:translateY(0)}.server-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-light);position:relative}.btn-leave-server{position:absolute;top:0;right:0;padding:10px 20px;background:transparent;border:2px solid #e74c3c;color:#e74c3c;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-leave-server:hover{background:#e74c3c;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.server-icon{width:80px;height:80px;border-radius:50%}.server-icon-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;font-weight:700}.server-info h1{margin:0 0 10px;color:var(--text-primary)}.server-info p{margin:5px 0;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:30px}.stat-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px;border-radius:8px;text-align:center}.stat-box h3{margin:0 0 6px;font-size:12px;opacity:.9}.stat-box .value{font-size:20px;font-weight:700}.server-tabs{margin-top:30px}.tab-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.tab-button{flex:1 1 200px;min-width:180px;padding:12px 18px;border:0;border-radius:10px;background:transparent;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 0 0 2px var(--border-light);position:relative}.tab-button:hover{border-color:#667eea;color:#667eea}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 16px #667eea59}.tab-panel{display:none;flex-direction:column;gap:20px}.tab-panel.active{display:flex}.tab-section{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;padding:18px;box-shadow:0 4px 12px #00000014}.tab-section.info-section{padding:22px}.tab-section.functionality-section{padding:22px;display:flex;flex-direction:column;gap:16px}.tab-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.tab-section-header h3{margin:0;font-size:1.05rem;color:var(--text-primary)}.tab-section-header p{margin:4px 0 0;color:var(--text-secondary);font-size:.9rem}.section-stack,.tab-section-body{display:flex;flex-direction:column;gap:16px}.role-list{display:flex;flex-direction:column;gap:10px}.role-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:15px;display:flex;align-items:center;gap:15px;transition:background-color .2s}.role-item:hover{background:var(--hover-bg)}.role-color{width:12px;height:40px;border-radius:6px;flex-shrink:0}.role-details{flex:1;display:flex;flex-direction:column;gap:5px}.role-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.role-name{font-weight:600;color:var(--text-primary);font-size:16px}.role-member-badge{background:#5865f2;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.role-info{font-size:13px;color:var(--text-secondary)}.role-permissions{font-size:12px;color:#5865f2;font-weight:600}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-top:15px}.emoji-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s,background-color .3s;position:relative}.emoji-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;background:var(--hover-bg)}.dark-mode .emoji-item:hover{box-shadow:0 4px 8px #0006}.emoji-image{width:48px;height:48px;object-fit:contain}.emoji-name{font-size:12px;color:var(--text-secondary);text-align:center;word-break:break-word;max-width:100%}.emoji-badge{position:absolute;top:5px;right:5px;background:#5865f2;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.emoji-stats{margin-top:15px;padding:10px;background:var(--hover-bg);border-radius:6px;text-align:center;color:var(--text-secondary);font-size:14px}.channel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.channel-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:12px 15px;display:flex;align-items:center;gap:12px;transition:background-color .2s}.channel-item:hover{background:var(--hover-bg)}.channel-icon{font-size:20px;flex-shrink:0}.channel-details{flex:1;min-width:0}.channel-name{display:block;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-id{display:block;font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-message{color:var(--text-tertiary);font-style:italic}.error{color:#ed4245;font-weight:700}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.clickable:active{transform:scale(.98)}.copied-badge{color:#3ba55c;font-weight:700;animation:fadeIn .3s ease-in}.copied-badge-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#3ba55cf2;color:#fff;padding:8px 16px;border-radius:20px;font-size:18px;font-weight:700;box-shadow:0 4px 12px #0000004d;animation:popIn .3s ease-out;z-index:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;margin-top:15px}.sticker-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s,background-color .3s;position:relative}.sticker-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a;background:var(--hover-bg)}.dark-mode .sticker-item:hover{box-shadow:0 6px 12px #0006}.sticker-image{width:80px;height:80px;object-fit:contain}.sticker-lottie{width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff}.sticker-lottie span{font-size:32px}.sticker-lottie p{margin:5px 0 0;font-size:12px;font-weight:600}.sticker-name{font-size:13px;font-weight:600;color:var(--text-primary);text-align:center;word-break:break-word;max-width:100%}.sticker-format{font-size:11px;color:#fff;background:#5865f2;padding:2px 8px;border-radius:10px;font-weight:600}.sticker-description{font-size:11px;color:var(--text-secondary);text-align:center;word-break:break-word;max-width:100%;font-style:italic}.leave-confirm-modal{max-width:640px;padding:0;overflow:hidden}.leave-modal-header{display:flex;gap:16px;padding:24px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.leave-modal-icon{width:56px;height:56px;border-radius:14px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:28px}.leave-modal-subtitle{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;opacity:.8}.leave-modal-description{margin:8px 0 0;color:#ffffffe6}.leave-modal-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:20px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.summary-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.summary-value{display:block;font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:6px}.summary-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem}.leave-modal-body{padding:24px;display:flex;flex-direction:column;gap:18px}.leave-modal-body h3{margin:0;color:var(--text-primary)}.impact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.impact-list li{padding:14px 16px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-tertiary)}.impact-title{display:block;font-weight:600;color:var(--text-primary)}.impact-description{display:block;margin-top:4px;color:var(--text-secondary);font-size:.9rem}.leave-modal-warning{padding:16px 18px;border-radius:10px;background:#e74c3c1f;border:1px solid rgba(231,76,60,.35);color:var(--text-primary)}.leave-modal-warning strong{color:#e74c3c;display:block;margin-bottom:6px}.leave-modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:0 24px 24px}.leave-modal-actions .btn{flex:1 1 160px}.btn-danger{background:#e74c3c;border:2px solid #e74c3c;color:#fff}.btn-danger:hover{background:#c0392b;border-color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.btn-danger:disabled{background:#95a5a6;border-color:#95a5a6;cursor:not-allowed;transform:none}.add-bot-page{min-height:100vh;background:var(--bg-primary)}.add-bot-container{max-width:900px;margin:0 auto;padding:2rem}.add-bot-container .back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;margin-bottom:20px;background-color:#5865f2;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s;box-shadow:0 2px 4px #0000001a}.add-bot-container .back-button:hover{background-color:#4752c4;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.add-bot-container .back-button:active{transform:translateY(0)}.add-bot-card{background:var(--bg-secondary);border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid var(--border-color);overflow:hidden}.add-bot-header{text-align:center;padding:3rem 2rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.bot-icon{font-size:5rem;margin-bottom:1rem;animation:bounce 2s infinite}.bot-avatar{width:128px;height:128px;border-radius:50%;margin-bottom:1rem;animation:bounce 2s infinite;box-shadow:0 8px 24px #0000004d;border:4px solid rgba(255,255,255,.3)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.add-bot-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.add-bot-header .subtitle{font-size:1.1rem;opacity:.95;max-width:600px;margin:0 auto;line-height:1.6}.add-bot-content{padding:2.5rem}.feature-list{margin-bottom:2.5rem}.feature-list h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.3rem}.feature-list ul{list-style:none;padding:0;margin:0;display:grid;gap:1.25rem}.feature-list li{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color)}.feature-icon{font-size:2rem;flex-shrink:0}.feature-list li strong{display:block;color:var(--text-primary);font-size:1.1rem;margin-bottom:.25rem}.feature-list li p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.permissions-info{margin-bottom:2.5rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color)}.permissions-info h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.2rem}.permission-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.permission-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.9rem;font-weight:500}.permission-note{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.invite-actions{margin-bottom:2rem}.checking-status{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-tertiary);border-radius:12px;border:2px solid #667eea;margin:1.5rem 0;animation:pulse 2s infinite}@keyframes pulse{0%,to{border-color:#667eea;box-shadow:0 0 #667eea66}50%{border-color:#764ba2;box-shadow:0 0 20px #764ba266}}.spinner-small{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.spinner-avatar{width:40px;height:40px;border-radius:50%;animation:spin 2s linear infinite;flex-shrink:0;box-shadow:0 4px 12px #667eea66}@keyframes spin{to{transform:rotate(360deg)}}.checking-status p{margin:0;color:var(--text-primary);font-weight:500}.btn-large{width:100%;padding:1.25rem 2rem;font-size:1.2rem;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.btn-icon{font-size:1.5rem}.or-text{text-align:center;color:var(--text-secondary);margin:0 0 1rem;font-size:.95rem}.invite-link-section{background:var(--bg-tertiary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color)}.invite-link-container{display:flex;gap:.75rem}.invite-link-input{flex:1;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:Courier New,monospace;font-size:.9rem}.invite-link-input:focus{outline:none;border-color:#667eea}.btn.copied{background:#4caf50!important;border-color:#4caf50!important}.help-section{padding:1.5rem;background:var(--hover-bg);border-radius:12px;border-left:4px solid #667eea}.help-section h4{margin:0 0 .75rem;color:var(--text-primary);font-size:1.1rem}.help-section p{margin:0;color:var(--text-secondary);line-height:1.7;font-size:.95rem}.help-section a{color:#667eea;text-decoration:none;font-weight:600}.help-section a:hover{text-decoration:underline}@media (max-width: 768px){.add-bot-container{padding:1rem}.add-bot-header{padding:2rem 1.5rem 1.5rem}.add-bot-header h1{font-size:2rem}.add-bot-content{padding:1.5rem}.invite-link-container{flex-direction:column}.feature-list li{flex-direction:column;text-align:center}}:root{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #f9f9f9;--text-primary: #333;--text-secondary: #666;--text-tertiary: #999;--border-color: #e0e0e0;--border-light: #f0f0f0;--hover-bg: #f0f0f0;--card-shadow: 0 2px 4px rgba(0, 0, 0, .1);--success-bg: #ecfdf3;--success-text: #166534;--success-border: #bbf7d0;--error-bg: #fef2f2;--error-text: #991b1b;--error-border: #fecdd3}.dark-mode{--bg-primary: #1e1f22;--bg-secondary: #2b2d31;--bg-tertiary: #313338;--text-primary: #f2f3f5;--text-secondary: #b5bac1;--text-tertiary: #80848e;--border-color: #3f4147;--border-light: #3f4147;--hover-bg: #404249;--card-shadow: 0 2px 4px rgba(0, 0, 0, .4);--success-bg: #0f241b;--success-text: #86efac;--success-border: #14532d;--error-bg: #2c1617;--error-text: #fca5a5;--error-border: #7f1d1d}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.App{min-height:100vh}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--hover-bg)}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f}.btn-small{padding:.35rem .75rem;font-size:.85rem}.btn.no-lift:hover{transform:none!important;box-shadow:none!important}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:var(--text-primary);font-weight:500;font-size:.9rem}.form-group small{display:block;margin-top:4px;color:var(--text-secondary);font-size:.8rem}.form-input,.form-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:border-color .2s,background-color .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-select{cursor:pointer}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:border-color .2s,background-color .2s;resize:vertical}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.empty-message{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1rem}.error-message{color:#ed4245;font-weight:700}.success-message{color:#3ba55c;font-weight:500}.badge{padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:500;white-space:nowrap}.badge-primary{background:#5865f2;color:#fff}.badge-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.badge-success{background:#3ba55c;color:#fff}.badge-danger{background:#ed4245;color:#fff}.badge-warning{background:#faa61a;color:#fff}.loading-container{display:flex;justify-content:center;align-items:center;padding:2rem}@media (max-width: 768px){.form-actions{flex-direction:column}.btn{width:100%}}.admin-panel{min-height:100vh;background:var(--bg-primary);padding-bottom:40px}.dark-mode .admin-panel{background:var(--bg-primary)}.admin-card{margin-top:30px;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow)}.admin-subtitle{color:var(--text-secondary);margin-bottom:20px}.admin-section{border-top:1px solid var(--border-color);padding-top:24px;margin-top:24px}.admin-section:first-of-type{border-top:none;padding-top:0;margin-top:0}.section-header{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.section-header h2{font-size:1.4rem;margin:0}.section-header p{margin:0;color:var(--text-secondary)}.error-banner{background:#ed424514;border:1px solid rgba(237,66,69,.3);color:#a12426;padding:12px 16px;border-radius:8px;margin-bottom:16px}.dark-mode .error-banner{background:#ed424526;border-color:#ed424573;color:#ffb3b5}.loading-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;color:var(--text-secondary)}.empty-state{color:var(--text-secondary);font-style:italic}.module-list,.feature-list{display:flex;flex-direction:column;gap:16px}.module-row,.feature-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px;border-radius:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.module-info,.feature-info{display:flex;flex-direction:column;gap:6px;flex:1}.module-heading-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.module-meta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.9rem}.module-info h3,.feature-info h3{margin:0;font-size:1.1rem}.module-info p,.feature-info p{margin:0;color:var(--text-secondary)}.module-version{font-size:.85rem;color:var(--text-tertiary)}.status-pill{padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.status-pill--active{background:#2ecc7140;color:#1c7c4a}.status-pill--hidden{background:#ed424533;color:#8c1c1e}.dark-mode .status-pill--active{background:#2ecc7133;color:#5de0a0}.dark-mode .status-pill--hidden{background:#ed424533;color:#ff9b9e}.module-visibility-hint{font-size:.85rem;color:var(--text-secondary)}.guild-selector{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.guild-selector label{font-weight:600}.guild-selector select{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.guild-selector select:focus{outline:none;box-shadow:0 0 0 2px #667eea40}.leave-guild-btn{margin-left:auto;white-space:nowrap}@media (max-width: 640px){.leave-guild-btn{width:100%;margin-left:0}}.feature-row{align-items:stretch}.feature-info{justify-content:center}.feature-row .btn{align-self:center}.admin-live-section .channel-section{margin-bottom:0}.admin-live-description{margin:0 0 1rem;color:var(--text-secondary)}.admin-live-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem;border-radius:10px;border:1px solid transparent;margin-bottom:1rem}.admin-live-banner--success{background:#2ecc7126;border-color:#2ecc7159;color:#1f7b4b}.admin-live-banner--error{background:#e74c3c26;border-color:#e74c3c66;color:#c0392b}.admin-live-banner a{font-weight:600;color:inherit;text-decoration:underline}.global-setting-description{margin-bottom:16px;color:var(--text-secondary)}.global-setting-row{flex-direction:column;align-items:stretch;gap:16px}.global-setting-info h3{margin:0 0 6px}.global-setting-info p{margin:0 0 8px;color:var(--text-secondary)}.global-setting-hint{margin:0;font-size:.85rem;color:var(--text-tertiary)}.global-setting-controls{display:flex;flex-direction:column;gap:10px;width:100%}.global-setting-input-field{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.global-setting-input-field:focus{outline:none;box-shadow:0 0 0 2px #667eea40}.global-setting-actions{display:flex;gap:8px;flex-wrap:wrap}@media (min-width: 768px){.global-setting-row{flex-direction:row;align-items:center}.global-setting-controls{max-width:320px}}.admin-live-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color)}.admin-live-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:12px;overflow:hidden}.admin-live-table th,.admin-live-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);text-align:left;vertical-align:middle}.admin-live-table th{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.admin-live-table tr:last-child td{border-bottom:none}.admin-live-table__user{display:flex;flex-direction:column;gap:.35rem}.admin-live-table__user strong{font-size:1rem}.admin-live-table__guild{display:flex;flex-direction:column;gap:.15rem;font-size:.9rem}.admin-live-table__channel{color:var(--text-secondary);font-size:.85rem}.admin-live-table .boolean-cell{text-align:center}.boolean-pill{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .65rem;border-radius:999px;font-size:.8rem;font-weight:600;min-width:64px;margin:0 auto}.boolean-pill--yes{background:#2ecc712e;color:#1f7b4b}.boolean-pill--no{background:#ffffff14;color:#ffffffbf}.btn-compact{font-size:.8rem;padding:.3rem .85rem}@media (max-width: 960px){.admin-live-table th,.admin-live-table td{padding:.6rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f5}#root{min-height:100vh}