*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#f0e6f6);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}:root{--primary-purple:#9b59b6;--light-purple:#b19cd9;--dark-purple:#7d3c98;--bg-light:#f5f7fa;--bg-purple-light:#f0e6f6;--text-dark:#2c3e50;--text-light:#7f8c8d;--white:#fff;--shadow:0 4px 6px #9b59b61a;--shadow-hover:0 8px 12px #9b59b633;--song-bubble-min-width:240px;--song-bubble-max-width:100%}.container{margin:0 auto;max-width:1200px;padding:20px}.navbar{background:#fff;background:var(--white);box-shadow:0 4px 6px #9b59b61a;box-shadow:var(--shadow);padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.navbar-header{gap:1rem}.navbar-brand,.navbar-header{align-items:center;display:flex}.navbar-brand{color:#9b59b6;color:var(--primary-purple);font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-logo{display:block;height:30px;width:auto}.navbar-links{align-items:center;display:flex;gap:2rem;list-style:none}.navbar-links a{color:#2c3e50;color:var(--text-dark);font-weight:500;text-decoration:none;transition:color .3s}.navbar-links a:hover{color:#9b59b6;color:var(--primary-purple)}.menu-icon{cursor:pointer;display:none;flex-direction:column;gap:5px}.bar{background-color:#9b59b6;background-color:var(--primary-purple);height:3px;transition:all .3s ease;width:25px}@media (max-width:1024px){.navbar{padding:0}.navbar-header{align-items:center;background-color:#fff;background-color:var(--white);display:flex;justify-content:space-between;padding:1rem;position:relative;width:100%;z-index:1002}.navbar-brand{font-size:1.2rem}.navbar-logo{height:22px}.menu-icon{display:flex}.bar.open:first-child{transform:rotate(45deg) translate(5px,6px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.navbar-links{align-items:center;background-color:#fff;background-color:var(--white);box-shadow:0 4px 6px #0000001a;flex-direction:column;gap:1.5rem;left:0;padding:2rem 0;position:absolute;top:100%;transform:translateY(-150%);transition:transform .3s ease-in-out;width:100%;z-index:1001}.navbar-links.active{transform:translateY(0)}.navbar-overlay{animation:fadeIn .3s ease;background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar-user{align-items:center;display:flex;gap:1rem}.user-points{background:#f0e6f6;background:var(--bg-purple-light);border-radius:20px;color:#9b59b6;color:var(--primary-purple);font-weight:700;padding:.5rem 1rem}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.btn-primary{background:#9b59b6;background:var(--primary-purple);color:#fff;color:var(--white)}.btn-primary:hover{background:#7d3c98;background:var(--dark-purple);box-shadow:0 8px 12px #9b59b633;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-secondary{background:#b19cd9;background:var(--light-purple);color:#fff;color:var(--white)}.btn-secondary:hover{background:#9b59b6;background:var(--primary-purple)}.btn-outline{background:#0000;border:2px solid #9b59b6;border:2px solid var(--primary-purple);color:#9b59b6;color:var(--primary-purple)}.btn-outline:hover{background:#9b59b6;background:var(--primary-purple);color:#fff;color:var(--white)}.card{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 4px 6px #9b59b61a;box-shadow:var(--shadow);padding:1.5rem;transition:all .3s}.card:hover{box-shadow:0 8px 12px #9b59b633;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-image{border-radius:8px;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}.card-title{color:#2c3e50;color:var(--text-dark);font-size:1.5rem;margin-bottom:.5rem}.card-description{color:#7f8c8d;color:var(--text-light);margin-bottom:1rem}.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.form-container{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 4px 6px #9b59b61a;box-shadow:var(--shadow);margin:4rem auto;max-width:400px;padding:2rem}.form-input{border:2px solid #f0e6f6;border:2px solid var(--bg-purple-light);border-radius:8px;transition:border-color .3s}.form-error{color:#e74c3c}.form-error,.form-success{font-size:.875rem;margin-top:.5rem}.form-success{color:#27ae60}.page-title{color:#9b59b6;color:var(--primary-purple);font-size:2.5rem;margin-bottom:1rem;text-align:center}.page-subtitle{color:#7f8c8d;color:var(--text-light);font-size:1.25rem;margin-bottom:2rem;text-align:center}.playlist-header{align-items:center;display:flex;justify-content:center;margin-bottom:1rem;position:relative}.playlist-admin-controls{display:flex;gap:10px;position:absolute;right:0}@media (max-width:1024px){.playlist-header{flex-direction:column;gap:1rem}.playlist-admin-controls{justify-content:center;position:static;width:100%}}.songs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-template-columns:repeat(auto-fill,minmax(var(--song-bubble-min-width),1fr));margin-top:1.5rem}.song-bubble{align-items:center;background:linear-gradient(135deg,#fff,#fafbff);background:linear-gradient(135deg,var(--white) 0,#fafbff 100%);border:2px solid #0000;border-radius:12px;box-shadow:0 4px 8px #9b59b614;display:flex;flex-direction:row;max-width:100%;max-width:var(--song-bubble-max-width);min-width:240px;min-width:var(--song-bubble-min-width);overflow:hidden;padding:12px 12px 12px 16px;position:relative;transition:all .3s ease;width:100%}.song-bubble:before{background:linear-gradient(90deg,#9b59b6,#b19cd9);background:linear-gradient(90deg,var(--primary-purple),var(--light-purple));content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.song-bubble:hover{border-color:#9b59b6;border-color:var(--primary-purple);box-shadow:0 8px 20px #9b59b633;transform:translateY(-4px)}.song-bubble:active{box-shadow:0 4px 10px #9b59b626;transform:translateY(-1px);transition:all .1s ease}.song-number{align-items:center;background:linear-gradient(135deg,#9b59b6,#b19cd9);background:linear-gradient(135deg,var(--primary-purple),var(--light-purple));border-radius:50%;color:#fff;color:var(--white);display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;margin-right:12px;width:32px}.song-bubble-content{display:flex;flex:1 1;flex-direction:column;gap:0;min-width:0;padding-top:4px}.song-bottom-row{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;min-width:0}.song-bubble-title{color:#2c3e50;color:var(--text-dark);font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:2px}.song-bubble-artist{color:#7f8c8d;color:var(--text-light);flex:1 1;font-size:.85rem;font-weight:500;margin-bottom:0;min-width:0}.artist-icon{font-size:1.2rem}.song-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.song-genre{background:#f0e6f6;background:var(--bg-purple-light);color:#9b59b6;color:var(--primary-purple)}.song-genre,.song-time{border-radius:12px;font-size:.8rem;font-weight:500;padding:.35rem .75rem}.song-time{background:#e8f4f8;color:#0e7c86}.song-tags{display:flex;flex-shrink:0;flex-wrap:wrap;gap:4px;justify-content:flex-end;margin-left:auto;margin-top:0}.song-tag{border-radius:10px;box-shadow:0 1px 2px #0000001a;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px}.prize-card{text-align:center}.prize-cost{background:#9b59b6;background:var(--primary-purple);border-radius:20px;color:#fff;color:var(--white);display:inline-block;font-weight:700;margin:1rem 0;padding:.5rem 1rem}.prize-stock{color:#7f8c8d;color:var(--text-light);font-size:.875rem;margin-bottom:1rem}.empty-state,.loading{color:#7f8c8d;color:var(--text-light);padding:4rem}.empty-state{text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}@media (max-width:768px){:root{--song-bubble-min-width:120px}.navbar-container{gap:1rem}.grid{grid-template-columns:1fr}.page-title{font-size:2rem}}.toast-notification{animation:slideDown .3s ease-out;background-color:#9b59b6;background-color:var(--primary-purple);border-radius:25px;box-shadow:0 8px 12px #9b59b633;box-shadow:var(--shadow-hover);color:#fff;color:var(--white);font-weight:500;left:50%;padding:12px 24px;position:fixed;top:100px;transform:translateX(-50%);z-index:2000}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.toast-notification.exiting{animation:slideUpFadeOut .3s ease-in forwards}@keyframes slideUpFadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.search-filter-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f5f7faf2;border-radius:15px 15px 15px 15px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;gap:1rem;margin:0 auto 2rem;max-width:600px;padding:1rem;position:-webkit-sticky;position:sticky;top:8%;z-index:900}.search-input{border:2px solid #e0e0e0;border-radius:25px;font-size:1rem;outline:none;padding:12px 20px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#9b59b6;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9b59b61a}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.filter-tag-btn{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#7f8c8d;color:var(--text-light);cursor:pointer;font-size:.9rem;padding:6px 16px;transition:all .2s ease}.filter-tag-btn:hover{color:#9b59b6;color:var(--primary-purple)}.filter-tag-btn.active,.filter-tag-btn:hover{border-color:#9b59b6;border-color:var(--primary-purple)}.filter-tag-btn.active{background:#9b59b6;background:var(--primary-purple);color:#fff}.edit-mode-btn{background:#0000;border:2px solid #9b59b6;border:2px solid var(--primary-purple);border-radius:20px;color:#9b59b6;color:var(--primary-purple);cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s}.edit-mode-btn.active{background:#9b59b6;background:var(--primary-purple);color:#fff}.song-edit-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50%;bottom:10px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;position:absolute;right:10px;transition:all .2s;width:32px;z-index:10}.song-edit-btn:hover{background:#f0e6f6;background:var(--bg-purple-light);transform:scale(1.1)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{animation:modalSlideUp .3s ease-out;border-radius:16px;box-shadow:0 10px 25px #0003;max-width:500px;padding:2rem;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:#2c3e50;color:var(--text-dark);margin-bottom:1.5rem;text-align:center}.tags-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-select-btn{background:#fff;border:1px solid #ddd;border-radius:15px;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s}.tag-select-btn:hover{transform:translateY(-1px)}.modal-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:8px 20px}.modal-content{border-top:5px solid #9b59b6;border-top:5px solid var(--primary-purple)}.modal-content .form-group{margin-bottom:1.2rem}.modal-content .form-label{color:#2c3e50;color:var(--text-dark);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.modal-content .form-input{background-color:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:10px 15px;transition:all .3s ease;width:100%}.modal-content .form-input:focus{background-color:#fff;border-color:#9b59b6;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9b59b61a}.tags-selector{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.tag-select-btn{box-shadow:0 2px 4px #0000000d;font-weight:500;padding:8px 16px}.tag-select-btn.selected{box-shadow:0 4px 8px #9b59b64d;transform:translateY(-1px)}.modal-actions{margin-top:2.5rem}.modal-actions .btn{border-radius:25px;font-weight:600;padding:10px 24px}.song-note-badge{background:linear-gradient(135deg,#ff7675,#d63031);border-bottom-left-radius:10px;box-shadow:-2px 2px 4px #0000001a;color:#fff;font-size:.7rem;font-weight:700;max-width:40%;overflow:hidden;padding:0 8px;position:absolute;right:0;top:0;white-space:nowrap;z-index:2}.scrolling-text-container{overflow:hidden;position:relative;white-space:nowrap}.scrolling-text-container.is-overflowing{mask-image:linear-gradient(90deg,#0000 0,#000 5%,#000 95%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 5%,#000 95%,#0000)}.scrolling-text-content{display:inline-block;white-space:nowrap}.scrolling-text-content.animate{animation:scroll-text 10s linear infinite;padding-right:20px}.scrolling-text-content.animate-bounce{animation:scroll-bounce 8s linear infinite}.scrolling-text-padding{padding-left:20px}@keyframes scroll-text{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scroll-bounce{0%,15%{transform:translateX(0)}45%,55%{transform:translateX(calc(var(--scroll-amount)*-1 - 5px))}85%,to{transform:translateX(0)}}.back-to-top-btn{align-items:center;background:#9b59b6;background:var(--primary-purple);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;opacity:.9;position:fixed;right:30px;transition:all .3s ease;width:50px;z-index:1000}.back-to-top-btn:hover{background:#7d3c98;background:var(--dark-purple);box-shadow:0 6px 15px #0000004d;opacity:1;transform:translateY(-5px)}.session-expired-modal{max-width:400px;text-align:center}.session-expired-modal h3{color:#2c3e50;color:var(--text-dark);font-size:1.5rem;margin-bottom:1rem}.session-expired-modal p{color:#7f8c8d;color:var(--text-light);margin-bottom:1.5rem}.session-expired-modal .modal-actions{justify-content:center}.bili-profile-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 10px 30px #9b59b626;display:inline-flex;gap:2rem;margin-bottom:3rem;min-width:380px;padding:1.5rem 2.5rem;transition:all .3s ease}.bili-profile-card:hover{box-shadow:0 15px 35px #9b59b640;transform:translateY(-5px)}.bili-avatar-wrapper{flex-shrink:0;position:relative}.bili-avatar{border:4px solid #fff;border:4px solid var(--white);border-radius:50%;box-shadow:0 5px 15px #0000001a;height:90px;object-fit:cover;width:90px}.bili-info-content{flex-grow:1;text-align:left}.bili-username-row{align-items:center;display:flex;gap:.8rem;margin-bottom:.8rem}.bili-username{color:#2c3e50;color:var(--text-dark);font-size:1.5rem;font-weight:700}.bili-badge{background:linear-gradient(135deg,#9b59b6,#b19cd9);background:linear-gradient(135deg,var(--primary-purple),var(--light-purple));border-radius:12px;box-shadow:0 2px 8px #9b59b64d;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.bili-stats-row{display:flex;gap:2rem}.bili-stat-item{align-items:center;display:flex;flex-direction:column;min-width:50px}.bili-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#7d3c98,#9b59b6);background:linear-gradient(45deg,var(--dark-purple),var(--primary-purple));-webkit-background-clip:text;font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:800}.bili-stat-label{color:#7f8c8d;color:var(--text-light);font-size:.85rem;font-weight:500;margin-top:4px}@media (max-width:600px){.bili-profile-card{flex-direction:column;gap:1rem;margin-bottom:2rem;max-width:340px;min-width:0;min-width:auto;padding:1.5rem;width:100%}.bili-info-content{text-align:center;width:100%}.bili-username-row{justify-content:center;margin-bottom:1rem}.bili-username{font-size:1.3rem}.bili-stats-row{gap:0;justify-content:space-between;padding:0 .5rem;width:100%}.bili-avatar{height:80px;width:80px}}.bot-status-indicator{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.status-connected{background-color:#27ae60;box-shadow:0 0 8px #27ae6099}.status-disconnected{background-color:#e74c3c;box-shadow:0 0 8px #e74c3c99}.status-text{color:#2c3e50;color:var(--text-dark);font-weight:500}.bot-config-editor{background:#fff;background:var(--white);border-radius:8px;box-shadow:0 4px 6px #9b59b61a;box-shadow:var(--shadow);margin:1.5rem 0;padding:1.5rem}.config-textarea{border:1px solid #ddd;min-height:500px;resize:vertical}.config-display,.config-textarea{background:#f8f9fa;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;padding:1rem;width:100%}.config-display{margin:0;max-height:600px;overflow:auto}.no-config{color:#7f8c8d;color:var(--text-light);padding:3rem;text-align:center}.bot-config-help{background:#fff;background:var(--white);border-radius:8px;box-shadow:0 4px 6px #9b59b61a;box-shadow:var(--shadow);margin-top:2rem;padding:1.5rem}.bot-config-help h3{color:#9b59b6;color:var(--primary-purple);margin-bottom:1rem}.bot-config-help ul{line-height:1.8;list-style-position:inside;margin:1rem 0}.bot-config-help li{color:#2c3e50;color:var(--text-dark);margin-bottom:.5rem}.bot-config-help strong{color:#9b59b6;color:var(--primary-purple);font-weight:600}.help-note{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;margin-top:1rem;padding:1rem}.alert{border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem}.alert-error{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.alert-success{background:#d4edda;border-left:4px solid #28a745;color:#155724}.alert-warning{background:#fff3cd;border-left:4px solid #ffc107;color:#856404}@media (max-width:768px){.bot-config-actions{flex-direction:column}.bot-config-actions button{width:100%}.config-display,.config-textarea{font-size:.8rem}}.room-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:2rem 0}.room-card{background:#fff;background:var(--white);border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #9b59b61a;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.room-card:hover{box-shadow:0 8px 12px #9b59b633;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.room-card.room-enabled{border-color:#9b59b6;border-color:var(--primary-purple)}.room-card.room-disabled{border-color:#ddd;opacity:.7}.anchor-avatar{border:3px solid #9b59b6;border:3px solid var(--primary-purple);border-radius:50%;box-shadow:0 2px 8px #00000026;flex-shrink:0;height:60px;object-fit:cover;width:60px}.room-card-header{align-items:center;background:linear-gradient(135deg,#fafafa,#fff);border-bottom:1px solid #f0f0f0;display:flex;gap:1rem;padding:1.5rem}.room-card-title-area{display:flex;flex:1 1;flex-direction:column;gap:.4rem;min-width:0}.anchor-name{color:#9b59b6;color:var(--primary-purple);font-size:1.1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card-header h3{color:#666;font-size:.9rem;font-weight:500;margin:0}.room-card-body{background:#fff;padding:1.5rem;position:relative;z-index:1}.room-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.feature-badge{border-radius:20px;font-size:.85rem;font-weight:500;padding:.4rem .8rem}.feature-badge.feature-enabled{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.feature-badge.feature-disabled{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.room-card-footer{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem;text-align:right}.click-hint{color:#9b59b6;color:var(--primary-purple);font-size:.9rem;font-weight:500}.toggle-switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#9b59b6;background-color:var(--primary-purple)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.top-right-actions{display:flex;gap:1rem;margin-left:auto}.bot-config-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.room-detail{margin-top:2rem}.room-detail-header{align-items:center;border-bottom:2px solid #9b59b6;border-bottom:2px solid var(--primary-purple);display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem}.room-detail-header h2{color:#9b59b6;color:var(--primary-purple);margin:0}.feature-card{background:#fff;background:var(--white);border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #9b59b61a;box-shadow:var(--shadow);margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.feature-card:hover{box-shadow:0 8px 12px #9b59b633;box-shadow:var(--shadow-hover)}.feature-card.feature-card-enabled{border-color:#9b59b6;border-color:var(--primary-purple)}.feature-card.feature-card-disabled{opacity:.7}.feature-card-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1.5rem}.feature-card.feature-card-enabled .feature-card-header{background:linear-gradient(135deg,#e8f4f8,#d4e9f7)}.feature-card-title{align-items:center;display:flex;gap:.8rem}.feature-icon{font-size:1.5rem}.feature-card-title h3{color:#2c3e50;color:var(--text-dark);font-size:1.1rem;margin:0}.feature-card-actions{align-items:center;display:flex;gap:1rem}.feature-card-body{padding:1.5rem}.feature-summary p{color:#2c3e50;color:var(--text-dark);font-size:.95rem;margin:.5rem 0}.modal-overlay{z-index:2000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;background:var(--white);border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.modal-small{max-width:500px}.modal-large{max-width:900px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#9b59b6;color:var(--primary-purple);font-size:1.3rem;margin:0}.modal-close{background:none;border:none;color:#7f8c8d;color:var(--text-light);cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;transition:color .2s}.modal-close:hover{color:#2c3e50;color:var(--text-dark)}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#2c3e50;color:var(--text-dark);display:block;font-weight:500;margin-bottom:.5rem}.btn-sm{font-size:.85rem;padding:.4rem .8rem}.btn-danger{background:#dc3545;border:none;color:#fff}.btn-danger:hover{background:#c82333}.btn-success{background:#28a745;border:none;color:#fff}.btn-success:hover{background:#218838}.help-text{color:#7f8c8d;color:var(--text-light);font-size:.9rem;margin-top:.5rem}@media (max-width:768px){.room-list{grid-template-columns:1fr}.room-card-header{align-items:flex-start;flex-direction:column;gap:1rem;min-height:auto;padding:1rem}.anchor-avatar{height:50px;width:50px}.room-card-title-area{width:100%}.anchor-name{font-size:1rem}.feature-card-header,.room-detail-header{align-items:flex-start;flex-direction:column;gap:1rem}.feature-card-actions{justify-content:space-between;width:100%}.modal-content{margin:.5rem;max-height:95vh}.top-right-actions{margin-left:0;width:100%}.keyword-item{flex-direction:column;gap:.5rem}.keyword-arrow{display:none}.form-field-inline{align-items:flex-start;flex-direction:column}.form-field-inline .form-label{margin-bottom:.5rem}}.config-form{width:100%}.form-section{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.form-section h4{border-bottom:2px solid #9b59b6;border-bottom:2px solid var(--primary-purple);color:#9b59b6;color:var(--primary-purple);font-size:1.1rem;margin:0 0 1.5rem;padding-bottom:.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h4{border:none;margin:0;padding:0}.form-field{margin-bottom:1.5rem}.form-field-inline{align-items:center;display:flex;justify-content:space-between}.form-label{color:#2c3e50;color:var(--text-dark);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-field-inline .form-label{margin-bottom:0}.form-control{flex:1 1}.form-input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-input:focus{border-color:#9b59b6;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9b59b61a;outline:none}textarea.form-input{font-family:inherit;min-height:80px;resize:vertical}.checkbox-group{display:flex;flex-wrap:wrap;gap:1.5rem}.checkbox-group label{align-items:center;color:#2c3e50;color:var(--text-dark);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.keyword-list{display:flex;flex-direction:column;gap:1rem}.keyword-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:.75rem;padding:.75rem}.keyword-key{flex:1 1;min-width:150px}.keyword-arrow{color:#9b59b6;color:var(--primary-purple);flex-shrink:0;font-size:1.2rem;font-weight:700}.keyword-value{flex:2 1;min-width:200px}.keyword-item .btn{flex-shrink:0}.task-list{display:flex;flex-direction:column;gap:1.5rem}.task-item{background:#fff;border:2px solid #9b59b6;border:2px solid var(--primary-purple);border-radius:8px;padding:1.5rem}.task-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.task-header h5{color:#9b59b6;color:var(--primary-purple);font-size:1.05rem;margin:0}.message-list{display:flex;flex-direction:column;gap:.75rem}.message-item{align-items:flex-start;display:flex;gap:.75rem}.message-item textarea{flex:1 1}.message-item .btn{flex-shrink:0;margin-top:.75rem}.message-list>.btn{align-self:flex-start;margin-top:.5rem}.permission-management{margin:0 auto;max-width:1200px;padding:2rem}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.permission-management h1{color:#9b59b6;margin:0}.registration-toggle{align-items:center;color:#666;display:flex;font-size:.95rem;gap:.75rem}.toggle-btn{border:none;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s}.toggle-btn.open{background:#27ae60;color:#fff}.toggle-btn.closed{background:#e74c3c;color:#fff}.toggle-btn:hover{transform:scale(1.05)}.search-bar{margin-bottom:1.5rem}.search-bar form{display:flex;gap:.5rem}.search-bar input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:1rem;max-width:400px;padding:.75rem 1rem}.search-bar button{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.search-bar button:hover{box-shadow:0 4px 12px #9b59b666;transform:translateY(-2px)}.error-message{background:#fee;color:#c00}.error-message,.success-message{border-radius:8px;margin-bottom:1rem;padding:1rem}.success-message{background:#efe;color:#080}.loading{color:#666;font-size:1.2rem;padding:3rem;text-align:center}.users-table{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table th{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;font-weight:600;padding:1rem;text-align:left}.users-table td{border-bottom:1px solid #eee;padding:1rem}.users-table tr:hover{background:#f9f9f9}.users-table tr.admin-row{background:linear-gradient(135deg,#9b59b61a,#8e44ad1a)}.role-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.role-badge.admin{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.role-badge.premium{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.role-badge.user{background:#eee;color:#666}.all-permissions{color:#9b59b6;font-weight:600}.permission-count,.room-count{color:#666;font-size:.9rem}.edit-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:transform .2s}.edit-btn:hover{transform:translateY(-2px)}.admin-note{color:#999;font-size:.85rem;font-style:italic}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.pagination button{background:#9b59b6;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:opacity .2s}.pagination button:disabled{background:#ccc;cursor:not-allowed}.pagination span{color:#666}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.permission-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;padding:2rem;width:100%}.permission-modal h2{color:#333;margin-bottom:1rem}.user-info{background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem;padding:1rem}.user-info strong{color:#333;font-size:1.1rem}.user-info span{color:#666;font-size:.9rem}.permissions-section,.role-section,.rooms-section{margin-bottom:1.5rem}.permissions-section h3,.role-section h3,.rooms-section h3{color:#9b59b6;font-size:1.1rem;margin-bottom:1rem}.role-selector{display:flex;flex-wrap:wrap;gap:1rem}.role-option{align-items:center;background:#f5f5f5;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.role-option:hover{background:#eee}.role-option.selected{background:linear-gradient(135deg,#9b59b61a,#8e44ad1a);border-color:#9b59b6}.role-option input{accent-color:#9b59b6}.role-label{color:#333;font-weight:500}.hint{color:#888;font-size:.85rem;margin-bottom:1rem}.permissions-grid,.rooms-grid{display:flex;flex-direction:column;gap:.75rem}.permission-item,.room-item{align-items:flex-start;background:#f9f9f9;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:background .2s}.permission-item:hover,.room-item:hover{background:#f0f0f0}.permission-item input,.room-item input{accent-color:#9b59b6;height:18px;margin-top:.25rem;width:18px}.permission-info,.room-info{display:flex;flex-direction:column;gap:.25rem}.permission-name,.room-name{color:#333;font-weight:500}.permission-desc,.room-id{color:#666;font-size:.85rem}.no-rooms{color:#999;font-style:italic;padding:1rem;text-align:center}.modal-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.cancel-btn{background:#ddd;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .2s}.cancel-btn:hover{background:#ccc}.save-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #9b59b666;transform:translateY(-2px)}.save-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.permission-management{padding:1rem}.users-table{overflow-x:auto}.users-table table{min-width:600px}.permission-modal{padding:1.5rem}}
/*# sourceMappingURL=main.d2a31226.css.map*/