.now-playing-bar{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#0a0118e0;border-top:1px solid #a855f740;padding:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #a855f71f}.player-content{align-items:center;gap:30px;max-width:1400px;margin:0 auto;padding:20px;display:flex}.now-playing-info{flex:1;min-width:0}.now-playing-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:.82em}.now-playing-station{color:#22d3ee;font-size:1.3em;font-weight:700}.controls{align-items:center;gap:15px;display:flex}.now-playing-bar .progress-bar-container{background:#581c8733;width:100%;padding:0}.now-playing-bar .progress-bar{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:6px;margin:0}.now-playing-bar .progress-bar::-webkit-slider-track{background:linear-gradient(to right, #ec4899 0%, #ec4899 var(--progress,0%), #581c8766 var(--progress,0%), #581c8766 100%);border-radius:0;width:100%;height:6px}.now-playing-bar .progress-bar::-webkit-slider-thumb{appearance:none;cursor:pointer;opacity:0;background:#ec4899;border-radius:50%;width:14px;height:14px;transition:opacity .2s;box-shadow:0 0 8px #ec489999}.now-playing-bar .progress-bar:hover::-webkit-slider-thumb{opacity:1}.now-playing-bar .progress-bar::-moz-range-track{background:#581c8766;border-radius:0;width:100%;height:6px}.now-playing-bar .progress-bar::-moz-range-progress{background:#ec4899;border-radius:0;height:6px}.now-playing-bar .progress-bar::-moz-range-thumb{cursor:pointer;opacity:0;background:#ec4899;border:none;border-radius:50%;width:14px;height:14px;transition:opacity .2s;box-shadow:0 0 8px #ec489999}.now-playing-bar .progress-bar:hover::-moz-range-thumb{opacity:1}.now-playing-content{align-items:center;gap:20px;max-width:1400px;margin:0 auto;padding:15px 20px;display:flex}.now-playing-track{color:#22d3ee;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:1.05em;font-weight:600;overflow:hidden}.now-playing-time{color:#a78bfa;white-space:nowrap;align-items:center;font-family:Courier New,monospace;font-size:.9em;font-weight:600;display:flex}.now-playing-playlist{color:#9ca3af;font-size:.85em}.player-controls{align-items:center;gap:15px;display:flex}.playback-controls{background:#a855f714;border:1px solid #a855f740;border-radius:25px;gap:0;padding:5px;display:flex}.control-button{color:#a855f7;cursor:pointer;background:0 0;border:1px solid #a855f759;border-radius:20px;min-width:46px;padding:9px 18px;font-size:1.1em;font-weight:600;transition:all .2s}.control-button:hover{background:#a855f733;border-color:#a855f799;transform:scale(1.05);box-shadow:0 0 14px #a855f74d}.playback-controls .control-button{box-shadow:none;color:#a855f7;border:none;border-radius:20px;padding:9px 14px}.playback-controls .control-button:hover{background:#a855f733;transform:scale(1.1);box-shadow:0 0 10px #a855f740}.control-button.shuffle-on{color:#e879f9;background:#a855f74d;border-color:#a855f7b3;box-shadow:0 0 14px #a855f759}.volume-control{align-items:center;gap:10px;display:flex}.volume-icon{color:#9ca3af;font-size:1.2em}.volume-value{color:#9ca3af;min-width:38px;font-size:.9em}.volume-control input[type=range]{width:120px}.wave-animation{pointer-events:none;z-index:999;opacity:1;height:60px;transition:opacity .5s;position:fixed;bottom:80px;left:0;right:0;overflow:hidden}.wave-line{background:linear-gradient(90deg,#0000 0%,#ec4899 25%,#a855f7 50%,#22d3ee 75%,#0000 100%);width:100%;height:3px;animation:3s linear infinite flowWave;position:absolute}.wave-line:first-child{animation-duration:3s;animation-delay:0s;top:10px}.wave-line:nth-child(2){opacity:.7;animation-duration:4s;animation-delay:.5s;top:25px}.wave-line:nth-child(3){opacity:.5;animation-duration:3.5s;animation-delay:1s;top:40px}@keyframes flowWave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=768px){.player-content{flex-direction:column;gap:15px}.controls,.volume-control{justify-content:center;width:100%}}.login-page{justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-container{-webkit-backdrop-filter:blur(16px);z-index:1;background:#00000073;border:1px solid #a855f740;border-radius:20px;width:100%;max-width:400px;padding:40px;position:relative;box-shadow:0 0 40px #a855f71f}.login-container h1{filter:drop-shadow(0 0 16px #ec489959);text-align:center;margin-bottom:10px;font-size:1.9em}.login-container .subtitle{text-align:center;color:#9ca3af;margin-bottom:30px;font-size:.9em}.login-container .form-group{margin-bottom:20px}.login-container label{color:#c4b5fd;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.9em;font-weight:600;display:block}.login-container input[type=password]{color:#f0f0f0;background:#00000059;border:1px solid #22d3ee40;border-radius:8px;width:100%;padding:12px 14px;font-size:1em;transition:border-color .3s,box-shadow .3s}.login-container input[type=password]:focus{border-color:#22d3ee99;outline:none;box-shadow:0 0 15px #22d3ee33}.login-container input[type=password]::placeholder{color:#9ca3af99}.login-container button{border-radius:8px;width:100%;padding:12px 24px}.login-container button:hover:not(:disabled){transform:translateY(-2px)}.login-error{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef444440;border-radius:6px;margin-top:12px;padding:8px;font-size:.9em}.radio-page .container{z-index:1;max-width:1200px;margin:0 auto;padding-bottom:160px;position:relative}.radio-page header{text-align:center;margin-bottom:40px}.radio-page h1{filter:drop-shadow(0 0 20px #ec489959);margin-bottom:10px;font-size:3em}.radio-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:30px;display:grid}.radio-card{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#0006;border:1px solid #a855f733;border-radius:14px;padding:16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 20px #a855f70f}.radio-card:before{content:"";background:linear-gradient(90deg,#ec4899,#a855f7,#22d3ee);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.radio-card:hover{border-color:#a855f773;transform:translateY(-4px);box-shadow:0 0 25px #a855f733}.radio-card:hover:before{transform:scaleX(1)}.radio-card.playing{background:linear-gradient(135deg,#a855f740 0%,#ec48992e 100%);border-color:#a855f78c;box-shadow:0 0 30px #a855f740}.radio-card.playing:before{transform:scaleX(1)}.radio-name{word-break:break-word;color:#e2d9f3;margin-bottom:8px;font-size:1.1em;font-weight:700}.radio-card.playing .radio-name{color:#e879f9}.current-track{white-space:nowrap;text-overflow:ellipsis;color:#c4b5fd;background:#581c8740;border-radius:6px;margin-top:8px;padding:7px 9px;font-size:.78em;font-style:italic;overflow:hidden}.radio-card.playing .current-track{color:#f0abfc;background:#a855f733}.radio-status{color:#9ca3af;align-items:center;margin-top:10px;font-size:.8em;font-weight:600;display:flex}.radio-card.playing .radio-status{color:#c084fc}.radio-status.paused{color:#fb923c}.status-dot{background:#34d399;border-radius:50%;width:8px;height:8px;margin-right:6px}.status-dot.playing{background:#ec4899;animation:1.5s infinite pulse;box-shadow:0 0 6px #ec4899b3}.status-dot.paused{background:#fb923c}.no-radios{text-align:center;color:#9ca3af;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000059;border:1px solid #a855f733;border-radius:20px;padding:40px;font-size:1.2em}.app-loading,.radio-loading{z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.loader{border:6px solid #a855f733;border-top-color:#a855f7;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}.loading-text{color:#fff;font-size:1.3em;font-weight:600}.music-page .container{z-index:1;flex-direction:column;max-width:1400px;height:calc(100vh - 20px);margin:0 auto;padding-top:0;padding-bottom:120px;display:flex;position:relative}.music-page header{text-align:center;margin-bottom:20px}.music-page h1{filter:drop-shadow(0 0 20px #ec489959);margin-bottom:10px;font-size:2.8em}.music-subtitle{color:#fff;text-align:center;opacity:.8;margin-bottom:20px}.content-wrapper{flex:1;gap:16px;display:flex;overflow:hidden}.playlists-column{-webkit-backdrop-filter:blur(12px);background:#0006;border:1px solid #a855f733;border-radius:20px;flex-direction:column;flex:0 0 300px;padding:25px;display:flex;box-shadow:0 0 30px #a855f714}.tracks-column{-webkit-backdrop-filter:blur(12px);background:#0006;border:1px solid #22d3ee33;border-radius:20px;flex-direction:column;flex:1;min-width:0;padding:25px;display:flex;overflow:hidden;box-shadow:0 0 30px #22d3ee14}.section-title{color:#a78bfa;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:1.1em;font-weight:700}.tracks-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tracks-header .section-title{margin-bottom:0}.random-button{color:#a855f7;cursor:pointer;background:0 0;border:1px solid #a855f766;border-radius:20px;padding:8px 18px;font-size:.9em;font-weight:600;transition:all .2s;box-shadow:0 0 10px #a855f726}.random-button:hover:not(:disabled){background:#a855f726;border-color:#a855f7b3;transform:scale(1.05);box-shadow:0 0 18px #a855f759}.random-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.search-box{width:100%;max-width:600px;margin-bottom:25px;margin-left:auto;margin-right:auto;position:relative}.search-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0f0f0;background:#00000059;border:1px solid #22d3ee40;border-radius:10px;outline:none;width:100%;padding:12px 40px 12px 15px;font-size:1em;transition:border-color .3s,box-shadow .3s}.search-input::placeholder{color:#9ca3afb3}.search-input:focus{border-color:#22d3ee99;box-shadow:0 0 15px #22d3ee33}.clear-search{color:#22d3eeb3;cursor:pointer;font-size:1.2em;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.clear-search:hover{color:#22d3ee}.playlist-list{flex:1;padding-right:10px;overflow-y:auto}.playlist-item{cursor:pointer;background:#581c871f;border:1px solid #a855f72e;border-radius:10px;margin-bottom:8px;padding:13px 15px;transition:all .25s}.playlist-item:hover{background:#581c8740;border-color:#a855f773;transform:translate(4px);box-shadow:0 0 12px #a855f733}.playlist-item.active{background:linear-gradient(135deg,#a855f74d 0%,#ec489933 100%);border-color:#a855f799;box-shadow:0 0 16px #a855f74d}.playlist-item-name{color:#e2d9f3;margin-bottom:4px;font-size:1em;font-weight:600}.playlist-item.active .playlist-item-name{color:#e879f9}.playlist-item-count{color:#9ca3af;font-size:.82em}.playlist-item.active .playlist-item-count{color:#d8b4fe}.playlist-item.special{background:#ec48991a;border-color:#ec489940}.playlist-item.special:hover{background:#ec489933;border-color:#ec489980;box-shadow:0 0 12px #ec489933}.playlist-item.special.active{background:linear-gradient(135deg,#ec48994d 0%,#a855f733 100%);border-color:#ec4899a6;box-shadow:0 0 16px #ec48994d}.playlist-item.special .playlist-item-name{color:#f9a8d4}.playlist-item.special.active .playlist-item-name{color:#f472b6}.playlist-divider{background:#a855f726;height:1px;margin:10px 0}.track-list{flex:1;min-width:0;padding-right:10px;overflow:hidden auto}.file-item{cursor:pointer;background:linear-gradient(135deg,#581c8726,#9d174d1f);border:1px solid #a855f733;border-radius:12px;align-items:center;gap:12px;margin-bottom:7px;padding:12px 14px;transition:all .2s;display:flex}.file-item:hover{background:linear-gradient(135deg,#581c8738,#9d174d2e);border-color:#22d3ee66;box-shadow:0 0 16px #22d3ee1f}.file-item.playing{background:linear-gradient(135deg,#22d3ee1a,#3b82f614);border-color:#22d3ee73;box-shadow:0 0 16px #22d3ee26}.file-metadata{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.file-name{color:#e2d9f3;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.98em;font-weight:600;overflow:hidden}.file-item.playing .file-name{color:#22d3ee}.file-metadata-row{align-items:center;gap:8px;display:flex}.file-metadata-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;min-width:38px;font-size:.7em;font-weight:600}.file-metadata-value{text-overflow:ellipsis;white-space:nowrap;color:#f0f0f0;flex:1;min-width:0;font-size:.9em;overflow:hidden}.file-item.playing .file-metadata-value{color:#22d3ee}.album-art-thumbnail{object-fit:cover;pointer-events:none;background:linear-gradient(135deg,#a855f733,#ec489933);border:1px solid #a855f74d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 0 10px #a855f72e}.file-item.playing .album-art-thumbnail{border-color:#22d3ee80;box-shadow:0 0 18px #22d3ee4d}.album-art-thumbnail.no-art{color:#a78bfa;opacity:.7;font-size:20px}.album-art-thumbnail img{object-fit:cover;pointer-events:none;border-radius:8px;width:100%;height:100%}.track-playing-indicator{color:#22d3ee;text-align:center;flex-shrink:0;width:18px;font-size:.85em;transition:opacity .2s}.download-button{color:#a855f7;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #a855f766;border-radius:16px;flex-shrink:0;padding:6px 12px;font-size:.8em;font-weight:600;transition:all .2s}.download-button:hover:not(:disabled){background:#a855f726;border-color:#a855f7b3;box-shadow:0 0 12px #a855f74d}.download-button:disabled{cursor:default;opacity:.8}.download-button.done{color:#34d399;opacity:1;border-color:#34d39980}.empty-state{height:100%;color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.empty-state-icon{opacity:.3;margin-bottom:20px;font-size:4em}.empty-state-text{font-size:1.2em}.loading{justify-content:center;align-items:center;padding:40px;display:flex}.spinner{border:4px solid #a855f726;border-top-color:#a855f7;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.playlist-list::-webkit-scrollbar{display:none}.track-list::-webkit-scrollbar{display:none}.playlist-list,.track-list{-ms-overflow-style:none;scrollbar-width:none}@media (width<=1024px){.content-wrapper{flex-direction:column}.playlists-column{flex:none;max-height:40%}}:root{--card-bg:#0a041eb3;--text-primary:#f0f0f0;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--card-shadow:#a855f740;--header-text:#22d3ee;--border-color:#a855f766;--danger-color:#f87171;--success-color:#34d399}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-page .container{z-index:1;flex-direction:column;max-width:1400px;margin:0 auto;padding-top:0;padding-bottom:120px;display:flex;position:relative}.admin-page h1{text-align:center;background:linear-gradient(90deg,#ec4899,#a855f7,#22d3ee);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #ec489959);text-overflow:ellipsis;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin-top:20px;margin-bottom:20px;font-size:2.5em;overflow:hidden}.admin-page .admin-tabs{-webkit-backdrop-filter:blur(10px);background:#00000059;border:1px solid #22d3ee26;border-radius:30px;justify-content:center;gap:6px;width:fit-content;margin-bottom:25px;margin-left:auto;margin-right:auto;padding:5px;display:flex}.admin-page .admin-tab-btn{color:#9ca3af;cursor:pointer;letter-spacing:.03em;background:0 0;border:none;border-radius:25px;padding:10px 32px;font-size:1em;font-weight:600;transition:all .3s}.admin-page .admin-tab-btn:hover{color:#e2e8f0}.admin-page .admin-tab-btn.active{color:#fff;background:linear-gradient(135deg,#22d3ee,#3b82f6);box-shadow:0 0 20px #22d3ee73}.admin-page .admin-tab-btn.tab-radio.active{background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 0 20px #a855f773}.admin-page .radio-description{color:var(--text-secondary);margin-bottom:15px;font-size:.9em}.admin-page .admin-section{display:none}.admin-page .admin-section.active{display:block}.admin-page .admin-grid{grid-template-columns:300px 1fr;gap:20px;min-height:600px;display:grid}.admin-page .folder-panel,.admin-page .files-panel{-webkit-backdrop-filter:blur(12px);background:#0006;border:1px solid #a855f733;border-radius:20px;flex-direction:column;height:1000px;padding:25px;display:flex;box-shadow:0 0 30px #a855f714}.admin-page .files-panel{border-color:#22d3ee33;box-shadow:0 0 30px #22d3ee14}.admin-page .panel-header{color:#a78bfa;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #a855f740;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;font-size:1.15em;font-weight:700;display:flex}.admin-page .files-panel .panel-header{color:#22d3ee;border-bottom-color:#22d3ee40}.admin-page .panel-header-title{flex:1}.admin-page .btn-add-folder{color:#e879f9;cursor:pointer;letter-spacing:.03em;background:linear-gradient(135deg,#a855f74d,#ec48994d);border:1px solid #a855f766;border-radius:20px;padding:6px 14px;font-size:.78em;font-weight:700;transition:all .3s}.admin-page .btn-add-folder:hover{background:linear-gradient(135deg,#a855f780,#ec489980);transform:scale(1.05);box-shadow:0 0 14px #a855f766}.admin-page .top-right-buttons{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#0006;border:1px solid #ffffff0f;border-radius:30px;flex-direction:row;align-items:center;gap:8px;padding:6px 10px;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 24px #0006}.admin-page .top-btn{color:#22d3ee;cursor:pointer;letter-spacing:.03em;white-space:nowrap;background:0 0;border:1px solid #22d3ee40;border-radius:20px;padding:7px 16px;font-size:.85em;font-weight:600;transition:all .25s}.admin-page .top-btn:hover{background:#22d3ee1a;border-color:#22d3ee80;box-shadow:0 0 14px #22d3ee40}.admin-page .top-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.admin-page .top-btn.btn-restart{color:#f87171;border-color:#f8717159}.admin-page .top-btn.btn-restart:hover{background:#f871711a;border-color:#f8717199;box-shadow:0 0 18px #f871714d}.admin-page .top-btn.btn-logs{color:#34d399;border-color:#34d39959}.admin-page .top-btn.btn-logs:hover{background:#34d3991a;border-color:#34d39999;box-shadow:0 0 18px #34d3994d}.admin-page .logs-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.admin-page .logs-modal.active{display:flex}.admin-page .logs-modal-content{-webkit-backdrop-filter:blur(20px);background:#0a0118eb;border:1px solid #34d39940;border-radius:20px;flex-direction:column;width:90%;max-width:900px;height:80%;display:flex;box-shadow:0 0 50px #34d3991a,0 20px 60px #00000080}.admin-page .logs-modal-header{color:#34d399;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #34d39933;justify-content:space-between;align-items:center;padding:18px 24px;font-size:1.1em;font-weight:700;display:flex}.admin-page .logs-modal-body{color:#a7f3d0;white-space:pre-wrap;word-wrap:break-word;background:#00000080;border:1px solid #34d39926;border-radius:10px;flex:1;margin:12px 16px;padding:16px;font-family:Courier New,monospace;font-size:.82em;line-height:1.6;overflow-y:auto}.admin-page .logs-modal-footer{border-top:1px solid #34d39926;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.admin-page .btn-refresh-logs{color:#34d399;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #34d39966;border-radius:8px;padding:7px 20px;font-size:.85em;font-weight:600;transition:all .2s;box-shadow:0 0 10px #34d3991a}.admin-page .btn-refresh-logs:hover{background:#34d3991a;border-color:#34d399b3;box-shadow:0 0 20px #34d3994d}.admin-page .search-bar{color:#f0f0f0;-webkit-backdrop-filter:blur(8px);background:#00000059;border:1px solid #22d3ee40;border-radius:12px;width:100%;margin-bottom:15px;padding:12px 16px;font-size:1em;transition:all .3s;box-shadow:inset 0 0 0 1px #22d3ee0d}.admin-page .search-bar::placeholder{color:#6b7280}.admin-page .search-bar:focus{background:#00000080;border-color:#22d3ee99;outline:none;box-shadow:0 0 16px #22d3ee33,inset 0 0 0 1px #22d3ee1a}.admin-page .folder-list,.admin-page .file-list{flex:1;padding-right:15px;overflow-y:auto}.admin-page .file-list{overflow-x:hidden}.admin-page .folder-item{cursor:pointer;color:#d1d5db;background:#a855f714;border:1px solid #a855f72e;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:7px;margin-right:5px;padding:11px 14px;font-weight:500;transition:all .25s;display:flex}.admin-page .folder-item:hover{color:#f0f0f0;background:#a855f72e;border-color:#a855f766;transform:translate(4px)}.admin-page .file-item{cursor:default;color:#fff;background:linear-gradient(135deg,#581c8726,#9d174d1f);border:1px solid #a855f733;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:8px;margin-right:5px;padding:14px;font-weight:500;transition:all .3s;display:flex}.admin-page .file-item:hover{background:linear-gradient(135deg,#581c8738,#9d174d2e);border-color:#22d3ee66;box-shadow:0 0 20px #22d3ee26}.admin-page .file-item.playing{background:linear-gradient(135deg,#22d3ee1f,#3b82f61a);border-color:#22d3ee80;box-shadow:0 0 18px #22d3ee33}.admin-page .file-item.playing .file-metadata-value{color:#22d3ee}.admin-page .folder-item.active{color:#f0f0f0;background:#a855f738;border:1px solid #a855f78c;box-shadow:0 0 16px #a855f733}.admin-page .folder-info{cursor:pointer;flex-direction:column;flex:1;display:flex}.admin-page .btn-delete-folder{color:#f87171;cursor:pointer;background:#f871711a;border:1px solid #f871714d;border-radius:6px;padding:4px 10px;font-size:.7em;font-weight:600;transition:all .2s}.admin-page .btn-delete-folder:hover{background:#f8717138;box-shadow:0 0 8px #f871714d}.admin-page .file-name{text-overflow:ellipsis;white-space:nowrap;cursor:text;flex:1;min-width:0;max-width:600px;margin-right:10px;overflow:hidden}.admin-page .file-name:hover{text-decoration:underline}.admin-page .file-metadata{flex-direction:column;flex:1;gap:5px;min-width:0;margin-right:10px;display:flex}.admin-page .file-metadata-row{align-items:center;gap:8px;display:flex}.admin-page .file-metadata-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;min-width:45px;font-size:.72em;font-weight:600}.admin-page .file-metadata-value{text-overflow:ellipsis;white-space:nowrap;cursor:text;color:#f0f0f0;border-radius:5px;flex:1;min-width:0;padding:2px 8px;font-size:.9em;transition:background .2s;overflow:hidden}.admin-page .file-metadata-value:hover{background:#ffffff14}.admin-page .file-name-input{color:#fff;min-width:0;max-width:600px;font-weight:500;font-size:inherit;background:#fff3;border:2px solid #fff;border-radius:5px;flex:1;margin-right:10px;padding:5px 10px}.admin-page .file-name-input:focus{background:#ffffff4d;outline:none}.admin-page .file-actions{flex-shrink:0;gap:10px;display:flex}.admin-page .btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:.85em;font-weight:600;transition:all .2s}.admin-page .btn:hover{transform:scale(1.05)}.admin-page .btn-danger{color:#f87171;background:#f871711f;border:1px solid #f871714d}.admin-page .btn-danger:hover{background:#f8717138;box-shadow:0 0 10px #f871714d}.admin-page .btn-move{color:#22d3ee;background:#22d3ee1f;border:1px solid #22d3ee4d}.admin-page .btn-move:hover{background:#22d3ee38;box-shadow:0 0 10px #22d3ee4d}.admin-page .album-art-thumbnail{cursor:pointer;object-fit:cover;background:linear-gradient(135deg,#a855f740,#ec489940);border:1px solid #a855f74d;border-radius:10px;flex-shrink:0;width:56px;height:56px;margin-right:12px;transition:all .25s;box-shadow:0 0 12px #a855f740}.admin-page .album-art-thumbnail:hover{border-color:#22d3ee;transform:scale(1.07);box-shadow:0 0 20px #22d3ee66}.admin-page .album-art-thumbnail.no-art{color:#a78bfa;opacity:.7;justify-content:center;align-items:center;font-size:24px;display:flex}.admin-page .btn-play{color:#a78bfa;background:#a855f726;border:1px solid #a855f759}.admin-page .btn-play:hover{background:#a855f747;box-shadow:0 0 12px #a855f766}.admin-page .btn-play.playing{color:#fbbf24;background:#fbbf2426;border-color:#fbbf2459}.admin-page .btn-split{color:#60a5fa;cursor:pointer;background:#3b82f61f;border:1px solid #3b82f64d;border-radius:6px;flex-shrink:0;align-self:center;margin-right:12px;padding:8px 12px;font-size:.85em;font-weight:600;transition:all .2s}.admin-page .btn-split:hover{background:#3b82f638;transform:scale(1.05);box-shadow:0 0 10px #3b82f64d}.admin-page .empty-state{text-align:center;color:var(--text-tertiary);padding:40px;font-size:1.1em}.admin-page .modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.admin-page .modal.active{display:flex}.admin-page .modal-content{-webkit-backdrop-filter:blur(20px);background:#0a0118eb;border:1px solid #a855f740;border-radius:16px;width:90%;max-width:500px;padding:30px;box-shadow:0 0 50px #a855f71a,0 20px 60px #00000080}.admin-page .modal-header{color:#a78bfa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;font-size:1.3em;font-weight:700}.admin-page .modal-body{color:#d1d5db;max-height:70vh;margin-bottom:24px;line-height:1.6;overflow-y:auto}.admin-page .modal-body strong{color:#e879f9}.admin-page .modal-footer{justify-content:flex-end;gap:10px;display:flex}.admin-page .btn-secondary{color:#9ca3af;background:0 0;border:1px solid #9ca3af4d;padding:10px 20px}.admin-page .btn-secondary:hover{color:#e2e8f0;background:#9ca3af1a;border-color:#9ca3af80}.admin-page .btn-primary{color:#a855f7;background:0 0;border:1px solid #a855f773;padding:10px 20px;box-shadow:0 0 10px #a855f726}.admin-page .btn-primary:hover{background:#a855f72e;border-color:#a855f7b3;box-shadow:0 0 18px #a855f74d}.admin-page select{color:#e2d9f3;background:#0006;border:1px solid #a855f74d;border-radius:8px;outline:none;width:100%;margin-top:10px;padding:10px 12px;font-size:1em;transition:border-color .2s,box-shadow .2s}.admin-page select:focus{border-color:#a855f799;box-shadow:0 0 12px #a855f733}.admin-page select option{color:#e2d9f3;background:#1a0a2e}.admin-page .youtube-download{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#a855f714,#ec48990d);border:1px solid #a855f733;border-radius:20px;margin-bottom:20px;padding:24px;box-shadow:0 0 30px #a855f714}.admin-page .youtube-download h2{color:#a78bfa;text-transform:uppercase;letter-spacing:.06em;margin-bottom:15px;font-size:1.1em;font-weight:700}.admin-page .youtube-download p{color:#6b7280}.admin-page .youtube-form{gap:10px;display:flex}.admin-page .youtube-input{color:#f0f0f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border:1px solid #a855f74d;border-radius:12px;flex:1;padding:12px 16px;font-size:1em;transition:all .3s}.admin-page .youtube-input::placeholder{color:#4b5563}.admin-page .youtube-input:focus{background:#00000080;border-color:#22d3ee80;outline:none;box-shadow:0 0 16px #22d3ee26}.admin-page .btn-download{color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:.02em;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:12px;padding:12px 28px;font-size:.95em;font-weight:600;transition:all .3s}.admin-page .btn-download:hover{transform:translateY(-1px);box-shadow:0 0 24px #a855f780}.admin-page .btn-download:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.admin-page .download-status{border-radius:10px;margin-top:12px;padding:10px 14px;font-size:.9em;display:none}.admin-page .download-status.show{display:block}.admin-page .download-status.success{color:#34d399;background:#34d3991a;border:1px solid #34d39959}.admin-page .download-status.error{color:#f87171;background:#f871711a;border:1px solid #f8717159}.admin-page .download-status.loading{color:#a78bfa;background:#a855f71a;border:1px solid #a855f759}.admin-page .stats{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.admin-page .stat-card{text-align:center;-webkit-backdrop-filter:blur(10px);border-radius:16px;flex:1;min-width:150px;padding:20px;transition:all .3s}.admin-page .stat-card:first-child{background:linear-gradient(135deg,#a855f71f,#ec489914);border:1px solid #a855f740;box-shadow:0 0 20px #a855f714}.admin-page .stat-card:nth-child(2){background:linear-gradient(135deg,#22d3ee1f,#3b82f614);border:1px solid #22d3ee40;box-shadow:0 0 20px #22d3ee14}.admin-page .stat-card:nth-child(3){background:linear-gradient(135deg,#ec48991f,#f9731614);border:1px solid #ec489940;box-shadow:0 0 20px #ec489914}.admin-page .stat-card:hover{transform:translateY(-2px)}.admin-page .stat-card:first-child:hover{box-shadow:0 0 30px #a855f733}.admin-page .stat-card:nth-child(2):hover{box-shadow:0 0 30px #22d3ee33}.admin-page .stat-card:nth-child(3):hover{box-shadow:0 0 30px #ec489933}.admin-page .stat-value{font-size:2.2em;font-weight:700}.admin-page .stat-card:first-child .stat-value{background:linear-gradient(90deg,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.admin-page .stat-card:nth-child(2) .stat-value{background:linear-gradient(90deg,#22d3ee,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.admin-page .stat-card:nth-child(3) .stat-value{background:linear-gradient(90deg,#ec4899,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.admin-page .stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-top:6px;font-size:.85em}.admin-page ::-webkit-scrollbar{width:8px}.admin-page ::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.admin-page ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.admin-page ::-webkit-scrollbar-thumb:hover{background:#667eea}.admin-page .album-art-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:10px;display:grid}.admin-page .album-art-item{cursor:pointer;background:#581c871a;border:1px solid #a855f733;border-radius:10px;transition:all .2s;overflow:hidden}.admin-page .album-art-item:hover{border-color:#a855f799;transform:scale(1.04);box-shadow:0 0 20px #a855f740}.admin-page .album-art-item.current-art{opacity:.8;border-color:#22d3ee80;box-shadow:0 0 14px #22d3ee33}.admin-page .album-art-item img{object-fit:cover;width:100%;height:180px;display:block}.admin-page .album-art-info{padding:8px 10px;font-size:.82em}.admin-page .album-art-info .artist{color:#e2d9f3;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:600;overflow:hidden}.admin-page .album-art-info .album{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:.9em;overflow:hidden}.admin-page .current-album-art{background:#22d3ee0f;border:1px solid #22d3ee33;border-radius:10px;margin-bottom:16px;padding:12px 15px}.admin-page .current-album-art h3{color:#22d3ee;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:.9em}.admin-page .current-album-art img{border:1px solid #22d3ee40;border-radius:8px;width:100%;max-width:200px;margin:0 auto;display:block}.admin-page .loading-spinner{text-align:center;color:#9ca3af;padding:40px;font-size:1em}.admin-page .loading-spinner:after{content:"⏳";animation:1s linear infinite spin}.admin-page #albumArtInfo{color:#9ca3af;margin-bottom:12px;font-size:.88em}.admin-page .audio-player{-webkit-backdrop-filter:blur(20px);z-index:1001;background:#0a0118e0;border-top:1px solid #ec489940;flex-direction:column;gap:8px;padding:12px 24px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #ec48991a}.admin-page .audio-player.active{display:flex}.admin-page .player-info{justify-content:space-between;align-items:center;gap:15px;display:flex}.admin-page .player-track-info{flex:1;min-width:0}.admin-page .player-track-name{color:#22d3ee;white-space:nowrap;text-overflow:ellipsis;font-size:.95em;font-weight:600;overflow:hidden}.admin-page .player-track-folder{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.78em;overflow:hidden}.admin-page .player-controls{align-items:center;gap:10px;display:flex}.admin-page .player-btn{color:#ec4899;cursor:pointer;background:0 0;border:1px solid #ec489966;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1em;transition:all .2s;display:flex;box-shadow:0 0 10px #ec489926}.admin-page .player-btn:hover{background:#ec48992e;border-color:#ec4899b3;transform:scale(1.1);box-shadow:0 0 16px #ec489959}.admin-page .progress-container{align-items:center;gap:10px;display:flex}.admin-page .progress-time{color:#a78bfa;text-align:center;min-width:40px;font-family:Courier New,monospace;font-size:.8em;font-weight:600}.admin-page .progress-bar-wrapper{cursor:pointer;background:#ec489926;border-radius:2px;flex:1;height:4px;transition:height .15s;position:relative;overflow:hidden}.admin-page .progress-bar-wrapper:hover{height:6px}.admin-page .progress-bar-fill{background:linear-gradient(90deg,#ec4899,#a855f7);border-radius:2px;width:0%;height:100%;transition:width .1s linear;box-shadow:0 0 8px #ec489980}.admin-page .progress-bar-wrapper:hover .progress-bar-fill{box-shadow:0 0 12px #ec4899b3}.admin-page .radio-list{flex-direction:column;gap:10px;margin-top:15px;display:flex}.admin-page .radio-item{background:linear-gradient(135deg,#a855f714,#ec48990d);border:1px solid #a855f738;border-radius:14px;align-items:center;gap:15px;padding:16px 20px;transition:all .25s;display:flex}.admin-page .radio-item:hover{background:linear-gradient(135deg,#a855f724,#ec489917);border-color:#a855f766;box-shadow:0 0 18px #a855f71f}.admin-page .radio-name{color:#e2e8f0;cursor:pointer;flex:1;font-size:1.05em;font-weight:600;transition:color .2s}.admin-page .radio-name:hover{color:#a78bfa}.admin-page .radio-folder-count{color:#6b7280;background:#a855f71a;border:1px solid #a855f733;border-radius:20px;margin-right:10px;padding:3px 10px;font-size:.85em}.admin-page .btn-radio-folders{color:#22d3ee;cursor:pointer;background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:8px;padding:8px 16px;font-size:.88em;font-weight:600;transition:all .25s}.admin-page .btn-radio-folders:hover{background:#22d3ee33;transform:scale(1.03);box-shadow:0 0 12px #22d3ee4d}.admin-page .btn-radio-delete{color:#f87171;cursor:pointer;background:#f871711a;border:1px solid #f871714d;border-radius:8px;padding:8px 16px;font-size:.88em;font-weight:600;transition:all .25s}.admin-page .btn-radio-delete:hover{background:#f8717133;transform:scale(1.03);box-shadow:0 0 12px #f871714d}.admin-page .btn-add-radio{color:#34d399;cursor:pointer;letter-spacing:.03em;background:linear-gradient(135deg,#34d3991f,#22d3ee1f);border:1px solid #34d3994d;border-radius:12px;width:100%;margin-top:15px;padding:12px 20px;font-size:.95em;font-weight:600;transition:all .25s}.admin-page .btn-add-radio:hover{background:linear-gradient(135deg,#34d39938,#22d3ee38);transform:translateY(-1px);box-shadow:0 0 16px #34d39940}.admin-page .folder-selection-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:400px;margin-top:15px;display:grid;overflow-y:auto}.admin-page .folder-checkbox-item{cursor:pointer;background:#a855f712;border:1px solid #a855f726;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex}.admin-page .folder-checkbox-item:hover{background:#a855f726;border-color:#a855f759}.admin-page .folder-checkbox-item input[type=checkbox]{cursor:pointer;accent-color:#a855f7;width:16px;height:16px}.admin-page .folder-checkbox-item label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#d1d5db;flex:1;font-size:.88em}.admin-page .radio-name-input{color:#f0f0f0;background:#0006;border:1px solid #a855f766;border-radius:8px;flex:1;padding:6px 12px;font-size:1.05em;font-weight:600}.admin-page .radio-name-input:focus{border-color:#22d3ee;outline:none;box-shadow:0 0 10px #22d3ee33}.admin-page .hidden{display:none}*{box-sizing:border-box;margin:0;padding:0}:root{--text-primary:#f0f0f0;--text-secondary:#d1d5db;--text-tertiary:#9ca3af}body{min-height:100vh;color:var(--text-primary);background-color:#0000;background-image:linear-gradient(#ff00ff0a 1px,#0000 1px),linear-gradient(90deg,#ff00ff0a 1px,#0000 1px),linear-gradient(135deg,#0a0118 0%,#1a0a2e 50%,#16003d 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:50px 50px,50px 50px,100% 100%;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}body.no-scroll{overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ec48991f 0%,#a855f714 50%,#0000 70%);border-radius:50%;width:600px;height:600px;position:fixed;top:-150px;right:-150px}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#22d3ee1a 0%,#3b82f612 50%,#0000 70%);border-radius:50%;width:600px;height:600px;position:fixed;bottom:-150px;left:-150px}.top-nav{z-index:1;justify-content:center;gap:40px;margin-bottom:10px;padding-top:20px;padding-bottom:15px;display:flex;position:relative}.top-nav a{color:#9ca3af;letter-spacing:.03em;background:0 0;border:none;padding:8px 16px;font-size:1.1em;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.nav-logo{background:linear-gradient(90deg,#ec4899,#a855f7,#22d3ee);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #a855f799);letter-spacing:.04em;cursor:default;-webkit-user-select:none;user-select:none;z-index:100;-webkit-background-clip:text;background-clip:text;font-size:2.2em;font-weight:700;position:fixed;top:24px;left:24px}.top-nav a:hover,.top-nav a.active{color:#22d3ee}.top-nav a.active:after{content:"";background:linear-gradient(90deg,#0000,#22d3ee,#0000);border-radius:2px;height:2px;position:absolute;bottom:0;left:16px;right:16px;box-shadow:0 0 10px #22d3ee99}h1{background:linear-gradient(90deg,#ec4899,#a855f7,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}button{color:#a855f7;cursor:pointer;background:0 0;border:1px solid #a855f766;border-radius:25px;padding:10px 22px;font-family:inherit;font-size:1em;font-weight:600;transition:all .2s;box-shadow:0 0 10px #a855f726}button:hover:not(:disabled){background:#a855f72e;border-color:#a855f7b3;transform:scale(1.05);box-shadow:0 0 18px #a855f759}button:active:not(:disabled){transform:scale(.95)}button:disabled{opacity:.35;cursor:not-allowed}input[type=range]{-webkit-appearance:none;background:#a855f740;border-radius:3px;outline:none;width:150px;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#a855f7;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 0 8px #a855f780}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{cursor:pointer;background:#a855f7;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #a855f780}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}