@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-app:#090b10;--bg-surface:#0f141f;--bg-surface-elevated:#161d2d;--bg-card:#161d2da6;--bg-card-hover:#1e293fd9;--bg-glass:#0f141fbf;--bg-glass-heavy:#090b10d9;--primary:#6366f1;--primary-glow:#6366f166;--primary-hover:#4f46e5;--secondary:#06b6d4;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--accent-gradient-hover:linear-gradient(135deg, #4f46e5 0%, #0891b2 100%);--accent-pink:#ec4899;--accent-emerald:#10b981;--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--border-subtle:#ffffff12;--border-highlight:#ffffff24;--border-glow:#6366f14d;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 40px #0009;--shadow-glow:0 0 24px var(--primary-glow);--ease-smooth:cubic-bezier(.16, 1, .3, 1);--transition-fast:all .15s var(--ease-smooth);--transition-normal:all .25s var(--ease-smooth);--transition-slow:all .4s var(--ease-smooth);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body,#root{background-color:var(--bg-app);width:100%;height:100%;color:var(--text-main);overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.ambient-glow-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-glow-circle-1{filter:blur(60px);background:radial-gradient(circle,#6366f11f 0%,#6366f100 70%);border-radius:50%;width:650px;height:650px;animation:12s ease-in-out infinite alternate pulse-glow;position:absolute;top:-15%;left:20%}.ambient-glow-circle-2{filter:blur(60px);background:radial-gradient(circle,#06b6d41a 0%,#06b6d400 70%);border-radius:50%;width:550px;height:550px;animation:14s ease-in-out infinite alternate-reverse pulse-glow;position:absolute;bottom:10%;right:15%}@keyframes pulse-glow{0%{opacity:.7;transform:scale(1)translate(0)}to{opacity:1;transform:scale(1.15)translate(30px,20px)}}.app-container{z-index:1;background:var(--bg-app);grid-template:"sidebar main"1fr"player player"90px/260px 1fr;width:100vw;height:100vh;transition:grid-template-columns .25s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.app-container.has-queue-open{grid-template-columns:260px 1fr 360px;grid-template-areas:"sidebar main queue""player player player"}@media (width<=1100px) and (width>=769px){.app-container.has-queue-open{grid-template-columns:220px 1fr 310px}}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:10;flex-direction:column;grid-area:sidebar;gap:24px;padding:24px 18px;display:flex}.brand-logo{align-items:center;gap:12px;padding:0 8px 8px;text-decoration:none;display:flex}.brand-icon-wrapper{background:var(--accent-gradient);width:40px;height:40px;box-shadow:var(--shadow-glow);border-radius:12px;justify-content:center;align-items:center;display:flex}.brand-title{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:19px;font-weight:800}.brand-badge{color:#818cf8;letter-spacing:.5px;background:#6366f133;border:1px solid #6366f166;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.nav-section-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-subtle);padding:8px 12px 4px;font-size:11px;font-weight:700}.nav-link{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.nav-link:hover{color:var(--text-main);background:#ffffff0d;transform:translate(3px)}.nav-link.active{color:#fff;background:var(--accent-gradient);box-shadow:0 4px 16px var(--primary-glow)}.sidebar-admin-card{background:linear-gradient(145deg,#6366f11f 0%,#06b6d40f 100%);border:1px solid #6366f140;border-radius:14px;flex-direction:column;gap:10px;margin-top:auto;padding:16px;display:flex}.sidebar-admin-title{color:var(--text-main);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.sidebar-admin-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.btn-sidebar-admin{color:var(--text-main);border:1px solid var(--border-highlight);cursor:pointer;transition:var(--transition-fast);background:#ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.btn-sidebar-admin:hover{background:#ffffff2e;border-color:#fff}.main-content{scroll-behavior:smooth;flex-direction:column;grid-area:main;padding-bottom:24px;display:flex;position:relative;overflow-y:auto}.main-header{z-index:20;background:var(--bg-glass-heavy);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;display:flex;position:relative}.search-box{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);width:100%;max-width:380px;transition:var(--transition-fast);border-radius:999px;align-items:center;gap:10px;padding:10px 18px;display:flex}.search-box:focus-within{border-color:var(--primary);background:var(--bg-surface);box-shadow:0 0 0 3px #6366f133}.search-box input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.search-box input::placeholder{color:var(--text-subtle)}.header-action-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--primary-glow);transition:var(--transition-fast);white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:flex}.header-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.page-body{flex-direction:column;gap:32px;padding:28px 32px;display:flex}.hero-banner{background:linear-gradient(135deg, #6366f133 0%, #06b6d426 100%), var(--bg-surface);border:1px solid var(--border-highlight);box-shadow:var(--shadow-md);border-radius:20px;justify-content:space-between;align-items:center;padding:32px;display:flex;position:relative;overflow:hidden}.hero-banner:before{content:"";filter:blur(40px);background:radial-gradient(circle,#6366f140 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50px;right:-50px}.hero-content{z-index:2;flex-direction:column;gap:12px;max-width:540px;display:flex}.hero-tag{text-transform:uppercase;letter-spacing:1px;color:#38bdf8;background:#ffffff1a;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.hero-title{letter-spacing:-.5px;color:#fff;font-size:28px;font-weight:800;line-height:1.2}.hero-desc{color:var(--text-muted);font-size:14px;line-height:1.5}.hero-btn{color:#0f172a;cursor:pointer;width:fit-content;transition:var(--transition-fast);background:#fff;border:none;border-radius:999px;align-items:center;gap:8px;margin-top:8px;padding:12px 24px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0000004d}.hero-btn:hover{background:#f1f5f9;transform:scale(1.04)}.hero-stats{z-index:2;gap:20px;display:flex}.hero-stat-box{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#0f141f99;border-radius:14px;min-width:110px;padding:16px 20px}.hero-stat-num{color:#fff;font-size:22px;font-weight:800}.hero-stat-label{color:var(--text-subtle);text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-title{color:#fff;letter-spacing:-.3px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.section-badge{background:var(--bg-surface-elevated);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.song-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.song-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex;position:relative}.song-card:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);box-shadow:var(--shadow-md);transform:translateY(-5px)}.song-card.playing{background:linear-gradient(180deg, #6366f11f 0%, var(--bg-card) 100%);border-color:#6366f180;box-shadow:0 8px 24px #6366f133}.card-cover-wrap{aspect-ratio:1;background:var(--bg-surface-elevated);border-radius:12px;width:100%;position:relative;overflow:hidden}.card-cover-img{object-fit:cover;width:100%;height:100%;transition:var(--transition-normal)}.song-card:hover .card-cover-img{transform:scale(1.05)}.card-cover-placeholder{width:100%;height:100%;color:var(--text-subtle);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;display:flex}.card-play-btn{background:var(--accent-gradient);color:#fff;width:44px;height:44px;box-shadow:0 4px 16px #00000080, 0 0 12px var(--primary-glow);opacity:0;transition:var(--transition-normal);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:10px;right:10px;transform:translateY(8px)scale(.9)}.song-card:hover .card-play-btn,.song-card.playing .card-play-btn{opacity:1;transform:translateY(0)scale(1)}.card-play-btn:hover{box-shadow:0 6px 20px var(--primary-glow);transform:scale(1.08)!important}.card-equalizer-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);background:#090b10bf;border-radius:999px;align-items:center;gap:3px;padding:4px 8px;display:flex;position:absolute;top:10px;left:10px}.eq-bar{background:var(--primary);border-radius:99px;width:3px;height:12px;animation:1s ease-in-out infinite alternate eq-bounce}.eq-bar:nth-child(2){background:var(--secondary);height:16px;animation-delay:.2s}.eq-bar:nth-child(3){background:var(--accent-pink);height:8px;animation-delay:.4s}@keyframes eq-bounce{0%{transform:scaleY(.3)}to{transform:scaleY(1.1)}}.card-meta{flex-direction:column;gap:4px;display:flex}.card-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.card-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.table-container{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;overflow:hidden}.modern-table{border-collapse:collapse;text-align:left;width:100%}.modern-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-subtle);border-bottom:1px solid var(--border-subtle);background:#ffffff05;padding:14px 20px;font-size:12px;font-weight:700}.modern-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);transition:var(--transition-fast);padding:12px 20px;font-size:14px}.modern-table tr:last-child td{border-bottom:none}.modern-table tr:hover td{color:var(--text-main);background:#ffffff0a}.modern-table tr.active-row td{color:var(--text-main);background:#6366f114}.table-track-cell{align-items:center;gap:14px;display:flex}.table-track-index{width:20px;color:var(--text-subtle);text-align:center;font-size:13px;font-weight:600}.table-track-thumb{object-fit:cover;background:var(--bg-surface-elevated);border-radius:8px;flex-shrink:0;width:44px;height:44px}.table-track-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.table-track-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.table-track-artist{color:var(--text-muted);font-size:12px}.active-row .table-track-title{color:#818cf8}.table-action-btn{width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:flex}.table-action-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.admin-grid{grid-template-columns:1fr 1.3fr;gap:24px;display:grid}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;flex-direction:column;gap:20px;padding:24px;display:flex}.panel-title{color:var(--text-main);align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-muted);font-size:13px;font-weight:600}.form-input{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-main);transition:var(--transition-fast);border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.dropzone-upload{cursor:pointer;transition:var(--transition-fast);text-align:center;background:#ffffff05;border:2px dashed #ffffff26;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:relative}.dropzone-upload:hover{border-color:var(--primary);background:#6366f10d}.dropzone-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.dropzone-icon{color:#818cf8}.dropzone-text{color:var(--text-main);font-size:13px;font-weight:600}.dropzone-sub{color:var(--text-subtle);font-size:11px}.file-selected-chip{color:#818cf8;word-break:break-all;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.btn-primary-submit{background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--primary-glow);transition:var(--transition-fast);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:13px 20px;font-size:14px;font-weight:700;display:flex}.btn-primary-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 22px #6366f180}.btn-primary-submit:disabled{opacity:.6;cursor:not-allowed}.alert-toast{border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;animation:.3s slide-down;display:flex}.alert-toast.success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.alert-toast.error{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.player-bar{background:var(--bg-glass-heavy);-webkit-backdrop-filter:blur(28px);border-top:1px solid var(--border-subtle);z-index:100;grid-area:player;justify-content:space-between;align-items:center;padding:0 32px;display:flex;box-shadow:0 -8px 24px #0006}.player-track-info{align-items:center;gap:14px;width:280px;min-width:200px;display:flex}.player-thumb-wrap{background:var(--bg-surface-elevated);width:54px;height:54px;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;position:relative;overflow:hidden}.player-thumb{object-fit:cover;width:100%;height:100%}.player-meta{flex-direction:column;gap:3px;display:flex;overflow:hidden}.player-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.player-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.player-center-controls{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:580px;display:flex}.playback-btn-row{align-items:center;gap:18px;display:flex}.control-icon-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.control-icon-btn:hover{color:var(--text-main);transform:scale(1.1)}.control-icon-btn.active{color:var(--primary);text-shadow:0 0 8px var(--primary-glow)}.play-pause-circle-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:0 4px 16px var(--primary-glow);transition:var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.play-pause-circle-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #6366f199}.progress-row{align-items:center;gap:10px;width:100%;display:flex}.time-text{color:var(--text-subtle);text-align:center;font-variant-numeric:tabular-nums;min-width:36px;font-size:11px;font-weight:600}.custom-range-slider{appearance:none;background:linear-gradient(to right, var(--primary) 0%, var(--primary) var(--seek-percent,0%), #ffffff26 var(--seek-percent,0%), #ffffff26 100%);cursor:pointer;border-radius:99px;outline:none;width:100%;height:4px;transition:height .15s}.progress-row:hover .custom-range-slider{height:6px}.custom-range-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;opacity:0;width:12px;height:12px;transition:var(--transition-fast);background:#fff;border-radius:50%;box-shadow:0 2px 6px #0006}.progress-row:hover .custom-range-slider::-webkit-slider-thumb{opacity:1;transform:scale(1.2)}.player-right-actions{justify-content:flex-end;align-items:center;gap:16px;width:260px;display:flex}.volume-control-wrap{justify-content:center;align-items:center;width:auto;display:flex;position:relative}.volume-trigger-btn{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.volume-trigger-btn:hover{background:#ffffff1a;transform:scale(1.05)}.volume-control-wrap.vertical-mode:before{content:"";height:14px;position:absolute;bottom:100%;left:-10px;right:-10px}.vertical-volume-popover{-webkit-backdrop-filter:blur(20px);z-index:10000;background:#0f172af5;border:1px solid #818cf84d;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:44px;padding:12px 6px 10px;animation:.18s cubic-bezier(.16,1,.3,1) slideUpFast;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0009,0 0 15px #6366f126}.vertical-volume-popover:after{content:"";border:6px solid #0000;border-top-color:#0f172af5;border-bottom-width:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes slideUpFast{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.vertical-volume-percent{color:#818cf8;letter-spacing:.5px;text-align:center;font-size:11px;font-weight:800}.vertical-slider-track-wrap{justify-content:center;align-items:center;height:110px;padding:4px 0;display:flex}.vertical-volume-range{writing-mode:vertical-lr;cursor:pointer;accent-color:#818cf8;direction:rtl;width:6px;height:100px}.live-visualizer-bars{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:6px;align-items:flex-end;gap:2px;height:22px;padding:0 8px;display:flex}.live-bar{background:var(--accent-gradient);border-radius:2px;width:3px;min-height:2px;transition:height 80ms}.mobile-bottom-nav,.mobile-floating-player,.mobile-fullscreen-modal{display:none}.storage-card-banner{-webkit-backdrop-filter:blur(16px);transition:var(--transition-normal);border-radius:18px;flex-direction:column;gap:16px;margin-bottom:24px;padding:18px 22px;display:flex}.storage-card-main-row{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.storage-card-banner.is-gdrive{background:linear-gradient(135deg,#06b6d414 0%,#6366f11f 100%);border:1px solid #06b6d44d;box-shadow:0 4px 20px #06b6d41a}.storage-card-banner.is-local{border:1px solid var(--border-highlight);box-shadow:var(--shadow-sm);background:#161d2db3}.storage-card-left{flex:1;align-items:flex-start;gap:16px;display:flex}.storage-icon-circle{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.storage-card-banner.is-gdrive .storage-icon-circle{color:#fff;background:linear-gradient(135deg,#06b6d4,#6366f1);box-shadow:0 4px 16px #06b6d459}.storage-card-banner.is-local .storage-icon-circle{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff14}.storage-info-texts{flex-direction:column;flex:1;gap:6px;display:flex}.storage-badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.storage-status-pill{letter-spacing:.3px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.storage-card-banner.is-gdrive .storage-status-pill{color:#22d3ee;background:#06b6d433;border:1px solid #06b6d466}.storage-card-banner.is-local .storage-status-pill{color:var(--text-main);border:1px solid var(--border-highlight);background:#ffffff14}.storage-sync-pill{color:var(--text-muted);background:#ffffff0d;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.storage-main-msg{color:var(--text-muted);font-size:13px;line-height:1.4}.storage-path-preview{align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.path-tag{color:var(--text-subtle);font-weight:600}.path-value{border:1px solid var(--border-subtle);color:#38bdf8;word-break:break-all;background:#00000059;border-radius:6px;padding:2px 8px;font-family:Consolas,Courier New,monospace}.storage-guide-tip{border:1px dashed var(--border-highlight);max-width:320px;color:var(--text-subtle);background:#00000040;border-radius:12px;flex-shrink:0;padding:10px 14px;font-size:12px}.storage-guide-tip .tip-header{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:6px;font-weight:600;display:flex}.storage-guide-tip p{margin:2px 0;line-height:1.35}.storage-guide-tip code{color:#38bdf8;background:#ffffff14;border-radius:4px;padding:1px 4px}.storage-sync-section{border-top:1px solid #ffffff14;width:100%;margin-top:2px;padding-top:14px}.storage-sync-action-box{background:#6366f114;border:1px dashed #6366f159;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.sync-box-text{flex-direction:column;gap:4px;display:flex}.sync-badge-title{color:var(--text-main);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.sync-count-tag{color:#fff;letter-spacing:.3px;background:#e11d48;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.sync-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.btn-sync-gdrive{background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 4px 14px var(--primary-glow);white-space:nowrap;transition:var(--transition-fast);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex}.btn-sync-gdrive:hover:not(:disabled){box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.btn-sync-gdrive:disabled{opacity:.6;cursor:not-allowed}.storage-clean-status{color:#34d399;background:#10b9811a;border:1px solid #10b98140;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.release-type-toggle{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:12px;gap:10px;padding:4px;display:flex}.release-type-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;display:flex}.release-type-btn:hover{color:var(--text-main);background:#ffffff0a}.release-type-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px var(--primary-glow);border-color:#fff3}.folder-naming-card{background:#06b6d40f;border:1px dashed #06b6d459;border-radius:12px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.folder-preview-header{color:#22d3ee;letter-spacing:.3px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.folder-preview-tree{border:1px solid var(--border-subtle);background:#00000059;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-family:Consolas,Courier New,monospace;font-size:12px;display:flex;overflow-x:auto}.folder-tree-artist{color:#e2e8f0;font-weight:700}.folder-tree-arrow{color:#06b6d4;font-weight:800}.folder-tree-album{color:#38bdf8;font-weight:700}.table-track-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.track-album-pill{color:#a5b4fc;letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;background:#6366f126;border:1px solid #6366f159;border-radius:6px;align-items:center;gap:4px;max-width:140px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.animate-slide-down{animation:.2s cubic-bezier(.16,1,.3,1) forwards slideDownFade}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header-right-tools{align-items:center;gap:12px;display:flex}.user-profile-badge{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border-radius:9999px;align-items:center;gap:10px;padding:4px 12px 4px 6px;display:flex}.role-pill{letter-spacing:.5px;border-radius:9999px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.role-superadmin{color:#fbbf24;background:linear-gradient(135deg,#f59e0b40,#a855f740);border:1px solid #f59e0b80;box-shadow:0 0 10px #f59e0b33}.role-trial{color:#22d3ee;background:linear-gradient(135deg,#06b6d433,#10b98133);border:1px solid #06b6d466}.role-expired{color:#f87171;cursor:pointer;background:#ef444433;border:1px solid #ef444480;animation:2s infinite pulseWarning}.role-user-plain{color:#a5b4fc;background:#818cf826;border:1px solid #818cf859}@keyframes pulseWarning{0%,to{opacity:1}50%{opacity:.6}}.user-avatar-circle{background:var(--accent-gradient);color:#fff;width:32px;height:32px;box-shadow:0 2px 8px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.user-meta{flex-direction:column;line-height:1.2;display:flex}.user-name{color:var(--text-main);font-size:12px;font-weight:700}.user-identifier{color:var(--text-muted);font-size:10px}.btn-logout{color:var(--text-subtle);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.btn-logout:hover{color:#f87171;background:#ef44441a}.btn-header-login{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 12px var(--primary-glow);border:none;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.btn-header-login:hover{filter:brightness(1.1);transform:translateY(-1px)}.playlist-card-sidebar{background:#06b6d40d;border:1px solid #06b6d433}.btn-create-playlist-sidebar{background:linear-gradient(135deg,#06b6d4,#3b82f6)!important}.library-subtabs-row{border-bottom:1px solid var(--border-subtle);gap:10px;margin-bottom:24px;padding-bottom:12px;display:flex;overflow-x:auto}.library-tab-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:#ffffff08;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.library-tab-btn:hover{color:var(--text-main);background:#ffffff0f}.library-tab-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px var(--primary-glow);border-color:#fff3}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.playlist-card{background:var(--card-bg);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-bounce);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.playlist-card:hover{background:var(--card-hover);border-color:#818cf866;transform:translateY(-4px);box-shadow:0 12px 24px -10px #00000080}.playlist-card.create-card{text-align:center;background:#818cf80a;border:2px dashed #818cf866;flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.playlist-card.create-card:hover{background:#818cf814;border-color:#818cf8}.create-icon-wrap{background:#818cf826;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:8px;display:flex}.create-title{color:var(--text-main);font-size:14px;font-weight:700}.create-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.playlist-card-cover{aspect-ratio:1;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;box-shadow:0 4px 12px #0000004d}.playlist-card-meta{flex-direction:column;gap:2px;display:flex}.playlist-card-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.playlist-card-count{color:#818cf8;font-size:11px;font-weight:600}.playlist-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:11px;display:-webkit-box;overflow:hidden}.playlist-detail-view{flex-direction:column;gap:24px;display:flex}.btn-back-playlist{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:8px;align-self:flex-start;margin-bottom:14px;padding:6px 14px;font-size:12px;font-weight:600}.btn-back-playlist:hover{color:var(--text-main);background:#ffffff0d}.playlist-header-meta{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:20px;align-items:center;gap:24px;padding:24px;display:flex}.playlist-icon-large{background:linear-gradient(135deg,#312e81,#4338ca);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 8px 24px #0006}.playlist-tag{letter-spacing:1px;color:#818cf8;font-size:10px;font-weight:800}.playlist-title{color:var(--text-main);margin:4px 0;font-size:26px;font-weight:800}.playlist-desc{color:var(--text-muted);margin-bottom:16px;font-size:13px}.playlist-actions-row{gap:12px;display:flex}.btn-play-playlist{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 14px var(--primary-glow);border:none;border-radius:9999px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;display:flex}.btn-play-playlist:hover{transform:scale(1.02)}.btn-delete-playlist{color:#f87171;cursor:pointer;transition:var(--transition-fast);background:#ef44441a;border:1px solid #ef44444d;border-radius:9999px;align-items:center;gap:6px;padding:9px 14px;font-size:12px;font-weight:600;display:flex}.btn-delete-playlist:hover{background:#ef444433}.track-actions-cluster{justify-content:flex-end;align-items:center;gap:6px;display:flex}.table-action-btn.active-fav{color:#ec4899;background:#ec48991a}.table-action-btn.delete-btn:hover{color:#ef4444;background:#ef444426}.btn-refresh-users{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.btn-refresh-users:hover{color:var(--text-main);background:#ffffff14}.sub-badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.sub-lifetime{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.sub-active{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.sub-expired{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.btn-extend-sub{color:#34d399;cursor:pointer;transition:var(--transition-fast);background:#10b98126;border:1px solid #10b98159;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.btn-extend-sub:hover{background:#10b98140;transform:translateY(-1px)}.user-action-cell{white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.btn-action-pill{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:11.5px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.btn-action-extend{color:#34d399;background:#10b9811f;border-color:#10b9814d}.btn-action-extend:hover{color:#fff;background:#10b98140;border-color:#10b98180;transform:translateY(-1px);box-shadow:0 2px 8px #10b98140}.btn-action-extend-year{color:#a78bfa;background:#8b5cf61f;border-color:#8b5cf64d}.btn-action-extend-year:hover{color:#fff;background:#8b5cf640;border-color:#8b5cf680;transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf640}.btn-action-edit{color:#93c5fd;background:#3b82f61f;border-color:#3b82f64d}.btn-action-edit:hover{color:#fff;background:#3b82f640;border-color:#3b82f680;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f640}.btn-action-icon-circle{cursor:pointer;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.btn-action-reset{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b4d}.btn-action-reset:hover{color:#fff;background:#f59e0b40;border-color:#f59e0b80;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b40}.btn-action-delete{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e4d}.btn-action-delete:hover:not(.disabled):not(:disabled){color:#fff;background:#f43f5e40;border-color:#f43f5e80;transform:translateY(-1px);box-shadow:0 2px 8px #f43f5e40}.btn-action-delete.disabled,.btn-action-delete:disabled{opacity:.25;cursor:not-allowed;filter:grayscale();border-color:#0000}.user-password-reset-box{background:#f59e0b0d;border:1px solid #f59e0b40;border-radius:12px;padding:14px 16px}.password-box-header{align-items:flex-start;gap:10px;display:flex}.password-box-icon{background:#f59e0b26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.password-box-title{color:#fde68a;font-size:13px;font-weight:700}.password-box-desc{color:var(--text-muted);margin-top:2px;font-size:11.5px;line-height:1.4}.password-input-row{align-items:center;gap:8px;display:flex}.password-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.password-field-icon{color:var(--text-subtle);pointer-events:none;position:absolute;left:11px}.password-field-input{width:100%;padding-left:32px!important;padding-right:36px!important;font-size:13px!important}.password-toggle-visibility{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:3px;display:flex;position:absolute;right:10px}.password-toggle-visibility:hover{color:var(--text-main)}.btn-generate-password{color:#c7d2fe;cursor:pointer;white-space:nowrap;transition:var(--transition-fast);background:#818cf826;border:1px solid #818cf859;border-radius:8px;align-items:center;gap:5px;padding:8px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.btn-generate-password:hover{color:#fff;background:#818cf847}.btn-copy-password{color:#6ee7b7;cursor:pointer;white-space:nowrap;transition:var(--transition-fast);background:#10b98126;border:1px solid #10b98159;border-radius:8px;align-items:center;gap:5px;padding:8px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.btn-copy-password:hover{color:#fff;background:#10b98147}.btn-copy-password.copied{color:#fff;background:#10b981;border-color:#10b981}.btn-quick-date{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:600}.btn-quick-date:hover{color:var(--text-main);background:#ffffff1a;border-color:#fff3}.realtime-status-badge{color:#34d399;letter-spacing:.3px;background:#10b9811f;border:1px solid #10b98159;border-radius:9999px;align-items:center;gap:7px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.realtime-pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s infinite realtimePulse;box-shadow:0 0 8px #10b981}@keyframes realtimePulse{0%{opacity:.7;transform:scale(.95);box-shadow:0 0 #10b981b3}70%{opacity:1;transform:scale(1.15);box-shadow:0 0 0 6px #10b98100}to{opacity:.7;transform:scale(.95);box-shadow:0 0 #10b98100}}.user-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.user-stat-card{border:1px solid var(--border-subtle);transition:var(--transition-fast);background:#ffffff08;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.user-stat-card:hover{background:#ffffff0d;transform:translateY(-2px)}.user-stat-card.stat-total{border-color:#818cf84d}.user-stat-card.stat-active{border-color:#10b9814d}.user-stat-card.stat-expired{border-color:#ef44444d}.user-stat-card.stat-admin{border-color:#f59e0b4d}.stat-card-left{flex-direction:column;display:flex}.stat-num{color:var(--text-main);font-family:Outfit,sans-serif;font-size:26px;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:11px;font-weight:600}.stat-icon-wrap{background:#818cf81f;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.user-filter-toolbar{border:1px solid var(--border-subtle);background:#00000040;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:10px 14px;display:flex}.user-filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.user-filter-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:600}.user-filter-btn:hover{color:var(--text-main);background:#ffffff0d}.user-filter-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px var(--primary-glow);border-color:#0000}.user-filter-btn.btn-filter-active.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.user-filter-btn.btn-filter-expired.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.user-search-wrap{flex:1;align-items:center;min-width:240px;max-width:320px;display:flex;position:relative}.user-search-icon{color:var(--text-subtle);pointer-events:none;position:absolute;left:12px}.user-search-input{border:1px solid var(--border-subtle);width:100%;color:var(--text-main);transition:var(--transition-fast);background:#ffffff0a;border-radius:10px;outline:none;padding:8px 30px 8px 34px;font-size:12px}.user-search-input:focus{background:#ffffff12;border-color:#818cf8}.user-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.user-table-avatar{color:#fff;background:linear-gradient(135deg,#3730a3,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex;box-shadow:0 2px 8px #0000004d}.plan-badge-superadmin{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#a855f733);border:1px solid #f59e0b66;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.plan-pill{transition:var(--transition-fast);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.plan-pill.plan-subscribed{color:#c084fc;background:linear-gradient(135deg,#6366f133,#a855f740);border:1px solid #a855f773}.plan-pill.plan-subscribed:hover{border-color:#c084fc;box-shadow:0 0 10px #a855f74d}.plan-pill.plan-free{color:#34d399;background:#10b98126;border:1px solid #10b98159}.plan-pill.plan-free:hover{border-color:#34d399;box-shadow:0 0 10px #10b9814d}.user-device-badge{letter-spacing:.2px;border-radius:999px;align-items:center;gap:6px;margin-top:5px;padding:3px 10px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.user-device-badge.device-available{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0d}.user-device-badge.device-available:hover{color:var(--text-main);background:#ffffff17}.user-device-badge.device-full{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#ef444426);border:1px solid #f59e0b80;animation:2.5s infinite warningSubtlePulse;box-shadow:0 0 12px #f59e0b33}.warning-dot-pulse{background:#f59e0b;border-radius:50%;width:6px;height:6px;animation:1.4s infinite warningDotBeat;display:inline-block;box-shadow:0 0 8px #f59e0b}@keyframes warningDotBeat{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.7;transform:scale(.9)}}@keyframes warningSubtlePulse{0%,to{border-color:#f59e0b66;box-shadow:0 0 10px #f59e0b26}50%{border-color:#f59e0bbf;box-shadow:0 0 18px #f59e0b59}}.btn-reset-devices{color:#f87171;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.btn-reset-devices:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-1px)}.auth-page-root{-webkit-overflow-scrolling:touch;touch-action:pan-y;box-sizing:border-box;background:#090d16;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:40px 20px;display:flex;position:fixed;inset:0;overflow:hidden auto}.auth-ambient-glow{filter:blur(120px);pointer-events:none;z-index:0;opacity:.45;border-radius:50%;position:fixed}.auth-glow-1{background:radial-gradient(circle,#6366f1,#3b82f6);width:500px;height:500px;top:-100px;left:-100px}.auth-glow-2{background:radial-gradient(circle,#06b6d4,#10b981);width:550px;height:550px;bottom:-150px;right:-150px}.auth-page-container{z-index:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;width:100%;max-width:1120px;display:grid;position:relative}.auth-page-showcase{flex-direction:column;gap:20px;display:flex}.auth-showcase-header{align-items:center;gap:14px;display:flex}.auth-showcase-brand{align-items:center;display:flex}.auth-hero-title{letter-spacing:-.8px;color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:42px;font-weight:900;line-height:1.15}.text-gradient{background:linear-gradient(135deg,#818cf8 0%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.auth-hero-desc{color:var(--text-muted);max-width:520px;margin:0;font-size:15px;line-height:1.6}.auth-features-list{flex-direction:column;gap:16px;margin-top:10px;display:flex}.auth-feature-item{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-fast);background:#ffffff08;border-radius:16px;align-items:flex-start;gap:16px;padding:14px 18px;display:flex}.auth-feature-item:hover{background:#ffffff0d;border-color:#818cf84d;transform:translate(4px)}.auth-feature-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.auth-feature-heading{color:var(--text-main);font-size:14px;font-weight:700}.auth-feature-text{color:var(--text-muted);margin-top:3px;font-size:12px;line-height:1.4}.auth-page-form-col{justify-content:center;display:flex}.auth-standalone-card{-webkit-backdrop-filter:blur(24px);background:#0f172ad9;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:440px;padding:36px 32px;animation:.3s ease-out fadeIn;box-shadow:0 25px 60px -15px #000c,0 0 50px #6366f12e}.auth-card-top{text-align:center;margin-bottom:24px}.auth-card-title{color:#fff;margin-bottom:6px;font-family:Outfit,sans-serif;font-size:22px;font-weight:800}.auth-card-subtitle{color:var(--text-muted);font-size:13px;line-height:1.4}.auth-card-footer{text-align:center;color:var(--text-subtle);margin-top:24px;font-size:11px}@media (width<=900px){.auth-page-root{align-items:flex-start;height:100%;min-height:100dvh;padding:24px 16px 80px}.auth-text-input,.auth-form input{-webkit-user-select:text;user-select:text}.auth-page-container{grid-template-columns:1fr;gap:32px;max-width:480px;margin:0 auto}.auth-page-showcase{text-align:center;align-items:center}.auth-showcase-header{justify-content:center}.auth-hero-title{font-size:32px}.auth-hero-desc{font-size:14px}.auth-feature-item{text-align:left}}.auth-overlay-backdrop{-webkit-backdrop-filter:blur(16px);z-index:100000;background:#030712bf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.auth-modal-card{background:#0f172a;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:440px;padding:32px;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;position:relative;box-shadow:0 25px 50px -12px #000c,0 0 40px #6366f126}@keyframes modalPop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-modal-close{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}.auth-modal-close:hover{color:var(--text-main);background:#ffffff1a}.auth-modal-header{text-align:center;margin-bottom:24px}.auth-logo-badge{background:var(--accent-gradient);width:52px;height:52px;box-shadow:0 8px 20px var(--primary-glow);border-radius:16px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.auth-title{color:var(--text-main);margin-bottom:4px;font-size:20px;font-weight:800}.auth-subtitle{color:var(--text-muted);font-size:12px;line-height:1.4}.auth-mode-switch{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:12px;gap:8px;margin-bottom:20px;padding:4px;display:flex}.auth-switch-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.auth-switch-btn:hover{color:var(--text-main)}.auth-switch-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.auth-device-warning-card{text-align:left;background:linear-gradient(145deg,#f59e0b1f,#0f172ae6);border:1px solid #f59e0b73;border-radius:16px;margin-bottom:20px;padding:16px 18px;animation:.35s cubic-bezier(.16,1,.3,1) warningCardSlide;box-shadow:0 10px 30px -5px #00000080,0 0 20px #f59e0b26}@keyframes warningCardSlide{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.warning-card-head{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.warning-card-icon-pulse{background:#f59e0b2e;border:1px solid #f59e0b66;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;animation:2s infinite warningIconPulse;display:flex;box-shadow:0 0 14px #f59e0b4d}@keyframes warningIconPulse{0%,to{transform:scale(1);box-shadow:0 0 10px #f59e0b40}50%{transform:scale(1.05);box-shadow:0 0 18px #f59e0b80}}.warning-card-badge-row{align-items:center;gap:6px;margin-bottom:3px;display:flex}.warning-badge-pill{color:#fbbf24;letter-spacing:.3px;text-transform:uppercase;background:#f59e0b40;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-block}.warning-badge-sub{color:var(--text-muted);font-size:10px;font-weight:600}.warning-card-title{color:#fff;margin:0;font-size:14px;font-weight:800}.warning-card-message{color:#fde68a;background:#0000004d;border-left:3px solid #f59e0b;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:12px;line-height:1.5}.warning-card-actions{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.warning-guide-item{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:11px;line-height:1.4;display:flex}.warning-guide-item strong{color:#fff}.guide-num{color:#fbbf24;background:#f59e0b40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;font-size:10px;font-weight:800;display:inline-flex}.auth-warning-close-btn{color:#fff9;cursor:pointer;width:26px;height:26px;transition:var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-warning-close-btn:hover{color:#fbbf24;background:#f59e0b40;border-color:#f59e0b80;transform:scale(1.05)}.warning-actions-title{color:#fbbf24;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;font-size:11px;font-weight:800}.auth-error-banner{text-align:left;background:linear-gradient(135deg,#f43f5e26,#e11d481a);border:1px solid #f43f5e66;border-radius:14px;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;animation:.3s cubic-bezier(.16,1,.3,1) warningCardSlide;display:flex;box-shadow:0 8px 24px -6px #f43f5e40}.auth-error-icon-wrap{background:#f43f5e26;border:1px solid #f43f5e4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.auth-error-body{flex-direction:column;flex:1;gap:2px;display:flex}.auth-error-label{color:#fb7185;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:800}.auth-error-text{color:#fff;font-size:12px;font-weight:600;line-height:1.4}.auth-error-close-btn{color:#ffffff80;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.auth-error-close-btn:hover{color:#fff;background:#ffffff1a}.alert-toast-modern{-webkit-backdrop-filter:blur(20px);text-align:left;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;animation:.3s cubic-bezier(.16,1,.3,1) warningCardSlide;display:flex;box-shadow:0 12px 36px -8px #0009}.toast-success{background:linear-gradient(135deg,#10b9812e,#064e3ba6);border:1px solid #10b98173;box-shadow:0 10px 30px -5px #10b98140}.toast-success .toast-icon-wrap{color:#34d399;background:#10b98133;border:1px solid #10b98180}.toast-warning{background:linear-gradient(135deg,#f59e0b2e,#78350fa6);border:1px solid #f59e0b73;box-shadow:0 10px 30px -5px #f59e0b40}.toast-warning .toast-icon-wrap{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b80}.toast-error{background:linear-gradient(135deg,#f43f5e2e,#881337a6);border:1px solid #f43f5e73;box-shadow:0 10px 30px -5px #f43f5e40}.toast-error .toast-icon-wrap{color:#f87171;background:#f43f5e33;border:1px solid #f43f5e80}.toast-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 0 14px}.toast-content-col{flex-direction:column;flex:1;gap:3px;display:flex}.toast-status-title{color:#fff;letter-spacing:.2px;font-size:13px;font-weight:800}.toast-message-text{color:var(--text-muted);font-size:12px;line-height:1.4}.toast-close-btn{color:#fff6;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.toast-close-btn:hover{color:#fff;background:#ffffff1a}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-subtle);pointer-events:none;position:absolute;left:14px}.auth-text-input{border:1px solid var(--border-subtle);width:100%;color:var(--text-main);transition:var(--transition-fast);background:#00000059;border-radius:12px;outline:none;padding:11px 14px 11px 40px;font-size:13px}.auth-text-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}.btn-auth-submit{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 16px var(--primary-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:12px 20px;font-size:14px;font-weight:700;display:flex}.btn-auth-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-admin-hint{text-align:center;margin-top:20px}.hint-pill{color:#fbbf24;background:#f59e0b14;border:1px dashed #f59e0b4d;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;display:inline-flex}.hint-pill code{color:#fff;font-family:monospace}.sub-expired-modal{text-align:center;border-color:#f43f5e4d}.sub-modal-badge-glow{background:#f43f5e1f;border:1px solid #f43f5e4d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:inline-flex;box-shadow:0 0 24px #f43f5e40}.sub-expired-title{color:#fff;margin-bottom:8px;font-size:20px;font-weight:800}.sub-expired-desc{color:var(--text-muted);margin-bottom:20px;font-size:13px;line-height:1.5}.sub-expired-details{border:1px solid var(--border-subtle);text-align:left;background:#00000059;border-radius:14px;flex-direction:column;gap:10px;margin-bottom:20px;padding:14px;display:flex}.sub-info-item{color:var(--text-main);align-items:center;gap:8px;font-size:12px;display:flex}.btn-sub-close{color:#fff;cursor:pointer;width:100%;transition:var(--transition-fast);background:linear-gradient(135deg,#f43f5e,#e11d48);border:none;border-radius:12px;padding:12px;font-size:13px;font-weight:700;box-shadow:0 4px 16px #f43f5e4d}.btn-sub-close:hover{filter:brightness(1.1)}.choose-playlist-hint{color:#c7d2fe;background:#818cf814;border:1px solid #818cf833;border-radius:10px;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:11.5px;line-height:1.4;display:flex}.choose-playlist-hint strong{color:#fff}.choose-playlist-list{flex-direction:column;gap:8px;max-height:290px;margin-top:12px;padding-right:4px;display:flex;overflow-y:auto}.choose-playlist-row{border:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.choose-playlist-row:hover{background:#ffffff0f;border-color:#818cf866;transform:translateY(-1px)}.choose-playlist-row.selected{background:#6366f11f;border-color:#818cf88c;box-shadow:0 4px 16px #6366f11f}.choose-playlist-info{align-items:center;gap:12px;display:flex}.choose-playlist-icon-wrap{background:#ffffff0d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.choose-playlist-icon-wrap.active{background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 2px 10px #6366f159}.choose-pl-name{color:var(--text-main);font-size:13.5px;font-weight:700;line-height:1.3}.choose-pl-meta{align-items:center;gap:8px;margin-top:2px;display:flex}.choose-pl-count{color:var(--text-muted);font-size:11px}.pl-membership-badge{color:#34d399;letter-spacing:.2px;background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;align-items:center;gap:3px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-flex}.pl-custom-checkbox{background:#ffffff0a;border:2px solid #ffffff40;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.choose-playlist-row:hover .pl-custom-checkbox:not(.checked){background:#818cf81a;border-color:#818cf899}.pl-custom-checkbox.checked{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#818cf8;box-shadow:0 0 10px #818cf880}.choose-playlist-footer{border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;padding-top:14px;display:flex}.btn-pl-cancel{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:9px 16px;font-size:12.5px;font-weight:600;transition:all .2s}.btn-pl-cancel:hover{color:#fff;background:#ffffff17}.btn-pl-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#ec4899);border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:12.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 15px #6366f159}.btn-pl-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.btn-pl-submit:disabled{opacity:.65;cursor:not-allowed}.btn-choose-add{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:8px;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:700;display:flex}.btn-choose-add:hover{filter:brightness(1.1)}.btn-switch-create-pl{color:#818cf8;cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px dashed #818cf866;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:6px;padding:10px;font-size:12px;font-weight:700;display:flex}.btn-switch-create-pl:hover{background:#818cf814;border-color:#818cf8}.playlist-page-container{width:100%}.btn-create-playlist-header{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #6366f159}.btn-create-playlist-header:hover{filter:brightness(1.1);transform:translateY(-1px)}.playlist-vertical-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.playlist-list-row{cursor:pointer;background:#ffffff06;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.playlist-list-row:hover,.playlist-list-row:active{background:#818cf81a;border-color:#818cf84d;transform:translateY(-1.5px)}.playlist-list-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #0000004d}.fav-icon-bg{background:linear-gradient(135deg,#f43f5e 0%,#ec4899 100%)}.pl-icon-bg{background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%)}.playlist-list-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.playlist-list-name{color:#fff;letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.playlist-list-count{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.playlist-list-arrow{opacity:.45;flex-shrink:0;transition:all .2s}.playlist-list-row:hover .playlist-list-arrow{opacity:.9;transform:translate(2px)}.btn-create-playlist-list-item{cursor:pointer;text-align:left;background:#818cf809;border:1px dashed #818cf84d;border-radius:14px;align-items:center;gap:12px;margin-top:2px;padding:10px 14px;transition:all .2s;display:flex}.btn-create-playlist-list-item:hover{background:#818cf814;border-color:#818cf8;transform:translateY(-1.5px)}.create-list-icon{background:#818cf81f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.create-list-info{flex-direction:column;gap:2px;display:flex}.create-list-name{color:#818cf8;font-size:13px;font-weight:600}.create-list-sub{color:#94a3b8;font-size:11px}@media (width<=768px){.desktop-only{display:none!important}.app-container{grid-template:"main"1fr/1fr;height:100vh;padding:0}.sidebar{display:none}.main-content{padding-bottom:140px}.main-header{padding:14px 18px}.page-body{gap:20px;padding:16px}.hero-banner{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.hero-stats{justify-content:space-between;width:100%}.hero-stat-box{min-width:unset;flex:1;padding:12px}.song-grid{grid-template-columns:repeat(2,1fr);gap:12px}.song-card{border-radius:14px;padding:10px}.admin-grid{grid-template-columns:1fr;gap:18px}.storage-card-banner{gap:14px;padding:14px}.storage-card-main-row{flex-direction:column;align-items:stretch;gap:14px}.storage-guide-tip{max-width:100%}.storage-sync-action-box{flex-direction:column;align-items:stretch;gap:12px}.btn-sync-gdrive{justify-content:center;width:100%}.player-bar{display:none!important}.mobile-floating-player{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-highlight);z-index:90;cursor:pointer;background:#121826eb;border-radius:16px;justify-content:space-between;align-items:center;height:60px;padding:8px 14px;position:fixed;bottom:68px;left:12px;right:12px;box-shadow:0 10px 30px #0009;display:flex!important}.mini-player-left{flex:1;align-items:center;gap:12px;display:flex;overflow:hidden}.mini-player-thumb{object-fit:cover;background:var(--bg-surface-elevated);border-radius:10px;flex-shrink:0;width:44px;height:44px}.mini-player-text{flex-direction:column;gap:2px;display:flex;overflow:hidden}.mini-player-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.mini-player-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mini-player-actions{align-items:center;gap:8px;margin-left:8px;display:flex}.mini-play-btn{background:var(--accent-gradient);color:#fff;width:38px;height:38px;box-shadow:var(--shadow-glow);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:100;background:#090b10f2;justify-content:space-around;align-items:center;height:64px;padding:0 8px;position:fixed;bottom:0;left:0;right:0;display:flex!important}.mobile-nav-item{color:var(--text-subtle);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px 12px;font-size:10px;font-weight:600;display:flex}.mobile-nav-item.active{color:#818cf8}.mobile-nav-item.active svg{filter:drop-shadow(0 0 6px var(--primary-glow))}.mobile-fullscreen-modal{background:var(--bg-app);z-index:999;animation:slide-up .35s var(--ease-smooth);flex-direction:column;justify-content:space-between;padding:20px 24px 36px;position:fixed;inset:0;overflow-y:auto;display:flex!important}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-top-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.modal-close-btn{width:40px;height:40px;color:var(--text-main);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-header-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:13px;font-weight:700}.modal-artwork-wrapper{aspect-ratio:1;background:var(--bg-surface-elevated);border-radius:24px;width:100%;max-width:320px;margin:20px auto;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000b3,0 0 30px #6366f133}.modal-artwork-img{object-fit:cover;width:100%;height:100%}.modal-song-info{text-align:center;flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.modal-song-title{color:#fff;letter-spacing:-.3px;font-size:22px;font-weight:800}.modal-song-artist{color:var(--text-muted);font-size:15px;font-weight:600}.modal-equalizer-wrap{justify-content:center;align-items:flex-end;gap:4px;height:28px;margin-bottom:12px;display:flex}.modal-eq-bar{background:var(--accent-gradient);border-radius:99px;width:4px;min-height:4px;transition:height 80ms}.modal-controls-grid{flex-direction:column;gap:20px;width:100%;max-width:360px;margin:0 auto;display:flex}.modal-buttons-row{justify-content:space-between;align-items:center;padding:0 10px;display:flex}.modal-large-play-btn{background:var(--accent-gradient);color:#fff;width:64px;height:64px;box-shadow:0 8px 28px var(--primary-glow);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.mini-fav-btn{width:36px;height:36px;color:var(--text-main);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.mini-fav-btn:hover,.mini-fav-btn:active{background:#f43f5e29;border-color:#f43f5e66;transform:scale(1.1)}.mini-fav-btn.active{color:#f43f5e;background:#f43f5e2e;border-color:#f43f5e73}.mini-queue-btn{width:36px;height:36px;color:var(--text-main);cursor:pointer;transition:var(--transition-fast);background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.mini-queue-btn:hover{color:#818cf8;background:#818cf840}.modal-top-bar{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.mobile-player-dropdown-menu{-webkit-backdrop-filter:blur(28px);background:#121826fa;border:1px solid #818cf859;border-radius:18px;flex-direction:column;gap:4px;width:260px;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 50px #000000d9,0 0 24px #6366f133}.mobile-dropdown-item{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.mobile-dropdown-item:hover,.mobile-dropdown-item:active{color:#fff;background:#818cf833;transform:translate(3px)}.volume-range-slider{appearance:none;background:linear-gradient(to right, #3b82f6 0%, #3b82f6 var(--vol-percent,100%), #fff3 var(--vol-percent,100%), #fff3 100%);cursor:pointer;border-radius:99px;outline:none;width:100%;height:4px}.volume-range-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 2px 6px #00000080}.spotify-mobile-fullscreen{z-index:999;animation:slide-up .35s var(--ease-smooth);box-sizing:border-box;background:linear-gradient(#131b2e 0%,#090b10 100%);flex-direction:column;justify-content:space-between;padding:20px 24px 32px;position:fixed;inset:0;overflow-y:auto;display:flex!important}.spotify-mobile-header{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.spotify-header-btn{color:#fff;cursor:pointer;opacity:.85;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.spotify-header-btn:hover,.spotify-header-btn:active{opacity:1}.spotify-header-center{text-align:center;flex:1;padding:0 12px;overflow:hidden}.spotify-header-context-title{letter-spacing:.5px;color:#fff;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;font-size:13px;font-weight:800;display:block;overflow:hidden}.spotify-artwork-container{aspect-ratio:1;background:#1e293b;border-radius:12px;width:100%;max-width:320px;margin:8px auto 14px;overflow:hidden;box-shadow:0 16px 40px #000000d9}.spotify-artwork-image{object-fit:cover;width:100%;height:100%}.spotify-artwork-placeholder{background:#1e293b;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.spotify-track-row{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:340px;margin:0 auto 10px;padding:0 4px;display:flex}.spotify-track-meta{text-align:left;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.spotify-track-title{color:#fff;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:800;overflow:hidden}.spotify-track-artist{color:#b3b3b3;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:500;overflow:hidden}.spotify-heart-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex}.spotify-heart-btn:active{transform:scale(1.25)}.spotify-progress-container{flex-direction:column;gap:6px;width:100%;max-width:340px;margin:0 auto 12px;display:flex}.spotify-range-slider{width:100%;height:4px}.spotify-range-slider::-webkit-slider-thumb{width:11px;height:11px;opacity:1!important}.spotify-timestamps-row{justify-content:space-between;align-items:center;width:100%;display:flex}.spotify-time-label{color:#b3b3b3;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.spotify-playback-row{justify-content:space-between;align-items:center;width:100%;max-width:340px;margin:0 auto 10px;padding:0 4px;display:flex}.spotify-control-btn{color:#fff;cursor:pointer;opacity:.85;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.spotify-control-btn:hover,.spotify-control-btn:active{opacity:1;transform:scale(1.08)}.spotify-control-btn.active{color:#3b82f6;opacity:1}.spotify-dot-indicator{background:#3b82f6;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-2px}.spotify-play-circle-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #0009}.spotify-play-circle-btn:active{transform:scale(.94)}.spotify-bottom-utility-bar{align-items:center;gap:12px;width:100%;max-width:340px;margin:0 auto;padding:6px 4px 0;display:flex}.spotify-util-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.spotify-vol-slider-wrap{flex:1;align-items:center;display:flex}.spotify-vol-badge{color:#60a5fa;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:32px;font-size:11px;font-weight:700}.playlist-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:12px!important}.playlist-detail-header{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}.playlist-header-meta{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.playlist-title{font-size:20px!important;line-height:1.25!important}.playlist-actions-row{flex-wrap:wrap!important;gap:8px!important}.library-subtabs-row{-webkit-overflow-scrolling:touch;white-space:nowrap!important;gap:8px!important;padding-bottom:6px!important;display:flex!important;overflow-x:auto!important}.library-tab-btn{flex-shrink:0!important;padding:8px 14px!important;font-size:12px!important}.queue-sidebar-panel,.queue-drawer-panel{border-left:none!important;width:100vw!important;max-width:100%!important}}.searchable-combobox{width:100%;position:relative}.combobox-control{cursor:text;background:#0f172aa6;border:1px solid #ffffff1f;border-radius:12px;align-items:center;padding:10px 14px;transition:all .25s;display:flex}.combobox-control:hover{background:#0f172ad9;border-color:#818cf866}.searchable-combobox.is-open .combobox-control{background:#0f172af2;border-color:#818cf8;box-shadow:0 0 0 3px #818cf840}.searchable-combobox.is-disabled .combobox-control{opacity:.55;cursor:not-allowed;background:#0f172a4d;border-color:#ffffff0d}.combobox-icon-prefix{color:#818cf8;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;display:flex}.combobox-input{flex:1;color:#fff!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important;font-size:13.5px!important}.combobox-input::placeholder{color:var(--text-muted);opacity:.8}.combobox-clear-btn{color:var(--text-muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:6px;transition:all .2s;display:flex}.combobox-clear-btn:hover{color:#f43f5e;background:#f43f5e33}.combobox-chevron-wrap{color:var(--text-muted);pointer-events:none;align-items:center;margin-left:8px;display:flex}.combobox-chevron{transition:transform .25s}.combobox-chevron.rotate-180{color:#818cf8;transform:rotate(180deg)}:is(.form-group:has(.searchable-combobox.is-open),.form-group:has(.year-picker-container.is-open),.form-row-2col:has(.searchable-combobox.is-open),.form-row-2col:has(.year-picker-container.is-open)){z-index:1000!important;position:relative!important}.combobox-dropdown-menu{-webkit-backdrop-filter:blur(24px);border:1px solid #818cf866;border-radius:12px;animation:.18s ease-out fadeInCombobox;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 20px 48px #000000e6,0 0 24px #818cf833;z-index:99999!important;background:#0b1329!important}@keyframes fadeInCombobox{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.combobox-option-create{cursor:pointer;background:linear-gradient(90deg,#6366f12e,#ec48991f);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:11px 14px;transition:all .2s;display:flex}.combobox-option-create:hover{background:linear-gradient(90deg,#6366f152,#ec489938)}.option-create-badge{color:#a5b4fc;align-items:center;gap:7px;font-size:13px;display:flex}.create-tag{color:#c084fc;background:#c084fc26;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}.combobox-options-scroll{max-height:220px;padding:4px 0;overflow-y:auto}.combobox-option{color:var(--text-secondary);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;transition:background .15s,color .15s;display:flex}.combobox-option:hover{color:#fff;background:#818cf824}.combobox-option.is-selected{color:#fff;background:#818cf838;font-weight:600}.combobox-empty-notice{text-align:center;color:var(--text-muted);padding:14px;font-size:12.5px}.form-row-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.form-row-2col{grid-template-columns:1fr;gap:12px}}.multi-track-wrapper{flex-direction:column;gap:10px;margin-top:12px;display:flex}.multi-track-list{flex-direction:column;gap:10px;display:flex}.track-item-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;transition:all .2s;display:flex;position:relative}.track-item-card:hover{background:#ffffff12;border-color:#818cf84d}.track-item-card.status-uploading{background:#6366f114;border-color:#818cf880;box-shadow:0 0 15px #6366f126}.track-item-card.status-success{background:#10b9810d;border-color:#10b98166}.track-item-card.status-error{background:#f43f5e0f;border-color:#f43f5e80}.track-row-index-group{background:#0f172acc;border:1px solid #818cf84d;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;height:38px;padding:0 4px 0 8px;transition:all .2s;display:flex}.track-row-index-group:focus-within{border-color:#818cf8;box-shadow:0 0 0 2px #818cf840}.track-row-label{color:#a5b4fc;font-size:11px;font-weight:700}.track-row-index-input{color:#fff;text-align:center;background:0 0;border:none;outline:none;width:44px;font-size:13.5px;font-weight:700}.track-row-index-input::-webkit-inner-spin-button{opacity:.7}.track-row-index-input::-webkit-outer-spin-button{opacity:.7}.track-input-wrap{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.track-title-input{color:#fff;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:border-color .2s}.track-title-input:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf833}.track-file-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;padding:0 2px;font-size:11.5px;display:flex}.track-orig-name{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.track-status-pill{border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.track-status-pill.uploading{color:#a5b4fc;background:#818cf833;border:1px solid #818cf866}.track-status-pill.success{color:#34d399;background:#10b98133;border:1px solid #10b98166}.track-status-pill.error{color:#fb7185;background:#f43f5e33;border:1px solid #f43f5e66}.track-status-pill.waiting{color:var(--text-muted);background:#ffffff14;border:1px solid #ffffff1f}.track-progress-container{background:#ffffff14;border-radius:999px;width:100%;height:5px;margin-top:4px;overflow:hidden}.track-progress-fill{background:linear-gradient(90deg,#6366f1,#06b6d4,#10b981);border-radius:999px;height:100%;transition:width .2s;box-shadow:0 0 8px #6366f199}.batch-upload-banner{background:linear-gradient(135deg,#6366f126,#06b6d426);border:1px solid #818cf84d;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:8px;padding:12px 14px;display:flex}.batch-upload-header{justify-content:space-between;align-items:center;display:flex}.batch-upload-info{color:#e0e7ff;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.batch-upload-pct{color:#38bdf8;font-size:13px;font-weight:700}.batch-progress-bar{background:#ffffff1a;border-radius:999px;width:100%;height:6px;overflow:hidden}.batch-progress-fill{background:linear-gradient(90deg,#818cf8,#06b6d4);border-radius:999px;height:100%;transition:width .3s}.spin-slow{animation:2s linear infinite spin}.track-remove-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:3px;transition:all .2s;display:flex}.track-remove-btn:hover:not(:disabled){color:#f43f5e;background:#f43f5e33;border-color:#f43f5e66}.track-remove-btn:disabled{opacity:.4;cursor:not-allowed}.year-picker-container{width:100%;position:relative}.year-picker-control{cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172aa6;border:1px solid #ffffff1f;border-radius:12px;align-items:center;padding:10px 14px;transition:all .25s;display:flex}.year-picker-control:hover{background:#0f172ad9;border-color:#818cf866}.year-picker-container.is-open .year-picker-control{background:#0f172af2;border-color:#818cf8;box-shadow:0 0 0 3px #818cf840}.year-picker-container.is-disabled .year-picker-control{opacity:.55;cursor:not-allowed;background:#0f172a4d}.year-picker-icon-prefix{color:#818cf8;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;display:flex}.year-picker-display-text{color:#fff;flex:1;font-size:13.5px;font-weight:500}.year-picker-display-text.is-placeholder{color:var(--text-muted);opacity:.8}.year-picker-clear-btn{color:var(--text-muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:6px;transition:all .2s;display:flex}.year-picker-clear-btn:hover{color:#f43f5e;background:#f43f5e33}.year-picker-chevron-wrap{color:var(--text-muted);align-items:center;margin-left:8px;display:flex}.year-picker-chevron{transition:transform .25s}.year-picker-chevron.rotate-180{color:#818cf8;transform:rotate(180deg)}.year-picker-popover{-webkit-backdrop-filter:blur(24px);border:1px solid #818cf866;border-radius:14px;padding:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 20px 48px #000000e6,0 0 24px #818cf833;z-index:99999!important;background:#0b1329!important}.year-picker-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.year-header-range{color:#a5b4fc;letter-spacing:.3px;font-size:13px;font-weight:700}.year-nav-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.year-nav-btn:hover:not(:disabled){color:#818cf8;background:#818cf833;border-color:#818cf866}.year-nav-btn:disabled{opacity:.3;cursor:not-allowed}.year-quick-shortcuts{gap:8px;margin-bottom:10px;display:flex}.year-shortcut-btn{color:#a5b4fc;cursor:pointer;background:#818cf81f;border:1px solid #818cf840;border-radius:6px;flex:1;padding:5px 8px;font-size:11px;font-weight:700;transition:all .2s}.year-shortcut-btn:hover{color:#fff;background:#818cf840}.year-shortcut-btn.active{background:var(--accent-gradient);color:#fff;border-color:#0000}.year-grid-list{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.year-cell-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:12.5px;font-weight:600;transition:all .18s;display:flex}.year-cell-btn:hover{color:#fff;background:#818cf833;border-color:#818cf866;transform:scale(1.03)}.year-cell-btn.is-current{color:#34d399;border-color:#10b98166}.year-cell-btn.is-selected{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;font-weight:800;box-shadow:0 4px 12px #6366f166}.year-check-icon{flex-shrink:0}@media (width<=1150px){.admin-grid{gap:20px;grid-template-columns:1fr!important}}@media (width<=840px){.form-row-2col{grid-template-columns:1fr;gap:12px}.storage-clean-status{flex-direction:column;align-items:flex-start;gap:10px}.btn-sync-gdrive{justify-content:center;width:100%}}@media (width<=640px){.glass-panel{border-radius:14px!important;padding:16px!important}.panel-title{font-size:15px!important}.release-type-btn{padding:8px 10px!important;font-size:12px!important}.combobox-control{padding:8px 12px!important}.combobox-input{font-size:13px!important}.year-picker-control{padding:8px 12px!important}.year-grid-list{grid-template-columns:repeat(3,1fr)}.dropzone-upload{padding:16px 12px!important}.dropzone-text{font-size:13px!important}.track-item-card{gap:8px!important;padding:8px 10px!important}.track-row-index-group{height:34px!important;padding:0 2px 0 6px!important}.track-row-index-input{width:36px!important;font-size:12px!important}.track-title-input{padding:6px 10px!important;font-size:12.5px!important}.track-file-meta{font-size:10.5px!important}}.recent-releases-discovery-section{-webkit-backdrop-filter:blur(14px);background:linear-gradient(#1e293b73 0%,#0f172a40 100%);border:1px solid #ffffff14;border-radius:20px;margin-bottom:36px;padding:22px 24px;position:relative;box-shadow:0 10px 30px #00000059}.recent-release-badge{letter-spacing:.3px;box-shadow:0 2px 10px #f59e0b26;color:#fbbf24!important;background:linear-gradient(135deg,#f59e0b33,#ef444426)!important;border:1px solid #f59e0b73!important;font-weight:700!important}.recent-releases-horizontal-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px;display:grid}.recent-release-card{cursor:pointer;background:#0f172ab3;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;padding:12px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.recent-release-card:hover{background:#1e293bd9;border-color:#fff3;transform:translateY(-4px)}.recent-release-card.is-album:hover{box-shadow:0 12px 28px #6366f140,0 0 0 1px #6366f14d}.recent-release-card.is-single:hover{box-shadow:0 12px 28px #10b98140,0 0 0 1px #10b9814d}.recent-card-cover-wrapper{aspect-ratio:1;background:#090d16;border-radius:12px;width:100%;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 6px 16px #0006}.recent-card-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.recent-release-card:hover .recent-card-cover-img{transform:scale(1.05)}.recent-card-cover-empty{background:linear-gradient(135deg,#1e293b,#0f172a);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.recent-card-pill-wrap{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;gap:4px;display:flex;position:absolute;top:8px;left:8px;right:8px}.recent-pill-type{letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);border-radius:6px;padding:3px 7px;font-size:9px;font-weight:800;box-shadow:0 2px 6px #0006}.recent-pill-type.album-pill{color:#fff;background:#6366f1eb}.recent-pill-type.single-pill{color:#fff;background:#10b981eb}.recent-pill-time{color:#fbbf24;-webkit-backdrop-filter:blur(8px);background:#0f172ad9;border:1px solid #f59e0b66;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:700}.recent-card-hover-play-btn{background:var(--accent-gradient,linear-gradient(135deg, #6366f1, #4f46e5));opacity:0;cursor:pointer;z-index:3;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:10px;right:10px;transform:translateY(8px)scale(.9);box-shadow:0 6px 16px #00000080,0 0 12px #6366f166}.recent-release-card:hover .recent-card-hover-play-btn{opacity:1;transform:translateY(0)scale(1)}.recent-card-hover-play-btn:hover{filter:brightness(1.15);transform:scale(1.12)!important}.recent-card-details{flex-direction:column;gap:3px;min-width:0;display:flex}.recent-card-title-text{color:var(--text-main,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;line-height:1.3;overflow:hidden}.recent-card-artist-text{color:var(--text-muted,#94a3b8);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.recent-show-more-header-btn{color:#fbbf24;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700;transition:all .2s}.recent-show-more-header-btn:hover{color:#fef08a;background:#f59e0b26;border-color:#f59e0b66;transform:translateY(-1px)}.recent-show-more-bottom-wrap{text-align:center;margin-top:18px}.btn-show-more-recent{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;padding:8px 22px;font-size:12.5px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0003}.btn-show-more-recent:hover{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b66;transform:translateY(-1px)}.user-recent-plays-section{margin-bottom:34px}.user-recent-badge{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.recent-pill-type.playing-pill{color:#fff;background:#10b981f2;font-weight:800;animation:1.8s infinite pulseGlowRecent;box-shadow:0 0 10px #10b98180}@keyframes pulseGlowRecent{0%,to{opacity:1}50%{opacity:.65}}.recent-release-card.is-currently-playing{background:#10b9810d;border-color:#10b98173}.recent-release-card.is-currently-playing:hover{border-color:#10b981a6;box-shadow:0 8px 24px #10b98126}@media (width<=768px){.recent-releases-discovery-section{border-radius:16px;margin-bottom:24px;padding:16px}.recent-releases-horizontal-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.recent-release-card{padding:8px}.recent-card-title-text{font-size:12.5px}.recent-card-artist-text{font-size:11px}.recent-card-hover-play-btn{opacity:1;width:32px;height:32px;transform:none}}.discovery-section{margin-bottom:34px}.discovery-section-header{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.discovery-title-row{align-items:center;gap:10px;display:flex}.discovery-section-title{color:#fff;letter-spacing:-.3px;font-size:21px;font-weight:800}.discovery-section-subtitle{color:var(--text-muted);margin-top:3px;font-size:13px}.genre-card-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px;display:grid}.genre-card{cursor:pointer;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:105px;padding:16px;transition:all .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #0000004d}.genre-card:hover{filter:brightness(1.12);border-color:#ffffff4d;transform:translateY(-4px)scale(1.02);box-shadow:0 14px 30px -4px #0009,0 0 18px #818cf84d}.genre-card-title{color:#fff;text-shadow:0 2px 10px #00000080;letter-spacing:-.2px;font-size:17px;font-weight:800}.genre-card-stats{color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000040;border-radius:6px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.genre-card-icon-bg{opacity:.22;pointer-events:none;position:absolute;bottom:-8px;right:-8px;transform:rotate(-15deg)}.artist-card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;display:grid}.artist-card{text-align:center;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;padding:20px 16px;transition:all .25s;display:flex;position:relative}.artist-card:hover{background:#ffffff0f;border-color:#818cf866;transform:translateY(-5px);box-shadow:0 16px 36px -8px #0009}.artist-avatar-wrapper{background:linear-gradient(135deg,#1e1b4b,#312e81);border:2px solid #818cf833;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000080}.artist-avatar-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.artist-card:hover .artist-avatar-img{transform:scale(1.08)}.artist-card-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-bottom:4px;font-size:15px;font-weight:800;overflow:hidden}.artist-card-meta{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.btn-breadcrumb-back{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-breadcrumb-back:hover{color:#818cf8;background:#818cf833;border-color:#818cf8;transform:translate(-3px)}.artist-sticky-header-container{z-index:25;-webkit-backdrop-filter:blur(24px);background:#0a0f1ef2;border-bottom:1px solid #ffffff14;margin-bottom:20px;padding:10px 0 16px;position:sticky;top:0}.artist-sticky-header-container .btn-breadcrumb-back{margin-bottom:10px}.artist-hero-banner{background:linear-gradient(135deg,#1e1b4bd9 0%,#0f172af2 100%);border:1px solid #818cf840;border-radius:18px;align-items:center;gap:18px;margin-bottom:0;padding:16px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px -6px #0009}.artist-hero-avatar{object-fit:cover;border:2.5px solid #818cf880;border-radius:50%;flex-shrink:0;width:78px;height:78px;box-shadow:0 8px 24px #0009}.artist-hero-info{flex-direction:column;flex:1;gap:4px;display:flex}.artist-hero-badge{letter-spacing:.5px;text-transform:uppercase;color:#818cf8;align-items:center;gap:5px;font-size:10.5px;font-weight:800;display:inline-flex}.artist-hero-name{color:#fff;letter-spacing:-.4px;margin:0;font-size:24px;font-weight:900}.artist-hero-stats{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.artist-hero-actions{align-items:center;gap:10px;margin-top:4px;display:flex}.btn-artist-play-all{background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--primary-glow);border:none;border-radius:999px;align-items:center;gap:7px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-artist-play-all:hover{filter:brightness(1.1);transform:scale(1.03)}.top-tracks-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;margin-bottom:30px;padding:20px}.top-track-row{cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:10px 14px;transition:all .2s;display:flex}.top-track-row:hover{background:#ffffff0d}.top-track-row.is-active{background:#818cf826}.top-track-rank{width:26px;color:var(--text-muted);text-align:center;flex-shrink:0;font-size:14px;font-weight:800}.top-track-row.is-active .top-track-rank{color:#818cf8}.top-track-cover{object-fit:cover;border-radius:8px;flex-shrink:0;width:44px;height:44px}.top-track-info{flex-direction:column;flex:1;gap:3px;display:flex;overflow:hidden}.top-track-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.top-track-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.top-track-actions{align-items:center;gap:8px;display:flex}.top-track-plays{color:#fbbf24;background:#f59e0b26;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:2px 7px;font-size:11.5px;font-weight:700;display:inline-flex}.top-track-favorites{color:#f43f5e;background:#f43f5e1f;border:1px solid #f43f5e40;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.top-track-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:6px;display:flex}.track-action-btn{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.track-action-btn:hover{color:#818cf8;background:#818cf82e;border-color:#818cf84d;transform:scale(1.08)}.track-action-btn.active-fav{color:#f43f5e;background:#f43f5e26;border-color:#f43f5e4d}.track-action-btn.active-menu{color:#fff;background:#818cf838;border-color:#818cf873}.track-menu-wrapper{display:inline-flex;position:relative}.track-menu-backdrop{z-index:9998;background:0 0;position:fixed;inset:0}.track-action-dropdown{-webkit-backdrop-filter:blur(20px);z-index:9999;background:#0f172af5;border:1px solid #818cf859;border-radius:12px;flex-direction:column;gap:2px;min-width:215px;padding:6px;animation:.16s ease-out fadeInCombobox;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 34px #000000a6,0 0 20px #6366f12e}.track-dropdown-item{color:#f1f5f9;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.track-dropdown-item:hover{color:#fff;background:#818cf82e;transform:translate(2px)}.top-tracks-see-more-wrap{align-items:center;padding:8px 12px 14px;display:flex}.btn-see-more-tracks{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-see-more-tracks:hover{color:#fff;background:#ffffff14}.discography-section{margin-top:32px;margin-bottom:40px;padding-bottom:90px}.discography-header-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.discography-title{color:#fff;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:800}.discography-show-all-btn{color:#b3b3b3;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:13px;font-weight:700;transition:color .2s}.discography-show-all-btn:hover{color:#fff;text-decoration:underline}.discography-pills-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.discography-pill{cursor:pointer;color:#fff;background:#ffffff14;border:none;border-radius:999px;outline:none;padding:6px 15px;font-size:13px;font-weight:700;transition:all .2s}.discography-pill:hover{background:#ffffff24}.discography-pill.active{color:#000;background:#fff;box-shadow:0 4px 12px #0000004d}.spotify-albums-grid{grid-template-columns:repeat(auto-fill,minmax(135px,155px));gap:14px;display:grid}.spotify-album-card{cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;padding:10px;transition:background-color .25s,transform .2s;display:flex;position:relative}.spotify-album-card:hover{background:#181818}.spotify-album-card.is-active-filter{background:#242424;outline:1.5px solid #3b82f680}.spotify-album-cover-wrap{aspect-ratio:1;background:#181818;border-radius:6px;width:100%;margin-bottom:10px;position:relative;overflow:hidden;box-shadow:0 6px 18px #0006}.spotify-album-cover{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.spotify-card-play-btn{color:#fff;cursor:pointer;opacity:0;z-index:2;background:#2563eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s cubic-bezier(.3,0,0,1);display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(6px);box-shadow:0 6px 16px #2563eb80}.spotify-album-card:hover .spotify-card-play-btn{opacity:1;transform:translateY(0)}.spotify-card-play-btn.is-playing{opacity:1!important;background:#2563eb!important;transform:translateY(0)!important;box-shadow:0 0 16px #3b82f6cc!important}.spotify-card-play-btn:hover{background:#3b82f6!important;transform:scale(1.08)!important}.spotify-album-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;margin-bottom:3px;font-size:13.5px;font-weight:700;overflow:hidden}.spotify-album-subtitle{color:#a7a7a7;font-size:12px;font-weight:500}.eq-modal-card{max-width:520px!important;padding:26px!important}.eq-presets-wrap{margin:16px 0 20px}.eq-presets-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:11.5px;font-weight:700}.eq-presets-grid{flex-wrap:wrap;gap:6px;display:flex}.eq-preset-chip{color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s}.eq-preset-chip:hover{background:#ffffff1f;border-color:#ffffff40}.eq-preset-chip.active{color:#fff;background:#4f46e5;border-color:#818cf8;box-shadow:0 4px 12px #6366f166}.eq-sliders-container{background:#00000059;border:1px solid #ffffff14;border-radius:16px;justify-content:space-around;align-items:center;margin-bottom:20px;padding:22px 14px;display:flex}.eq-band-col{flex-direction:column;align-items:center;gap:8px;display:flex}.eq-gain-val{color:#818cf8;min-height:16px;font-size:11.5px;font-weight:800}.eq-slider-track-wrap{justify-content:center;align-items:center;height:150px;display:flex}.eq-vertical-slider{writing-mode:vertical-lr;accent-color:#6366f1;cursor:pointer;direction:rtl;width:14px;height:135px}.eq-freq-label{color:#fff;font-size:12px;font-weight:700}.eq-desc-label{color:var(--text-muted);font-size:10.5px}.eq-modal-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.btn-eq-reset{color:var(--text-main);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-eq-reset:hover{background:#ffffff1f}.btn-eq-done{background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--primary-glow);border:none;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:700;transition:all .2s}.btn-eq-done:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (width<=768px){.discovery-section-header{justify-content:space-between!important;align-items:flex-start!important;gap:10px!important;margin-bottom:14px!important;display:flex!important}.discovery-title-row{flex:1!important;align-items:flex-start!important;gap:8px!important;min-width:0!important}.discovery-section-title{font-size:18px!important;line-height:1.25!important}.discovery-section-subtitle{margin-top:2px!important;font-size:11.5px!important;line-height:1.35!important}.section-badge{flex-shrink:0!important;align-self:flex-start!important;margin-top:2px!important;padding:3px 8px!important;font-size:11px!important}.artist-hero-banner{text-align:center;flex-direction:column;gap:16px;padding:20px}.artist-hero-avatar{width:100px;height:100px}.artist-hero-name{font-size:24px}.artist-hero-stats,.artist-hero-actions{justify-content:center}.genre-card-grid{grid-template-columns:repeat(2,1fr);gap:10px}.artist-card-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;display:grid!important}.artist-card{box-sizing:border-box!important;border-radius:16px!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;height:100%!important;min-height:195px!important;padding:16px 12px 14px!important;display:flex!important}.artist-avatar-wrapper{flex-shrink:0!important;width:76px!important;height:76px!important;margin-bottom:8px!important}.artist-card-info{text-align:center!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.artist-card-name{margin-bottom:3px!important;font-size:13.5px!important;font-weight:800!important}.artist-card-meta{color:var(--text-muted)!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-height:24px!important;font-size:11px!important;display:flex!important}}.remote-playback-alert-banner{z-index:9999;-webkit-backdrop-filter:blur(16px);background:#0f172aeb;border:1px solid #f59e0b66;border-radius:999px;align-items:center;gap:16px;padding:8px 18px;animation:.3s cubic-bezier(.16,1,.3,1) slideUpAlert;display:flex;position:fixed;bottom:85px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080,0 0 20px #f59e0b33}@keyframes slideUpAlert{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}.remote-alert-inner{align-items:center;gap:16px;display:flex}.remote-alert-left{color:#f59e0b;align-items:center;gap:8px;display:flex}.remote-alert-icon{flex-shrink:0;animation:1.5s ease-in-out infinite pulseDeviceIcon}@keyframes pulseDeviceIcon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.remote-alert-text{color:var(--text-main);font-size:12.5px}.remote-alert-text strong{color:#f59e0b}.btn-takeover-playback{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:999px;padding:5px 14px;font-size:11.5px;font-weight:700;transition:all .2s;box-shadow:0 2px 10px #10b9814d}.btn-takeover-playback:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 14px #10b98180}.remote-alert-actions{align-items:center;gap:8px;display:flex}.btn-dismiss-remote-banner{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.btn-dismiss-remote-banner:hover{color:#fff;background:#ffffff38;transform:scale(1.1)}@media (width<=768px){.remote-playback-alert-banner{border-radius:14px;width:calc(100% - 32px);max-width:440px;padding:8px 14px;bottom:145px}.remote-alert-inner{justify-content:space-between;gap:10px;width:100%}.remote-alert-left{flex:1;min-width:0}.remote-alert-text{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.btn-takeover-playback{flex-shrink:0;padding:6px 12px;font-size:11px}}.player-remote-badge{color:#10b981;vertical-align:middle;background:#10b9811f;border:1px solid #10b98159;border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:10.5px;font-weight:700;animation:2s ease-in-out infinite pulseDeviceBadge;display:inline-flex}@keyframes pulseDeviceBadge{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;border-color:#10b981b3;transform:scale(1.02)}}.sidebar-playlists-section{border-top:1px solid #ffffff14;flex-direction:column;flex:1;min-height:140px;margin-top:14px;padding-top:12px;display:flex;overflow:hidden}.sidebar-playlists-header{justify-content:space-between;align-items:center;padding:0 10px 8px;display:flex}.sidebar-playlists-title{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:800}.btn-add-playlist-sidebar{width:22px;height:22px;color:var(--text-main);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-add-playlist-sidebar:hover{color:#fff;background:#818cf8;border-color:#818cf8}.sidebar-playlists-list{flex-direction:column;gap:4px;padding-right:4px;display:flex;overflow-y:auto}.sidebar-playlist-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:7px 10px;transition:all .2s;display:flex}.sidebar-playlist-item:hover{background:#ffffff0f}.sidebar-playlist-item.active{background:#818cf829;border:1px solid #818cf84d}.sidebar-pl-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.fav-icon-gradient{background:linear-gradient(135deg,#f43f5e,#be123c);box-shadow:0 4px 10px #f43f5e59}.pl-icon-gradient{background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 4px 10px #6366f14d}.sidebar-pl-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-pl-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-pl-count{color:var(--text-muted);font-size:11px}.sidebar-admin-footer{border-top:1px solid #ffffff0f;margin-top:10px;padding-top:10px}.queue-sidebar-panel{-webkit-backdrop-filter:blur(28px);z-index:10;background:#0a0f1ef5;border-left:1px solid #818cf82e;flex-direction:column;grid-area:queue;height:100%;max-height:calc(100vh - 90px);animation:.25s cubic-bezier(.16,1,.3,1) slideDrawerLeft;display:flex;overflow:hidden;box-shadow:-8px 0 24px #00000073}@keyframes slideDrawerLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=768px){.app-container.has-queue-open{grid-template-columns:1fr;grid-template-areas:"main"}.queue-sidebar-panel{z-index:99999;width:88vw;max-width:380px;position:fixed;top:0;bottom:90px;right:0;box-shadow:-12px 0 36px #000000b3}}.queue-drawer-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.queue-header-left{align-items:center;gap:12px;display:flex}.queue-header-icon{background:#818cf82e;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.queue-drawer-title{color:#fff;letter-spacing:.3px;margin:0;font-size:15px;font-weight:800}.queue-drawer-subtitle{color:var(--text-muted);font-size:11.5px}.queue-close-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.queue-close-btn:hover{color:#f43f5e;background:#f43f5e33;border-color:#f43f5e4d}.queue-drawer-body{flex-direction:column;flex:1;gap:12px;padding:18px 16px;display:flex;overflow-y:auto}.queue-section-label{letter-spacing:1px;color:#818cf8;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.queue-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:12px;margin-bottom:6px;padding:8px 10px;transition:all .2s;display:flex}.queue-item:hover{background:#ffffff14;border-color:#818cf84d}.queue-item.is-now-playing{background:#818cf826;border-color:#818cf866;box-shadow:0 4px 16px #6366f126}.queue-item.is-current{border-color:#818cf8}.queue-item-num{color:var(--text-muted);text-align:center;flex-shrink:0;width:18px;font-size:12px;font-weight:700}.queue-thumb-wrap{border-radius:8px;flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden}.queue-thumb{object-fit:cover;width:100%;height:100%}.queue-thumb-fallback{background:#0f172acc;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.queue-playing-indicator{background:#6366f199;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.queue-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.queue-item-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.queue-item-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.queue-badge-playing{color:#818cf8;background:#818cf82e;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:10.5px;font-weight:800}.queue-empty-msg{color:var(--text-muted);text-align:center;padding:24px 12px;font-size:12.5px;line-height:1.5}.queue-clear-btn{color:#f43f5e;cursor:pointer;background:#f43f5e1f;border:1px solid #f43f5e40;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.queue-clear-btn:hover{background:#f43f5e40;transform:translateY(-1px)}.queue-item-actions{opacity:.6;align-items:center;gap:4px;transition:opacity .2s;display:flex}.queue-item:hover .queue-item-actions{opacity:1}.queue-action-btn{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.queue-action-btn:hover{color:#818cf8;background:#818cf833;border-color:#818cf84d;transform:scale(1.08)}.queue-action-btn.active-fav{color:#ec4899;background:#ec489926;border-color:#ec48994d}.queue-action-btn.queue-delete-btn:hover{color:#f43f5e;background:#f43f5e33;border-color:#f43f5e4d}.queue-drag-handle{color:var(--text-muted);cursor:grab;opacity:.35;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 2px;transition:all .15s;display:flex}.queue-item:hover .queue-drag-handle{opacity:.9;color:#818cf8}.queue-drag-handle:active{cursor:grabbing}.queue-item.is-dragging{opacity:.35;background:#818cf81a;transform:scale(.97);border:1px dashed #818cf8!important}.queue-item.is-drag-over{transform:translateY(-2px);box-shadow:0 -4px 12px #818cf84d;background:#818cf82e!important;border-color:#818cf8!important}.covers-dual-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}@media (width<=640px){.covers-dual-grid{grid-template-columns:minmax(0,1fr);gap:12px}}.cover-box-card{border:1px solid var(--border-subtle);box-sizing:border-box;min-width:0;max-width:100%;min-height:170px;transition:var(--transition-fast);background:#ffffff05;border-radius:14px;flex-direction:column;justify-content:space-between;gap:8px;padding:13px;display:flex;overflow:hidden}.cover-box-card:hover{background:#ffffff08;border-color:#818cf840}.cover-box-header{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.cover-box-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;font-size:12.5px;font-weight:700;display:flex;overflow:hidden}.cover-box-tag{text-transform:uppercase;color:#818cf8;background:#818cf81f;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:9.5px;font-weight:700}.cover-box-desc{color:var(--text-muted);margin:0 0 6px;font-size:11.5px;line-height:1.4}.cover-box-body{flex-direction:column;flex:1;justify-content:center;margin:4px 0;display:flex}.compact-dropzone{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:72px;padding:14px 12px;display:flex}.cover-preview-card{box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;min-height:68px;padding:9px 10px;display:flex;position:relative}.cover-preview-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:44px;height:44px}.artist-circle-preview{border:2px solid #818cf880;border-radius:50%!important}.cover-preview-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex;overflow:hidden}.cover-preview-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:600;display:block;overflow:hidden}.cover-preview-badge{color:#34d399;white-space:nowrap;text-overflow:ellipsis;background:#10b9811f;border-radius:5px;width:fit-content;max-width:100%;padding:2px 6px;font-size:9.5px;font-weight:700;overflow:hidden}.cover-preview-badge.existing{color:#818cf8;background:#818cf81f}.btn-remove-cover{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.btn-remove-cover:hover{background:#ef44444d;transform:scale(1.1)}.btn-change-cover{color:#c7d2fe;cursor:pointer;white-space:nowrap;background:#818cf82e;border:1px solid #818cf859;border-radius:8px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:700;transition:all .2s}.btn-change-cover:hover{color:#fff;background:#818cf859;transform:translateY(-1px)}.form-group{flex-direction:column;gap:6px;min-width:0;display:flex}.form-label{color:#cbd5e1;letter-spacing:.2px;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.form-row-2col{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}@media (width<=640px){.form-row-2col{grid-template-columns:minmax(0,1fr);gap:10px}}.auth-input,.modern-form-input{color:#fff;box-sizing:border-box;background:#0f172abf;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:13.5px;transition:all .2s}.auth-input:focus,.modern-form-input:focus{background:#1e293bd9;border-color:#818cf8;box-shadow:0 0 0 3px #818cf840}.auth-input::placeholder,.modern-form-input::placeholder{color:var(--text-muted);opacity:.7}.release-type-toggle{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;gap:6px;padding:4px;display:flex}.release-type-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:flex}.release-type-btn:hover{color:var(--text-main)}.release-type-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#06b6d4);box-shadow:0 3px 12px #4f46e559}.edit-song-modal-card{scrollbar-width:thin;scrollbar-color:#818cf84d transparent;max-height:calc(100dvh - 32px);overflow-y:auto;box-sizing:border-box!important;background:#0b1120!important;border:1px solid #ffffff1f!important;border-radius:24px!important;width:calc(100vw - 24px)!important;max-width:620px!important;padding:24px 26px!important;overflow-x:hidden!important;box-shadow:0 30px 60px -12px #000000e6,0 0 50px #6366f133!important}.edit-song-modal-card::-webkit-scrollbar{width:6px}.edit-song-modal-card::-webkit-scrollbar-thumb{background:#818cf84d;border-radius:99px}.artist-hero-avatar-wrap{display:inline-block;position:relative}.artist-hero-avatar-wrap.can-edit{cursor:pointer}.artist-avatar-edit-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0f172abf;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:all .2s;display:flex;position:absolute;inset:0}.artist-hero-avatar-wrap.can-edit:hover .artist-avatar-edit-overlay{opacity:1}.artist-avatar-edit-overlay span{color:#fff;letter-spacing:.3px;font-size:11px;font-weight:700}.btn-modal-cancel{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border-radius:12px;padding:11px 18px;font-size:13px;font-weight:700}.btn-modal-cancel:hover{color:var(--text-main);background:#ffffff1a}.edit-checkbox-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;margin-top:4px;font-size:11.5px;display:flex}.edit-checkbox-label input[type=checkbox]{accent-color:#818cf8;cursor:pointer;width:14px;height:14px}.edit-checkbox-label:hover{color:var(--text-main)}.cover-single-badge-note{color:var(--text-muted);align-items:center;gap:6px;height:18px;margin-top:4px;font-size:11px;font-style:italic;display:flex}@media (width<=768px){.edit-song-modal-card{max-height:calc(100dvh - 24px);border-radius:20px!important;width:calc(100vw - 20px)!important;max-width:100%!important;padding:18px 16px!important}}.datatable-panel{flex-direction:column;gap:16px;display:flex}.datatable-header-row{justify-content:space-between;align-items:center;display:flex}.datatable-count-badge{color:#a5b4fc;background:#818cf826;border:1px solid #818cf84d;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.datatable-toolbar{border:1px solid var(--border-subtle);background:#00000040;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.datatable-limit-group{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.datatable-limit-label{font-weight:600}.datatable-limit-inputs{align-items:center;gap:6px;display:flex}.datatable-limit-number-input{border:1px solid var(--border-subtle);width:54px;color:var(--text-main);text-align:center;transition:var(--transition-fast);background:#ffffff0d;border-radius:8px;outline:none;padding:5px 8px;font-size:12px;font-weight:700}.datatable-limit-number-input:focus{background:#ffffff14;border-color:#818cf8;box-shadow:0 0 0 2px #818cf833}.datatable-limit-select{border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;transition:var(--transition-fast);background:#0f172ad9;border-radius:8px;outline:none;padding:5px 8px;font-size:12px;font-weight:600}.datatable-limit-select:focus{border-color:#818cf8}.datatable-limit-select option{color:#f1f5f9;background:#0f172a}.datatable-search-wrap{flex:1;align-items:center;min-width:220px;max-width:320px;display:flex;position:relative}.datatable-search-icon{color:var(--text-subtle);pointer-events:none;position:absolute;left:11px}.datatable-search-input{border:1px solid var(--border-subtle);width:100%;color:var(--text-main);transition:var(--transition-fast);background:#ffffff0d;border-radius:10px;outline:none;padding:8px 30px 8px 32px;font-size:12px}.datatable-search-input:focus{background:#ffffff14;border-color:#818cf8;box-shadow:0 0 0 2px #818cf833}.datatable-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;right:8px}.datatable-search-clear:hover{color:var(--text-main)}.datatable-empty-state{text-align:center;border:1px dashed var(--border-subtle);background:#ffffff04;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:44px 20px;display:flex}.btn-clear-search-filter{color:#a5b4fc;cursor:pointer;transition:var(--transition-fast);background:#818cf826;border:1px solid #818cf859;border-radius:8px;margin-top:12px;padding:6px 14px;font-size:11.5px;font-weight:600}.btn-clear-search-filter:hover{color:#fff;background:#818cf840}.datatable-row-num{color:var(--text-subtle);min-width:22px;font-size:11px;font-weight:700}.table-track-info-col{flex-direction:column;gap:3px;display:flex;overflow:hidden}.datatable-meta-badges{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.datatable-genre-badge{color:#22d3ee;background:#06b6d41f;border:1px solid #06b6d44d;border-radius:5px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.datatable-year-badge{border:1px solid var(--border-subtle);color:var(--text-muted);background:#ffffff0d;border-radius:5px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.datatable-row-index-badge{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700}.datatable-artist-col{flex-direction:column;gap:3px;display:flex}.datatable-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;padding-bottom:6px;display:flex}.datatable-info-text{color:var(--text-muted);font-size:13px;line-height:1.6}.datatable-info-text strong{color:var(--text-main)}.datatable-pagination-nav{align-items:center;gap:4px;display:flex}.datatable-page-btn{border:1px solid var(--border-subtle);min-width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border-radius:7px;justify-content:center;align-items:center;padding:0 6px;font-size:11.5px;font-weight:600;display:flex}.datatable-page-btn:hover:not(:disabled){color:var(--text-main);background:#ffffff17;border-color:#fff3}.datatable-page-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px var(--primary-glow);border-color:#0000;font-weight:700}.datatable-page-btn:disabled{opacity:.35;cursor:not-allowed}.datatable-page-ellipsis{color:var(--text-subtle);-webkit-user-select:none;user-select:none;padding:0 4px;font-size:11px}.spotify-search-wrapper{z-index:900;width:100%;max-width:460px;position:relative}.spotify-search-box{background:#242424;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:12px;width:100%;padding:10px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.spotify-search-box:hover{background:#2a2a2a;border-color:#ffffff29}.spotify-search-box.active-focus,.spotify-search-box:focus-within{background:#242424;border-color:#fff;box-shadow:0 0 0 2px #ffffff26}.spotify-search-icon{color:#b3b3b3;flex-shrink:0;transition:color .15s}.spotify-search-box:focus-within .spotify-search-icon{color:#fff}.spotify-search-box input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px;font-weight:500}.spotify-search-box input::placeholder{color:#a7a7a7;font-weight:400}.spotify-search-clear-btn{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.spotify-search-clear-btn:hover{color:#fff;background:#ffffff1a}.spotify-search-dropdown{z-index:1050;background:#1f1f1f;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:100%;min-width:380px;max-width:480px;animation:.2s cubic-bezier(.16,1,.3,1) forwards spotifyDropdownSlide;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 16px 40px #000c,0 0 0 1px #ffffff0d}@keyframes spotifyDropdownSlide{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.spotify-dropdown-header-hint{color:#a7a7a7;background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 14px;font-size:11px;display:flex}.spotify-hint-item{align-items:center;gap:5px;display:flex}.spotify-key-badge{color:#e5e7eb;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:4px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:1px 5px;font-family:monospace;font-size:10px;font-weight:600;display:inline-flex}.spotify-dropdown-scroll-body{scrollbar-width:thin;scrollbar-color:#fff3 transparent;max-height:440px;padding:8px 6px;overflow-y:auto}.spotify-dropdown-scroll-body::-webkit-scrollbar{width:6px}.spotify-dropdown-scroll-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.spotify-dropdown-section{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.spotify-dropdown-section:last-child{margin-bottom:0}.spotify-section-subhead{text-transform:uppercase;letter-spacing:.08em;color:#a7a7a7;padding:6px 10px 4px;font-size:11px;font-weight:700}.spotify-suggestion-item{cursor:pointer;color:#b3b3b3;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;transition:all .12s;display:flex}.spotify-suggestion-item:hover{color:#fff;background:#ffffff14}.spotify-sug-icon{color:#a7a7a7;flex-shrink:0}.spotify-sug-text{white-space:nowrap;text-overflow:ellipsis;color:#e5e7eb;font-size:13.5px;font-weight:400;overflow:hidden}.spotify-search-highlight{color:#fff;font-weight:700}.spotify-song-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:6px 8px;transition:background .15s;display:flex;position:relative}.spotify-song-item:hover{background:#ffffff14}.spotify-song-item.is-current{background:#6366f11f}.spotify-song-thumb-wrap{background:#282828;border-radius:6px;flex-shrink:0;width:42px;height:42px;position:relative;overflow:hidden}.spotify-song-thumb{object-fit:cover;width:100%;height:100%;display:block}.spotify-song-thumb-placeholder{color:#71717a;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.spotify-song-play-overlay{opacity:0;background:#000000a6;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.spotify-song-item:hover .spotify-song-play-overlay,.spotify-song-play-overlay.show{opacity:1}.spotify-song-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.spotify-song-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.spotify-song-item.is-current .spotify-song-title{color:#818cf8}.spotify-song-sub{color:#a7a7a7;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:11.5px;display:flex;overflow:hidden}.spotify-song-type{font-weight:500}.spotify-sub-dot{opacity:.5}.spotify-song-artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spotify-song-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.spotify-action-btn{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.spotify-action-btn:hover,.spotify-action-btn.active{color:#fff;background:#ffffff1a;transform:scale(1.05)}.spotify-action-btn.direct-favorite.is-fav{color:#ec4899}.spotify-action-btn.direct-favorite.is-fav:hover{color:#f43f5e;background:#ec489926}.spotify-menu-container{position:relative}.spotify-context-menu{z-index:1200;background:#282828;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:2px;width:220px;padding:6px;animation:.15s forwards spotifyMenuFade;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 12px 32px #000000b3}@keyframes spotifyMenuFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spotify-context-item{color:#e5e7eb;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:12.5px;font-weight:500;transition:all .12s;display:flex}.spotify-context-item:hover{color:#fff;background:#ffffff1f}.spotify-context-item svg{color:#a7a7a7;flex-shrink:0}.spotify-context-item:hover svg{color:#fff}.spotify-artist-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:6px 8px;transition:background .15s;display:flex}.spotify-artist-item:hover{background:#ffffff14}.spotify-artist-avatar-wrap{background:#282828;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}.spotify-artist-avatar{object-fit:cover;width:100%;height:100%}.spotify-artist-avatar-placeholder{background:#6366f126;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.spotify-artist-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.spotify-artist-name-row{align-items:center;gap:6px;display:flex}.spotify-artist-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.spotify-verified-badge{flex-shrink:0}.spotify-artist-sub{color:#a7a7a7;align-items:center;gap:5px;font-size:11.5px;display:flex}.spotify-artist-action{flex-shrink:0}.spotify-artist-pill-btn{color:#fff;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;transition:all .15s;display:inline-block}.spotify-artist-item:hover .spotify-artist-pill-btn{background:#ffffff1a;border-color:#fff;transform:scale(1.04)}.spotify-empty-state{text-align:center;color:#a7a7a7;flex-direction:column;gap:6px;padding:32px 16px;font-size:13.5px;display:flex}.spotify-empty-tip{color:#71717a;font-size:11.5px}.spotify-dropdown-footer{color:#e5e7eb;cursor:pointer;background:#ffffff0a;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:11px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.spotify-dropdown-footer:hover{color:#fff;background:#ffffff17}.spotify-dropdown-footer svg{transition:transform .15s}.spotify-dropdown-footer:hover svg{transform:translate(3px)}@media (width<=768px){.spotify-search-wrapper{max-width:100%}.spotify-search-dropdown{border-left:none;border-right:none;border-radius:0 0 16px 16px;width:100vw;min-width:0;left:-18px}}.spotify-search-page{flex-direction:column;gap:24px;display:flex}.spotify-search-pills-bar{scrollbar-width:none;align-items:center;gap:10px;padding:4px 0 12px;display:flex;overflow-x:auto}.spotify-search-pills-bar::-webkit-scrollbar{display:none}.spotify-pill-tab{color:#e5e7eb;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.spotify-pill-tab:hover{color:#fff;background:#ffffff26}.spotify-pill-tab.active{color:#000;background:#fff;border-color:#fff;font-weight:700;box-shadow:0 4px 14px #0006}.spotify-pill-badge{opacity:.75;font-size:11px}.spotify-top-result-card{cursor:pointer;background:#181818;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 24px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.spotify-top-result-card:hover{background:#282828;border-color:#ffffff29;transform:translateY(-2px);box-shadow:0 12px 30px #00000080}.spotify-top-result-left{align-items:center;gap:18px;min-width:0;display:flex}.spotify-top-result-cover-wrap{background:#242424;border-radius:8px;flex-shrink:0;width:76px;height:76px;overflow:hidden;box-shadow:0 6px 18px #0006}.spotify-top-result-cover{object-fit:cover;width:100%;height:100%;display:block}.spotify-top-result-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.spotify-top-result-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:800;overflow:hidden}.spotify-top-result-sub{color:#b3b3b3;align-items:center;gap:6px;font-size:13.5px;display:flex}.spotify-top-result-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.spotify-blue-play-btn,.spotify-green-play-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .15s,background .15s,box-shadow .15s;display:flex;box-shadow:0 8px 24px #2563eb73}.spotify-blue-play-btn:hover,.spotify-green-play-btn:hover{background:#3b82f6;transform:scale(1.08);box-shadow:0 10px 28px #3b82f699}.spotify-track-list{flex-direction:column;gap:4px;display:flex}.spotify-track-row{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:background .15s;display:flex;position:relative}.spotify-track-row:hover{background:#ffffff14}.spotify-track-row.is-current{background:#6366f124}.spotify-track-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.spotify-track-thumb-wrap{background:#242424;border-radius:6px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.spotify-track-thumb{object-fit:cover;width:100%;height:100%;display:block}.spotify-track-play-overlay{opacity:0;background:#0009;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.spotify-track-row:hover .spotify-track-play-overlay,.spotify-track-play-overlay.show{opacity:1}.spotify-track-info{flex-direction:column;gap:2px;min-width:0;display:flex}.spotify-track-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.spotify-track-row.is-current .spotify-track-title{color:#38bdf8}.spotify-track-artist{color:#a7a7a7;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.spotify-track-right{flex-shrink:0;align-items:center;gap:18px;display:flex}.spotify-track-type-tag{color:#a7a7a7;text-align:right;min-width:44px;font-size:12px}.spotify-track-action-btn{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.spotify-track-action-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.08)}.spotify-track-action-btn.is-fav{color:#38bdf8}.spotify-track-action-btn.is-fav:hover{color:#60a5fa;background:#2563eb26}.monitoring-header-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.monitoring-timeframe-pills{border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:9999px;align-items:center;gap:4px;padding:4px;display:flex}.monitoring-date-range-bar{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:9999px;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 12px;display:flex}.monitoring-date-range-item{align-items:center;gap:6px;display:flex}.monitoring-date-label{color:var(--text-muted);font-size:11.5px;font-weight:600}.monitoring-date-picker-input{border:1px solid var(--border-subtle);color:#f1f5f9;cursor:pointer;background:#0f172ad9;border-radius:8px;outline:none;padding:4px 8px;font-family:inherit;font-size:12px;transition:all .2s}.monitoring-date-picker-input::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}.monitoring-date-picker-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.btn-clear-date-filter{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-clear-date-filter:hover{color:#fca5a5;background:#ef444440}.monitoring-pill-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.monitoring-pill-btn:hover{color:#fff;background:#ffffff14}.monitoring-pill-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#38bdf8 100%);box-shadow:0 2px 10px #2563eb59}.monitoring-stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px;display:grid}.monitoring-stat-card{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161d2d99;border-radius:16px;justify-content:space-between;align-items:center;padding:18px 20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.monitoring-stat-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#38bdf899,#0000);height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.monitoring-stat-card:hover:before{opacity:1}.monitoring-stat-card.card-accent-blue:before{opacity:1;background:linear-gradient(90deg,#0000,#38bdf8,#0000)}.monitoring-stat-num{color:#fff;letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:800;line-height:1.1}.monitoring-stat-label{color:var(--text-muted);font-size:12.5px;font-weight:500}.monitoring-stat-icon-wrap{color:#38bdf8;background:#38bdf81a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.monitoring-subtabs-bar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.monitoring-subtab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.monitoring-subtab-btn:hover{color:#fff;background:#ffffff0d}.monitoring-subtab-btn.active{color:#38bdf8;background:#2563eb2e;border-color:#38bdf859}.monitoring-datatable-panel{margin-bottom:36px}.monitoring-table-card{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;flex-direction:column;gap:18px;margin-bottom:36px;padding:24px;display:flex}.monitoring-table-header-bar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.monitoring-search-input-wrap{border:1px solid var(--border-subtle);background:#00000040;border-radius:9999px;align-items:center;gap:8px;width:280px;max-width:100%;padding:6px 14px;display:flex}.monitoring-search-input-wrap input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:13px}.monitoring-search-input-wrap input::placeholder{color:#71717a}.monitoring-table-wrap{border:1px solid var(--border-subtle);background:#0003;border-radius:14px;width:100%;overflow-x:auto}.monitoring-table{border-collapse:collapse;text-align:left;width:100%}.monitoring-table th{text-transform:uppercase;color:#71717a;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);background:#00000026;padding:12px 18px;font-size:12px;font-weight:700}.monitoring-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 18px;font-size:13.5px}.monitoring-table tr:hover td{background:#ffffff05}.monitoring-song-col{align-items:center;gap:12px;display:flex}.monitoring-song-thumb{object-fit:cover;background:#202020;border-radius:8px;flex-shrink:0;width:42px;height:42px}.monitoring-song-title{color:#fff;margin-bottom:2px;font-size:14px;font-weight:700}.monitoring-song-artist{color:var(--text-muted);font-size:12px}.monitoring-play-badge{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.monitoring-user-badge{color:#e2e8f0;background:#ffffff0f;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.btn-view-listeners{color:#38bdf8;cursor:pointer;background:#2563eb26;border:1px solid #38bdf84d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-view-listeners:hover{color:#fff;background:#2563eb4d;transform:translateY(-1px)}.monitoring-song-detail-modal{flex-direction:column;max-height:88vh;display:flex;overflow:hidden;background:#0f1423!important;border:1px solid #38bdf840!important;width:92%!important;max-width:640px!important;padding:0!important;box-shadow:0 20px 60px #000c,0 0 30px #2563eb33!important}.modal-sticky-header{border-bottom:1px solid var(--border-subtle);background:#0f1423f2;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.modal-song-info-banner{align-items:center;gap:16px;display:flex}.modal-song-cover{object-fit:cover;border-radius:12px;flex-shrink:0;width:68px;height:68px;box-shadow:0 4px 16px #00000080}.modal-song-meta h3{color:#fff;margin-bottom:4px;font-size:18px;font-weight:800}.modal-song-meta p{color:var(--text-muted);margin-bottom:6px;font-size:13.5px}.modal-scrollable-body{flex-direction:column;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.modal-listeners-list{flex-direction:column;gap:10px;display:flex}.monitoring-listener-card{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.monitoring-listener-card:hover{background:#ffffff0d;border-color:#38bdf840}.listener-left{align-items:center;gap:12px;display:flex}.listener-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.listener-name{color:#fff;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.listener-identifier{color:var(--text-muted);font-size:12px}.listener-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.listener-play-count{color:#38bdf8;font-size:14px;font-weight:800}.listener-last-played{color:var(--text-muted);font-size:11.5px}.btn-reset-monitoring-log{color:#fb7185;cursor:pointer;background:#f43f5e1f;border:1px solid #f43f5e4d;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-reset-monitoring-log:hover{color:#fff;background:#f43f5e38;border-color:#f43f5e80;transform:translateY(-1px);box-shadow:0 0 16px #f43f5e40}.monitoring-reset-modal{background:#121316;border:1px solid #ffffff1a;border-radius:18px;width:94%;max-width:620px;padding:0;overflow:hidden;box-shadow:0 24px 60px #000000b3}.reset-modal-icon-badge{background:#f43f5e26;border:1px solid #f43f5e4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.reset-modal-content{flex-direction:column;gap:18px;max-height:calc(85vh - 90px);padding:22px 24px 26px;display:flex;overflow-y:auto}.reset-form-group{flex-direction:column;gap:8px;display:flex}.reset-field-label{color:#e2e8f0;font-size:13px;font-weight:700}.reset-mode-selector-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width<=500px){.reset-mode-selector-grid{grid-template-columns:1fr}}.reset-mode-card{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;transition:all .2s;display:flex}.reset-mode-card:hover{background:#ffffff0f;border-color:#ffffff2e;transform:translateY(-1px)}.reset-mode-card.active{background:#38bdf81f;border-color:#38bdf873;box-shadow:0 0 14px #38bdf826}.reset-mode-card .mode-title{color:#fff;font-size:13px;font-weight:700}.reset-mode-card .mode-desc{color:var(--text-muted);font-size:11px;line-height:1.3}.reset-range-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reset-range-col{flex-direction:column;gap:6px;display:flex}.reset-range-col .input-sublabel{color:var(--text-muted);font-size:11.5px;font-weight:600}.reset-input-field,.reset-select-field{color:#fff;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.reset-input-field:focus,.reset-select-field:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.reset-select-field option{color:#fff;background:#18191d}.field-hint-text{color:var(--text-muted);font-size:11.5px;line-height:1.4}.reset-checkbox-label{cursor:pointer;color:#cbd5e1;background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12.5px;line-height:1.45;transition:background .2s;display:flex}.reset-checkbox-label:hover{background:#ffffff0a}.reset-checkbox-label input[type=checkbox]{accent-color:#38bdf8;cursor:pointer;width:16px;height:16px;margin-top:2px}.reset-checkbox-label code{color:#38bdf8;background:#38bdf81a;border-radius:4px;padding:1px 4px;font-size:11.5px}.reset-preview-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:14px 16px;transition:all .2s}.reset-preview-box.preview-warn{background:#f43f5e0f;border-color:#f43f5e40}.reset-preview-box.preview-warn .preview-icon{color:#fb7185;flex-shrink:0;margin-top:1px}.reset-preview-box.preview-empty{background:#10b9810f;border-color:#10b98140}.reset-preview-box.preview-empty .preview-icon{color:#34d399;flex-shrink:0;margin-top:1px}.reset-modal-actions{border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding-top:8px;display:flex}.btn-cancel-reset{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.btn-cancel-reset:hover{color:#fff;background:#ffffff1a}.btn-confirm-delete-log{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);border:1px solid #f43f5e66;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #e11d484d}.btn-confirm-delete-log:hover:not(:disabled){background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);transform:translateY(-1px);box-shadow:0 6px 20px #e11d4880}.btn-confirm-delete-log:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.modern-swal-backdrop{-webkit-backdrop-filter:blur(16px);z-index:999999;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modern-swal-card{text-align:center;z-index:1000000;background:#14151a;border:1px solid #ffffff29;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:480px;max-height:90vh;padding:32px 28px 28px;display:flex;position:relative;overflow-y:auto;box-shadow:0 30px 90px #000000e6,0 0 0 1px #ffffff14}.modern-swal-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#f43f5e40 0%,#0000 70%);width:200px;height:120px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.modern-swal-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:20px;display:flex;position:relative}.modern-swal-icon-wrap.danger{color:#fb7185;background:#f43f5e1f;border:2px solid #f43f5e59;box-shadow:0 0 25px #f43f5e4d}.modern-swal-icon-wrap.warning{color:#fbbf24;background:#f59e0b1f;border:2px solid #f59e0b59;box-shadow:0 0 25px #f59e0b4d}.modern-swal-icon-wrap.success{color:#34d399;background:#10b9811f;border:2px solid #10b98159;box-shadow:0 0 25px #10b9814d}.modern-swal-icon-halo{border:1px dashed #fff3;border-radius:50%;animation:12s linear infinite swalHaloSpin;position:absolute;inset:-6px}@keyframes swalHaloSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-swal-title{color:#fff;letter-spacing:-.01em;margin:0 0 8px;font-size:20px;font-weight:800;line-height:1.3}.modern-swal-subtitle{color:#94a3b8;max-width:90%;margin:0 0 16px;font-size:13px;line-height:1.5}.modern-swal-badge-wrap{margin-bottom:18px}.modern-swal-badge{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e59;border-radius:9999px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-flex}.modern-swal-meta-box{text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:8px;width:100%;margin-bottom:24px;padding:12px 16px;display:flex}.modern-swal-meta-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:12px;padding-bottom:6px;font-size:12.5px;display:flex}.modern-swal-meta-row:last-child{border-bottom:none;padding-bottom:0}.modern-swal-meta-row .meta-row-label{color:var(--text-muted);white-space:nowrap;font-weight:500}.modern-swal-meta-row .meta-row-value{color:#fff;text-align:right;word-break:break-word;font-weight:600}.modern-swal-meta-row.highlight .meta-row-value{color:#fb7185;font-weight:800}.modern-swal-buttons{align-items:center;gap:12px;width:100%;display:flex}.modern-swal-btn-cancel{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex:1;padding:12px 18px;font-size:13.5px;font-weight:600;transition:all .2s}.modern-swal-btn-cancel:hover{color:#fff;background:#ffffff1f}.modern-swal-btn-confirm{cursor:pointer;color:#fff;border:none;border-radius:12px;flex:1.3;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.modern-swal-btn-confirm.danger{background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);box-shadow:0 4px 18px #e11d4873}.modern-swal-btn-confirm.danger:hover:not(:disabled){background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);transform:translateY(-1px);box-shadow:0 6px 24px #e11d48a6}.modern-swal-btn-confirm:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.modern-alert-toast{z-index:1000000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181920;border:1px solid #ffffff1f;border-radius:16px;align-items:flex-start;gap:12px;min-width:300px;max-width:420px;padding:14px 16px;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 20px 50px #000000b3}.modern-alert-toast.success{border-color:#10b98166;box-shadow:0 10px 40px #000000b3,0 0 20px #10b98126}.modern-alert-toast.error{border-color:#f43f5e66;box-shadow:0 10px 40px #000000b3,0 0 20px #f43f5e26}.modern-alert-toast.warning{border-color:#f59e0b66;box-shadow:0 10px 40px #000000b3,0 0 20px #f59e0b26}.modern-alert-icon{flex-shrink:0;margin-top:1px}.modern-alert-body{flex-direction:column;flex:1;gap:3px;display:flex}.modern-alert-title{color:#fff;font-size:13.5px;font-weight:700}.modern-alert-msg{color:#94a3b8;font-size:12px;line-height:1.45}.modern-alert-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.modern-alert-close:hover{color:#fff;background:#ffffff1a}.admin-monitoring-playlists-view,.user-song-requests-view,.admin-song-requests-view{padding-bottom:80px}.modern-page-hero-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bcc 0%,#0f172af2 100%);border:1px solid #ffffff1a;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #0006,inset 0 1px #ffffff1f}.modern-page-hero-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-40px;right:-40px}.hero-header-left{flex:1;align-items:center;gap:20px;min-width:280px;display:flex}.hero-header-icon-box{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .25s;display:flex}.modern-page-hero-header:hover .hero-header-icon-box{transform:scale(1.05)}.hero-header-icon-box.gradient-indigo{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 8px 24px #6366f166}.hero-header-icon-box.gradient-sky{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);box-shadow:0 8px 24px #0ea5e966}.hero-header-icon-box.gradient-purple{background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);box-shadow:0 8px 24px #a855f766}.hero-header-texts{flex-direction:column;display:flex}.hero-badge-pill{color:#c7d2fe;letter-spacing:.08em;text-transform:uppercase;background:#6366f126;border:1px solid #6366f14d;border-radius:9999px;align-items:center;gap:7px;width:fit-content;margin-bottom:8px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.pulsing-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseHeroDot;box-shadow:0 0 8px #22c55e}@keyframes pulseHeroDot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.95)}}.hero-header-title{color:#fff;letter-spacing:-.025em;margin:0 0 6px;font-size:1.65rem;font-weight:800;line-height:1.25}.hero-header-desc{color:#94a3b8;max-width:650px;margin:0;font-size:.88rem;line-height:1.5}.hero-header-right{align-items:center;display:flex}.btn-hero-refresh{color:#f1f5f9;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:9px;padding:10px 18px;font-size:.84rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-hero-refresh:hover:not(:disabled){color:#fff;background:#ffffff24;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 20px #00000059}.btn-hero-refresh:disabled{opacity:.6;cursor:not-allowed}.monitoring-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.monitoring-title{color:#fff;margin:0 0 6px;font-size:1.5rem;font-weight:800}.monitoring-subtitle{color:#94a3b8;margin:0;font-size:.88rem}.btn-refresh-monitoring{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-refresh-monitoring:hover:not(:disabled){background:#ffffff29;transform:translateY(-2px)}.user-monitoring-top-nav{margin-bottom:20px}.btn-back-user-monitoring{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-back-user-monitoring:hover{color:#fff;background:#ffffff1f;transform:translate(-2px)}.user-monitoring-banner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:20px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:28px;padding:24px;display:flex;box-shadow:0 10px 30px #00000059}.user-monitoring-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.8rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 18px #6366f166}.user-monitoring-avatar img{object-fit:cover;width:100%;height:100%}.user-monitoring-profile-info{flex:1;min-width:200px}.user-monitoring-name-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.user-monitoring-name{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.user-monitoring-meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.meta-dot{opacity:.4}.user-monitoring-stats-pills{flex-wrap:wrap;gap:14px;display:flex}.user-stat-pill{background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;min-width:140px;padding:10px 16px;display:flex}.user-stat-pill strong{color:#fff;font-size:1.15rem;font-weight:700;line-height:1.2;display:block}.user-stat-pill span{color:#94a3b8;font-size:.75rem;display:block}.admin-playlist-section-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a80;border:1px solid #ffffff0f;border-radius:18px;margin-bottom:24px;padding:22px}.admin-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.admin-section-title-wrap{align-items:center;gap:14px;display:flex}.admin-section-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.admin-section-icon.heart-glow{background:#f43f5e1f;box-shadow:0 0 20px #f43f5e33}.admin-section-icon.playlist-glow{background:#818cf81f;box-shadow:0 0 20px #818cf833}.admin-section-title{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.admin-section-count{color:#94a3b8;font-size:.8rem}.btn-play-all-favorites,.btn-admin-play-all-pl{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #10b9814d}.btn-play-all-favorites:hover,.btn-admin-play-all-pl:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10b98173}.admin-empty-section{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.admin-empty-section p{margin:0;font-size:.95rem}.admin-pl-table-wrapper{background:#0a0f1d66;border:1px solid #ffffff0d;border-radius:12px;overflow-x:auto}.admin-pl-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-pl-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:1px solid #ffffff0f;padding:12px 16px;font-size:.75rem;font-weight:600}.admin-pl-row{border-bottom:1px solid #ffffff0a;transition:background .15s}.admin-pl-row:hover{background:#ffffff09}.admin-pl-row td{vertical-align:middle;padding:10px 16px}.admin-td-index{color:#64748b;font-size:.8rem;font-weight:500}.admin-pl-song-info{align-items:center;gap:12px;display:flex}.admin-pl-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px;box-shadow:0 2px 6px #0000004d}.admin-song-title-text{color:#f1f5f9;font-weight:600;line-height:1.3}.admin-song-artist-mobile{color:#94a3b8;font-size:.75rem;display:none}.admin-td-artist,.admin-td-album{color:#cbd5e1}.btn-admin-preview-play{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.btn-admin-preview-play:hover,.btn-admin-preview-play.playing{color:#fff;background:#6366f1;border-color:#6366f1;transform:scale(1.08);box-shadow:0 0 12px #6366f180}.admin-playlists-accordion-list{flex-direction:column;gap:14px;display:flex}.admin-playlist-card-item{background:#0a0f1d73;border:1px solid #ffffff0f;border-radius:14px;transition:border-color .2s;overflow:hidden}.admin-playlist-card-item:hover{border-color:#6366f14d}.admin-pl-card-header{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.admin-pl-header-left{flex:1;align-items:center;gap:16px;min-width:220px;display:flex}.admin-pl-cover-box{background:#6366f126;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.admin-pl-cover-box img{object-fit:cover;width:100%;height:100%}.admin-pl-name{color:#f8fafc;margin:0 0 4px;font-size:1rem;font-weight:600}.admin-pl-desc{color:#94a3b8;margin:0 0 4px;font-size:.8rem;line-height:1.3}.admin-pl-meta-inline{color:#64748b;font-size:.75rem}.admin-pl-header-actions{align-items:center;gap:12px;display:flex}.btn-admin-toggle-accordion{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;transition:background .15s;display:flex}.btn-admin-toggle-accordion:hover{background:#ffffff0f}.chevron-icon{color:#94a3b8;transition:transform .25s}.chevron-icon.expanded{transform:rotate(180deg)}.admin-pl-card-body{background:#0003;border-top:1px solid #ffffff0f;padding:16px}.admin-pl-empty-songs{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:8px;padding:24px;font-size:.85rem;display:flex}.admin-monitoring-search-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-search-input-box{background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;flex:1;align-items:center;gap:10px;max-width:480px;padding:10px 16px;transition:border-color .2s;display:flex}.admin-search-input-box:focus-within{border-color:#6366f1;box-shadow:0 0 16px #6366f133}.admin-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.admin-user-count-badge{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:9999px;padding:6px 14px;font-size:.85rem}.admin-monitoring-loading{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;display:flex}.user-playlist-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.user-pl-card{background:#0f172a8c;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;justify-content:space-between;gap:16px;padding:20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 18px #0003}.user-pl-card:hover{border-color:#6366f159;transform:translateY(-4px);box-shadow:0 12px 28px #00000059}.user-pl-card-top{align-items:center;gap:14px;display:flex}.user-pl-card-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.3rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 12px #6366f14d}.user-pl-card-avatar img{object-fit:cover;width:100%;height:100%}.user-pl-card-meta{flex:1;overflow:hidden}.user-pl-card-name-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.user-pl-card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.user-pl-card-username{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}.user-pl-card-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.user-pl-card-metrics{background:#00000040;border:1px solid #ffffff0a;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.user-pl-metric-item{align-items:center;gap:10px;display:flex}.metric-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.metric-icon-wrap.pl-icon{color:#818cf8;background:#6366f126}.metric-icon-wrap.fav-icon{color:#f43f5e;background:#f43f5e26}.metric-val{color:#fff;font-size:1rem;font-weight:700;line-height:1.2;display:block}.metric-lbl{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;display:block;overflow:hidden}.user-pl-card-footer{margin-top:auto}.user-pl-card-actions-row{flex-direction:column;gap:8px;margin-top:14px;display:flex}.btn-action-view-favorites,.btn-action-view-playlists{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.btn-action-view-favorites{color:#fb7185;background:#f43f5e1a;border:1px solid #f43f5e40}.btn-action-view-favorites:hover{color:#fff;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);border-color:#f43f5e;transform:translateY(-2px);box-shadow:0 4px 14px #f43f5e66}.btn-action-view-favorites:hover svg{fill:#fff!important}.btn-action-view-playlists{color:#a5b4fc;background:#6366f11a;border:1px solid #6366f140}.btn-action-view-playlists:hover{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 14px #6366f166}.admin-monitoring-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.monitoring-stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:all .25s;display:flex;box-shadow:0 4px 20px #00000040}.monitoring-stat-card:hover{border-color:#ffffff29;transform:translateY(-3px);box-shadow:0 8px 28px #00000059}.card-kpi-blue .stat-card-icon-wrap{background:#38bdf826;box-shadow:0 0 16px #38bdf840}.card-kpi-indigo .stat-card-icon-wrap{background:#818cf826;box-shadow:0 0 16px #818cf840}.card-kpi-rose .stat-card-icon-wrap{background:#f43f5e26;box-shadow:0 0 16px #f43f5e40}.card-kpi-emerald .stat-card-icon-wrap{background:#34d39926;box-shadow:0 0 16px #34d39940}.stat-card-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-content{flex-direction:column;display:flex}.stat-card-title{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:2px;font-size:.75rem;font-weight:600}.stat-card-value{color:#fff;margin:0;font-size:1.55rem;font-weight:800;line-height:1.15}.stat-card-desc{color:#64748b;margin-top:2px;font-size:.7rem}.admin-view-switcher-group{background:#0f172ab3;border:1px solid #ffffff14;border-radius:10px;gap:4px;padding:3px;display:flex}.btn-view-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.btn-view-toggle:hover{color:#fff}.btn-view-toggle.active{color:#fff;background:#6366f1;font-weight:600;box-shadow:0 2px 8px #6366f166}.user-sub-chip{letter-spacing:.02em;border-radius:9999px;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-block}.chip-premium{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.chip-free{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b833}.sub-status-badge{border-radius:9999px;padding:2px 8px;font-size:.72rem;font-weight:600}.sub-status-badge.status-active{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.sub-status-badge.status-free{color:#94a3b8;background:#64748b26;border:1px solid #64748b40}.admin-monitoring-subtabs{border-bottom:1px solid #ffffff14;gap:12px;margin-bottom:22px;padding-bottom:12px;display:flex}.subtab-btn{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.subtab-btn:hover{color:#fff;background:#ffffff0f}.subtab-btn.subtab-fav.active{color:#fff;background:#f43f5e26;border-color:#f43f5e;box-shadow:0 0 16px #f43f5e4d}.subtab-btn.subtab-pl.active{color:#fff;background:#6366f126;border-color:#6366f1;box-shadow:0 0 16px #6366f14d}.user-stat-pill.clickable{cursor:pointer;transition:all .2s}.user-stat-pill.clickable:hover{background:#ffffff14;transform:translateY(-2px)}.user-stat-pill.active-stat-fav{background:#f43f5e1f;border-color:#f43f5e}.user-stat-pill.active-stat-pl{background:#6366f11f;border-color:#6366f1}.admin-monitoring-loading-card{text-align:center;background:#0f172a99;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.admin-monitoring-loading-card h3{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.admin-monitoring-loading-card p{color:#94a3b8;margin:0;font-size:.85rem}.table-actions-separated{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.btn-table-act-fav,.btn-table-act-pl{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .18s;display:inline-flex}.btn-table-act-fav{color:#fb7185;background:#f43f5e1f;border:1px solid #f43f5e40}.btn-table-act-fav:hover{color:#fff;background:#f43f5e;border-color:#f43f5e;box-shadow:0 0 12px #f43f5e66}.btn-table-act-fav:hover svg{fill:#fff!important}.btn-table-act-pl{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f140}.btn-table-act-pl:hover{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 0 12px #6366f166}.badge-stat-pill-fav,.badge-stat-pill-pl{border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-stat-pill-fav{color:#fb7185;background:#f43f5e1a;border:1px solid #f43f5e33}.badge-stat-pill-pl{color:#a5b4fc;background:#6366f11a;border:1px solid #6366f133}.request-page-layout{grid-template-columns:1.15fr 1fr;align-items:start;gap:28px;display:grid}.request-form-card,.request-history-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ffffff14;border-radius:20px;padding:24px;box-shadow:0 10px 30px #0000004d}.request-card-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.request-card-icon-wrap{background:#38bdf81f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 16px #38bdf833}.request-card-icon-wrap.purple{background:#a855f71f;box-shadow:0 0 16px #a855f733}.request-card-title{color:#fff;margin:0 0 2px;font-size:1.15rem;font-weight:700}.request-card-subtitle{color:#94a3b8;margin:0;font-size:.8rem}.req-count-badge{color:#d8b4fe;background:#a855f726;border:1px solid #a855f740;border-radius:9999px;padding:3px 10px;font-size:.75rem;font-weight:600}.request-form-body{flex-direction:column;gap:18px;display:flex}.form-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-hint{color:#64748b;margin-top:6px;font-size:.75rem;display:block}.request-textarea-header-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.request-textarea-badge{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.request-textarea-shell{background:linear-gradient(#0f172ad9 0%,#0a0f1deb 100%);border:1.5px solid #94a3b82e;border-radius:16px;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #00000059}.request-textarea-shell:hover{border-color:#38bdf859}.request-textarea-shell:focus-within{background:linear-gradient(#0f172af2 0%,#0c1426fa 100%);border-color:#38bdf8;box-shadow:0 0 0 3.5px #38bdf82e,0 12px 28px #00000059}.request-modern-textarea{color:#f8fafc;resize:vertical;box-sizing:border-box;width:100%;min-height:240px;padding:16px 18px;font-family:inherit;font-size:.94rem;line-height:1.65;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.request-modern-textarea::placeholder{color:#64748b;line-height:1.6}.request-textarea-footer{background:#ffffff06;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.request-textarea-tip{color:#94a3b8;font-size:.76rem}.request-char-counter{color:#64748b;font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:600}.btn-submit-song-request{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:.92rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 18px #0284c759}.btn-submit-song-request:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);transform:translateY(-2px);box-shadow:0 10px 24px #0284c780}.btn-submit-song-request:disabled{opacity:.6;cursor:not-allowed}.request-history-list{flex-direction:column;gap:14px;max-height:560px;padding-right:4px;display:flex;overflow-y:auto}.request-item-card{background:#0a0f1d80;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:10px;padding:16px;transition:all .2s;display:flex}.request-item-card:hover{background:#0a0f1da6;border-color:#ffffff1f}.request-item-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.request-item-title{color:#f8fafc;margin:0 0 2px;font-size:.98rem;font-weight:600}.request-item-artist{color:#94a3b8;margin:0;font-size:.82rem}.req-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:9999px;padding:3px 9px;font-size:.72rem;font-weight:600}.req-status-badge.status-pending{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.req-status-badge.status-approved{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.req-status-badge.status-completed{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.req-status-badge.status-rejected{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.request-item-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.req-date-text{color:#64748b;font-size:.72rem}.req-link{color:#38bdf8;background:#38bdf81a;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;text-decoration:none;transition:all .15s;display:inline-flex}.req-link:hover{background:#38bdf833;text-decoration:underline}.req-user-notes{color:#94a3b8;background:#ffffff08;border-left:2px solid #64748b;border-radius:8px;padding:8px 10px;font-size:.8rem}.req-admin-note{border-radius:8px;padding:8px 12px;font-size:.8rem;line-height:1.4}.req-admin-note.rejected-note{color:#fda4af;background:#f43f5e1a;border:1px solid #f43f5e33}.req-admin-note.approved-note{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98133}.req-completed-banner{color:#34d399;background:#10b9811a;border:1px solid #10b98140;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;font-weight:500;display:flex}.admin-req-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-req-filter-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-req-pill{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:8px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.admin-req-pill:hover{color:#fff;background:#ffffff14}.admin-req-pill.active{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 0 16px #6366f159}.pill-badge{background:#00000040;border-radius:9999px;padding:1px 7px;font-size:.72rem;font-weight:700}.admin-req-search-box{background:#0f172a99;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;min-width:280px;padding:8px 14px;display:flex}.admin-req-search-box:focus-within{border-color:#6366f1}.admin-req-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.admin-req-table-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a80;border:1px solid #ffffff0f;border-radius:16px;overflow-x:auto}.admin-req-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-req-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:1px solid #ffffff14;padding:14px 18px;font-size:.75rem;font-weight:600}.admin-req-row{border-bottom:1px solid #ffffff0a;transition:background .15s}.admin-req-row:hover{background:#ffffff09}.admin-req-row td{vertical-align:middle;padding:14px 18px}.req-user-cell{align-items:center;gap:10px;display:flex}.req-user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.req-user-avatar img{object-fit:cover;width:100%;height:100%}.req-user-name{color:#f1f5f9;font-weight:600}.req-user-uname{color:#64748b;font-size:.75rem}.req-song-title{color:#fff;font-size:.92rem;font-weight:700}.req-song-artist{color:#94a3b8;font-size:.8rem}.req-cell-note{color:#94a3b8;margin-top:4px;font-size:.78rem;font-style:italic}.req-cell-admin-note{margin-top:4px;font-size:.76rem}.text-red{color:#fb7185}.text-emerald{color:#34d399}.req-actions-flex{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.btn-admin-act-approve,.btn-admin-act-upload,.btn-admin-act-reject,.btn-admin-act-close,.btn-admin-act-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-admin-act-approve{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.btn-admin-act-approve:hover:not(:disabled){color:#fff;background:#10b981;box-shadow:0 0 12px #10b98166}.btn-admin-act-upload{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.btn-admin-act-upload:hover{color:#fff;background:#0284c7;box-shadow:0 0 12px #38bdf866}.btn-admin-act-reject{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.btn-admin-act-reject:hover:not(:disabled){color:#fff;background:#f43f5e;box-shadow:0 0 12px #f43f5e66}.btn-admin-act-close{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}.btn-admin-act-close:hover:not(:disabled){color:#fff;background:#6366f1;box-shadow:0 0 12px #6366f166}.btn-admin-act-delete{color:#64748b;background:0 0;padding:6px 8px}.btn-admin-act-delete:hover{color:#fb7185;background:#f43f5e26}.req-completed-pill{color:#34d399;background:#10b9811a;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.reject-modal{background:#0f172a;border:1px solid #ffffff1f;border-radius:18px;max-width:480px;box-shadow:0 20px 50px #0009}.modal-header-icon-wrap.danger{color:#f43f5e;background:#f43f5e26;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.btn-danger-confirm{color:#fff;cursor:pointer;background:#f43f5e;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger-confirm:hover:not(:disabled){background:#e11d48;box-shadow:0 4px 14px #f43f5e66}.btn-danger-confirm:disabled{opacity:.5;cursor:not-allowed}@media (width<=900px){.request-page-layout{grid-template-columns:1fr}}@media (width<=640px){.modern-page-hero-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.hero-header-left{flex-direction:column;align-items:flex-start;gap:14px}.hero-header-title{font-size:1.35rem}.hero-header-right{width:100%}.btn-hero-refresh{justify-content:center;width:100%}.admin-pl-table th:nth-child(3),.admin-pl-table td:nth-child(3),.admin-pl-table th:nth-child(4),.admin-pl-table td:nth-child(4),.admin-pl-table th:nth-child(5),.admin-pl-table td:nth-child(5){display:none}.admin-song-artist-mobile{display:block}.user-monitoring-banner{text-align:center;flex-direction:column;gap:16px}.user-monitoring-name-row,.user-monitoring-meta{justify-content:center}.user-monitoring-stats-pills{justify-content:center;width:100%}}.artist-hyperlink{color:inherit;cursor:pointer;font-weight:inherit;text-decoration:none;transition:color .18s,-webkit-text-decoration .18s,text-decoration .18s;display:inline;position:relative}.artist-hyperlink:hover{text-underline-offset:3px;color:#818cf8!important;text-decoration:underline!important}.artist-hyperlink:active{color:#a5b4fc!important}.audio-source-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.audio-source-mode-switch{background:#0f172abf;border:1px solid #94a3b82e;border-radius:10px;align-items:center;gap:3px;padding:3px;display:inline-flex}.audio-source-mode-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.audio-source-mode-btn:hover:not(:disabled){color:#f8fafc}.audio-source-mode-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#0ea5e9 100%);box-shadow:0 3px 10px #6366f159}.youtube-converter-box{background:linear-gradient(145deg,#0f172ac7,#1e293b8c);border:1px solid #6366f152;border-radius:14px;flex-direction:column;gap:11px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px #ffffff0d,0 8px 22px #02061759}.youtube-converter-box:focus-within{border-color:#38bdf899;box-shadow:0 0 0 3px #38bdf824,0 10px 26px #02061773}.youtube-converter-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.youtube-converter-badge-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.yt-pill-badge{letter-spacing:.04em;color:#38bdf8;background:#38bdf824;border:1px solid #38bdf859;border-radius:999px;align-items:center;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-flex}.yt-converter-hint{color:#cbd5e1;font-size:12px}.yt-queued-counter{color:#10b981;background:#10b98124;border:1px solid #10b9814d;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.youtube-url-input-row{align-items:stretch;gap:8px;display:flex}.youtube-url-input,.youtube-url-textarea{color:#f8fafc;background:#090e1cd9;border:1px solid #94a3b83d;border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.youtube-url-textarea{resize:vertical;min-height:74px;line-height:1.45}.youtube-url-input::placeholder,.youtube-url-textarea::placeholder{color:#64748b}.youtube-url-input:focus,.youtube-url-textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.btn-fetch-youtube{color:#e0e7ff;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#6366f140,#0ea5e940);border:1px solid #6366f173;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 15px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.btn-fetch-youtube:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#6366f1,#0ea5e9);border-color:#0000;transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}.btn-fetch-youtube:disabled{opacity:.45;cursor:not-allowed}.youtube-converter-subnote{color:#94a3b8;align-items:center;gap:7px;font-size:11.5px;line-height:1.4;display:flex}.youtube-converter-subnote strong{color:#e2e8f0}.track-yt-thumb{object-fit:cover;border:1px solid #ffffff24;border-radius:7px;flex-shrink:0;width:50px;height:38px}.track-bitrate-tag{color:#38bdf8;font-weight:700}@media (width<=640px){.youtube-url-input-row{flex-direction:column}.btn-fetch-youtube{padding:10px 14px}}