#root{height:100%;width:100%}:root{--bg-dark: #000000;--bg-card: #0c0c0c;--bg-hover: #161616;--bg-elevated: #101010;--text-primary: #ffffff;--text-secondary: #aaaaaa;--accent-rgb: 99, 102, 241;--accent: rgb(var(--accent-rgb));--accent-hover: rgba(var(--accent-rgb), .8);--accent-glow: rgba(var(--accent-rgb), .3);--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--hires: #f59e0b;--lossless: #22c55e;--border: #222222;--border-light: #333333;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-card: linear-gradient(145deg, #0c0c0c, #080808);--player-bg: rgba(18, 18, 22, .85);--player-border: rgba(255, 255, 255, .06);--progress-bg: rgba(255, 255, 255, .1);--lyrics-bg: rgba(20, 20, 24, .95);--lyrics-fullscreen-bg: linear-gradient(135deg, rgba(20, 20, 24, .98) 0%, rgba(10, 10, 12, .99) 100%)}body.light-theme{--bg-dark: #f5f7fa;--bg-card: #ffffff;--bg-hover: #f0f2f5;--bg-elevated: #ffffff;--text-primary: #1a1a2e;--text-secondary: #6b7280;--border: #e5e7eb;--gradient-card: linear-gradient(145deg, #ffffff, #f8f9fa);--player-bg: rgba(255, 255, 255, .85);--player-border: rgba(0, 0, 0, .06);--progress-bg: rgba(0, 0, 0, .1);--lyrics-bg: rgba(255, 255, 255, .95);--lyrics-fullscreen-bg: linear-gradient(135deg, #ffffff 0%, #f5f7fa 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-primary);height:100vh;overflow:hidden;line-height:1.5}.app-container{display:flex;height:100%}.sidebar{width:260px;background:var(--gradient-card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{width:80px}.sidebar.collapsed .logo h1,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-footer{display:none;opacity:0}.sidebar.collapsed .logo{justify-content:center;padding:0;margin-bottom:24px}.sidebar.collapsed .nav-item{justify-content:center;padding:14px 0}.sidebar.collapsed .nav-item .icon{font-size:20px;margin:0}.logo{display:flex;align-items:center;gap:12px;margin-bottom:40px;padding:0 8px}.logo-icon{font-size:28px}.logo h1{font-size:22px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{flex:1;display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--text-secondary);text-decoration:none;border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:14px}.nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translate(4px)}.nav-item.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.nav-item .icon{font-size:18px}.sidebar-footer{margin-top:auto;padding:16px;text-align:center}.creator-credit{font-size:11px;color:var(--text-secondary);text-decoration:none;opacity:.7;transition:all .2s}.creator-credit:hover{color:var(--accent);opacity:1}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-dark)}.top-bar{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;border-bottom:1px solid var(--border);background:var(--bg-dark)}.top-bar h2{font-size:20px;font-weight:700}.view-section{flex:1;overflow-y:auto;padding:32px 32px 120px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-card);padding:24px;border-radius:20px;border:1px solid var(--border-light);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity .3s}.stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000004d}.stat-card:hover:before{opacity:0}.stat-card h3{font-size:12px;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.stat-card .number{font-size:38px;font-weight:800;line-height:1}.stat-card.large{display:flex;align-items:center;gap:20px}.stat-card.large .stat-icon{font-size:42px;opacity:.9}.stat-card.large .stat-details h3{margin-bottom:8px}.stat-card.large .number{font-size:32px}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.btn{padding:12px 20px;border-radius:12px;border:none;font-family:inherit;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.btn.primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-glow)}.btn.secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn.secondary:hover{background-color:var(--bg-hover);border-color:var(--text-secondary)}.btn.danger{background-color:#ef44441a;color:var(--danger);border:1px solid var(--danger)}.btn.danger:hover{background-color:var(--danger);color:#fff}.btn.icon-btn{padding:10px;width:42px;height:42px;border-radius:12px}.queue-toolbar,.history-toolbar{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.queue-actions,.history-actions{display:flex;gap:12px}.list-container{background:transparent;border-radius:12px;border:none;overflow:hidden}.list-header{display:grid;padding:16px 24px;background:transparent;border-bottom:1px solid var(--border);font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;gap:24px}#view-queue .list-header,#view-queue .list-row{grid-template-columns:3fr .8fr 1.2fr 1fr 1.5fr 1fr}#view-history .list-header,#view-history .list-row{grid-template-columns:1.2fr 3fr 1fr 2fr 1fr}.list-row{display:grid;padding:18px 24px;border-bottom:1px solid var(--border);align-items:center;font-size:14px;transition:all .2s;gap:24px}.list-row:last-child{border-bottom:none}.list-row:hover{background-color:var(--bg-hover)}.badge{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge.pending{background:#8b8b9e26;color:var(--text-secondary)}.badge.downloading{background:#6366f126;color:var(--accent)}.badge.completed{background:#10b98126;color:var(--success)}.badge.failed{background:#ef444426;color:var(--danger)}.badge.album,.badge.track,.badge.artist{background:#6366f126;color:var(--accent)}.progress-cell{display:flex;flex-direction:column;justify-content:center}.progress-bar{width:100%;height:8px;background:var(--progress-bg);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);transition:width .3s ease;border-radius:4px}.search-container{margin-bottom:32px}.search-box{display:flex;gap:12px;background:var(--bg-card);padding:12px;border-radius:16px;border:1px solid var(--border)}.search-box input{flex:1;background:transparent;border:none;color:var(--text-primary);padding:12px 16px;font-size:16px;outline:none}.search-types{display:flex;gap:12px;margin-top:16px;justify-content:center}.type-btn{padding:10px 20px;background:transparent;border:1px solid var(--border);border-radius:25px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;transition:all .25s}.type-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.type-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.results-container{margin-top:24px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary);grid-column:1 / -1}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h3{font-size:18px;margin-bottom:8px;color:var(--text-primary)}.batch-tips code{background:var(--bg-elevated);padding:2px 6px;border-radius:4px;font-size:12px}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stats-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.stats-charts-grid .chart-card:last-child{grid-column:1 / -1}.chart-card{background:var(--bg-card);border-radius:20px;border:1px solid var(--border-light);padding:24px}.chart-card h3{font-size:16px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.chart-container{height:280px}.quality-stats-container,.artist-stats-container{display:flex;flex-direction:column;gap:12px}.quality-bar-item{display:flex;align-items:center;gap:12px}.quality-bar-label{width:140px;font-size:12px;color:var(--text-secondary)}.quality-bar-track{flex:1;height:24px;background:var(--bg-hover);border-radius:6px;overflow:hidden}.quality-bar-fill{height:100%;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:11px;font-weight:600;color:#fff;min-width:40px;background:var(--gradient-primary)}.quality-bar-fill.q27{background:linear-gradient(90deg,#f59e0b,#d97706)}.quality-bar-fill.q7{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.quality-bar-fill.q6{background:linear-gradient(90deg,#22c55e,#16a34a)}.quality-bar-fill.q5{background:linear-gradient(90deg,#6b7280,#4b5563)}.artist-stat-item{display:flex;align-items:center;padding:12px 0;background:transparent;border-radius:0;transition:transform .2s;gap:16px}.artist-stat-item:hover{transform:translate(4px);background:transparent}.artist-stat-image{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--bg-card);border:2px solid var(--border)}.artist-stat-info{flex:1;display:flex;flex-direction:column}.artist-stat-name{font-size:14px;font-weight:600;color:var(--text-primary)}.artist-stat-count{background:var(--gradient-primary);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;min-width:32px;text-align:center}.settings-section{background:var(--bg-card);border-radius:20px;border:1px solid var(--border-light);padding:28px;margin-bottom:24px}.section-title{font-size:18px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:10px}.section-desc{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.cred-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.cred-status-item{background:var(--bg-elevated);padding:16px;border-radius:12px;text-align:center;border:1px solid var(--border)}.cred-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.cred-value{font-weight:600;font-size:14px}.cred-value.valid{color:var(--success)}.cred-value.invalid{color:var(--danger)}.cred-actions{display:flex;align-items:center;gap:20px}.cred-result{font-size:14px;font-weight:500}.cred-result.valid{color:var(--success)}.cred-result.invalid{color:var(--danger)}.update-cred-grid,.current-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.setting-display-item{background:var(--bg-elevated);padding:16px;border-radius:12px;border:1px solid var(--border)}.setting-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.setting-value{font-size:14px;font-weight:500;font-family:monospace;word-break:break-all}.appearance-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;background:var(--bg-dark);border:1px solid var(--border-light);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:14px;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-input-wrapper .search-icon{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none;width:18px;height:18px}.modal{display:none;position:fixed;inset:0;z-index:2000;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:var(--bg-card);margin:10% auto;padding:32px;border-radius:20px;border:1px solid var(--border-light);width:90%;max-width:500px;position:relative;animation:modalSlideIn .3s ease;box-shadow:0 20px 60px #000c}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.close{position:absolute;right:24px;top:24px;font-size:28px;cursor:pointer;color:var(--text-secondary);transition:color .2s}.close:hover{color:var(--text-primary)}.modal-content h2{margin-bottom:24px;font-size:20px}.form-actions{margin-top:24px}.audio-player-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:80px;background:var(--bg-card);border-top:1px solid var(--border);padding:0 24px;align-items:center;gap:20px;z-index:1500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.audio-player-bar.playing{display:flex}.player-track-info{display:flex;align-items:center;gap:14px;min-width:200px}.player-cover{width:52px;height:52px;border-radius:8px;object-fit:cover;background:var(--bg-hover)}.player-text{overflow:hidden}.player-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{color:var(--text-secondary);font-size:12px}.player-controls{display:flex;align-items:center;gap:12px}.player-btn{background:var(--gradient-primary);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform .2s}.player-btn:hover{transform:scale(1.1)}.player-progress{flex:1;display:flex;align-items:center;gap:12px}.player-time{font-size:12px;color:var(--text-secondary);min-width:40px}.player-seek,.player-volume{-webkit-appearance:none;appearance:none;height:6px;background:var(--bg-hover);border-radius:3px;cursor:pointer}.player-seek{flex:1}.player-volume{width:100px}.player-seek::-webkit-slider-thumb,.player-volume::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.player-quality{font-size:11px;color:var(--warning);font-weight:600;min-width:100px;text-align:center}.player-volume-wrapper{display:flex;align-items:center;gap:8px}.volume-icon{font-size:14px}.toast-container{position:fixed;bottom:100px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px}.toast{background:var(--bg-card);color:var(--text-primary);padding:16px 24px;border-radius:12px;border:1px solid var(--border);box-shadow:0 10px 40px #0006;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease;min-width:280px}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.toast.info{border-left:4px solid var(--accent)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{transform:translateY(10px);opacity:0}}.login-overlay{position:fixed;inset:0;background:var(--bg-dark);z-index:99999;display:flex;align-items:center;justify-content:center}.login-split-container{display:flex;width:100%;max-width:900px;background:var(--bg-dark);border-radius:24px;overflow:hidden;border:1px solid var(--border)}.login-brand-side{flex:1;padding:60px;border-right:1px solid var(--border);background:var(--bg-card)}.brand-content .logo{margin-bottom:32px}.brand-content h2{font-size:28px;font-weight:700;margin-bottom:16px}.brand-content p{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:32px}.brand-features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-item{display:flex;align-items:center;gap:10px;font-size:13px;padding:12px 16px;background:var(--bg-elevated);border-radius:10px}.login-form-side{flex:.8;display:flex;align-items:center;justify-content:center;padding:60px}.login-card{width:100%;max-width:300px}.login-card h2{font-size:22px;margin-bottom:12px}.login-card p{color:var(--text-secondary);font-size:14px;margin-bottom:28px}.login-error{color:var(--danger);font-size:13px;margin-top:16px;font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:24px 0;margin-top:24px}.pagination button{padding:10px 16px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:10px;display:flex;align-items:center;gap:8px;transition:all .2s;cursor:pointer}.pagination span{display:flex;align-items:center;line-height:1;font-size:14px}.pagination button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.pagination button.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.pagination button:disabled{opacity:.4;cursor:not-allowed}.album-header{display:flex;gap:28px;margin-bottom:32px}.album-header-cover{width:200px;height:200px;border-radius:12px;object-fit:cover}.album-header-info{flex:1;display:flex;flex-direction:column;justify-content:center}.album-header-title{font-size:28px;font-weight:800;margin-bottom:8px}.album-header-artist{font-size:18px;color:var(--accent);margin-bottom:12px}.album-header-meta{font-size:14px;color:var(--text-secondary)}.hires-indicator{display:inline-flex;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:800;margin-left:10px;vertical-align:middle}.track-list{border-top:none;margin-top:16px}.track-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);transition:background .2s}.track-item:hover{background:var(--bg-hover)}.track-number{width:40px;color:var(--text-secondary);font-size:14px}.track-title{flex:1;font-weight:500}.track-duration{color:var(--text-secondary);font-size:13px;margin-right:20px}.track-actions{display:flex;gap:8px}.btn-track-dl{background:var(--bg-elevated);border:none;padding:8px;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-track-dl:hover{background:var(--accent);color:#fff}.icon-svg{width:18px;height:18px;fill:currentColor}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.mobile-only{display:none}@media(max-width:1200px){.stats-overview,.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-charts-grid,.batch-content{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{position:fixed;left:-260px;top:0;bottom:0;z-index:1001;transition:left .3s ease;box-shadow:4px 0 20px #00000080}.sidebar.open{left:0}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:1000}.sidebar.open+.sidebar-overlay{display:block}.mobile-only{display:flex!important}.desktop-only{display:none!important}.top-bar{padding:0 16px}.view-section{padding:20px}.stats-grid,.stats-overview,.cred-status-grid{grid-template-columns:1fr 1fr}.update-cred-grid,.current-settings-grid,.appearance-options{grid-template-columns:1fr}#view-queue .list-header{display:none}#view-queue .list-row{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.album-header{flex-direction:column;align-items:center;text-align:center}.login-split-container{flex-direction:column;margin:20px}.login-brand-side{padding:40px;border-right:none;border-bottom:1px solid var(--border)}.brand-features{grid-template-columns:1fr}.login-form-side{padding:40px}.audio-player-bar{padding:0 12px;gap:12px}.player-track-info{min-width:120px}.player-quality,.player-volume-wrapper{display:none}.toast-container{left:16px;right:16px;bottom:90px}.toast{min-width:auto}}.batch-main-wrapper{height:calc(100vh - 180px);display:flex;flex-direction:column;gap:16px}.batch-editor-section{flex:1;display:flex;flex-direction:column;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-light);overflow:hidden}.batch-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.batch-editor-header h3{font-size:16px;font-weight:600}.batch-url-badge{background:var(--gradient-primary);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700}.batch-textarea-full{flex:1;width:100%;background:transparent;border:none;color:var(--text-primary);padding:20px;font-family:Monaco,Consolas,Courier New,monospace;font-size:13px;line-height:1.8;resize:none;outline:none}.batch-textarea-full::placeholder{color:var(--text-secondary);opacity:.5}.batch-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--border);background:var(--bg-elevated);gap:20px}.batch-quality-select{display:flex;align-items:center;gap:10px}.batch-quality-select label{font-size:13px;color:var(--text-secondary)}.batch-quality-select select{padding:10px 16px;background:var(--bg-dark);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:13px;cursor:pointer}.batch-buttons{display:flex;gap:10px}.batch-result-inline{padding:0 20px 16px;display:flex;flex-wrap:wrap;gap:10px}.batch-result-inline:empty{display:none}.batch-result-inline .batch-result-item{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500}.batch-result-inline .batch-result-item.success{background:#10b98126;color:var(--success)}.batch-result-inline .batch-result-item.error{background:#ef444426;color:var(--danger)}.batch-tips-compact{padding:14px 20px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);font-size:13px;color:var(--text-secondary)}.batch-tips-compact kbd{display:inline-block;padding:2px 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;font-size:11px;font-family:inherit;margin:0 2px}@media(max-width:768px){.mini-player{bottom:16px;left:16px;right:16px;transform:none;border-radius:25px}.mini-player-content{flex:1;justify-content:space-between}.mini-player-progress,.mini-player-quality{display:none}.batch-main-wrapper{height:auto}.batch-textarea-full{min-height:300px}.batch-controls{flex-direction:column;gap:12px}.batch-quality-select{width:100%}.batch-quality-select select{flex:1}.batch-buttons{width:100%;justify-content:stretch}.batch-buttons .btn{flex:1}}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.analytics-header h3{font-size:24px;font-weight:700}.analytics-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.gradient-purple{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border-color:#8b5cf64d}.gradient-blue{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-color:#3b82f64d}.gradient-green{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:#22c55e4d}.gradient-orange{background:linear-gradient(135deg,#f9731626,#f973160d);border-color:#f973164d}.insights-section{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-light);padding:24px;margin-bottom:24px}.insights-section h4{font-size:16px;margin-bottom:16px;color:var(--text-primary)}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-elevated);border-radius:12px;font-size:14px;color:var(--text-primary);border-left:3px solid var(--accent)}.analytics-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.analytics-charts-grid .full-width{grid-column:1 / -1}.quality-bars{display:flex;flex-direction:column;gap:12px}.genre-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.genre-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-elevated);border-radius:10px;font-size:13px}.genre-item .genre-name{font-weight:500}.genre-item .genre-count{color:var(--text-secondary);font-size:12px}.top-artists-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.top-artist-card{display:flex;flex-direction:column;align-items:center;padding:20px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border);text-align:center;transition:all .3s}.top-artist-card:hover{transform:translateY(-4px);border-color:var(--accent)}.top-artist-img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:12px;background:var(--bg-hover)}.top-artist-name{font-weight:600;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.top-artist-count{font-size:12px;color:var(--text-secondary)}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.library-header h3{font-size:24px;font-weight:700}.library-actions{display:flex;gap:12px}.scan-status-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-light);padding:24px;margin-bottom:24px}.scan-indicator{display:flex;align-items:center;gap:12px;margin-bottom:16px}.scan-indicator span:first-child{font-size:24px}#scan-status-text{font-weight:600;font-size:16px}.scan-progress-container{display:flex;align-items:center;gap:16px;margin-bottom:12px}.scan-progress-container progress{flex:1;height:12px;border-radius:6px;overflow:hidden;-webkit-appearance:none;appearance:none}.scan-progress-container progress::-webkit-progress-bar{background:var(--bg-hover);border-radius:6px}.scan-progress-container progress::-webkit-progress-value{background:var(--gradient-primary);border-radius:6px}#scan-percentage{font-weight:600;min-width:50px}.scan-current-file{font-size:13px;color:var(--text-secondary);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.library-tabs{display:flex;gap:8px;margin-bottom:24px}.tab-btn{padding:12px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s}.tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.library-tab-content{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-light);padding:24px;min-height:300px}.duplicates-list,.upgradeable-list{display:flex;flex-direction:column;gap:12px}.duplicate-item,.upgradeable-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-elevated);border-radius:12px;border-left:3px solid var(--warning)}.upgradeable-item{border-left-color:var(--accent)}.duplicate-info,.upgradeable-info{flex:1}.duplicate-title,.upgradeable-title{font-weight:600;margin-bottom:4px}.duplicate-path,.upgradeable-path{font-size:12px;color:var(--text-secondary);font-family:monospace}.upgradeable-quality{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:4px}.current-quality{color:var(--text-secondary);background:var(--bg-hover);padding:4px 10px;border-radius:6px;font-weight:500}.upgrade-arrow{color:var(--accent);font-weight:700;font-size:16px}.available-quality{color:var(--success);background:#22c55e26;padding:4px 10px;border-radius:6px;font-weight:600}.upgradeable-notice{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;margin-bottom:16px;font-size:14px;color:var(--text-secondary)}.notice-icon{font-size:20px}.quality-badge{padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center}.quality-badge.hires{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000}.quality-badge.cd{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:16px 0}@media(max-width:640px){.results-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.grid-item{background:transparent;border-radius:12px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.grid-item:hover{transform:translateY(-4px)}.grid-cover-container{position:relative;aspect-ratio:1;width:100%;border-radius:8px;overflow:hidden;background:var(--bg-elevated)}.grid-cover{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.grid-item:hover .grid-cover{transform:scale(1.08)}.grid-item:hover .grid-cover-overlay{opacity:1}.grid-cover-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2}.grid-play-btn{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 4px 12px #0000004d;transform:scale(.8);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.grid-item:hover .grid-play-btn{transform:scale(1)}.grid-info{display:flex;flex-direction:column;gap:2px;min-width:0;padding:0 2px}.grid-title{font-weight:700;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-actions{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translate(10px);transition:all .3s ease;z-index:3}.grid-item:hover .grid-actions{opacity:1;transform:translate(0)}.grid-action-btn{width:32px;height:32px;border-radius:8px;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.grid-action-btn:hover{background:var(--accent);transform:scale(1.1)}.grid-badge-quality{position:absolute;bottom:8px;left:8px;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;z-index:2;border:1px solid rgba(255,255,255,.1)}.grid-badge-quality.hires{color:var(--hires);border-color:#f59e0b4d}.grid-badge-type{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);font-weight:800;margin-bottom:2px}.text-warning{color:var(--warning)}@media(max-width:1200px){.analytics-summary-grid,.library-stats-grid{grid-template-columns:repeat(2,1fr)}.top-artists-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.analytics-summary-grid,.library-stats-grid,.analytics-charts-grid{grid-template-columns:1fr}.top-artists-grid{grid-template-columns:repeat(2,1fr)}.analytics-header,.library-header{flex-direction:column;align-items:flex-start;gap:16px}.library-actions{width:100%}.library-actions .btn{flex:1}.quick-stats-row{flex-wrap:wrap}.quick-stat-item{min-width:calc(50% - 8px)}}.quick-stats-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.quick-stat-item{flex:1;min-width:150px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:6px;transition:all .2s}.quick-stat-item:hover{border-color:var(--accent);transform:translateY(-2px)}.quick-stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.quick-stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.activity-heatmap{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:16px 0}.heatmap-cell{aspect-ratio:1;border-radius:4px;background:var(--bg-hover);transition:all .2s;cursor:pointer;position:relative}.heatmap-cell:hover{transform:scale(1.1);z-index:1}.heatmap-cell.level-1{background:#6366f133}.heatmap-cell.level-2{background:#6366f166}.heatmap-cell.level-3{background:#6366f199}.heatmap-cell.level-4{background:#6366f1cc}.heatmap-cell.level-5{background:var(--accent)}.heatmap-legend{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;color:var(--text-secondary)}.heatmap-legend-item{width:16px;height:16px;border-radius:4px}.analytics-section{margin-bottom:32px}.analytics-section h3{font-size:18px;font-weight:600;margin-bottom:20px}body.sidebar-collapsed .sidebar{width:80px;padding:24px 12px}body.sidebar-collapsed .logo h1,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .sidebar-footer{display:none}body.sidebar-collapsed .logo{justify-content:center;padding:0}body.sidebar-collapsed .nav-item{justify-content:center;padding:14px 0}body.sidebar-collapsed .nav-item:hover{transform:none}body.sidebar-collapsed .nav-item{position:relative}body.sidebar-collapsed .nav-item:hover:after{content:attr(data-tab);position:absolute;left:100%;top:50%;transform:translateY(-50%);background:var(--bg-elevated);color:var(--text-primary);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:100;margin-left:12px;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border);text-transform:capitalize}.small-modal{max-width:400px;text-align:center}.small-modal{max-width:360px!important;width:90%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0!important;padding:32px!important;border-radius:24px;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 40px 80px #0009;animation:modalPopIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-icon-wrapper{width:72px;height:72px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.modal-emoji{font-size:32px}.small-modal h2{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.small-modal p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.modal-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions-grid button{justify-content:center;padding:14px;font-size:14px;border-radius:12px}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.data-table th{text-align:left;padding:16px;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border)}.data-table td{padding:16px;border-bottom:1px solid var(--border-light);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.file-path{font-family:monospace;font-size:12px;color:var(--text-secondary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.quality-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#ffffff1a;border-radius:8px;font-size:12px;font-weight:500;color:var(--text-secondary)}.quality-badge.high-res{background:#f59e0b33;color:var(--hires);border:1px solid rgba(245,158,11,.3)}.btn.small{padding:6px 12px;font-size:12px}.duplicate-files{max-width:500px}.amoled-login-overlay{background:#000!important;display:flex;align-items:center;justify-content:center;z-index:9999}.amoled-login-card{display:flex;width:850px;height:500px;background:#000;border:1px solid #1a1a1a;border-radius:24px;overflow:hidden;box-shadow:0 0 100px #000,0 0 40px #6366f10d}.login-side-info{flex:1.2;background:linear-gradient(165deg,#050505,#000);padding:60px;display:flex;flex-direction:column;border-right:1px solid #1a1a1a}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:60px}.brand-icon{font-size:24px;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.brand-name{font-size:20px;font-weight:800;letter-spacing:2px;color:#fff}.security-badge{margin-bottom:24px}.badge-icon{font-size:48px;display:block;margin-bottom:20px}.security-badge h3{font-size:28px;font-weight:700;color:#fff}.login-desc{color:#666;font-size:15px;line-height:1.7;margin-bottom:auto}.login-footer-meta{display:flex;align-items:center;gap:12px;color:#333;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.login-footer-meta .dot{width:4px;height:4px;background:#1a1a1a;border-radius:50%}.login-side-form{flex:1;padding:60px;display:flex;flex-direction:column;justify-content:center}.form-header{margin-bottom:40px}.form-header h2{font-size:24px;font-weight:700;margin-bottom:8px;color:#fff}.form-header p{color:#666;font-size:14px}.amoled-form{display:flex;flex-direction:column;gap:32px}.amoled-input-group{display:flex;flex-direction:column;gap:12px}.amoled-input-group label{font-size:11px;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:1.5px}.amoled-input-group input{background:#000;border:1px solid #1a1a1a;padding:16px;border-radius:12px;color:#fff;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.amoled-input-group input:focus{border-color:#fff;background:#050505;box-shadow:0 0 20px #ffffff0d}.amoled-input-group input.input-error{border-color:#ff3b30}.error-text{color:#ff3b30;font-size:12px;font-weight:500}.btn-amoled-primary{background:#fff;color:#000;border:none;padding:18px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-amoled-primary:hover:not(:disabled){background:#eee;transform:translateY(-2px)}.btn-amoled-primary:active{transform:translateY(0)}.btn-amoled-primary:disabled{background:#1a1a1a;color:#444;cursor:not-allowed}.btn-arrow{font-size:18px;transition:transform .3s}.btn-amoled-primary:hover .btn-arrow{transform:translate(5px)}.spinner-amoled{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.amoled-login-card{width:100%;height:100vh;border-radius:0;border:none;flex-direction:column}.login-side-info{padding:40px;border-right:none;border-bottom:1px solid #1a1a1a}.login-side-form{padding:40px}}