body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#3b82f6,#1e3a8a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[class*=mobile-]{touch-action:pan-y}button[class*=action-button],button[class*=browse-songs-button],button[class*=cancel-button],button[class*=confirm-button],button[class*=dropdown-toggle],button[class*=logout-button],button[class*=mobile-],button[class*=pagination-button],button[class*=reset-button],button[class*=search-button]{min-height:44px;touch-action:manipulation}@media (hover:none){button:hover{pointer-events:auto}}@media (max-width:991px){[class*=mobile-]{padding:15px}}@media (max-width:767px){[class*=mobile-]{padding:10px}}.login-container{align-items:center;background:linear-gradient(180deg,#1e3a8a,#3b82f6);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-logo{height:auto;margin-bottom:30px;width:400px}.login-card{background:#0000004d;border-radius:10px;box-shadow:0 0 20px #22d3ee80;max-width:400px;padding:30px;width:100%}.login-title{font-size:28px;margin-bottom:20px;text-align:center;text-shadow:0 0 10px #22d3ee}.login-error{color:#f97316;font-size:14px;margin-bottom:15px;text-align:center}.login-form{display:flex;flex-direction:column}.login-form label{color:#22d3ee;font-size:16px;margin-bottom:5px}.login-input{background:#ffffffe6;border:none;border-radius:8px;box-shadow:inset 0 0 5px #22d3ee4d;font-size:16px;margin-bottom:15px;padding:12px;width:100%}.login-input:focus{box-shadow:0 0 10px #22d3ee;outline:none}.login-button{background:#22d3ee;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;margin-bottom:10px;padding:12px;transition:background .2s}.login-button:hover{background:#06b6d4}@media (max-width:991px){.login-container.mobile-login{padding:15px}.login-logo{margin-bottom:25px;width:350px}.login-card{max-width:450px;padding:25px}.login-title{font-size:26px}.login-error{font-size:13px}.login-form label{font-size:15px}.login-input{margin-bottom:12px}.login-button,.login-input{font-size:15px;padding:10px}.login-button{min-height:44px}}@media (max-width:767px){.login-container.mobile-login{padding:10px}.login-logo{margin-bottom:20px;width:300px}.login-card{max-width:90%;padding:20px}.login-title{font-size:24px}.login-error{font-size:12px}.login-form label{font-size:14px}.login-input{font-size:14px;margin-bottom:10px;padding:8px}.login-button{font-size:14px;min-height:44px;padding:8px}}.dashboard{background:linear-gradient(180deg,#1e3a8a,#3b82f6);color:#fff;display:flex;flex-direction:column;min-height:100vh}.dashboard-content{flex:1 1;overflow-y:auto;padding:20px}.browse-songs-button,.reset-button,.search-button{padding:10px 15px}.main-content{display:flex;flex:1 1;gap:20px}.favorites-section,.global-queue-panel,.queue-panel{background:#0000004d;border-radius:8px;box-shadow:0 0 20px #22d3ee80;color:#fff;padding:20px}.main-content:has(.global-queue-panel)>*{flex:1 1 33.33%}.main-content:not(:has(.global-queue-panel))>*{flex:1 1 50%}.favorites-section h2,.global-queue-panel h2,.queue-panel h2{color:#22d3ee;font-size:20px;margin-top:0;text-shadow:0 0 10px #22d3ee}.event-queue h3{color:#22d3ee;font-size:18px;margin-top:0;text-shadow:0 0 5px #22d3ee}.event-queue .queue-stats{color:#ddd;font-size:14px;margin:5px 0}.queue-requestor{font-size:12px}.queue-requestor.now-playing{color:red}.queue-song{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:10px 0}.queue-song.now-playing{color:red}.queue-song.user-song{color:#2ecc71}.queue-song:last-child{border-bottom:none}.queue-song:hover{background-color:#ffffff1a}.request-badge{background-color:#f97316;border-radius:12px;color:#fff;font-size:12px;margin-left:5px;padding:2px 8px}.song-actions{gap:12px}.delete-btn,.more-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:16px}.actions-dropdown{background:#00000080;border:1px solid #22d3ee;border-radius:4px;box-shadow:0 0 10px #22d3ee80;padding:5px 0;position:absolute;z-index:10}.actions-dropdown button{background:none;border:none;color:#fff;cursor:pointer;display:block;padding:5px 10px;text-align:left;width:100%}.actions-dropdown button:hover{background-color:#fff3}.menu-bar{background:linear-gradient(90deg,#1e3a8a,#2c3e50);bottom:0;box-shadow:0 -2px 10px #22d3ee80;display:flex;justify-content:space-around;padding:10px 0;position:fixed;width:100%}.menu-bar button{background:none;border:none;color:#22d3ee;cursor:pointer;font-size:24px}.menu-bar button:hover{color:#06b6d4}@media (max-width:991px){.dashboard-content,.dashboard.mobile-dashboard{padding:15px}.search-section{margin-bottom:15px}.search-bar-container{gap:8px}.search-bar{font-size:15px;padding:8px}.browse-songs-button,.reset-button,.search-button{font-size:15px;min-height:44px;padding:8px 12px}.explore-button-container{margin-top:8px}.main-content{flex-direction:column;gap:15px}.favorites-section,.global-queue-panel,.queue-panel{padding:15px}.main-content:has(.global-queue-panel)>*,.main-content:not(:has(.global-queue-panel))>*{flex:1 1 auto}.favorites-section h2,.global-queue-panel h2,.queue-panel h2{font-size:18px}.event-queue h3{font-size:16px}.queue-stats{font-size:13px}.queue-requestor{font-size:11px}.song-actions{gap:10px}}@media (max-width:767px){.dashboard-content,.dashboard.mobile-dashboard{padding:10px}.search-section{margin-bottom:10px}.search-bar-container{flex-wrap:wrap;gap:6px}.search-bar{font-size:14px;padding:6px}.browse-songs-button,.reset-button,.search-button{font-size:14px;min-height:44px;padding:6px 10px}.explore-button-container{margin-top:6px}.main-content{gap:10px}.favorites-section,.global-queue-panel,.queue-panel{padding:10px}.favorites-section h2,.global-queue-panel h2,.queue-panel h2{font-size:16px}.event-queue h3{font-size:14px}.queue-stats{font-size:12px}.queue-requestor{font-size:10px}.song-actions{flex-direction:column;gap:10px}}.event-context-error{color:#f97316;font-size:1rem;margin:10px;text-align:center;text-shadow:0 0 5px #f97316}@media (max-width:991px){.event-context-error.mobile-event-context{font-size:.95rem;margin:8px}}@media (max-width:767px){.event-context-error.mobile-event-context{font-size:.9rem;margin:6px}}.search-bar-container{flex-direction:row}.search-bar{font-size:16px}.browse-songs-button,.reset-button,.search-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-height:44px;padding:10px}.search-button{background-color:#22d3ee}.search-button:hover{background-color:#06b6d4}.reset-button{background-color:#f97316}.reset-button:hover{background-color:#e06614}.explore-button-container{margin-top:10px}.browse-songs-button{background-color:#2ecc71;box-shadow:0 0 10px #22d3ee80;color:#fff;padding:10px 15px;width:100%}.browse-songs-button:hover{background-color:#27ae60}@media (max-width:991px){.search-section.mobile-search-bar{margin-bottom:15px}.search-bar-container{flex-direction:row;gap:8px}.reset-button,.search-bar,.search-button{font-size:15px;min-height:44px;padding:8px}.browse-songs-button{font-size:15px;min-height:44px;padding:8px 12px}.explore-button-container{margin-top:8px}}@media (max-width:767px){.search-section.mobile-search-bar{margin-bottom:10px}.search-bar-container{flex-direction:row;gap:6px}.reset-button,.search-bar,.search-button{font-size:14px;min-height:44px;padding:6px}.browse-songs-button{font-size:14px;min-height:44px;padding:6px 10px}.explore-button-container{margin-top:6px;width:100%}}.mobile-sortable-item{cursor:move;position:relative;touch-action:none}.mobile-sortable-item:before{color:#666;content:"☰";display:inline-block;font-size:16px;margin-right:8px}.mobile-sortable-item:hover:before{color:#22d3ee}.mobile-sortable-item[disabled]:before{color:#ccc;cursor:not-allowed}@media (max-width:991px){.mobile-sortable-item:before{font-size:14px;margin-right:6px}}@media (max-width:767px){.mobile-sortable-item:before{font-size:12px;margin-right:4px}}.queue-panel{border:1px solid #ccc;border-radius:5px;margin-bottom:20px;padding:20px}.queue-list{max-height:400px;overflow-y:auto}.queue-item{border-bottom:1px solid #eee;cursor:pointer;padding:10px}.queue-item:hover{background-color:#f5f5f5}.now-playing{color:red}.now-playing-label{color:red;font-weight:700;margin-left:5px}.queue-count{font-weight:700;margin:5px 0}.error-text,.info-text{color:#666;font-style:italic}.error-text{color:red}@media (max-width:991px){.queue-panel.mobile-queue-panel{margin-bottom:15px;padding:15px}.queue-list{max-height:350px}.queue-item{font-size:15px;padding:8px}.queue-count{font-size:16px}.error-text,.info-text{font-size:14px}}@media (max-width:767px){.queue-panel.mobile-queue-panel{margin-bottom:10px;padding:10px}.queue-list{max-height:300px}.queue-item{padding:6px}.queue-count,.queue-item{font-size:14px}.error-text,.info-text{font-size:12px}}.global-queue-panel{background:linear-gradient(180deg,#1e3a8a,#3b82f6);border-radius:8px;box-shadow:0 0 20px #22d3ee80;color:#fff;font-family:Arial,sans-serif;padding:20px}.global-queue-panel h2{color:#22d3ee;font-size:24px;margin-bottom:10px}.queue-count{color:#ddd;font-size:18px;margin-bottom:15px}.info-text{color:#ddd;font-size:16px;margin:10px 0}.event-queue{list-style:none;margin:0;padding:0}.queue-song{background:#0000004d;border-radius:4px;cursor:pointer;margin-bottom:10px;padding:10px}.queue-item-main{color:#22d3ee;font-size:16px;font-weight:700}.queue-requestor{color:#ddd;font-size:14px}.queue-song.now-playing .queue-item-main,.queue-song.now-playing .queue-requestor{color:#f97316}.queue-song.user-song .queue-item-main,.queue-song:hover .queue-item-main{color:#06b6d4}@media (max-width:991px){.global-queue-panel.mobile-global-queue-panel{padding:15px}.global-queue-panel h2{font-size:20px}.queue-count{font-size:16px}.info-text{font-size:14px}.queue-song{padding:8px}.queue-item-main{font-size:14px}.queue-requestor{font-size:12px}}@media (max-width:767px){.global-queue-panel.mobile-global-queue-panel{padding:10px}.global-queue-panel h2{font-size:18px}.queue-count{font-size:14px}.info-text{font-size:12px}.queue-song{padding:6px}.queue-item-main{font-size:12px}.queue-requestor{font-size:10px}}.favorites-section{background:#0000004d;border-radius:8px;box-shadow:0 0 20px #22d3ee80;color:#fff;padding:20px}.favorites-section h2{color:#22d3ee;font-size:20px;margin-top:0;text-shadow:0 0 10px #22d3ee}.favorites-list{list-style:none;margin:0;padding:0}.favorite-song{border-bottom:1px solid #fff3;cursor:pointer;padding:10px}.favorite-song:last-child{border-bottom:none}.favorite-song:hover{background-color:#ffffff1a}@media (max-width:991px){.favorites-section.mobile-favorites{padding:15px}.favorites-section h2{font-size:18px}.favorite-song{font-size:15px;padding:8px}}@media (max-width:767px){.favorites-section.mobile-favorites{padding:10px}.favorites-section h2{font-size:16px}.favorite-song{font-size:14px;padding:6px}}.modal-title{font-size:1.5rem}.modal-text{font-size:1rem;text-align:center}.modal-actions{display:flex;gap:12px;justify-content:center}.action-button,.modal-cancel{font-size:1rem}.modal-cancel{background:#6c757d;box-shadow:0 0 10px #22d3ee80;color:#fff;min-height:44px;padding:10px 20px}.modal-cancel:hover{background:#5a6268}@media (max-width:991px){.modal-title{font-size:1.4rem}.error-text,.modal-text{font-size:.95rem}.modal-actions{gap:10px}.action-button,.modal-cancel{font-size:.95rem;min-height:44px;padding:8px 16px}}@media (max-width:767px){.modal-title{font-size:1.3rem}.error-text,.modal-text{font-size:.9rem}.modal-actions{flex-direction:column;gap:10px}.action-button,.modal-cancel{font-size:.9rem;min-height:44px;padding:6px 12px;width:100%}}.modal-overlay.song-details-modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-overlay.secondary-modal.song-details-modal{z-index:1001}.modal-content.song-details-modal{background:linear-gradient(180deg,#1e3a8a,#3b82f6);border-radius:8px;box-shadow:0 0 20px #22d3ee80;color:#fff;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px;touch-action:pan-y;width:90%}.modal-text{margin:5px 0}.modal-text strong{color:#22d3ee}.modal-error{color:#f97316;font-size:.9em;margin-bottom:10px}.song-details{margin-bottom:20px}.song-actions{flex-wrap:wrap;gap:15px}.event-list{margin-bottom:20px;max-height:300px}.event-item{background:#ffffff1a;border-radius:4px;color:#ddd;cursor:pointer;margin-bottom:5px;padding:10px}.event-item:hover{background:#fff3}.action-button{min-height:44px}.modal-footer{display:flex;justify-content:flex-end}@media (max-width:991px){.modal-overlay.song-details-modal.mobile-song-details{padding:15px}.modal-content.song-details-modal{max-height:85vh;padding:15px;touch-action:pan-y;width:80%}.modal-title{font-size:1.4em}.modal-text{font-size:.95em}.modal-error{font-size:.85em}.event-item{font-size:.95em;padding:8px}.song-actions{gap:12px}.action-button{font-size:.95em;min-height:44px;padding:8px 16px}}@media (max-width:767px){.modal-overlay.song-details-modal.mobile-song-details{padding:10px}.modal-content.song-details-modal{max-height:90vh;padding:10px;touch-action:pan-y;width:95%}.modal-title{font-size:1.3em}.modal-text{font-size:.9em}.modal-error{font-size:.8em}.event-item{font-size:.9em;padding:6px}.song-actions{flex-direction:column;gap:12px}.action-button{font-size:.9em;min-height:44px;padding:6px 12px;width:100%}}.pending-requests-container{background:linear-gradient(180deg,#1e3a8a,#3b82f6);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.pending-requests-header{background:#0000004d;border-radius:8px;box-shadow:0 0 20px #22d3ee80;margin-bottom:20px;padding:15px}.pending-requests-title{color:#22d3ee;font-size:2em;margin:0;text-shadow:0 0 10px #22d3ee}.pending-requests-text{color:#ddd;font-size:1.2em;margin:10px 0}.action-button{border-radius:5px;font-size:16px;padding:10px 20px}.approve-button{background:#22d3ee}.approve-button:hover{background:#06b6d4}.reject-button,.request-button{background:#f97316;color:#fff}.reject-button:hover,.request-button:hover{background:#e06614}.error-text{font-size:1em}.song-item{box-shadow:0 0 10px #22d3ee4d;flex-direction:column;gap:10px}.song-title{color:#ddd;font-weight:700}.song-text{color:#ddd;font-size:.9em}.song-actions{align-items:center}.form-input{border:1px solid #ccc;font-size:1em;padding:8px}@media (max-width:991px){.pending-requests-container.mobile-pending-requests,.pending-requests-container.mobile-spotify-search{padding:15px}.pending-requests-header{margin-bottom:15px;padding:12px}.pending-requests-title{font-size:1.8em}.pending-requests-text{font-size:1.1em}.action-button{font-size:15px;min-height:44px;padding:8px 16px}.song-list{max-height:350px}.song-item{padding:12px}.song-title{font-size:1.1em}.song-text{font-size:.85em}.form-input{font-size:.95em;padding:6px}}@media (max-width:767px){.pending-requests-container.mobile-pending-requests,.pending-requests-container.mobile-spotify-search{padding:10px}.pending-requests-header{align-items:flex-start;flex-direction:column;margin-bottom:10px;padding:10px}.pending-requests-title{font-size:1.6em}.pending-requests-text{font-size:1em}.header-buttons{flex-direction:column;gap:6px;width:100%}.action-button{font-size:14px;min-height:44px;padding:6px 12px;width:100%}.song-list{max-height:300px}.song-item{padding:10px}.song-title{font-size:1em}.song-text{font-size:.8em}.song-actions{align-items:flex-start;flex-direction:column}.form-input{font-size:.9em;padding:5px}}.song-manager-container{background:linear-gradient(180deg,#1e3a8a,#3b82f6);color:#fff;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.song-manager-header{align-items:center;background:#0000004d;border-radius:10px;box-shadow:0 0 20px #22d3ee80;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 30px}.song-manager-title{font-size:2rem;font-weight:700;margin:0;text-shadow:0 0 10px #22d3ee}.song-manager-button{border:none;border-radius:5px;box-shadow:0 0 10px #22d3ee80;cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .3s ease}.channels-button{background:#22d3ee;color:#000}.channels-button:hover{background:#06b6d4;box-shadow:0 0 15px #22d3ee}.back-button{background:#6c757d}.back-button:hover{background:#5a6268;box-shadow:0 0 15px #6c757d}.song-manager-content{margin:0 auto;max-width:1400px}.song-manager-sections{display:flex;flex-direction:row;gap:20px}.song-editor-card,.song-manager-card{background:#0000004d;border-radius:10px;box-shadow:0 0 20px #22d3ee80;flex:1 1;padding:20px}.section-title{font-size:1.5rem}.song-list{list-style:none;max-height:400px;overflow-y:auto;padding:0}.song-item{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:transform .2s ease}.song-item:hover{box-shadow:0 0 15px #22d3ee4d;transform:translateY(-3px)}.song-info{flex:1 1}.song-title{color:#22d3ee;font-size:1.2rem;margin:0}.song-text{margin:5px 0 0}.approve-button,.find-button{background:#22d3ee;color:#000}.approve-button:hover,.find-button:hover{background:#06b6d4;box-shadow:0 0 15px #22d3ee}.manual-button,.preview-button{background:#22d3ee;color:#000}.manual-button:hover,.preview-button:hover{background:#06b6d4;box-shadow:0 0 15px #22d3ee}.close-button,.delete-button,.reject-button{background:#f97316;color:#fff}.close-button:hover,.delete-button:hover,.reject-button:hover{background:#e06614;box-shadow:0 0 15px #f97316}.edit-button,.filter-button,.save-button{background:#22d3ee;color:#000}.edit-button:hover,.filter-button:hover,.save-button:hover{background:#06b6d4;box-shadow:0 0 15px #22d3ee}.clear-url-button{background:#22d3ee;color:#000}.clear-url-button:hover{background:#06b6d4;box-shadow:0 0 15px #22d3ee}.manual-link-input{display:flex;gap:10px;margin-top:10px}.song-manager-input{background:#ffffffe6;border:none;border-radius:5px;color:#333;font-size:.9rem;padding:8px;width:100%}.song-manager-input:focus{box-shadow:0 0 10px #22d3ee;outline:none}.filter-section{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.modal-overlay{height:100%;width:100%}.modal-content{border-radius:10px}.youtube-modal{max-width:1600px;width:80vw}.youtube-modal-content{display:flex;gap:20px;width:100%}.youtube-list{flex:none;max-height:600px;min-width:65%;overflow-y:auto;width:70%}.youtube-results{list-style:none;padding:0}.youtube-item{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px;width:100%}.youtube-info{flex:1 1}.youtube-title{color:#22d3ee;font-size:1rem;margin:0}.youtube-meta{color:#ccc;font-size:.8rem;margin:3px 0 0}.youtube-actions{display:flex;gap:10px}.youtube-preview{align-items:center;background:#0000004d;display:flex;flex:none;justify-content:center;min-width:25%;width:30%}.youtube-fallback{text-align:center}.watch-link{color:#22d3ee;text-decoration:none}.watch-link:hover{text-decoration:underline}.modal-buttons{margin-top:15px}.error-text{font-size:.9rem;margin:10px 0}.song-text{color:#ccc;font-size:.9rem}@media (max-width:991px){.song-manager-container.mobile-song-manager{padding:15px}.song-manager-header{margin-bottom:15px;padding:12px 20px}.song-manager-title{font-size:1.8rem}.header-buttons{gap:8px}.song-manager-button{font-size:.95rem;min-height:44px;padding:8px 16px}.song-manager-sections{gap:15px}.song-editor-card,.song-manager-card{padding:15px}.section-title{font-size:1.4rem}.song-list{max-height:350px}.song-item{padding:12px}.song-title{font-size:1.1rem}.song-text{font-size:.85rem}.filter-section{gap:8px}.song-manager-input{font-size:.85rem;padding:6px}.youtube-modal{width:85vw}.youtube-list{max-height:500px}.youtube-preview iframe{aspect-ratio:16/9;height:auto;max-width:250px;width:100%}.modal-content{max-width:80%;padding:15px}.modal-title{font-size:1.4rem}}@media (max-width:767px){.song-manager-container.mobile-song-manager{padding:10px}.song-manager-header{align-items:flex-start;flex-direction:column;padding:10px}.song-manager-title{font-size:1.6rem}.header-buttons{flex-direction:column;gap:6px;width:100%}.song-manager-button{font-size:.9rem;min-height:44px;padding:6px 12px;width:100%}.song-manager-sections{flex-direction:column;gap:10px}.song-editor-card,.song-manager-card{padding:10px}.section-title{font-size:1.3rem}.song-list{max-height:300px}.song-item{align-items:flex-start;flex-direction:column;padding:10px}.song-actions{justify-content:flex-end;width:100%}.song-title{font-size:1rem}.song-text{font-size:.8rem}.filter-section{flex-direction:column;gap:6px}.song-manager-input{font-size:.8rem;padding:5px}.youtube-modal{width:95vw}.youtube-modal-content{flex-direction:column}.youtube-list,.youtube-preview{min-width:0;width:100%}.youtube-preview iframe{aspect-ratio:16/9;height:auto;width:100%}.modal-content{max-width:95%;padding:10px}.modal-title{font-size:1.3rem}}.user-management-container{background:linear-gradient(180deg,#1e3a8a,#3b82f6);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.user-management-header{align-items:center;background:#0000004d;border-radius:8px;box-shadow:0 0 20px #22d3ee80;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.user-management-title{color:#22d3ee;font-size:1.8em;margin:0;text-shadow:0 0 10px #22d3ee}.card-container{flex-wrap:wrap;justify-content:center}.user-management-card{background:#0000004d;border-radius:8px;box-shadow:0 0 20px #22d3ee80;flex:1 1;max-width:500px;min-width:300px;padding:20px}.add-user-card,.edit-users-card{min-width:300px}.user-management-text{color:#ddd;text-align:center}.user-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.user-item{align-items:center;border-bottom:1px solid #fff3;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.user-item:last-child{border-bottom:none}.user-item:hover{background:#ffffff1a}.user-name{color:#ddd;font-size:1em}.action-button{padding:10px 15px}.add-button,.enable-button,.pin-button,.save-button,.update-button{background:#22d3ee;color:#000}.add-button:hover,.enable-button:hover,.pin-button:hover,.save-button:hover,.update-button:hover{background:#06b6d4}.delete-button,.disable-button{background:#f97316;color:#fff}.delete-button:hover,.disable-button:hover{background:#e06614}.add-user-form,.pin-code-form{display:flex;flex-direction:column;gap:10px;width:100%}.form-label{color:#ddd;font-size:16px;margin-bottom:5px}.form-input{background:#ffffffe6;border:none;border-radius:4px;box-shadow:inset 0 0 5px #22d3ee4d;color:#333;font-size:14px;padding:10px;width:100%}.form-input:focus{box-shadow:0 0 10px #22d3ee;outline:none}.form-checkbox{color:#ddd}.role-checkboxes{display:flex;flex-wrap:wrap;gap:10px}.role-checkbox{align-items:center;color:#ddd;display:flex;gap:5px}.role-checkbox span{font-size:14px}.edit-user-modal{background:#0000004d}.modal-buttons{flex-wrap:wrap}@media (max-width:991px){.user-management-container.mobile-user-management{padding:15px}.user-management-header{align-items:flex-start;flex-direction:column;margin-bottom:15px;padding:12px}.user-management-title{font-size:1.6em}.header-buttons{gap:8px;justify-content:flex-end;width:100%}.card-container{flex-direction:column;gap:15px}.user-management-card{max-width:100%;padding:15px}.section-title{font-size:1.4em}.user-list{max-height:250px}.user-item{padding:8px}.action-button,.user-name{font-size:.95em}.action-button{min-height:44px;padding:8px 12px}.form-input{font-size:.95em;padding:8px}.modal-content{max-height:85vh;padding:15px;width:80%}.modal-title{font-size:1.4em}.modal-buttons{gap:8px}}@media (max-width:767px){.user-management-container.mobile-user-management{padding:10px}.user-management-header{margin-bottom:10px;padding:10px}.user-management-title{font-size:1.4em}.header-buttons{flex-direction:column;gap:6px}.card-container{gap:10px}.user-management-card{padding:10px}.section-title{font-size:1.3em}.user-list{max-height:200px}.user-item{padding:6px}.user-name{font-size:.9em}.action-button{font-size:.9em;min-height:44px;padding:6px 10px;width:100%}.form-input{font-size:.9em;padding:6px}.modal-content{max-height:90vh;padding:10px;width:95%}.modal-title{font-size:1.3em}.modal-buttons{flex-direction:column;gap:6px}}.event-management-container{background:linear-gradient(180deg,#1e3a8a,#3b82f6);color:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:calc(100vh - 40px);padding:20px}.event-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.event-management-title{color:#22d3ee;font-size:1.8em;text-shadow:0 0 5px #22d3ee}.action-button:disabled{background:#666;cursor:not-allowed}.add-event-button{background:#22d3ee;color:#000}.add-event-button:hover{background:#06b6d4}.event-management-card{background:#0000004d;border-radius:8px;box-shadow:0 0 20px #22d3ee80;flex-grow:1;margin-bottom:20px;min-height:360px;padding:20px}.card-container{display:flex;flex-direction:column;flex-grow:1;gap:20px}.section-title{font-size:1.5em;margin-bottom:10px;text-shadow:0 0 5px #22d3ee}.event-list{list-style:none;max-height:360px;overflow-y:auto;padding:0}.event-item{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;min-height:70px;padding:10px 0}.event-info{flex:1 1}.event-title{color:#ddd;font-size:1.2em}.event-text{color:#ddd;font-size:.9em}.add-event-form{display:flex;flex-direction:column;gap:10px}.form-label{color:#22d3ee;font-size:1em}.form-input,.form-select{background:#ffffffe6;border:none;border-radius:4px;box-shadow:inset 0 0 5px #22d3ee4d;font-size:1em;padding:10px}.form-input:focus,.form-select:focus{box-shadow:0 0 10px #22d3ee;outline:none}.form-input[type=number]{width:100px}.form-checkbox{align-items:center;display:flex;gap:5px}.modal-buttons{justify-content:flex-end}@media (max-width:991px){.event-management-container.mobile-event-management{max-width:100%;padding:15px}.event-management-header{align-items:flex-start;flex-direction:column;gap:10px}.event-management-title{font-size:1.6em}.header-buttons{justify-content:flex-end;width:100%}.event-management-card{min-height:300px;padding:15px}.section-title{font-size:1.4em}.event-list{max-height:300px}.event-item{min-height:60px;padding:8px 0}.event-title{font-size:1.1em}.event-text{font-size:.85em}.action-button{font-size:.95em;min-height:44px;padding:8px 14px}.form-input,.form-select{font-size:.95em;padding:8px}.modal-content{max-height:85vh;padding:15px;width:80%}.modal-title{font-size:1.4em}}@media (max-width:767px){.event-management-container.mobile-event-management{padding:10px}.event-management-title{font-size:1.4em}.header-buttons{flex-direction:column;gap:8px}.event-management-card{min-height:250px;padding:10px}.section-title{font-size:1.3em}.event-list{max-height:250px}.event-item{align-items:flex-start;flex-direction:column;min-height:80px;padding:6px 0}.event-actions{justify-content:flex-end;width:100%}.event-title{font-size:1em}.event-text{font-size:.8em}.action-button{font-size:.9em;min-height:44px;padding:6px 12px;width:100%}.form-input,.form-select{font-size:.9em;padding:6px}.modal-content{max-height:90vh;padding:10px;width:95%}.modal-title{font-size:1.3em}}.header-container{background:linear-gradient(90deg,#1e3a8a,#3b82f6);box-shadow:0 0 20px #22d3ee80;color:#fff;display:flex;flex-direction:column;padding:10px 20px}.header-main{align-items:center;display:flex;gap:15px;justify-content:flex-end}.header-user{color:#22d3ee;cursor:pointer;font-size:1.2em;text-shadow:0 0 5px #22d3ee}.event-status{align-items:center;display:flex;gap:10px}.event-name{color:#fff;font-size:1em}.leave-event-button{background-color:#f97316;border:none;border-radius:4px;box-shadow:0 0 10px #22d3ee80;color:#fff;cursor:pointer;padding:8px 16px}.leave-event-button:hover{background-color:#e06614}.break-button{background-color:#f28c38;border:none;border-radius:4px;box-shadow:0 0 10px #22d3ee80;color:#fff;cursor:pointer;padding:8px 16px}.break-button.on-break{background-color:#2ecc71}.break-button:hover{background-color:#e07b30}.break-button.on-break:hover{background-color:#27ae60}.back-button{background-color:#2ecc71;color:#fff}.back-button:hover{background-color:#27ae60}.event-actions{display:flex;flex-direction:row;gap:10px}.event-dropdown,.join-event-dropdown,.preselect-dropdown{position:relative}.check-in-button{background-color:#22d3ee;border:none;border-radius:4px;box-shadow:0 0 10px #22d3ee80;color:#000;cursor:pointer;padding:8px 16px}.check-in-button:hover{background-color:#06b6d4}.check-in-button:disabled{background-color:#666;cursor:not-allowed}.preselect-button{background-color:#2ecc71;border:none;border-radius:4px;box-shadow:0 0 10px #22d3ee80;color:#fff;cursor:pointer;padding:8px 16px}.preselect-button:hover{background-color:#27ae60}.preselect-button:disabled{background-color:#666;cursor:not-allowed}.event-dropdown-menu{background:#00000080;border:1px solid #22d3ee;border-radius:4px;box-shadow:0 0 10px #22d3ee80;list-style:none;margin:0;min-width:200px;padding:0;position:absolute;right:0;top:100%;z-index:1000}.event-dropdown-item{background:none;border:none;color:#fff;cursor:pointer;padding:8px 16px;text-align:left;width:100%}.event-dropdown-item:hover{background-color:#fff3}.event-dropdown-error{border-bottom:1px solid #fff3;color:#f97316;font-size:.9em;padding:8px 16px}.header-main .logout-button{align-items:center;background-color:red!important;border:none;border-radius:4px;box-shadow:0 0 10px #22d3ee80;color:#fff;cursor:pointer;display:flex;padding:8px 16px}.header-main .logout-button:hover{background-color:#c00!important}.header-main .logout-button .anticon{color:#fff!important}.admin-dropdown{position:relative}.dropdown-toggle{background-color:#f28c38;border:none;border-radius:4px;box-shadow:0 0 10px #22d3ee80;color:#fff;cursor:pointer;padding:8px 16px}.dropdown-toggle:hover{background-color:#e07b30}.dropdown-menu{background:#00000080;border:1px solid #22d3ee;border-radius:4px;box-shadow:0 0 10px #22d3ee80;left:0;list-style:none;margin:0;min-width:150px;padding:0;position:absolute;top:100%;z-index:1000}.dropdown-item{background:none;border:none;color:#fff;cursor:pointer;padding:8px 16px;text-align:left;width:100%}.dropdown-item:hover{background-color:#fff3}.confirmation-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-content{background:#1e3a8a;border:1px solid #22d3ee;border-radius:8px;box-shadow:0 0 15px #22d3ee80;color:#fff;max-width:400px;padding:20px;text-align:center;width:90%}.confirmation-content h3{font-size:1.5em;margin:0 0 15px;text-shadow:0 0 5px #22d3ee}.confirmation-content p{font-size:1em;margin:0 0 20px}.confirmation-buttons{display:flex;gap:15px;justify-content:center}.confirm-button{background:#f97316;border:none;border-radius:4px;box-shadow:0 0 10px #22d3ee80;color:#fff;cursor:pointer;padding:10px 20px}.confirm-button:hover{background:#e06614}.cancel-button{background:#666;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.cancel-button:hover{background:#555}.toaster{z-index:10000}.toaster .toast{background:#000;border:1px solid #22d3ee;border-radius:4px;box-shadow:0 0 10px #22d3ee80;color:#fff}.toaster .toast.success{background:#2ecc71}.toaster .toast.error{background:#f97316}.toaster .toast .close-button{color:#fff}@media (max-width:991px){.header-container.mobile-header{padding:8px 15px}.header-main{align-items:flex-start;flex-direction:column;gap:10px}.header-user{font-size:1em}.event-status{align-items:flex-start;flex-direction:column;gap:8px}.event-name{font-size:.9em}.event-actions{flex-direction:column;gap:8px}.back-button,.break-button,.check-in-button,.dropdown-toggle,.leave-event-button,.logout-button,.preselect-button{font-size:.9em;min-height:44px;padding:10px 18px}.dropdown-menu,.event-dropdown-menu{max-width:300px;min-width:100%}.confirmation-content{max-width:80%;padding:15px}.confirmation-content h3{font-size:1.3em}.confirmation-content p{font-size:.9em}}@media (max-width:767px){.header-container.mobile-header{padding:6px 10px}.header-main{gap:8px;justify-content:space-between}.header-user{font-size:.9em}.event-status{gap:6px}.event-name{font-size:.8em}.event-actions:not(.dashboard-page){display:none}.back-button,.break-button,.check-in-button,.dropdown-toggle,.leave-event-button,.logout-button,.preselect-button{font-size:.8em;min-height:44px;padding:8px 14px}.dropdown-menu,.event-dropdown-menu{max-width:250px;min-width:100%}.confirmation-content{max-width:90%;padding:10px}.confirmation-content h3{font-size:1.1em}.confirmation-content p{font-size:.8em}.confirmation-buttons{flex-direction:column;gap:10px}.cancel-button,.confirm-button{font-size:.8em;padding:8px 16px}}.explore-songs{background:linear-gradient(180deg,#1e3a8a,#3b82f6);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.explore-header{align-items:center;background:#0000004d;border-radius:8px;box-shadow:0 0 20px #22d3ee80;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.explore-header h1{color:#22d3ee;font-size:1.8em;margin:0;text-shadow:0 0 10px #22d3ee}.back-button,.reset-button{border:none;border-radius:4px;box-shadow:0 0 10px #22d3ee80;cursor:pointer;font-size:1em;min-height:44px;padding:10px 15px}.browse-section{background:#0000004d;border-radius:8px;box-shadow:0 0 20px #22d3ee80;padding:20px}.error-message{color:#f97316;font-size:1em;margin-bottom:10px;text-align:center;text-shadow:0 0 5px #f97316}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;touch-action:pan-y}.filter-tab{position:relative}.filter-tab-header{align-items:center;display:flex;gap:5px}.filter-tab button{background:#ffffffe6;border:none;border-radius:4px;box-shadow:inset 0 0 5px #22d3ee4d;color:#333;cursor:pointer;font-size:1em;min-height:44px;padding:10px 15px}.filter-tab button.active{background:#22d3ee;box-shadow:0 0 10px #22d3ee;color:#000}.filter-tab button:hover{background:#e9ecef;box-shadow:0 0 10px #22d3ee}.filter-dropdown{background:#000000e6;border:1px solid #22d3ee;border-radius:4px;box-shadow:0 0 10px #22d3ee80;left:0;max-height:200px;min-width:150px;overflow-y:auto;position:absolute;top:100%;z-index:10}.filter-dropdown button{background:none;border:none;color:#fff;cursor:pointer;display:block;min-height:44px;padding:8px 12px;text-align:left;width:100%}.filter-dropdown button:hover{background:#fff3}.reset-filter{background:none;border:none;color:#f97316;cursor:pointer;font-size:1em;line-height:1;padding:2px 5px}.reset-filter:hover{color:#e06614}.song-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));touch-action:pan-y}.song-card{background:#ffffff1a;border-radius:8px;box-shadow:0 0 10px #22d3ee4d;padding:10px}.song-info{cursor:pointer;padding:5px 0}.song-info span{color:#ddd;display:block;font-size:1em}.song-info:hover{background:#fff3}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.pagination-button{background:#22d3ee;border:none;border-radius:4px;box-shadow:0 0 10px #22d3ee80;color:#000;cursor:pointer;font-size:1em;min-height:44px;padding:10px 15px}.pagination-button:disabled{background:#6c757d;cursor:not-allowed}.pagination-button:hover:not(:disabled){background:#06b6d4}.pagination span{color:#ddd;font-size:1em;text-shadow:0 0 5px #22d3ee}@media (max-width:991px){.explore-songs.mobile-explore-songs{padding:15px}.explore-header{margin-bottom:15px;padding:12px}.explore-header h1{font-size:1.6em}.header-buttons{gap:8px}.back-button,.reset-button{font-size:.95em;min-height:44px;padding:8px 12px}.browse-section{padding:15px}.filter-tabs{gap:8px;touch-action:pan-y}.filter-tab button{font-size:.95em;min-height:44px;padding:8px 12px}.filter-dropdown{max-height:180px;min-width:130px}.filter-dropdown button{font-size:.95em;min-height:44px;padding:6px 10px}.reset-filter{font-size:.95em}.song-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));touch-action:pan-y}.song-card{padding:8px}.song-info span{font-size:.95em}.pagination-button{font-size:.95em;min-height:44px;padding:8px 12px}.pagination span{font-size:.95em}}@media (max-width:767px){.explore-songs.mobile-explore-songs{padding:10px}.explore-header{align-items:flex-start;flex-direction:column;margin-bottom:10px;padding:10px}.explore-header h1{font-size:1.4em}.header-buttons{flex-direction:column;gap:6px;width:100%}.back-button,.reset-button{font-size:.9em;min-height:44px;padding:6px 10px;width:100%}.browse-section{padding:10px}.filter-tabs{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);touch-action:pan-y}.filter-tab button{font-size:.9em;min-height:44px;padding:6px 10px}.filter-dropdown{max-height:160px;min-width:120px}.filter-dropdown button{font-size:.9em;min-height:44px;padding:5px 8px}.reset-filter{font-size:.9em}.song-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));touch-action:pan-y}.song-card{padding:6px}.song-info span{font-size:.9em}.pagination-button{font-size:.9em;min-height:44px;padding:6px 10px;width:100%}.pagination span{font-size:.9em}}.register-container{align-items:center;background:linear-gradient(180deg,#1e3a8a,#3b82f6);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.register-logo{height:auto;margin-bottom:30px;width:400px}.register-card{background:#0000004d;border-radius:10px;box-shadow:0 0 20px #22d3ee80;max-width:400px;padding:30px;width:100%}.register-title{font-size:28px;margin-bottom:20px;text-align:center;text-shadow:0 0 10px #22d3ee}.register-error{color:#f97316;font-size:14px;margin-bottom:15px;text-align:center}.register-form{display:flex;flex-direction:column}.register-form label{color:#22d3ee;font-size:16px;margin-bottom:5px}.register-input{background:#ffffffe6;border:none;border-radius:8px;box-shadow:inset 0 0 5px #22d3ee4d;font-size:16px;margin-bottom:15px;padding:12px;width:100%}.register-input:focus{box-shadow:0 0 10px #22d3ee;outline:none}.register-button{background:#22d3ee;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;margin-bottom:10px;padding:12px;transition:background .2s}.register-button:hover{background:#06b6d4}@media (max-width:991px){.register-container.mobile-register{padding:15px}.register-logo{margin-bottom:25px;width:350px}.register-card{max-width:450px;padding:25px}.register-title{font-size:26px}.register-error{font-size:13px}.register-form label{font-size:15px}.register-input{font-size:15px;margin-bottom:12px;padding:10px}.register-button{font-size:15px;min-height:44px;padding:10px}}@media (max-width:767px){.register-container.mobile-register{padding:10px}.register-logo{margin-bottom:20px;width:300px}.register-card{max-width:90%;padding:20px}.register-title{font-size:24px}.register-error{font-size:12px}.register-form label{font-size:14px}.register-input{font-size:14px;margin-bottom:10px;padding:8px}.register-button{font-size:14px;min-height:44px;padding:8px}}.karaoke-channels-container{background:linear-gradient(180deg,#1e3a8a,#3b82f6);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.karaoke-channels-header{align-items:center;background:#0000004d;border-radius:8px;box-shadow:0 0 20px #22d3ee80;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.karaoke-channels-title{color:#22d3ee;font-size:1.8em;margin:0;text-shadow:0 0 10px #22d3ee}.karaoke-channels-card{background:#0000004d;border-radius:8px;box-shadow:0 0 20px #22d3ee80;margin:0 auto 20px;max-width:800px;padding:20px}.section-title{color:#22d3ee;font-size:20px;margin-bottom:15px;text-align:center;text-shadow:0 0 10px #22d3ee}.karaoke-channels-text{color:#ddd;text-align:center}.error-text{margin-bottom:15px;text-align:center;text-shadow:0 0 5px #f97316}.add-channel-form,.channel-form,.edit-channel-form{display:flex;flex-direction:column;gap:10px}.karaoke-channels-input{background:#ffffffe6;border:none;border-radius:4px;box-shadow:inset 0 0 5px #22d3ee4d;color:#333;font-size:14px;padding:10px;width:100%}.karaoke-channels-input:focus{box-shadow:0 0 10px #22d3ee;outline:none}.karaoke-channels-button{border:none;border-radius:4px;box-shadow:0 0 10px #22d3ee80;cursor:pointer;font-size:1em;padding:10px 15px}.add-button,.edit-button,.save-button{background:#22d3ee;color:#000}.add-button:hover,.edit-button:hover,.save-button:hover{background:#06b6d4}.delete-button{background:#f97316;color:#fff}.delete-button:hover{background:#e06614}.back-button,.cancel-button{background:#6c757d;color:#fff}.back-button:hover,.cancel-button:hover{background:#5a6268}.channel-list{list-style:none;margin:0;padding:0}.channel-item{align-items:center;border-bottom:1px solid #fff3;cursor:move;display:flex;justify-content:space-between;padding:10px}.channel-item:last-child{border-bottom:none}.channel-item:hover{background:#ffffff1a}.channel-info{flex:1 1}.channel-title{color:#ddd;font-size:1em}.channel-text{color:#ddd;font-size:.9em}.channel-actions{display:flex;gap:10px}.modal-content{max-width:600px}.modal-title{font-size:20px;margin-bottom:15px;text-align:center}.modal-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}@media (max-width:991px){.karaoke-channels-container.mobile-karaoke-channels{padding:15px}.karaoke-channels-header{margin-bottom:15px;padding:12px}.karaoke-channels-title{font-size:1.6em}.header-buttons{gap:8px;justify-content:flex-end}.karaoke-channels-card{max-width:90%;padding:15px}.section-title{font-size:1.4em}.karaoke-channels-input{font-size:.95em;padding:8px}.karaoke-channels-button{font-size:.95em;min-height:44px;padding:8px 12px}.channel-list{max-height:300px;overflow-y:auto}.channel-item{padding:8px}.channel-title{font-size:.95em}.channel-text{font-size:.85em}.modal-content{max-height:85vh;padding:15px;width:80%}.modal-title{font-size:1.4em}}@media (max-width:767px){.karaoke-channels-container.mobile-karaoke-channels{padding:10px}.karaoke-channels-header{align-items:flex-start;flex-direction:column;margin-bottom:10px;padding:10px}.karaoke-channels-title{font-size:1.4em}.header-buttons{flex-direction:column;gap:6px;width:100%}.karaoke-channels-card{max-width:95%;padding:10px}.section-title{font-size:1.3em}.karaoke-channels-input{font-size:.9em;padding:6px}.karaoke-channels-button{font-size:.9em;min-height:44px;padding:6px 10px;width:100%}.channel-list{max-height:250px}.channel-item{align-items:flex-start;flex-direction:column;padding:6px}.channel-title{font-size:.9em}.channel-text{font-size:.8em}.channel-actions{justify-content:flex-end;width:100%}.modal-content{max-height:90vh;padding:10px;width:95%}.modal-title{font-size:1.3em}.modal-buttons{flex-direction:column;gap:6px}}.change-password-container{align-items:center;background:linear-gradient(180deg,#1e3a8a,#3b82f6);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.change-password-logo{height:auto;margin-bottom:30px;width:400px}.change-password-card{background:#0000004d;border-radius:10px;box-shadow:0 0 20px #22d3ee80;max-width:400px;padding:30px;width:100%}.change-password-title{font-size:28px;margin-bottom:20px;text-align:center;text-shadow:0 0 10px #22d3ee}.change-password-error{color:#f97316;font-size:14px;margin-bottom:15px;text-align:center}.change-password-form{display:flex;flex-direction:column}.change-password-form label{color:#22d3ee;font-size:16px;margin-bottom:5px}.change-password-input{background:#ffffffe6;border:none;border-radius:8px;box-shadow:inset 0 0 5px #22d3ee4d;font-size:16px;margin-bottom:15px;padding:12px;width:100%}.change-password-input:focus{box-shadow:0 0 10px #22d3ee;outline:none}.change-password-button{background:#22d3ee;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;margin-bottom:10px;padding:12px;transition:background .2s}.change-password-button:hover{background:#06b6d4}.secondary-button{background:#ccc;color:#333}.secondary-button:hover{background:#bbb}@media (max-width:991px){.change-password-container.mobile-change-password{padding:15px}.change-password-logo{margin-bottom:25px;width:350px}.change-password-card{max-width:450px;padding:25px}.change-password-title{font-size:26px}.change-password-error{font-size:13px}.change-password-form label{font-size:15px}.change-password-input{font-size:15px;margin-bottom:12px;padding:10px}.change-password-button{font-size:15px;min-height:44px;padding:10px}}@media (max-width:767px){.change-password-container.mobile-change-password{padding:10px}.change-password-logo{margin-bottom:20px;width:300px}.change-password-card{max-width:90%;padding:20px}.change-password-title{font-size:24px}.change-password-error{font-size:12px}.change-password-form label{font-size:14px}.change-password-input{font-size:14px;margin-bottom:10px;padding:8px}.change-password-button{font-size:14px;min-height:44px;padding:8px}}.profile-container{align-items:center;background:linear-gradient(180deg,#1e3a8a,#3b82f6);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.profile-title{color:#22d3ee;font-size:28px;margin-bottom:20px;text-shadow:0 0 5px #22d3ee}.profile-text{color:#ddd;font-size:16px;margin-bottom:20px}.profile-button{background:#22d3ee;border:none;border-radius:8px;box-shadow:0 0 10px #22d3ee80;color:#000;cursor:pointer;font-size:16px;margin-bottom:10px;padding:12px 24px}.profile-button:hover{background:#06b6d4}.secondary-button{background:#6c757d;color:#fff}.secondary-button:hover{background:#5a6268}@media (max-width:991px){.profile-container.mobile-profile{padding:15px}.profile-title{font-size:24px}.profile-text{font-size:14px}.profile-button{font-size:14px;min-height:44px;padding:10px 20px}}@media (max-width:767px){.profile-container.mobile-profile{padding:10px}.profile-title{font-size:20px}.profile-text{font-size:12px}.profile-button{font-size:12px;min-height:44px;padding:8px 16px;width:100%}}.add-requests-container{background:linear-gradient(180deg,#1e3a8a,#3b82f6);color:#fff;margin:0 auto;max-width:1200px;padding:20px}.add-requests-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-requests-title{color:#22d3ee;font-size:1.8em;text-shadow:0 0 5px #22d3ee}.header-buttons{display:flex;gap:10px}.action-button{background:#22d3ee;border:none;border-radius:4px;box-shadow:0 0 10px #22d3ee80;color:#000;cursor:pointer;font-size:1em;padding:8px 16px}.action-button:hover{background:#06b6d4}.back-button{background:#22d3ee;border:none;border-radius:4px;box-shadow:0 0 10px #22d3ee80;color:#000;cursor:pointer;font-size:1em;padding:8px 16px}.back-button:hover{background:#06b6d4}.add-requests-content{background:#0000004d;border-radius:8px;box-shadow:0 0 20px #22d3ee80;padding:20px}.error-text{color:#f97316;font-size:.9em;margin-bottom:10px}.search-section{margin-bottom:20px}.search-bar-container{align-items:center;display:flex;gap:10px}.search-bar{background:#ffffffe6;border:none;border-radius:4px;box-shadow:inset 0 0 5px #22d3ee4d;flex:1 1;font-size:1em;padding:10px}.search-bar:focus{box-shadow:0 0 10px #22d3ee;outline:none}.reset-button,.search-button{border:none;border-radius:4px;cursor:pointer;padding:10px}.search-button{background:#22d3ee;color:#000}.search-button:hover{background:#06b6d4}.reset-button{background:#f97316;color:#fff}.reset-button:hover{background:#e06614}.added-songs-section{margin-top:20px}.added-songs-list{list-style:none;padding:0}.added-songs-list li{border-bottom:1px solid #fff3;padding:10px 0}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#0000004d;border-radius:8px;box-shadow:0 0 20px #22d3ee80;color:#fff;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;width:90%}.modal-title{color:#22d3ee;font-size:1.5em;margin-bottom:10px;text-shadow:0 0 5px #22d3ee}.modal-text{color:#ddd}.modal-text,.requestor-select{font-size:1em;margin-bottom:10px}.requestor-select{background:#ffffffe6;border:none;border-radius:4px;box-shadow:inset 0 0 5px #22d3ee4d;padding:10px;width:100%}.requestor-select:focus{box-shadow:0 0 10px #22d3ee;outline:none}.song-actions{display:flex;gap:10px;justify-content:flex-end}.modal-cancel{background:#ccc;border:none;border-radius:4px;color:#333;cursor:pointer;padding:8px 16px}.modal-cancel:hover{background:#bbb}@media (max-width:991px){.add-requests-container.mobile-add-requests{max-width:100%;padding:15px}.add-requests-header{align-items:flex-start;flex-direction:column;gap:10px}.add-requests-title{font-size:1.6em}.header-buttons{justify-content:flex-end;width:100%}.add-requests-content{padding:15px}.search-bar-container{gap:8px}.search-bar{font-size:.95em;padding:8px}.reset-button,.search-button{font-size:.95em;min-height:44px;padding:8px}.added-songs-list li{font-size:.95em;padding:8px 0}.modal-content{max-height:85vh;padding:15px;width:80%}.modal-title{font-size:1.4em}.modal-text{font-size:.95em}.requestor-select{font-size:.95em;padding:8px}.action-button,.modal-cancel{font-size:.95em;min-height:44px;padding:8px 14px}}@media (max-width:767px){.add-requests-container.mobile-add-requests{padding:10px}.add-requests-title{font-size:1.4em}.add-requests-content{padding:10px}.search-bar-container{flex-wrap:wrap;gap:6px}.search-bar{font-size:.9em;padding:6px}.reset-button,.search-button{font-size:.9em;min-height:44px;padding:6px;width:100%}.added-songs-section{margin-top:15px}.added-songs-list li{font-size:.9em;padding:6px 0}.modal-content{max-height:90vh;padding:10px;width:95%}.modal-title{font-size:1.3em}.modal-text{font-size:.9em}.requestor-select{font-size:.9em;padding:6px}.song-actions{flex-direction:column;gap:8px}.action-button,.modal-cancel{font-size:.9em;min-height:44px;padding:6px 12px;width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.098edc32.css.map*/