.app-layout-grid{display:grid;grid-template-columns:var(--sidebar-width) 1fr 0px;grid-template-rows:var(--header-height) 1fr var(--player-height);height:100vh;overflow:hidden;background-color:var(--bg-main);transition:grid-template-columns var(--transition-speed) var(--transition-smooth),background-color var(--transition-speed) var(--transition-smooth)}.app-layout-grid.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr 0px}.app-layout-grid.right-sidebar-open{grid-template-columns:var(--sidebar-width) 1fr 330px}.app-layout-grid.sidebar-collapsed.right-sidebar-open{grid-template-columns:var(--sidebar-collapsed) 1fr 330px}.grid-header{grid-area:1 / 1 / 2 / 4}.grid-sidebar-left{grid-area:2 / 1 / 3 / 2;overflow:hidden;padding:.5rem 0;background:transparent;display:flex;align-items:center;position:relative;flex-direction:column;height:100%}.grid-content{grid-area:2 / 2 / 3 / 4;overflow-y:auto}.app-layout-grid.right-sidebar-open .grid-content{grid-area:2 / 2 / 3 / 3}.grid-sidebar-right{grid-area:2 / 3 / 3 / 4;overflow:hidden}.grid-player{grid-area:3 / 1 / 4 / 4;position:relative;z-index:100}@media (max-width: 768px){:root{--mobile-nav-height: 60px}.app-layout-grid{grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr var(--player-height);width:100vw;max-width:100vw;overflow-x:hidden}.grid-sidebar-left{display:none}.grid-header{grid-area:1 / 1 / 2 / 2;z-index:10;width:100%;max-width:100vw;overflow:hidden;box-sizing:border-box}.grid-content{grid-area:2 / 1 / 3 / 2;padding-bottom:calc(var(--player-height) + var(--mobile-nav-height));overflow-y:auto;width:100%;max-width:100vw;overflow-x:hidden}.grid-sidebar-right{position:fixed;top:var(--header-height);bottom:calc(var(--player-height) + var(--mobile-nav-height));right:0;width:100%;z-index:999;transform:translate(100%);transition:transform var(--transition-speed)}.app-layout-grid.right-sidebar-open .grid-sidebar-right{transform:translate(0)}.grid-player{grid-area:3 / 1 / 4 / 2;position:fixed;bottom:var(--mobile-nav-height);left:0;right:0;z-index:1001;background-color:var(--bg-01)}}.grid-sidebar-left.light-theme~.app-layout-grid{background-color:var(--bg-02-light)!important}.app-header.grid-header{justify-content:flex-end;gap:15px;background-color:var(--bg-01)}.app-header .header-right-controls{display:flex;align-items:center;gap:15px}.app-header .search-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:0;max-width:400px}.app-header .search-container{display:flex;align-items:center;background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:0 12px;height:40px;position:relative;transition:all var(--transition-speed) ease}.app-header .search-container.search-always-visible{width:400px;opacity:1}.app-header .search-icon{color:var(--text-secondary);margin-right:10px;flex-shrink:0}.app-header .search-input{flex-grow:1;border:none!important;color:var(--text-primary);font-size:.95em;outline:none;border:none;background-color:transparent;backdrop-filter:inherit;-webkit-backdrop-filter:inherit;padding-left:2rem}.app-header .search-input::placeholder{color:var(--text-muted)}.app-header .search-input:focus{border:none;box-shadow:none}.app-header .search-clear-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-speed) ease;margin-left:5px;flex-shrink:0}.app-header .search-clear-button:hover{color:var(--primary-color)}.app-header .theme-toggle-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.1em;padding:6px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-speed),transform var(--transition-speed);flex-shrink:0}.app-header .theme-toggle-button:hover{color:var(--primary-color);transform:rotate(20deg)}.app-header .profile-controls{display:flex;align-items:center;min-width:80px;justify-content:flex-end;position:relative}.app-header .profile-icon-wrapper{position:relative;z-index:1000}.app-header .profile-icon-button{background-color:transparent;border:none;padding:0;cursor:pointer;color:var(--text-primary);transition:color var(--transition-speed)}.app-header .profile-avatar-icon{font-size:1.8em;color:var(--primary-color);transition:opacity var(--transition-speed)}.app-header .profile-icon-button:hover .profile-avatar-icon{opacity:.8}.app-header .profile-icon-button.active .profile-avatar-icon{color:var(--primary-color)}@media (max-width: 992px){.app-header.grid-header{padding:0 15px;justify-content:flex-end;width:100%;gap:10px}.app-header .header-right-controls{gap:10px}.app-header .search-container.search-always-visible{width:280px}}@media (max-width: 768px){.app-header.grid-header{padding:0 10px;gap:8px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.app-header .header-right-controls{gap:8px;flex:1;min-width:0;max-width:100%}.app-header .search-wrapper{flex:1;min-width:0}.app-header .search-container.search-always-visible{width:100%;min-width:0}}.profile-menu-dropdown{position:fixed;top:var(--header-height, 60px);right:10px;margin-top:4px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);min-width:180px;box-shadow:var(--card-shadow-hover);z-index:99999;opacity:0;transform:translateY(-8px);animation:fadeIn .2s forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.menu-link{display:block;padding:10px 15px;text-decoration:none;color:var(--text-primary);font-size:.9em;transition:background-color var(--transition-speed),color var(--transition-speed);border-bottom:1px solid var(--border-color)}.menu-link:last-child{border-bottom:none}.menu-link:hover{background-color:var(--bg-01);color:var(--primary-color)}.menu-link{display:block;padding:10px 15px;text-decoration:none;color:var(--text-primary);font-size:.9em;transition:background-color var(--transition-speed);border-bottom:1px solid var(--border-color)}.menu-button{border:none;background:none;width:100%;text-align:left;cursor:pointer;color:inherit;padding:10px 15px}.app-sidebar{max-height:100%;width:100%;padding:16px 8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;overflow-y:auto;overflow-x:hidden;border:1px solid var(--glass-border);transition:width var(--transition-speed) var(--transition-smooth),box-shadow var(--transition-speed) var(--transition-smooth),transform var(--transition-speed) var(--transition-smooth);background-color:var(--bg-01)}.app-sidebar.sidebar-collapsed{width:var(--sidebar-collapsed);padding:16px 4px;box-shadow:var(--card-shadow)}.app-sidebar.sidebar-collapsed:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.app-sidebar::-webkit-scrollbar{width:8px}.app-sidebar::-webkit-scrollbar-track{background:var(--bg-01);border-radius:4px;margin:8px 0}.app-sidebar::-webkit-scrollbar-thumb{background:var(--primary-color);opacity:.3;border-radius:4px;transition:all var(--transition-speed)}.app-sidebar::-webkit-scrollbar-thumb:hover{background:var(--primary-dark);opacity:.5}.app-sidebar nav{display:flex;flex-direction:column;gap:4px;width:100%}.app-sidebar .sidebar-collapse-button{width:100%;padding:10px 8px;background:var(--glass-effect);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-speed) var(--transition-smooth);font-size:.9em;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.app-sidebar .sidebar-collapse-button:hover{background:var(--primary-gradient);border-color:var(--primary-color);box-shadow:0 2px 8px var(--accent-glow)}.app-sidebar .sidebar-logo-container{padding:12px 12px 8px;margin:0 4px 16px;border-radius:var(--border-radius);background:var(--primary-gradient);transition:all var(--transition-speed) var(--transition-smooth);border:1px solid var(--primary-color)}.app-sidebar .sidebar-logo-container:hover{box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-2px)}.app-sidebar.sidebar-collapsed .sidebar-logo-container{padding:8px;margin:0 2px 8px}.app-sidebar .sidebar-logo{display:block;width:100%;max-height:40px;object-fit:contain}.app-sidebar.sidebar-collapsed .sidebar-logo{max-height:32px}.app-sidebar .sidebar-section{margin-bottom:12px}.app-sidebar .sidebar-section:first-of-type{margin-top:8px}.app-sidebar.sidebar-collapsed .sidebar-section{margin-bottom:8px}.app-sidebar .sidebar-button{border:none;text-align:left;width:100%;cursor:pointer;background:none}.app-sidebar .section-title{color:var(--primary-color);font-size:.7rem;padding:8px 8px 4px;margin:5px 0;text-transform:uppercase;letter-spacing:.8px;font-weight:700;opacity:.9;max-height:20px;overflow:hidden;transition:max-height var(--transition-speed),opacity var(--transition-speed)}.app-sidebar.sidebar-collapsed .section-title{max-height:0;padding:0 8px;opacity:0;margin:0}.app-sidebar .sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--text-secondary);text-decoration:none;font-size:.85rem;font-weight:500;border-radius:var(--border-radius-sm);margin:5px 4px;transition:all var(--transition-speed) var(--transition-smooth);border:1px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent}.app-sidebar.sidebar-collapsed .sidebar-link{padding:10px;margin:0 2px;justify-content:center}.app-sidebar.sidebar-collapsed .sidebar-link span{display:none}.app-sidebar .sidebar-link:hover{color:var(--text-primary);background:var(--glass-effect);border-color:var(--primary-color);transform:translate(4px);box-shadow:0 2px 8px var(--accent-glow)}.app-sidebar.sidebar-collapsed .sidebar-link:hover{transform:none}.app-sidebar .sidebar-link.active{color:var(--white);background:var(--primary-gradient);font-weight:700;border-color:var(--primary-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-sidebar .sidebar-link.active:hover{transform:translate(2px);box-shadow:var(--box-shadow-hover),inset 0 1px #ffffff4d}.app-sidebar.sidebar-collapsed .sidebar-link.active:hover{transform:none}.app-sidebar .sidebar-icon{width:20px;flex-shrink:0}.app-sidebar .sidebar-theme-section{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-color)}.app-sidebar.sidebar-collapsed .sidebar-theme-section{padding-top:8px}.app-sidebar .sidebar-theme-button{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--border-radius-sm);margin:0 4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--transition-speed) var(--transition-smooth);width:calc(100% - 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar.sidebar-collapsed .sidebar-theme-button{width:100%;margin:0 2px;justify-content:center}.app-sidebar.sidebar-collapsed .sidebar-theme-button span{display:none}.app-sidebar .sidebar-theme-button:hover{color:var(--text-primary);background:var(--glass-effect);border-color:var(--primary-color);transform:translate(4px);box-shadow:0 2px 8px var(--accent-glow)}.app-sidebar.sidebar-collapsed .sidebar-theme-button:hover{transform:none}@media (max-width: 768px){.app-sidebar,.app-sidebar.sidebar-collapsed{display:none!important;position:absolute;left:-100%;width:0;min-width:0;max-width:0;padding:0;margin:0;overflow:hidden;visibility:hidden;pointer-events:none;opacity:0}}.kakiplay-toast-notifications{position:fixed;bottom:calc(var(--player-height) + 15px);right:15px;z-index:1500;pointer-events:none}.kakiplay-toast-notifications .toast-container{display:flex;flex-direction:column;gap:8px;max-width:320px;pointer-events:auto}.kakiplay-toast-notifications .toast-item{padding:10px 12px;border-radius:8px;display:flex;align-items:center;color:var(--white);box-shadow:0 4px 12px #0000004d;animation:slideIn .3s ease-out forwards;opacity:0;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.kakiplay-toast-notifications .toast-success{background-color:var(--success-color)}.kakiplay-toast-notifications .toast-error{background-color:var(--error-color)}.kakiplay-toast-notifications .toast-icon{margin-right:8px;font-size:1rem;flex-shrink:0}.kakiplay-toast-notifications .toast-message{flex:1;font-size:.875rem;line-height:1.4}.kakiplay-toast-notifications .toast-close-btn{background:none;border:none;color:var(--white);cursor:pointer;font-size:.875rem;margin-left:8px;padding:4px;opacity:.7;transition:opacity .2s;flex-shrink:0}.kakiplay-toast-notifications .toast-close-btn:hover{opacity:1}.kakiplay-toast-notifications .toast-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#0003;overflow:hidden}.kakiplay-toast-notifications .toast-progress-fill{height:100%;background-color:#ffffffe6;transition:width 16ms linear}.kakiplay-toast-notifications .toast-item{box-shadow:0 4px 12px #00000026;border-color:#0000001a}.kakiplay-toast-notifications .toast-progress-bar{background-color:#0000001a}.kakiplay-toast-notifications .toast-progress-fill{background-color:#fffffff2}.app-featuring-display{display:inline;color:var(--text-secondary);font-size:.9em}.app-featuring-display .feat-prefix{font-style:italic;margin-right:.25rem}.app-featuring-display .featuring-artist{display:inline;transition:color var(--transition-speed)}.app-featuring-display .featuring-artist.platform-artist{color:var(--primary-color);cursor:pointer;text-decoration:none;font-weight:500}.app-featuring-display .featuring-artist.platform-artist:hover{color:var(--primary-dark);text-decoration:underline}.app-featuring-display .featuring-artist.platform-artist:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}.app-featuring-display .featuring-artist.external-artist{color:var(--text-secondary);cursor:default}.app-featuring-display .verified-icon{margin-left:.3rem;font-size:.85em;color:var(--primary-color);vertical-align:middle}.app-featuring-display .featuring-separator{color:var(--text-secondary);margin:0 .15rem}.app-featuring-display.compact{font-size:.85em}.app-featuring-display.compact .feat-prefix{margin-right:.2rem}.track-comments-root .comment-button{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:0;font-size:18px;transition:all var(--transition-speed);display:flex;align-items:center;gap:6px;opacity:.7}.track-comments-root .comment-button:hover{opacity:1;color:var(--primary-color)}.track-comments-root .comment-button:disabled{opacity:.3;cursor:not-allowed}.track-comments-root .comment-button svg{font-size:20px}.track-comments-root .comment-button span{font-size:13px}.track-comments-root .comment-progress-container{position:relative;width:100%}.track-comments-root .comment-marker{position:absolute;top:-4px;width:3px;height:12px;background:var(--primary-color);border-radius:2px;cursor:pointer;transition:all var(--transition-speed);z-index:2}.track-comments-root .comment-marker:hover{height:16px;top:-6px;background:var(--primary-hover)}.track-comments-root .comment-marker-tooltip{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:8px 12px;color:var(--text-primary);font-size:12px;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity var(--transition-speed);box-shadow:var(--card-shadow);z-index:10}.track-comments-root .comment-marker:hover .comment-marker-tooltip{opacity:1}.track-comments-root .active-comment-container{position:fixed;bottom:calc(var(--player-height) + 20px);left:50%;transform:translate(-50%);max-width:600px;width:90%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:16px;box-shadow:var(--card-shadow-hover);animation:track-comments-slideUp .3s ease-out;z-index:1000}.track-comments-root .active-comment-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.track-comments-root .active-comment-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;object-fit:cover;background:var(--border-color);border:2px solid var(--card-border);flex-shrink:0}.track-comments-root .active-comment-username{font-size:14px;font-weight:600;color:var(--text-primary)}.track-comments-root .active-comment-timestamp{font-size:12px;color:var(--text-muted);margin-left:auto}.track-comments-root .active-comment-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.track-comments-root{height:100%;display:flex;flex-direction:column}.track-comments-root .comments-panel{height:100%;width:100%;display:flex;flex-direction:column;background-color:var(--bg-02)}.track-comments-root .comments-panel-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.track-comments-root .comments-panel-title{font-size:16px;font-weight:600;color:var(--text-primary)}.track-comments-root .comments-panel-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:4px;transition:color var(--transition-speed)}.track-comments-root .comments-panel-close:hover{color:var(--text-primary)}.track-comments-root .comments-panel-body{flex:1;overflow-y:auto;padding:16px}.track-comments-root .comment-item{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.track-comments-root .comment-item:last-child{border-bottom:none}.track-comments-root .comment-item-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;position:relative}.track-comments-root .comment-item-avatar{width:34px;height:34px;min-width:34px;border-radius:50%;object-fit:cover;background:var(--border-color);border:2px solid var(--card-border);flex-shrink:0}.track-comments-root .comment-item-username{font-size:13px;font-weight:600;color:var(--text-primary)}.track-comments-root .comment-item-timestamp{font-size:12px;color:var(--primary-color);cursor:pointer;transition:color var(--transition-speed)}.track-comments-root .comment-item-timestamp:hover{color:var(--primary-hover);text-decoration:underline}.track-comments-root .comment-item-text{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-left:38px}.track-comments-root .comment-options-menu-wrapper{position:relative;margin-left:auto}.track-comments-root .comment-options-button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px 8px;border-radius:var(--border-radius);transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:14px}.track-comments-root .comment-options-button:hover{background:var(--bg-01);color:var(--text-primary)}.track-comments-root .comment-options-menu{position:absolute;top:100%;right:0;margin-top:6px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);box-shadow:var(--card-shadow-hover);overflow:hidden;z-index:1000;min-width:150px;animation:track-comments-fadeInMenu .2s ease}.track-comments-root .comment-option-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;transition:background .2s ease;text-align:left}.track-comments-root .comment-option-item:hover{background:var(--bg-01)}.track-comments-root .comment-option-item svg{width:14px;font-size:14px}.track-comments-root .comment-option-item.report{color:var(--error-color)}.track-comments-root .comment-option-item.report:hover{background:#e74c3c1a}.track-comments-root .comment-option-item.copy{color:var(--accent-color)}.track-comments-root .comment-option-item.copy:hover{background:#27ae601a}@keyframes track-comments-fadeInMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.track-comments-root .comments-empty{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}.track-comments-root .comments-panel-footer{padding:16px;border-top:2px solid var(--border-color);display:flex;gap:12px;align-items:center;flex-shrink:0;background:var(--bg-01)}.track-comments-root .comment-input{flex:1;background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--border-radius);color:var(--text-primary);padding:10px 12px;font-size:14px;font-family:inherit;transition:border-color var(--transition-speed),box-shadow var(--transition-speed);box-shadow:inset 0 1px 3px #00000014}.track-comments-root .comment-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e26,inset 0 1px 3px #00000014}.track-comments-root .comment-input::placeholder{color:var(--text-muted)}.track-comments-root .comment-input:disabled{opacity:.5;cursor:not-allowed}.track-comments-root .comment-send-button{background:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed);flex-shrink:0}.track-comments-root .comment-send-button:hover:not(:disabled){background:var(--primary-hover)}.track-comments-root .comment-send-button:disabled{background:var(--border-color);cursor:not-allowed;opacity:.5}.track-comments-root .comment-send-button svg{font-size:16px}@keyframes track-comments-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes track-comments-slideUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}@media (max-width: 768px){.track-comments-root{display:flex;flex-direction:column;height:100%}.track-comments-root .comments-panel{display:flex;flex-direction:column;height:100%;flex:1;padding-bottom:7rem}.track-comments-root .comments-panel-body{flex:1;overflow-y:auto;padding-bottom:20px}.track-comments-root .comments-panel-footer{padding:12px 16px 16px;background:var(--bg-01);flex-shrink:0;border-top:2px solid var(--border-color)}.track-comments-root .active-comment-container{max-width:90%;bottom:calc(var(--player-height) + var(--mobile-nav-height) + 20px)}}.report-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease}.report-modal-container{background:var(--gray-80);border:1px solid var(--gray-60);border-radius:var(--border-radius);box-shadow:0 8px 32px #0006;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideInUp .3s ease}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-60);background:var(--gray-70)}.report-modal-title{display:flex;align-items:center;gap:.75rem;color:var(--error-color)}.report-modal-title svg{font-size:1.25rem}.report-modal-title h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.report-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;font-size:1.25rem;transition:all .2s ease;border-radius:50%;display:flex;align-items:center;justify-content:center}.report-modal-close:hover{background:var(--gray-60);color:var(--text-primary);transform:rotate(90deg)}.report-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.report-comment-preview{background:var(--gray-70);border:1px solid var(--gray-60);border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem}.report-comment-author{display:flex;align-items:center;gap:.625rem;margin-bottom:.625rem}.report-comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--gray-60)}.report-comment-username{font-size:.875rem;font-weight:600;color:var(--text-primary)}.report-comment-text{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.report-form{display:flex;flex-direction:column;gap:1rem}.report-form-label{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:-.5rem}.report-reason-select{background:var(--gray-70);border:1px solid var(--gray-60);border-radius:var(--border-radius);color:var(--text-primary);padding:.75rem 1rem;font-size:.875rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.report-reason-select:hover{border-color:var(--accent-color)}.report-reason-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #27ae601a}.report-reason-select:disabled{opacity:.5;cursor:not-allowed}.report-custom-reason{background:var(--gray-70);border:1px solid var(--gray-60);border-radius:var(--border-radius);color:var(--text-primary);padding:.75rem 1rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .3s ease}.report-custom-reason:hover{border-color:var(--accent-color)}.report-custom-reason:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #27ae601a}.report-custom-reason:disabled{opacity:.5;cursor:not-allowed}.report-custom-reason::placeholder{color:var(--text-muted)}.report-char-count{font-size:.75rem;color:var(--text-muted);text-align:right;margin-top:-.5rem}.report-loading{text-align:center;color:var(--text-muted);padding:1rem;font-size:.875rem}.report-modal-footer{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--gray-60);background:var(--gray-70)}.report-cancel-button,.report-submit-button{flex:1;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.report-cancel-button{background:var(--gray-60);color:var(--text-primary)}.report-cancel-button:hover:not(:disabled){background:var(--gray-50);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.report-submit-button{background:var(--error-color);color:#fff}.report-submit-button:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.report-cancel-button:disabled,.report-submit-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.report-modal-container{max-width:100%;max-height:100vh;border-radius:0}.report-modal-header,.report-modal-body,.report-modal-footer{padding-left:1rem;padding-right:1rem}.report-modal-title h3{font-size:1rem}.report-modal-footer{flex-direction:column}.report-cancel-button,.report-submit-button{width:100%}}.app-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-01);border-top:1px solid var(--glass-border)}.app-player.grid-player{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:var(--player-height);width:100%;box-sizing:border-box;gap:20px}.app-player .track-info{display:flex;align-items:center;width:250px;min-width:250px;max-width:250px;overflow:hidden;flex-shrink:0}.app-player .album-cover{width:35px;height:35px;background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);margin-right:15px;flex-shrink:0;background-size:cover;background-position:center}.app-player .track-details{color:var(--text-primary);line-height:1.2;overflow:hidden;flex-grow:1;min-width:0}.app-player .track-details-marquee-container{height:35px;display:flex;flex-direction:column;justify-content:center}.app-player .track-title-wrapper{width:100%;overflow:hidden;white-space:nowrap;position:relative;height:.9em}.app-player .track-title{font-size:.9em;font-weight:700;margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.app-player .track-title.marquee-text{display:inline-block;position:relative;padding-left:100%;width:auto;text-overflow:clip;overflow:visible;will-change:transform;animation:marquee 30s linear infinite;animation-play-state:running}.app-player .track-artist{font-size:.75em;color:var(--text-secondary);width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:1em}.app-player .track-artist-content{display:inline}.app-player .track-artist .artist-name-link{color:var(--text-secondary);transition:color var(--transition-speed);display:inline}.app-player .track-artist .artist-name-link:hover{color:var(--text-primary);text-decoration:underline}.app-player .track-artist .featuring-display{font-size:1em;display:inline}.app-player .track-artist .featuring-display .feat-prefix{font-style:italic;color:var(--secondary-color);font-weight:600}.app-player .track-artist .featuring-text{font-size:.9em;font-weight:600;color:var(--secondary-color);font-style:italic}.app-player .playback-controls{display:flex;flex-direction:column;align-items:center;flex:1 1 auto;max-width:600px;min-width:400px}.app-player .playback-buttons{display:flex;align-items:center;justify-content:center;margin-bottom:5px}.app-player .progress-bar-container{display:flex;align-items:center;width:100%}.app-player .time-display{color:var(--text-secondary);font-size:.65em;margin:0 10px}.app-player .progress-bar-track{flex-grow:1;height:4px;background:var(--border-color);border-radius:2px;cursor:pointer;position:relative}.app-player .progress-bar-track:hover{height:6px}.app-player .progress-bar-thumb{width:30%;height:100%;background-color:var(--primary-color);border-radius:2px}.app-player .volume-controls{display:flex;align-items:center;width:250px;min-width:250px;max-width:250px;justify-content:flex-end;flex-shrink:0}.app-player .volume-icon{color:var(--text-primary);margin-right:10px;font-size:.9em}.app-player .volume-slider{width:80px;height:4px;background-color:var(--border-color);border-radius:2px;cursor:pointer;margin-right:15px}.app-player .volume-fill{width:70%;height:100%;background-color:var(--primary-color);border-radius:2px}.app-player .queue-button{display:none}.app-player .queue-button.active{color:var(--card-bg);background-color:var(--text-primary);border-radius:50%;padding:3px;display:none}.app-player .control-button{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.9em;margin:0 10px;opacity:.8;transition:opacity var(--transition-speed),color var(--transition-speed)}.app-player .control-button:hover{opacity:1}.app-player .control-button.active{color:var(--secondary-color);opacity:1;aspect-ratio:1;padding:5px;text-shadow:0 0 8px var(--secondary-color)}.app-player .play-pause-button{font-size:1.2em;background-color:var(--primary-color);color:var(--white);border-radius:50%;padding:8px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) var(--transition-smooth)}.app-player .play-pause-button:hover{background:var(--primary-dark);transform:scale(1.1)}.app-player .repeat-one-indicator{position:absolute;bottom:5px;right:5px;font-size:.5em;font-weight:700;line-height:1;color:var(--secondary-color)}.app-player .player-mobile{justify-content:space-between;padding:0 10px;gap:10px}.app-player .playback-controls-mobile{display:flex;align-items:center;flex-shrink:0}@media (max-width: 768px){.app-player.grid-player{padding:0 8px;gap:8px}.app-player .player-desktop .playback-controls,.app-player .player-desktop .volume-controls{display:none}.app-player .player-mobile .track-info{min-width:0!important;width:auto!important;max-width:55%!important;flex-grow:0;flex-shrink:1;overflow:hidden}.app-player .player-mobile .album-cover{width:32px;height:32px;margin-right:6px;flex-shrink:0}.app-player .player-mobile .track-details{overflow:hidden;flex-grow:0;flex-shrink:1;min-width:0;width:100%}.app-player .player-mobile .track-title{font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-player .player-mobile .track-artist{font-size:.7em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-player .player-mobile .playback-controls-mobile{flex-shrink:0;gap:3px}.app-player .player-mobile .control-button{margin:0;font-size:.95em;padding:4px}.app-player .player-mobile .play-pause-button{font-size:1.2em}.app-player .player-mobile .queue-button,.app-player .player-mobile .options-button{display:none}.app-player .player-mobile{display:flex}}@media (min-width: 769px){.app-player .player-mobile{display:none}.app-player .player-desktop .playback-controls,.app-player .player-desktop .volume-controls{display:flex}}.app-mobile-nav{display:none}@media (max-width: 768px){.app-mobile-nav{display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;width:100%;height:70px;background-color:var(--bg-02);box-shadow:var(--box-shadow);z-index:2010;transition:background-color var(--transition-speed) var(--transition-smooth)}.app-mobile-nav .mobile-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-secondary);font-size:.7em;font-weight:500;padding:5px;flex-grow:1;width:20%;min-width:0;transition:color var(--transition-speed) var(--transition-smooth);border:none;background:none;cursor:pointer;white-space:nowrap}.app-mobile-nav .mobile-nav-link:hover{color:var(--white)}.app-mobile-nav .mobile-nav-link.active{color:var(--primary-color)}.app-mobile-nav .mobile-nav-link .nav-icon{font-size:1.2em;margin-bottom:3px}.app-mobile-nav .mobile-nav-link.menu-button-mobile{color:var(--white);background-color:var(--primary-color);border-radius:50%;width:48px;height:48px;margin-top:-15px;box-shadow:var(--box-shadow);transition:all var(--transition-speed) var(--transition-smooth)}.app-mobile-nav .mobile-nav-link.menu-button-mobile .nav-icon{font-size:1.4em;margin:0;color:var(--white)}.app-mobile-nav .mobile-nav-link.menu-button-mobile .nav-label{display:none}.app-mobile-nav .mobile-nav-link.menu-button-mobile:hover{background-color:var(--primary-dark);transform:scale(1.05)}}@media (min-width: 769px){.app-mobile-nav{display:none}}.app-mobile-drawer .mobile-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--overlay-dark);z-index:2500}.app-mobile-drawer{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;height:auto;max-height:80vh;background-color:var(--bg-02);z-index:3000;box-shadow:var(--box-shadow);transform:translateY(100%);transition:transform var(--transition-speed) var(--transition-smooth),background-color var(--transition-speed) var(--transition-smooth);display:flex;flex-direction:column;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.app-mobile-drawer.open{transform:translateY(0)}.app-mobile-drawer .drawer-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);flex-shrink:0}.app-mobile-drawer .user-info-drawer{color:var(--primary-color);margin:0;font-size:1.1rem;font-weight:600}.app-mobile-drawer .drawer-close-button{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:5px;transition:color var(--transition-speed) var(--transition-smooth)}.app-mobile-drawer .drawer-close-button:hover{color:var(--error-color)}.app-mobile-drawer .drawer-content{flex-grow:1;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;padding:3rem 0 0;width:100%;margin:auto}.app-mobile-drawer .menu-section{border-bottom:1px solid var(--border-color)}.app-mobile-drawer .section-title-drawer{color:var(--text-muted);font-size:.75em;padding:0 20px 8px;text-transform:uppercase;letter-spacing:1px;font-weight:500}.app-mobile-drawer .drawer-link{display:flex;align-items:center;padding:12px 20px;text-decoration:none;font-size:.95em;margin:0 10px;border-radius:var(--border-radius-sm);transition:all var(--transition-speed) var(--transition-smooth);color:var(--text-secondary);background:none;border:none;cursor:pointer;text-align:left}.app-mobile-drawer .menu-section button.drawer-link{display:flex!important;align-items:center;justify-content:flex-start;width:-webkit-fill-available}.app-mobile-drawer .drawer-link:hover{background-color:var(--glass-effect);color:var(--text-primary)}.app-mobile-drawer .drawer-link.active{background-color:var(--primary-color);color:var(--white);font-weight:600}.app-mobile-drawer .drawer-icon{width:20px;margin-right:15px;text-align:center;color:inherit}.app-mobile-drawer .drawer-theme-button{display:flex;align-items:center;padding:12px 20px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--border-radius-sm);margin:0 10px;cursor:pointer;font-size:.95em;font-weight:500;transition:all var(--transition-speed) var(--transition-smooth);width:calc(100% - 20px)}.app-mobile-drawer .drawer-theme-button:hover{color:var(--white);background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 8px var(--accent-glow)}.app-mobile-drawer .drawer-theme-button:hover svg{color:var(--white);fill:var(--white);stroke:var(--white)}.app-mobile-drawer .logout-button{color:var(--danger-color)}.app-mobile-drawer .logout-button:hover{background-color:var(--danger-color)!important;color:var(--white)}@media (max-width: 992px){.app-mobile-drawer{padding-bottom:6rem!important}}.track-options-menu{position:fixed;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);box-shadow:var(--card-shadow-hover);z-index:9999;min-width:200px;padding:5px 0;opacity:1!important;transform-origin:top right;animation:scaleIn .15s ease-out}.track-options-menu.anchor-up{transform-origin:bottom right;animation:scaleInUp .15s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleInUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.menu-item{display:flex;align-items:center;width:95%;margin:auto;padding:10px 15px;background:none;border:none;color:var(--text-primary);text-align:left;cursor:pointer;font-size:.9em;font-weight:500;border-radius:5px;transition:background-color .2s,color .2s}.menu-item:hover{background-color:var(--primary-color);color:#fff}.menu-item.danger-item{color:var(--error-color)}.menu-item.danger-item:hover{background-color:var(--error-color);color:#fff}.menu-icon{width:20px;margin-right:10px}.queue-view-container{padding:15px;color:var(--text-primary);min-height:100%}.queue-view-container.is-sidebar-mode{padding:4rem 15px 10px;border-left:1px solid var(--border-color)}.queue-title{font-size:1.1rem;font-weight:700;margin:10px 0 15px;color:var(--white);text-align:center}.queue-list{list-style:none;padding:0;margin:0}.queue-list-item{display:flex;align-items:center;padding:8px;margin-bottom:5px;border-radius:var(--border-radius);transition:background-color .2s;cursor:pointer;overflow:hidden;justify-content:space-between}.queue-list-item:hover{background-color:var(--gray-70)}.queue-list-item.is-current{background-color:#27ae6033;border:1px solid var(--accent-color);box-shadow:0 0 5px #27ae6066;order:-1}.queue-list-item.is-current:hover{background-color:#27ae604d}.queue-list-item.is-current .queue-track-title{color:var(--white)}.queue-list-item.is-upcoming{opacity:1;background-color:transparent;border:none;box-shadow:none}.queue-track-cover{width:40px;height:40px;object-fit:cover;flex-shrink:0;margin-right:10px;border-radius:4px}.queue-track-info{flex-grow:1;overflow:hidden;display:flex;flex-direction:column;margin-right:10px}.queue-play-button{background:none;border:none;color:var(--gray-40);cursor:pointer;font-size:1.2em;padding:5px;opacity:.6;transition:color .2s,opacity .2s;flex-shrink:0}.queue-list-item:hover .queue-play-button{opacity:1;color:var(--accent-color)}.queue-play-button.is-active{opacity:1;color:var(--accent-color)!important}.queue-track-status{font-size:.75em;font-weight:700;margin-bottom:2px;text-transform:uppercase}.queue-track-status.status-playing{color:var(--accent-color);display:flex;align-items:center;gap:5px}.queue-track-status.status-upcoming{color:var(--gray-40)}.queue-track-title{font-size:.95em;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-track-artist{font-size:.8em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-view-empty{text-align:center;padding:30px 10px}.queue-view-empty p{color:var(--text-muted);font-size:.9em}.app-player-panel{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-01)!important;border:1px solid var(--glass-border);color:var(--white);z-index:1000;transform:translateY(100%);transition:transform .3s ease-out,background .5s ease;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;overflow-y:auto;padding-bottom:6rem}.app-player-panel.is-open{transform:translateY(0)}.app-player-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:.9em;color:var(--text-secondary)}.app-player-panel .panel-close-button{background:none;border:none;color:var(--white);font-size:1.2em;cursor:pointer;border-radius:100%;background-color:var(--primary-color);padding:5px}.app-player-panel .panel-cast-icon{font-size:1.1em}.app-player-panel .panel-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:500px;margin:0 auto;width:100%;text-align:center}.app-player-panel .panel-album-art-container{width:100%;max-width:300px;margin-bottom:40px;position:relative}.app-player-panel .panel-album-art{width:100%;height:auto;border-radius:8px;box-shadow:var(--box-shadow)}.app-player-panel .panel-views-container{width:100%;max-width:600px;margin:20px auto 0;flex-grow:1;min-height:200px;overflow-y:auto;display:none}.app-player-panel .panel-views-nav{display:flex;justify-content:center;gap:15px;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px;position:sticky;top:0;background-color:var(--bg-02);z-index:10}.app-player-panel .panel-nav-tab{background:none;border:none;color:var(--text-muted);font-size:1em;font-weight:600;cursor:pointer;padding:5px 0;transition:color .2s,border-bottom .2s;border-bottom:2px solid transparent}.app-player-panel .panel-nav-tab:hover{color:var(--gray-20)}.app-player-panel .panel-nav-tab.active{color:var(--white);border-bottom:2px solid var(--primary-color)}.app-player-panel .panel-track-details-new{width:100%;max-width:300px;margin:30px auto;text-align:left;position:relative}.app-player-panel .panel-track-title-wrapper{width:100%;overflow:hidden;white-space:nowrap;position:relative;height:1.5em}.app-player-panel .panel-track-title{font-size:1.5em;font-weight:700;margin:0;display:inline-block;position:absolute;padding-left:100%;will-change:transform;animation:marquee 40s linear infinite;animation-play-state:running}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.app-player-panel .panel-artist-actions-row{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.app-player-panel .panel-artist-name{font-size:1.1em;color:var(--text-secondary);margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1}.app-player-panel .panel-artist-name .featuring-text{font-size:.9em;font-weight:400;color:var(--text-secondary);font-style:italic}.app-player-panel .panel-action-buttons-horizontal{display:flex;align-items:center;gap:15px;flex-shrink:0}.app-player-panel .panel-action-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2em;padding:5px;transition:color .2s ease}.app-player-panel .panel-action-button:hover{color:var(--text-primary)}.app-player-panel .volume-control-wrapper{position:relative;display:inline-block}.app-player-panel .volume-toggle-btn{position:relative}.app-player-panel .volume-popup{position:absolute;right:0;bottom:calc(100% + 10px);background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:15px 25px;border-radius:30px;box-shadow:var(--card-shadow);z-index:150;animation:slideDown .2s ease;white-space:nowrap}.app-player-panel .volume-slider-popup{width:120px;-webkit-appearance:none;appearance:none;height:5px;background:var(--border-color);border-radius:5px;cursor:pointer;outline:none}.app-player-panel .volume-slider-popup::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--text-primary);border-radius:50%;cursor:pointer;transition:background .2s,transform .2s}.app-player-panel .volume-slider-popup::-webkit-slider-thumb:hover{background:var(--primary-color);transform:scale(1.2)}.app-player-panel .volume-slider-popup::-moz-range-thumb{width:14px;height:14px;background:var(--text-primary);border:none;border-radius:50%;cursor:pointer;transition:background .2s,transform .2s}.app-player-panel .volume-slider-popup::-moz-range-thumb:hover{background:var(--primary-color);transform:scale(1.2)}.app-player-panel .panel-progress-bar-container{display:flex;align-items:center;width:100%;max-width:300px;margin-bottom:30px}.app-player-panel .panel-time-display{color:var(--text-secondary);font-size:.8em;margin:0 10px}.app-player-panel .panel-progress-bar-track{flex-grow:1;height:5px;background:var(--border-color);border-radius:2.5px;cursor:pointer}.app-player-panel .panel-progress-bar-thumb{height:100%;background:var(--primary-color);border-radius:2.5px}.app-player-panel .panel-playback-controls{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:300px;margin-bottom:50px}.app-player-panel .panel-control-button{background:none;border:none;color:var(--white);cursor:pointer;font-size:.9em;margin:0 5px;opacity:.8;transition:opacity .2s ease,color .2s}.app-player-panel .panel-control-button:nth-child(2),.app-player-panel .panel-control-button:nth-child(4){font-size:1.2em}.app-player-panel .panel-control-button:hover{opacity:1}.app-player-panel .panel-control-button.active{color:var(--primary-color);opacity:1}.app-player-panel .play-pause-button-panel{font-size:2.5em;margin:0 10px}.app-player-panel .repeat-one-indicator-panel{position:absolute;bottom:5px;right:5px;font-size:.6em;font-weight:700;line-height:1;color:var(--primary-color)}@media (max-width: 768px){.app-player-panel .panel-cast-icon{display:none}.app-player-panel .panel-header{justify-content:center}.app-player-panel .panel-close-button{position:absolute;left:20px}.app-player-panel .volume-popup{right:10px;bottom:calc(100% + 10px);padding:25px 15px;display:flex;align-items:center;justify-content:center}.app-player-panel .volume-slider-popup{writing-mode:vertical-lr;direction:rtl;width:5px;height:120px;transform:rotate(180deg)}.app-player-panel .panel-control-button{font-size:1.1em;padding:8px}.app-player-panel .panel-control-button:nth-child(2),.app-player-panel .panel-control-button:nth-child(4){font-size:1.4em}.app-player-panel .play-pause-button-panel{font-size:3em;margin:0 15px}.app-player-panel .panel-album-art-container{max-width:320px;margin-bottom:30px}.app-player-panel .panel-progress-bar-track{height:6px}.app-player-panel .panel-time-display{font-size:.85em}}@media (min-width: 769px){.app-player-panel .volume-slider-popup{width:150px}.app-player-panel .panel-control-button{transition:transform .2s,opacity .2s}.app-player-panel .panel-control-button:hover{transform:scale(1.1)}.app-player-panel .panel-album-art-container{transition:transform .3s ease}.app-player-panel .panel-album-art-container:hover{transform:scale(1.02)}}.playlist-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-dark);display:flex;justify-content:center;align-items:center;z-index:2000}.add-to-playlist-modal-content{background-color:var(--card-bg);color:var(--text-primary);padding:30px;border-radius:var(--border-radius);width:90%;max-width:400px;border:1px solid var(--card-border);box-shadow:var(--card-shadow-hover);position:relative}.add-to-playlist-modal-content h2{font-size:1.3em;color:var(--text-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.add-to-playlist-modal-content .modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer}.add-to-playlist-modal-content .modal-close-button:hover{color:var(--error-color)}.add-to-playlist-modal-content .modal-search-bar{display:flex;align-items:center;padding:8px 12px;background-color:var(--bg-02);border-radius:4px;margin-bottom:15px;border:1px solid var(--border-color)}.add-to-playlist-modal-content .modal-search-bar svg{color:var(--text-secondary);margin-right:10px}.add-to-playlist-modal-content .modal-search-bar input{flex-grow:1;border:none;background:none;color:var(--text-primary);outline:none;font-size:.95em}.add-to-playlist-modal-content .create-new-button{width:100%;padding:10px;margin-bottom:20px;background-color:var(--bg-01);color:var(--primary-color);border:1px dashed var(--primary-color);border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:10px}.add-to-playlist-modal-content .create-new-button:hover{background-color:var(--bg-02)}.add-to-playlist-modal-content .section-title-small{font-size:.85em;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px}.add-to-playlist-modal-content .playlist-scroll-list{list-style:none;padding:0;margin:0;max-height:250px;overflow-y:auto}.add-to-playlist-modal-content .playlist-item{display:flex;align-items:center;padding:10px 5px;margin-bottom:5px;border-radius:4px;cursor:pointer;transition:background-color .1s ease}.add-to-playlist-modal-content .playlist-item:hover{background-color:var(--bg-01)}.add-to-playlist-modal-content .playlist-item.added{background-color:#2ecc7133;border:1px solid var(--success-color)}.add-to-playlist-modal-content .playlist-item-cover{width:40px;height:40px;object-fit:cover;border-radius:2px;margin-right:15px;flex-shrink:0}.add-to-playlist-modal-content .playlist-item-details{display:flex;flex-direction:column;flex-grow:1}.add-to-playlist-modal-content .playlist-name{font-weight:600;font-size:1em;color:var(--text-primary)}.add-to-playlist-modal-content .playlist-type{font-size:.8em;color:var(--text-muted)}.add-to-playlist-modal-content .action-status{color:var(--success-color);font-size:1.2em;margin-left:auto}.add-to-playlist-modal-content .loading-message,.add-to-playlist-modal-content .error-message,.add-to-playlist-modal-content .empty-message{text-align:center;padding:15px;color:var(--text-muted)}.add-to-playlist-modal-content .playlist-item-details{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.add-to-playlist-modal-content .playlist-item-cover-wrapper{width:40px;height:40px;flex-shrink:0;margin-right:15px;border-radius:2px;overflow:hidden}.add-to-playlist-modal-content .playlist-item-cover-single{width:100%;height:100%;object-fit:cover;display:block}.add-to-playlist-modal-content .playlist-mosaic-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;gap:0}.add-to-playlist-modal-content .mosaic-cover-small-item{width:100%;height:100%;object-fit:cover;display:block;border:.5px solid var(--border-color)}.add-to-playlist-modal-content .playlist-cover-empty{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bg-02);border-radius:2px;color:var(--text-secondary);font-size:1.2em}.add-to-playlist-modal-content .playlist-name{font-weight:600;font-size:.95em;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-to-playlist-modal-content .playlist-type{font-size:.8em;color:var(--text-secondary)}.add-to-playlist-modal-content .action-status{color:var(--success-color);font-size:1.2em;margin-left:auto;flex-shrink:0}.app-right-sidebar{height:100%;width:100%;background-color:var(--bg-02);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.app-right-sidebar .right-sidebar-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}@media (max-width: 768px){.app-right-sidebar{position:fixed;top:var(--header-height);bottom:0;right:0;width:100%;z-index:1001;border-left:none;display:flex;flex-direction:column;padding-bottom:calc(var(--player-height) + var(--mobile-nav-height))}}.app-liked-tracks-header-container .header-details-section{display:flex;align-items:flex-end;gap:30px;padding-bottom:40px;background-color:var(--card-bg);border:1px solid var(--card-border);padding:1rem;border-radius:var(--border-radius);max-width:1700px;margin-left:auto;margin-right:auto;box-shadow:var(--card-shadow)}.app-liked-tracks-header-container .info-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end}.app-liked-tracks-header-container .liked-tracks-cover-lg{width:250px;height:250px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;justify-content:center;align-items:center;border-radius:8px;box-shadow:var(--box-shadow);flex-shrink:0}.app-liked-tracks-header-container .header-heart-icon{color:var(--white);font-size:5em}.app-liked-tracks-header-container .type-label{font-size:.9em;font-weight:500;color:var(--text-secondary);text-transform:uppercase;margin-bottom:10px}.app-liked-tracks-header-container .main-title{font-size:3rem;font-weight:900;line-height:1.1;margin:0;color:var(--text-primary);word-wrap:break-word}.app-liked-tracks-header-container .metadata{font-size:1em;color:var(--text-secondary);margin-top:15px}.app-liked-tracks-header-container .actions-bar{padding:20px 0 0;display:flex;align-items:center}.app-liked-tracks-header-container .play-button-large{background-color:var(--primary-color);color:var(--white);border:none;border-radius:50%;width:45px;height:45px;display:flex;justify-content:center;align-items:center;font-size:1.4em;cursor:pointer;transition:all var(--transition-speed);box-shadow:var(--box-shadow)}.app-liked-tracks-header-container .play-button-large:hover{background-color:var(--primary-dark);transform:scale(1.05)}@media (max-width: 768px){.app-liked-tracks-header-container{padding:20px}.app-liked-tracks-header-container .header-details-section{flex-direction:column;align-items:center;text-align:center}.app-liked-tracks-header-container .liked-tracks-cover-lg{width:180px;height:180px}.app-liked-tracks-header-container .main-title{font-size:2.5rem}.app-liked-tracks-header-container .actions-bar{padding:20px 0;justify-content:center}}.app-commercial-rights-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500;white-space:nowrap;transition:all var(--transition-speed) ease}.app-commercial-rights-badge .badge-icon{font-size:.9em}.app-commercial-rights-badge .badge-label{line-height:1}.app-commercial-rights-badge.has-rights{background:var(--primary-color);color:var(--white);border:1px solid var(--primary-color)}.app-commercial-rights-badge.no-rights{background:var(--gray-80);color:var(--gray-20);border:1px solid var(--gray-60)}.app-commercial-rights-badge.has-rights:hover{background:var(--primary-color);box-shadow:var(--box-shadow)}.app-commercial-rights-badge.no-rights:hover{background:var(--gray-70);box-shadow:var(--box-shadow)}.app-commercial-rights-badge.badge-small{padding:3px 8px;font-size:.75rem;gap:4px}.app-commercial-rights-badge.badge-small .badge-icon{font-size:.8em}.app-commercial-rights-badge.badge-medium{padding:4px 10px;font-size:.85rem;gap:6px}.app-commercial-rights-badge.badge-large{padding:6px 14px;font-size:.95rem;gap:8px}.app-commercial-rights-badge.badge-large .badge-icon{font-size:1.1em}@media (max-width: 768px){.app-commercial-rights-badge{font-size:.8rem;padding:3px 8px}.app-commercial-rights-badge.badge-large{font-size:.9rem;padding:5px 12px}}.app-album-detail-page .album-track-list-section{padding:30px 0;color:var(--text-primary);overflow:hidden}.liked-tracks-header-container .actions-bar{margin:0 0 1rem}.app-album-detail-page .track-list-header{display:flex;padding:10px 40px 10px 0;color:var(--text-secondary);font-size:.85em;border-bottom:1px solid var(--card-border);margin-bottom:0;text-transform:uppercase}.app-album-detail-page .header-number{width:50px;text-align:right}.app-album-detail-page .header-cover{width:40px;margin-right:15px}.app-album-detail-page .header-title{flex-grow:1;padding-left:0}.app-album-detail-page .header-plays{width:80px;text-align:right}.app-album-detail-page .header-duration{width:60px;text-align:right}.app-album-detail-page .header-options{width:30px;text-align:center}.track-drag-handle{cursor:grab;color:var(--text-secondary);opacity:.6;transition:opacity var(--transition-speed),color var(--transition-speed);padding:5px;display:flex;justify-content:center}.app-album-detail-page .track-row{display:flex;align-items:center;padding:8px 0;border-radius:5px;cursor:pointer;transition:background-color var(--transition-speed),color var(--transition-speed);border-bottom:none;position:relative;margin:.5rem 0;background-color:var(--card-bg)}.app-album-detail-page .track-row:hover{background-color:var(--card-bg);box-shadow:0 2px 4px var(--box-shadow)}.app-album-detail-page .track-row.is-playing .track-name,.app-album-detail-page .track-row.is-playing .track-cell-plays,.app-album-detail-page .track-row.is-playing .track-cell-duration{color:var(--primary-color)}.app-album-detail-page .track-row.is-playing .track-cell-index{color:transparent}.app-album-detail-page .track-row.is-playing .track-play-icon{color:var(--primary-color)}.app-album-detail-page .track-cell-index{width:45px;text-align:right;color:var(--text-secondary);padding:0 8px 0 0;display:flex;justify-content:center;align-items:center;font-size:.9em}.app-album-detail-page .track-cell-cover{width:36px;height:36px;margin:0 12px 0 0;flex-shrink:0;overflow:hidden;border-radius:4px}.app-album-detail-page .track-cover-sm-image{width:100%;height:100%;object-fit:cover;display:block}.app-album-detail-page .track-cell-info{flex-grow:1;padding:0;display:flex;flex-direction:column;overflow:hidden;justify-content:center;gap:2px}.app-album-detail-page .track-name{font-size:.95em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;margin:0;line-height:1.4;color:var(--text-primary)}.app-album-detail-page .track-artist{font-size:.8em;font-weight:400;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;margin:0;line-height:1.3}.app-album-detail-page .track-name .featuring-text{font-size:.9em;font-weight:400;color:var(--text-secondary);font-style:italic}.app-album-detail-page .track-cell-plays{width:70px;text-align:right;color:var(--text-secondary);font-size:.8em;padding:0 8px}.app-album-detail-page .track-cell-duration{width:50px;text-align:right;color:var(--text-secondary);font-size:.8em;margin-right:12px;padding:0}.app-album-detail-page .track-cell-options{width:30px;display:flex;justify-content:center;align-items:center;padding:0;flex-shrink:0}.app-album-detail-page .track-options-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1em;padding:5px;opacity:0;transition:color var(--transition-speed),opacity var(--transition-speed)}.app-album-detail-page .track-row:hover .track-options-button,.app-album-detail-page .track-options-button.active{opacity:1;color:var(--white)}.app-album-detail-page .track-options-button:hover{color:var(--primary-color)}.app-album-detail-page .header-bpm,.app-album-detail-page .track-cell-bpm,.app-album-detail-page .header-key,.app-album-detail-page .track-cell-key{width:60px;text-align:center;color:var(--text-secondary);font-size:.9em}.app-album-detail-page .header-rights,.app-album-detail-page .track-cell-rights{width:140px;text-align:center;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.app-album-detail-page .album-track-list-section .track-list-header{display:none}.app-album-detail-page .album-track-list-section .track-row{padding:6px 0;border-bottom:1px solid var(--card-border);display:grid;grid-template-columns:35px 36px 1fr 28px;gap:4px}.app-album-detail-page .track-cell-index{grid-column:1 / 2;width:35px;padding-left:4px}.app-album-detail-page .track-cell-cover{grid-column:2 / 3;width:36px;height:36px;margin:0}.app-album-detail-page .track-cell-info{grid-column:3 / 4;padding:0 8px}.app-album-detail-page .track-cell-plays,.app-album-detail-page .track-cell-duration{display:none}.app-album-detail-page .track-cell-options{grid-column:4 / 5;display:flex;width:28px;margin-right:4px}.app-album-detail-page .track-options-button{opacity:1;color:var(--text-secondary)}.app-album-detail-page .track-row:hover .track-options-button{opacity:1}.app-album-detail-page .track-options-button:hover{color:var(--primary-color)}.app-album-detail-page .track-row{width:100%}.app-album-detail-page .track-name{padding-left:5px}.app-album-detail-page .track-row:hover{background-color:var(--card-bg);border-radius:0}.app-album-detail-page .track-list-header{margin-bottom:5px;padding-bottom:10px}.app-album-detail-page .header-bpm,.app-album-detail-page .track-cell-bpm,.app-album-detail-page .header-key,.app-album-detail-page .track-cell-key,.app-album-detail-page .header-rights,.app-album-detail-page .track-cell-rights{display:none}}.app-liked-tracks-list-container{margin:auto}.app-liked-tracks-empty-state{padding:40px;text-align:center;color:var(--text-secondary)}.app-album-detail-page.track-row{background-color:var(--bg-01);border:1px solid var(--glass-border)}.app-album-detail-page.track-row:hover{background-color:var(--bg-01)}.liked-tracks-loading-state{width:100%;padding:30px 40px}.skeleton-liked-tracks-header{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:1rem;box-shadow:var(--card-shadow);max-width:1700px;margin:0 auto 30px;display:flex;align-items:flex-end;gap:30px}.skeleton-header-cover{width:250px;height:250px;border-radius:8px;flex-shrink:0}.skeleton-header-info{flex:1;display:flex;flex-direction:column;gap:12px;padding-bottom:10px}.skeleton-header-type{width:80px;height:16px;border-radius:6px}.skeleton-header-metadata{width:200px;height:18px;border-radius:6px;margin-top:3px}.skeleton-header-actions{padding-top:20px}.skeleton-play-button{width:45px;height:45px;border-radius:50%}.skeleton-liked-tracks-list{width:100%;max-width:1700px;margin:0 auto;padding-top:20px}.skeleton-track-list-header{display:flex;align-items:center;padding:10px 40px 10px 0;border-bottom:1px solid var(--card-border);margin-bottom:10px}.skeleton-header-number{width:45px;height:14px;border-radius:4px;margin-right:12px}.skeleton-header-cover-col{width:36px;height:14px;border-radius:4px;margin-right:12px}.skeleton-header-title-col{flex:1;height:14px;border-radius:4px;max-width:200px}.skeleton-header-plays-col{width:70px;height:14px;border-radius:4px;margin-right:12px}.skeleton-header-duration-col{width:50px;height:14px;border-radius:4px;margin-right:12px}.skeleton-header-options-col{width:30px;height:14px;border-radius:4px}.skeleton-track-index{width:20px;height:16px;border-radius:4px;margin:0 12px 0 13px}.skeleton-track-info{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-track-name{width:250px;height:16px;border-radius:4px}.skeleton-track-artist{width:150px;height:14px;border-radius:4px}.skeleton-track-plays{width:50px;height:14px;border-radius:4px;margin-right:20px}.skeleton-track-duration{width:40px;height:14px;border-radius:4px;margin-right:12px}.skeleton-track-options{width:24px;height:24px;border-radius:50%;margin-right:8px}@media (max-width: 999px){.skeleton-liked-tracks-header{gap:20px}.skeleton-header-cover{width:200px;height:200px}.skeleton-header-title{width:250px;height:40px}}@media (max-width: 768px){.liked-tracks-loading-state{padding:20px 15px}.skeleton-liked-tracks-header{flex-direction:column;align-items:center;text-align:center}.skeleton-header-cover{width:180px;height:180px}.skeleton-header-info{align-items:center;width:100%}.skeleton-header-title{width:80%;height:36px}.skeleton-header-metadata{width:60%}.skeleton-track-list-header{display:none}.skeleton-track-row{display:grid;grid-template-columns:35px 36px 1fr 28px;grid-template-areas:"index cover info options";gap:4px;padding:6px 0;border-bottom:1px solid var(--card-border);background:transparent;margin:0}.skeleton-track-index{grid-area:index;margin:0}.skeleton-track-cover{grid-area:cover;margin:0}.skeleton-track-info{grid-area:info;gap:4px}.skeleton-track-name{width:100%;max-width:200px}.skeleton-track-artist{width:100%;max-width:140px}.skeleton-track-plays,.skeleton-track-duration{display:none}.skeleton-track-options{grid-area:options;margin:0}}@media (max-width: 480px){.liked-tracks-loading-state{padding:15px 10px}.skeleton-header-cover{width:150px;height:150px}.skeleton-header-title{width:90%;height:32px}.skeleton-play-button{width:40px;height:40px}.skeleton-track-row{grid-template-columns:30px 32px 1fr 24px}.skeleton-track-cover{width:32px;height:32px}}.liked-tracks-page{width:100%;min-height:100%;padding-top:80px;color:var(--text-primary);background-color:var(--truebg)}.liked-tracks-page .details-header-wrapper{position:fixed;top:var(--header-height);left:var(--sidebar-width);right:0;z-index:10;background-color:var(--bg-main);display:flex;align-items:center;padding:15px 40px;border-bottom:1px solid var(--gray-80);transition:left var(--transition-speed)}.liked-tracks-page .btn-back-to-previous{background-color:var(--card-bg);border:none;color:var(--text-primary);border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.1em;transition:background-color var(--transition-speed),transform var(--transition-speed);margin-right:20px}.liked-tracks-page .btn-back-to-previous:hover{background-color:var(--primary-color);transform:translate(-3px)}.liked-tracks-page .page-header-title{font-size:1.2rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.liked-tracks-page .page-content-wrapper{padding:30px 40px}.liked-tracks-page .page-status{text-align:center;padding:50px}.liked-tracks-page .page-status.error-state{color:var(--error-color)}.liked-tracks-page .cta-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);border:none;padding:10px 20px;border-radius:50px;font-weight:700;cursor:pointer;margin-top:15px;transition:all var(--transition-speed);box-shadow:0 4px 15px #c4963e33}.liked-tracks-page .cta-button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-2px);box-shadow:0 8px 25px #c4963e59}@media (max-width: 768px){.liked-tracks-page .details-header-wrapper{left:0;padding:10px 20px}.liked-tracks-page{padding-top:calc(var(--header-height) + 10px)}.liked-tracks-page .page-content-wrapper{padding:20px 15px}}.kakiverse-badge-container{display:inline-block;margin-left:5px;vertical-align:middle}.badge-icon{font-size:.9em}.badge-kakiverse{color:var(--accent-color)}.badge-default{color:var(--gray-40)}.app-album-detail-page .album-header-section{display:flex;align-items:flex-end;gap:30px;margin-top:4.5rem;background-color:var(--bg-01);border:1px solid var(--glass-border);padding:1rem;border-radius:5px}.app-album-detail-page .album-cover-lg{width:250px;height:250px;box-shadow:0 4px 15px var(--box-shadow);flex-shrink:0}.app-album-detail-page .album-cover-lg img{width:100%;height:100%;object-fit:cover;border-radius:8px}.app-album-detail-page .album-info-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end}.app-album-detail-page .content-type-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background-color:var(--primary-color);color:var(--white);border-radius:20px;font-size:.85em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;box-shadow:0 2px 8px var(--box-shadow);width:fit-content}.app-album-detail-page .content-type-badge svg{font-size:1.1em}.app-album-detail-page .album-type{font-size:.9em;font-weight:500;color:var(--text-secondary);text-transform:uppercase;margin-bottom:10px}.app-album-detail-page .album-title{font-size:3rem;font-weight:900;line-height:1.1;margin:0;color:var(--white)}body.theme-clair .app-album-detail-page .album-title,body.theme-light .app-album-detail-page .album-title,.light-theme .app-album-detail-page .album-title{color:var(--text-primary)}.app-album-detail-page .album-artist-info{display:flex;align-items:center;margin-top:15px;color:var(--text-secondary);font-size:1em}.app-album-detail-page .artist-link{color:var(--white);text-decoration:none;font-weight:700;transition:color var(--transition-speed)}body.theme-clair .app-album-detail-page .artist-link,body.theme-light .app-album-detail-page .artist-link,.light-theme .app-album-detail-page .artist-link{color:var(--text-primary)}.app-album-detail-page .artist-link:hover{color:var(--primary-color)}.app-album-detail-page .album-metadata{margin-left:8px;color:var(--text-secondary)}.app-album-detail-page .album-rights-info{margin-top:12px}.app-album-detail-page .album-actions-bar{padding:20px 40px 0;display:flex;align-items:center;gap:25px}.app-album-detail-page .play-button-large{background-color:var(--primary-color);color:var(--white);border:none;border-radius:50%;width:55px;height:55px;display:flex;justify-content:center;align-items:center;font-size:1.8em;cursor:pointer;transition:background-color var(--transition-speed),transform .1s;box-shadow:0 4px 10px var(--box-shadow)}.app-album-detail-page .play-button-large:hover{background-color:var(--primary-dark);transform:scale(1.05)}.app-album-detail-page .follow-button-small{background:none;color:var(--text-secondary);border:none;font-size:1.4em;cursor:pointer;transition:color var(--transition-speed)}.app-album-detail-page .follow-button-small:hover{color:var(--white)}body.theme-clair .app-album-detail-page .follow-button-small:hover,body.theme-light .app-album-detail-page .follow-button-small:hover,.light-theme .app-album-detail-page .follow-button-small:hover{color:var(--text-primary)}.app-album-detail-page .follow-button-small.liked{color:var(--primary-color);opacity:1}.app-album-detail-page .follow-button-small.liked:hover{color:var(--primary-dark)}.app-album-detail-page .options-button{padding:0;line-height:1}@media (max-width: 999px){.app-album-detail-page .album-header-section{flex-direction:column;align-items:center;text-align:center;padding:30px 20px 20px}.app-album-detail-page .album-cover-lg{width:180px;height:180px;margin-bottom:20px}.app-album-detail-page .album-title{font-size:2.5rem}.app-album-detail-page .album-actions-bar{padding:20px 20px 0;justify-content:center}.app-album-detail-page .album-artist-info{flex-direction:column}}.album-skeleton-container{width:100%;min-height:100vh;padding:0 40px 40px;animation:fadeInSkeleton .3s ease forwards}.skeleton-album-header{display:flex;align-items:flex-end;gap:30px;margin-top:4.5rem;padding:1.5rem;background:var(--bg-01);border:1px solid var(--glass-border);border-radius:5px}.skeleton-album-cover{width:250px;height:250px;border-radius:8px;flex-shrink:0}.skeleton-album-info{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:flex-end;padding-bottom:8px}.skeleton-album-badge{width:120px;height:24px;border-radius:20px}.skeleton-album-title{width:400px;height:48px;border-radius:6px}.skeleton-album-artist{width:250px;height:20px}.skeleton-album-metadata{width:200px;height:16px}.skeleton-album-rights{width:180px;height:20px}.skeleton-album-actions{display:flex;gap:20px;align-items:center;padding:20px 40px 0;margin-top:10px}.skeleton-play-btn-large{width:55px;height:55px;border-radius:50%}.skeleton-track-list-section{margin-top:30px;padding:30px 0}.skeleton-track-list-header{display:flex;padding:10px 40px 10px 0;border-bottom:1px solid var(--card-border);gap:12px;margin-bottom:12px}.skeleton-header-number{width:50px;height:14px}.skeleton-header-cover{width:40px;height:14px}.skeleton-header-title{flex:1;height:14px;max-width:200px}.skeleton-header-bpm,.skeleton-header-key{width:60px;height:14px}.skeleton-header-plays{width:80px;height:14px}.skeleton-header-duration{width:60px;height:14px}.skeleton-header-options{width:30px;height:14px}.skeleton-track-rows{display:flex;flex-direction:column;gap:8px}.skeleton-track-row{display:flex;align-items:center;padding:8px 0;margin:.5rem 0;border-radius:5px;background:var(--card-bg)}.skeleton-track-index{width:45px;height:16px;margin-right:8px}.skeleton-track-cover{width:36px;height:36px;border-radius:4px;margin-right:12px;flex-shrink:0}.skeleton-track-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.skeleton-track-name{width:70%;height:14px}.skeleton-track-artist{width:45%;height:12px}.skeleton-track-bpm,.skeleton-track-key{width:60px;height:14px;text-align:center}.skeleton-track-plays{width:70px;height:14px;margin-right:8px}.skeleton-track-duration{width:50px;height:14px;margin-right:12px}.skeleton-track-options{width:30px;height:14px}.skeleton-more-albums-section{margin-top:50px;padding-top:30px;border-top:1px solid var(--card-border)}.skeleton-section-title{width:250px;height:28px;border-radius:6px;margin-bottom:25px}.skeleton-album-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;overflow:hidden}.skeleton-album-card-cover{width:100%;aspect-ratio:1}.skeleton-album-card-info{padding:12px;display:flex;flex-direction:column;gap:8px}.skeleton-album-card-title{width:80%;height:14px}.skeleton-album-card-artist{width:60%;height:12px}@media (max-width: 999px){.album-skeleton-container{padding:0 20px 30px}.skeleton-album-header{flex-direction:column;align-items:center;text-align:center}.skeleton-album-cover{width:180px;height:180px}.skeleton-album-title{width:100%;max-width:350px;height:40px}.skeleton-album-actions{padding:20px 0 0;justify-content:center}.skeleton-albums-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}@media (max-width: 768px){.skeleton-album-header{margin-top:3rem;padding:1rem}.skeleton-album-cover{width:140px;height:140px}.skeleton-album-title{height:32px;max-width:280px}.skeleton-album-badge{width:100px;height:20px}.skeleton-track-list-header{display:none}.skeleton-track-row{display:grid;grid-template-columns:35px 36px 1fr 28px;gap:8px;padding:10px 8px;margin:.3rem 0}.skeleton-track-index,.skeleton-track-cover{margin-right:0}.skeleton-track-info{gap:4px}.skeleton-track-name{width:85%}.skeleton-track-artist{width:65%}.skeleton-track-bpm,.skeleton-track-key,.skeleton-track-plays,.skeleton-track-duration{display:none}.skeleton-albums-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.app-license-info-card .license-info-container{margin:15px 0;padding:10px;background-color:var(--bg-03);border-radius:var(--border-radius)}.app-license-info-card .license-section-title{font-size:1rem;font-weight:700;color:var(--white);margin-bottom:10px;text-align:center}.app-license-info-card .license-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.app-license-info-card .license-card{background:linear-gradient(135deg,#ffffff05,#ffffff0a);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(10px);border-radius:var(--border-radius);border:2px solid var(--card-color);padding:12px;display:flex;flex-direction:column;transition:all var(--transition-speed);position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.app-license-info-card .license-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-color),transparent);opacity:.8}.app-license-info-card .license-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,var(--card-color),transparent 70%);opacity:.05;pointer-events:none}.app-license-info-card .license-card:hover{border-color:var(--card-color);transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;background:linear-gradient(135deg,#ffffff0a,#ffffff0f)}.app-license-info-card .license-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.app-license-info-card .license-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--card-color),var(--card-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:.95em;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}.app-license-info-card .license-title-wrapper{flex:1}.app-license-info-card .license-title{font-size:.9rem;font-weight:700;color:var(--white);margin:0}.app-license-info-card .license-description{font-size:.7rem;color:var(--text-secondary);margin:1px 0 0}.app-license-info-card .license-price{font-size:1.3rem;font-weight:800;color:var(--card-color);text-align:center;margin:10px 0;padding:8px;border-radius:8px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid var(--card-color);letter-spacing:.5px}.app-license-info-card .license-features{list-style:none;padding:0;margin:8px 0;flex:1}.app-license-info-card .license-features li{display:flex;align-items:flex-start;gap:5px;padding:4px 0;font-size:.75rem;color:var(--text-secondary)}.app-license-info-card .feature-check{color:var(--card-color);margin-top:2px;flex-shrink:0}.app-license-info-card .license-details{margin:8px 0;padding:8px;background-color:#0003;border-radius:6px;border-left:3px solid var(--card-color);box-shadow:inset 0 0 10px #0000004d}.app-license-info-card .details-title{font-size:.75rem;font-weight:700;color:var(--white);margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.app-license-info-card .details-list{list-style:none;padding:0;margin:0}.app-license-info-card .details-list li{font-size:.7rem;color:var(--text-secondary);padding:3px 0 3px 12px;position:relative}.app-license-info-card .details-list li:before{content:"•";position:absolute;left:0;color:var(--card-color);font-weight:700}.app-license-info-card .license-buy-button{width:100%;padding:10px 14px;background:linear-gradient(135deg,var(--card-color),var(--card-color));color:var(--white);border:2px solid var(--card-color);border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-speed);margin-top:8px;text-transform:uppercase;letter-spacing:1px}.app-license-info-card .license-buy-button:hover:not(:disabled){transform:scale(1.08) translateY(-2px);filter:brightness(1.15)}.app-license-info-card .license-buy-button.free{background-color:var(--bg-02);cursor:default}.app-license-info-card .license-buy-button.free:hover{transform:none;box-shadow:none}.app-license-info-card .license-buy-button:disabled{opacity:.6;cursor:not-allowed}.app-license-info-card.is-sold-out .license-info-container{position:relative;opacity:.7}.app-license-info-card.is-sold-out .license-section-title{color:#dc3545}.app-license-info-card .license-buy-button.sold-out{background:linear-gradient(135deg,#dc3545,#b02a37)!important;color:var(--white);opacity:1;cursor:not-allowed;font-weight:700;letter-spacing:1px;text-transform:uppercase}.app-license-info-card .license-buy-button.sold-out:hover{transform:none!important;box-shadow:none!important}@media (max-width: 768px){.app-license-info-card .license-cards-grid{grid-template-columns:1fr}.app-license-info-card .license-info-container{padding:8px}.app-license-info-card .license-price{font-size:1rem}}.app-album-card{display:flex;flex-direction:column;background-color:var(--bg-01);border:1px solid var(--card-border);border-radius:5px!important;padding:1rem;box-shadow:var(--card-shadow);transition:all var(--transition-speed) ease;cursor:pointer;text-decoration:none;color:inherit;height:100%;box-sizing:border-box;position:relative}.app-album-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px);background-color:var(--card-hover-bg)}.app-album-card .album-options-button{position:absolute;top:10px;right:10px;background-color:#0009;border:none;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;color:var(--white);font-size:.9em;z-index:50;cursor:pointer;opacity:0;transition:opacity var(--transition-speed) ease,background-color var(--transition-speed) ease}.app-album-card .album-options-button svg{color:var(--white)}.app-album-card:hover .album-options-button,.app-album-card .album-options-button.active{opacity:1}.app-album-card .album-options-button:hover{background-color:var(--gray-70)}.app-album-card .cover-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:4px;margin-bottom:10px}.app-album-card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.app-album-card .album-play-overlay{position:absolute;bottom:8px;right:8px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:1.1em;opacity:0;cursor:pointer;transition:all var(--transition-speed) ease;transform:scale(.9);box-shadow:var(--box-shadow)}.app-album-card:hover .album-play-overlay,.app-album-card .album-play-overlay.is-active{opacity:1;transform:scale(1)}.app-album-card .album-title-sm{font-size:1em;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-album-card .album-artist-sm{font-size:.85em;color:var(--gray-40);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-album-card .album-artist-sm .featuring-text{font-size:.9em;color:var(--gray-20);font-style:italic}.app-album-card .album-artist-sm .kakiverse-artist-name{color:var(--primary-color);font-weight:500;transition:color var(--transition-speed) ease}.app-album-card .album-artist-sm .kakiverse-artist-name:hover{color:var(--primary-dark);text-decoration:underline}.app-album-card .album-artist-sm span[style*="cursor: pointer"]:not(.kakiverse-artist-name):hover{text-decoration:underline}body.theme-clair .app-album-card,body.theme-light .app-album-card,.light-theme .app-album-card{background-color:var(--white);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}body.theme-clair .app-album-card:hover,body.theme-light .app-album-card:hover,.light-theme .app-album-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}body.theme-clair .app-album-card .album-title-sm,body.theme-light .app-album-card .album-title-sm,.light-theme .app-album-card .album-title-sm{color:var(--text-primary)}body.theme-clair .app-album-card .album-artist-sm,body.theme-light .app-album-card .album-artist-sm,.light-theme .app-album-card .album-artist-sm{color:var(--text-muted)}.app-more-albums-section{margin-top:50px;padding-top:30px;border-top:1px solid var(--card-border)}.app-more-albums-section .section-title{font-size:1.5rem;font-weight:700;margin-bottom:25px;color:var(--text-primary)}.app-more-albums-section .loading-state{display:flex;justify-content:center;align-items:center;padding:40px 0;color:var(--primary-color)}.app-more-albums-section .albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}@media (max-width: 768px){.app-more-albums-section{margin-top:30px;padding-top:20px}.app-more-albums-section .section-title{font-size:1.3rem;margin-bottom:20px}.app-more-albums-section .albums-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}@media (max-width: 480px){.app-more-albums-section .albums-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.app-album-detail-page{width:100%;min-height:100%;color:var(--text-primary)}.app-album-detail-page .details-header-wrapper{position:fixed;top:var(--header-height);left:var(--sidebar-width);right:0;z-index:8;background-color:var(--bg-main);display:flex;align-items:center;padding:15px 40px;border-bottom:1px solid var(--card-border);transition:left var(--transition-speed)}.app-album-detail-page .btn-back-to-previous{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border);border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.1em;transition:all var(--transition-speed);margin-right:20px}.app-album-detail-page .btn-back-to-previous:hover{background-color:var(--primary-color);color:var(--white);transform:translate(-3px);box-shadow:0 4px 12px #c4963e4d}.app-album-detail-page .page-header-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-album-detail-page .page-content-wrapper{padding:0 40px 40px}.app-album-detail-page .section-loading,.app-album-detail-page .section-error{text-align:center;padding:50px 0;color:var(--text-secondary)}@media (max-width: 999px){.app-album-detail-page .page-content-wrapper{padding:0 20px 30px}}@media (max-width: 768px){.app-album-detail-page .details-header-wrapper{left:0;padding:10px 20px}.app-album-detail-page{padding-top:calc(var(--header-height) + 10px)}}.artist-skeleton-container{width:100%;min-height:100vh;animation:fadeInSkeleton .3s ease forwards}.skeleton-header-banner{width:98%;margin:0 auto;margin-top:2rem;min-height:350px;border-radius:5px;overflow:hidden;position:relative;background-color:var(--card-bg)}.skeleton-header-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 40px;display:flex;flex-direction:column;gap:14px}.skeleton-avatar{width:140px;height:140px;border-radius:50%}.skeleton-artist-name{width:260px;height:36px;border-radius:6px}.skeleton-artist-stats{width:180px;height:16px}.skeleton-bio-line{height:12px;border-radius:4px}.skeleton-bio-line:nth-child(1){width:90%}.skeleton-bio-line:nth-child(2){width:75%}.skeleton-bio-line:nth-child(3){width:60%}.skeleton-bio-lines{display:flex;flex-direction:column;gap:8px;margin-top:4px}.skeleton-actions-row{display:flex;gap:12px;align-items:center;margin-top:6px}.skeleton-btn-play{width:110px;height:40px;border-radius:50px}.skeleton-btn-follow{width:100px;height:40px;border-radius:50px}.skeleton-btn-circle{width:38px;height:38px;border-radius:50%}.skeleton-social-row{display:flex;gap:12px;margin-top:4px}.skeleton-social-icon{width:28px;height:28px;border-radius:50%}.skeleton-content-wrapper{padding:0 40px 40px}.skeleton-section{margin-top:30px}.skeleton-section-header{width:200px;height:28px;border-radius:6px;margin-bottom:20px}.skeleton-top-tracks-slider{display:flex;gap:12px;overflow:hidden}.skeleton-track-card{flex:0 0 180px;min-width:180px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);padding:.5rem;display:flex;flex-direction:column}.skeleton-track-card-cover{width:100%;aspect-ratio:1;border-radius:var(--border-radius-sm)}.skeleton-track-card-info{padding:10px 4px 6px;display:flex;flex-direction:column;gap:6px}.skeleton-track-card-title{width:85%;height:14px}.skeleton-track-card-plays{width:55%;height:12px}.skeleton-album-card{height:200px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:1rem;display:flex;flex-direction:column}.skeleton-album-cover{width:100%;height:70%;border-radius:8px}.skeleton-album-info{display:flex;flex-direction:column;gap:6px;margin-top:12px}.skeleton-album-title{width:80%;height:14px}.skeleton-album-year{width:50%;height:12px}.skeleton-track-list{display:flex;flex-direction:column;gap:8px}.skeleton-track-row{display:flex;align-items:center;padding:12px 16px;border-radius:6px;background-color:var(--card-bg);border:1px solid var(--card-border);gap:15px}.skeleton-track-index{width:20px;height:14px;flex-shrink:0}.skeleton-track-cover-sm{width:50px;height:50px;border-radius:4px;flex-shrink:0}.skeleton-track-details{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.skeleton-track-title-line{width:60%;height:14px}.skeleton-track-artist-line{width:40%;height:12px}.skeleton-track-duration{width:40px;height:14px;flex-shrink:0}.skeleton-track-play-btn{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-sold-beats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.skeleton-sold-beat-card{border-radius:12px;background-color:var(--card-bg);border:1px solid var(--card-border);overflow:hidden}.skeleton-sold-beat-cover{width:100%;aspect-ratio:1}.skeleton-sold-beat-info{padding:12px;display:flex;flex-direction:column;gap:8px}.skeleton-sold-beat-title{width:75%;height:14px}.skeleton-sold-beat-meta{display:flex;gap:6px}.skeleton-sold-beat-tag{width:50px;height:18px;border-radius:4px}@media (max-width: 999px){.skeleton-content-wrapper{padding:0 20px 30px}.skeleton-track-card{flex:0 0 160px;min-width:160px}}@media (max-width: 768px){.skeleton-header-banner{min-height:280px}.skeleton-header-overlay{padding:15px 20px}.skeleton-avatar{width:100px;height:100px}.skeleton-artist-name{width:180px;height:28px}.skeleton-content-wrapper{padding:0 20px 30px}.skeleton-track-card{flex:0 0 140px;min-width:140px}.skeleton-track-cover-sm{width:40px;height:40px}.skeleton-track-row{padding:10px 12px;gap:10px}.skeleton-albums-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.skeleton-sold-beats-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.app-artist-header-section{animation:fadeInUp .5s ease forwards;opacity:0}.app-artist-header-section .artist-header-section{display:flex;align-items:flex-end;gap:30px;margin-top:4.5rem;background-color:var(--card-bg);border:1px solid var(--card-border);padding:1rem;border-radius:var(--border-radius);margin-left:auto;margin-right:auto;max-width:1700px;width:95%}.app-artist-header-section .artist-cover-lg{position:relative;width:250px;height:250px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:var(--card-shadow)}.app-artist-header-section .artist-cover-lg img{width:100%;height:100%;object-fit:cover}.app-artist-header-section .artist-info-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end}.app-artist-header-section .artist-type-info{display:flex;align-items:center;gap:8px;margin-bottom:12px;width:fit-content}.app-artist-header-section .artist-title-row{display:flex;align-items:center;gap:12px;margin-bottom:0}.app-artist-header-section .artist-name-title{font-size:3rem;font-weight:900;line-height:1.1;margin:0;color:var(--text-primary)}.app-artist-header-section .artist-stats{font-size:1em;color:var(--text-secondary);margin-top:10px;display:flex;align-items:center;gap:8px}.app-artist-header-section .artist-bio-text{color:var(--text-secondary);font-size:1em;font-weight:400;margin:15px 0 20px;max-height:100px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:1.4}.app-artist-header-section .artist-actions-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.app-artist-header-section .play-button-large{background-color:var(--primary-color);color:var(--white);border:none;border-radius:50%;width:55px;height:55px;display:flex;justify-content:center;align-items:center;font-size:1.8em;cursor:pointer;transition:background-color var(--transition-speed),transform .1s;box-shadow:var(--card-shadow)}.app-artist-header-section .play-button-large:hover{background-color:var(--primary-dark);transform:scale(1.05)}.app-artist-header-section .follow-button-small{background:none;color:var(--text-secondary);border:none;font-size:1.4em;cursor:pointer;transition:color var(--transition-speed);padding:0}.app-artist-header-section .follow-button-large{border:none;padding:10px 22px;border-radius:50px;font-size:.85em;font-weight:600;cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;gap:8px;background-color:transparent;color:var(--text-primary);border:2px solid var(--card-border)}.app-artist-header-section .follow-button-large:hover{background-color:var(--card-bg);border-color:var(--card-border-hover);transform:translateY(-2px)}.app-artist-header-section .follow-button-large.is-followed{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.app-artist-header-section .follow-button-large.is-followed:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.app-artist-header-section .donation-button-large{display:flex;align-items:center;justify-content:center;gap:8px;border:none;padding:10px 22px;border-radius:50px;font-size:.85em;font-weight:600;cursor:pointer;min-width:150px;background:var(--primary-color);color:var(--white);transition:all var(--transition-speed);position:relative;overflow:hidden;box-shadow:var(--card-shadow)}.app-artist-header-section .donation-button-large:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.app-artist-header-section .donation-btn-icon{font-size:1em}.app-artist-header-section .donation-btn-text{white-space:nowrap}.app-artist-header-section .donation-btn-heart{font-size:.75em;opacity:.8;animation:heartPulse 1.5s ease-in-out infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.app-artist-header-section .social-icons-row{display:flex;gap:12px;margin-left:auto}.app-artist-header-section .social-icon-button{background:none;border:none;color:var(--text-secondary);opacity:.8;transition:all var(--transition-speed);cursor:pointer;padding:0;font-size:1.6rem}.app-artist-header-section .social-icon-button:hover{opacity:1;color:var(--primary-color);transform:translateY(-3px)}@media (max-width: 999px){.app-artist-header-section .artist-header-section{flex-direction:column;align-items:center;text-align:center;padding:30px 20px 20px}.app-artist-header-section .artist-cover-lg{width:180px;height:180px;margin-bottom:20px}.app-artist-header-section .artist-name-title{font-size:2.5rem}.app-artist-header-section .artist-actions-row{justify-content:center;width:100%}.app-artist-header-section .social-icons-row{margin-left:0}}@media (max-width: 768px){.app-artist-header-section .artist-cover-lg{width:150px;height:150px}.app-artist-header-section .artist-name-title{font-size:1.8rem}.app-artist-header-section .artist-actions-row{flex-wrap:wrap;gap:12px;width:100%;justify-content:center}.app-artist-header-section .play-button-large{width:50px;height:50px;font-size:1.5em}.app-artist-header-section .donation-button-large{padding:9px 18px;font-size:.75em;min-width:130px}.app-artist-header-section .social-icon-button{font-size:1.4rem}.app-artist-header-section .artist-bio-text{font-size:.9em;max-height:80px}}@media (max-width: 480px){.app-artist-header-section .artist-cover-lg{width:120px;height:120px}.app-artist-header-section .artist-name-title{font-size:1.5rem}.app-artist-header-section .play-button-large{width:45px;height:45px;font-size:1.3em}.app-artist-header-section .donation-button-large{padding:8px 16px;font-size:.7em;min-width:110px}.app-artist-header-section .donation-btn-text{display:none}.app-artist-header-section .social-icon-button{font-size:1.2rem}.app-artist-header-section .artist-actions-row{gap:10px}}.app-artist-top-tracks-section{margin-top:30px;background:transparent!important;border-radius:var(--border-radius-sm);animation:fadeInUp .5s ease forwards;animation-delay:.4s;opacity:0}.app-artist-top-tracks-section .section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.app-artist-top-tracks-section .section-header{display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0}.app-artist-top-tracks-section .header-icon{color:var(--primary-color)}.app-artist-top-tracks-section .header-controls{display:flex;gap:8px}.app-artist-top-tracks-section .slider-nav-button{width:36px;height:36px;border-radius:50%;background:var(--primary-color);border:none;color:var(--white);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed)}.app-artist-top-tracks-section .slider-nav-button:hover{background:var(--primary-dark);transform:scale(1.1)}.app-artist-top-tracks-section .slider-nav-button:active{transform:scale(.95)}.app-artist-top-tracks-section .slider-wrapper{width:100%;overflow:hidden;border-radius:var(--border-radius-sm)}.app-artist-top-tracks-section .slider-container{display:flex;gap:12px;overflow-x:scroll;scroll-behavior:smooth;padding:8px 0;-ms-overflow-style:none}.app-artist-top-tracks-section .slider-container::-webkit-scrollbar{display:none}.app-artist-top-tracks-section .track-card-item{flex:0 0 180px;min-width:180px}.app-artist-top-tracks-section .track-card{display:flex;flex-direction:column;height:100%;max-height:210px;border-radius:var(--border-radius-sm);overflow:hidden;background-color:var(--card-bg);border:1px solid var(--card-border);transition:all var(--transition-speed);cursor:pointer;padding:.5rem}.app-artist-top-tracks-section .track-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.app-artist-top-tracks-section .track-cover-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--card-bg);border-radius:var(--border-radius)}.app-artist-top-tracks-section .track-cover-img{width:100%;height:100%;object-fit:cover}.app-artist-top-tracks-section .track-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);border:none;color:var(--white);font-size:2.5rem;cursor:pointer;opacity:0;transition:all var(--transition-speed)}.app-artist-top-tracks-section .track-card:hover .track-play-overlay{opacity:1}.app-artist-top-tracks-section .track-play-overlay:hover{background-color:var(--primary-color);transform:scale(1.1)}.app-artist-top-tracks-section .track-play-overlay.is-active{opacity:1;background:var(--overlay-bg)}.app-artist-top-tracks-section .track-card-info{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}.app-artist-top-tracks-section .track-card-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.app-artist-top-tracks-section .track-card-plays{font-size:.85rem;color:var(--text-secondary);margin:0}.app-artist-top-tracks-section .track-card-featuring{font-size:.75rem;color:var(--text-muted)}@media (max-width: 768px){.app-artist-top-tracks-section{padding:15px}.app-artist-top-tracks-section .section-header{font-size:1.5rem}.app-artist-top-tracks-section .track-card-item{flex:0 0 140px;min-width:140px}.app-artist-top-tracks-section .track-card-title{font-size:.9rem}.app-artist-top-tracks-section .track-play-overlay{font-size:2rem}}.app-artist-albums-section{margin-top:30px;padding:0;border-radius:8px;animation:fadeInUp var(--transition-speed) forwards;animation-delay:.45s;opacity:0}.app-artist-albums-section .section-header{display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:20px}.app-artist-albums-section .header-icon{color:var(--primary-color)}.app-artist-albums-section .albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.app-artist-albums-section .album-card{cursor:pointer;transition:all var(--transition-speed);height:200px;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;background-color:var(--bg-01);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(10px);border:var(--card-border);padding:1rem}.app-artist-albums-section .album-card:hover{border-color:var(--card-border-hover);box-shadow:var(--box-shadow-hover);transform:translateY(-8px)}.app-artist-albums-section .album-cover{width:100%;aspect-ratio:1;border-radius:8px;background-size:cover;background-position:center;position:relative;overflow:hidden;height:70%}.app-artist-albums-section .play-overlay{position:absolute;bottom:10px;right:10px;width:50px;height:50px;border-radius:50%;background:var(--primary-color);border:none;color:var(--white);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:all var(--transition-speed);box-shadow:var(--box-shadow)}.app-artist-albums-section .album-card:hover .play-overlay{opacity:1;transform:translateY(0)}.app-artist-albums-section .play-overlay:hover{background:var(--primary-dark);transform:scale(1.1)}.app-artist-albums-section .album-info{margin-top:12px}.app-artist-albums-section .album-title{font-size:1rem;font-weight:600;color:var(--white);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-artist-albums-section .album-year{font-size:.9rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.app-artist-albums-section{padding:15px}.app-artist-albums-section .section-header{font-size:1.5rem}.app-artist-albums-section .albums-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}}.app-artist-singles-section{margin-top:30px;padding:20px 0;border-radius:8px;animation:fadeInUp .5s ease forwards;animation-delay:.5s;opacity:0}.app-artist-singles-section .section-header{display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:700;color:var(--white);margin-bottom:20px}.app-artist-singles-section .header-icon{color:var(--primary-color)}.app-artist-singles-section .track-list-container{display:flex;flex-direction:column;gap:8px}.app-artist-singles-section .track-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:6px;cursor:pointer;transition:all var(--transition-speed)}.app-artist-singles-section .track-row:hover{background:var(--bg-01);transform:translate(4px)}.app-artist-singles-section .track-row.is-playing{background:var(--primary-color);border-left:3px solid var(--primary-color)}.app-artist-singles-section .track-info{display:flex;align-items:center;gap:15px;flex:1;min-width:0;overflow:hidden}.app-artist-singles-section .track-index{width:30px;text-align:center;font-size:1rem;color:var(--text-secondary)}.app-artist-singles-section .track-cover-sm{width:50px;height:50px;border-radius:4px;background-size:cover;background-position:center;flex-shrink:0}.app-artist-singles-section .track-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;overflow:hidden}.app-artist-singles-section .track-title{font-size:1rem;font-weight:600;color:var(--white);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.app-artist-singles-section .track-artist{font-size:.9rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.app-artist-singles-section .track-actions{display:flex;align-items:center;gap:15px}.app-artist-singles-section .track-duration{font-size:.9rem;color:var(--text-secondary);min-width:40px;text-align:right}.app-artist-singles-section .play-button{width:40px;height:40px;border-radius:50%;background:var(--primary-color);border:none;color:var(--white);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed)}.app-artist-singles-section .play-button:hover{background:var(--primary-dark);transform:scale(1.1)}@media (max-width: 768px){.app-artist-singles-section{padding:15px}.app-artist-singles-section .section-header{font-size:1.5rem}.app-artist-singles-section .track-row{padding:10px 12px}.app-artist-singles-section .track-cover-sm{width:40px;height:40px}.app-artist-singles-section .track-duration{display:none}}body.theme-clair .app-artist-singles-section .track-row,body.theme-light .app-artist-singles-section .track-row,.light-theme .app-artist-singles-section .track-row{background-color:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 6px #0000000a}body.theme-clair .app-artist-singles-section .track-row:hover,body.theme-light .app-artist-singles-section .track-row:hover,.light-theme .app-artist-singles-section .track-row:hover{background:#fff;box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a}body.theme-clair .app-artist-singles-section .track-row.is-playing,body.theme-light .app-artist-singles-section .track-row.is-playing,.light-theme .app-artist-singles-section .track-row.is-playing{background:var(--primary-color);border-left:3px solid var(--primary-color)}body.theme-clair .app-artist-singles-section .section-header,body.theme-light .app-artist-singles-section .section-header,.light-theme .app-artist-singles-section .section-header,body.theme-clair .app-artist-singles-section .track-title,body.theme-light .app-artist-singles-section .track-title,.light-theme .app-artist-singles-section .track-title{color:#000}body.theme-clair .app-artist-singles-section .track-artist,body.theme-light .app-artist-singles-section .track-artist,.light-theme .app-artist-singles-section .track-artist{color:#555}body.theme-clair .app-artist-singles-section .track-index,body.theme-light .app-artist-singles-section .track-index,.light-theme .app-artist-singles-section .track-index,body.theme-clair .app-artist-singles-section .track-duration,body.theme-light .app-artist-singles-section .track-duration,.light-theme .app-artist-singles-section .track-duration{color:#888}.app-artist-featurings-section{margin-top:30px;border-radius:8px;animation:fadeInUp .5s ease forwards;animation-delay:.6s;opacity:0;background-color:transparent!important}.app-artist-featurings-section .section-header{display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:700;color:var(--white);margin-bottom:20px}.app-artist-featurings-section .header-icon{color:var(--primary-color)}.app-artist-featurings-section .track-list-container{display:flex;flex-direction:column;gap:4px}.app-artist-featurings-section .track-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:6px;cursor:pointer;transition:all var(--transition-speed);width:100%;box-sizing:border-box}.app-artist-featurings-section .track-row:hover{background:var(--bg-01);transform:translate(4px)}.app-artist-featurings-section .track-row.is-playing{background:var(--primary-color);border-left:3px solid var(--primary-color)}.app-artist-featurings-section .track-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden}.app-artist-featurings-section .track-index{width:25px;text-align:center;font-size:.9rem;color:var(--text-secondary)}.app-artist-featurings-section .track-cover-sm{width:45px;height:45px;border-radius:4px;background-size:cover;background-position:center;flex-shrink:0}.app-artist-featurings-section .track-details{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0;overflow:hidden}.app-artist-featurings-section .track-title{font-size:.95rem;font-weight:600;color:var(--white);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.app-artist-featurings-section .track-artist{font-size:.85rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.app-artist-featurings-section .track-album{font-size:.8rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.app-artist-featurings-section .track-title .featuring-display,.app-artist-featurings-section .track-title .featuring-display *{display:inline-block;vertical-align:middle;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-artist-featurings-section .track-actions{display:flex;align-items:center;gap:15px}.app-artist-featurings-section .track-duration{font-size:.9rem;color:var(--text-secondary);min-width:40px;text-align:right}.app-artist-featurings-section .play-button{width:40px;height:40px;border-radius:50%;background:var(--primary-color);border:none;color:var(--white);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed)}.app-artist-featurings-section .play-button:hover{background:var(--primary-dark);transform:scale(1.1)}@media (max-width: 768px){.app-artist-featurings-section{padding:15px}.app-artist-featurings-section .section-header{font-size:1.5rem}.app-artist-featurings-section .track-row{padding:10px 12px}.app-artist-featurings-section .track-cover-sm{width:40px;height:40px}.app-artist-featurings-section .track-duration{display:none}}.load-more-container{display:flex;justify-content:center;margin-top:20px;padding:10px 0}.load-more-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);border:none;border-radius:24px;color:var(--white);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed)}.load-more-button:hover{background:var(--primary-dark);transform:scale(1.05)}.load-more-button:active{transform:scale(.98)}body.theme-clair .app-artist-featurings-section .track-row,body.theme-light .app-artist-featurings-section .track-row,.light-theme .app-artist-featurings-section .track-row{background-color:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 6px #0000000a}body.theme-clair .app-artist-featurings-section .track-row:hover,body.theme-light .app-artist-featurings-section .track-row:hover,.light-theme .app-artist-featurings-section .track-row:hover{background:#fff;box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a}body.theme-clair .app-artist-featurings-section .track-row.is-playing,body.theme-light .app-artist-featurings-section .track-row.is-playing,.light-theme .app-artist-featurings-section .track-row.is-playing{background:var(--primary-color);border-left:3px solid var(--primary-color)}body.theme-clair .app-artist-featurings-section .section-header,body.theme-light .app-artist-featurings-section .section-header,.light-theme .app-artist-featurings-section .section-header,body.theme-clair .app-artist-featurings-section .track-title,body.theme-light .app-artist-featurings-section .track-title,.light-theme .app-artist-featurings-section .track-title{color:#000}body.theme-clair .app-artist-featurings-section .track-artist,body.theme-light .app-artist-featurings-section .track-artist,.light-theme .app-artist-featurings-section .track-artist{color:#555}body.theme-clair .app-artist-featurings-section .track-album,body.theme-light .app-artist-featurings-section .track-album,.light-theme .app-artist-featurings-section .track-album,body.theme-clair .app-artist-featurings-section .track-index,body.theme-light .app-artist-featurings-section .track-index,.light-theme .app-artist-featurings-section .track-index,body.theme-clair .app-artist-featurings-section .track-duration,body.theme-light .app-artist-featurings-section .track-duration,.light-theme .app-artist-featurings-section .track-duration{color:#888}.app-artist-sold-beats-section{margin:30px 0}.app-artist-sold-beats-section .app-section-title{display:flex;align-items:center;gap:10px;font-size:1.4rem;color:var(--text-primary);margin-bottom:5px}.app-artist-sold-beats-section .section-count{font-size:.9rem;color:var(--text-muted);font-weight:400}.sold-beats-subtitle{color:var(--text-muted);font-size:.85rem;margin-bottom:20px;padding-left:2px}.sold-beats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.sold-beat-card{background:var(--bg-01);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.06)}.sold-beat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.sold-beat-card--playing{border-color:var(--accent-color);box-shadow:0 0 12px rgba(var(--accent-color-rgb, 138, 43, 226),.3)}.sold-beat-cover{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.sold-beat-image{width:100%;height:100%;object-fit:cover;filter:grayscale(30%) brightness(.85);transition:filter .3s ease}.sold-beat-card:hover .sold-beat-image{filter:grayscale(0%) brightness(1)}.sold-beat-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .25s ease}.sold-beat-card:hover .sold-beat-overlay{opacity:1}.sold-beat-play-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.sold-beat-play-btn:hover{transform:scale(1.1)}.sold-beat-exclusive-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,gold,#ff8c00);color:#1a1a1a;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.sold-beat-info{padding:12px}.sold-beat-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sold-beat-featuring{font-size:.8rem;color:var(--text-muted);margin:0 0 6px;display:flex;align-items:center;gap:5px}.sold-beat-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.meta-tag{font-size:.7rem;background:#ffffff14;color:var(--text-muted);padding:2px 7px;border-radius:4px;font-weight:500}.sold-beat-date{font-size:.75rem;color:var(--text-muted);margin:0;display:flex;align-items:center;gap:5px;opacity:.8}@media (max-width: 768px){.sold-beats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 480px){.sold-beats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sold-beat-info{padding:8px}.sold-beat-title{font-size:.85rem}}.artist-slider-section{margin:1rem auto}.artist-slider-section .artist-slider-card{border-radius:5px;border:none;padding-top:50px;margin-bottom:30px;overflow:hidden;max-width:100%;padding:0 1rem}.artist-slider-section .section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.artist-slider-section .section-header{font-size:1.5rem;font-weight:700;margin:0}.artist-slider-section .artist-slider-view-all-btn{background-color:var(--primary-color);border:1px solid var(--glass-border);color:var(--white);padding:.2rem;border-radius:50%;cursor:pointer;font-size:.9rem;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;width:32px;height:32px;text-decoration:none;margin-top:5px}.artist-slider-section .artist-slider-view-all-btn svg{color:var(--white)}.artist-slider-section .artist-slider-view-all-btn:hover{background:var(--card-hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.artist-slider-section .view-more-link{color:var(--text-secondary);text-decoration:none;font-size:.9em;transition:color var(--transition-speed)}.artist-slider-section .view-more-link:hover{color:var(--accent-color)}.artist-slider-section .artist-slider-container{display:flex;overflow-x:auto;overflow-y:hidden;padding:3px 20px 20px;gap:25px;scrollbar-width:none}.artist-slider-section .artist-slider-container::-webkit-scrollbar{display:none}.artist-slider-section .artist-card-link{text-decoration:none;flex-shrink:0}.artist-slider-section .artist-card{display:flex;flex-direction:column;align-items:center;text-align:center;width:90px;transition:transform var(--transition-speed) ease}.artist-slider-section .artist-card:hover{transform:translateY(-5px);box-shadow:none}.artist-slider-section .artist-profile-pic{width:90px;height:90px;border-radius:50%;background-size:cover;background-position:center;box-shadow:var(--card-shadow);transition:box-shadow var(--transition-speed) ease,border-color var(--transition-speed) ease;cursor:pointer;border:1px solid var(--border-color)}.artist-slider-section .artist-name-text{margin-top:10px;font-size:.85em;color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;cursor:pointer}.artist-slider-section .slider-loading,.artist-slider-section .slider-error-message,.artist-slider-section .slider-retry-button{text-align:center;padding:20px}.artist-slider-section .slider-error-message{color:var(--error-color)}.artist-slider-section .slider-retry-button{background-color:var(--primary-color);color:var(--white);padding:8px 15px;border:none;border-radius:var(--border-radius);cursor:pointer}@media (max-width: 768px){.artist-slider-section .section-header{font-size:1rem;padding:0}.artist-slider-section .artist-slider-card{padding:0}}.app-donation-modal{position:fixed;inset:0;background-color:var(--overlay-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;animation:donationModalFadeIn .3s forwards}@keyframes donationModalFadeIn{to{opacity:1}}.donation-modal__container{width:92%;position:absolute;max-width:440px;max-height:90vh;overflow-y:auto;background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:14px;top:2%;box-shadow:0 8px 40px #00000080;transform:scale(.9);animation:donationModalZoomIn .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes donationModalZoomIn{to{transform:scale(1)}}.donation-modal__header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-bottom:1px solid rgba(255,255,255,.08)}.donation-modal__title{font-size:1rem;font-weight:700;color:var(--white);margin:0;display:flex;align-items:center;gap:8px}.donation-modal__close{background:transparent;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);font-size:15px;transition:all var(--transition-speed)}.donation-modal__close:hover{background:#fff3;transform:rotate(90deg)}.donation-modal__body{padding:18px}.donation-modal__artist-info{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:12px;background:var(--bg-02);border-radius:10px}.donation-modal__artist-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--primary-color)}.donation-modal__artist-name{font-size:1rem;font-weight:700;color:var(--white);margin:0 0 2px}.donation-modal__artist-subtitle{font-size:.8rem;color:var(--text-secondary);margin:0}.donation-modal__presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.donation-modal__preset-btn{padding:10px 0;border:1px solid var(--glass-border);border-radius:8px;background:var(--bg-02);color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed)}.donation-modal__preset-btn:hover{border-color:var(--primary-color);background:var(--bg-03);color:var(--primary-color);transform:translateY(-1px)}.donation-modal__preset-btn--active{border-color:var(--primary-color);background:rgba(var(--primary-rgb, 0, 200, 83),.15);color:var(--primary-color);box-shadow:0 0 12px rgba(var(--primary-rgb, 0, 200, 83),.2)}.donation-modal__custom-amount{margin-bottom:16px}.donation-modal__input-label{display:block;font-size:.78rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.donation-modal__input-wrapper{display:flex;align-items:center;gap:0;background:var(--bg-02);border:1px solid var(--glass-border);border-radius:8px;overflow:hidden;transition:all var(--transition-speed)}.donation-modal__input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 0, 200, 83),.15)}.donation-modal__input-wrapper--error{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354526!important}.donation-modal__input{flex:1;padding:10px 12px;background:transparent;border:none;outline:none;color:var(--white);font-size:1rem;font-weight:600}.donation-modal__input::placeholder{color:var(--text-secondary);font-weight:400}.donation-modal__input-currency{padding:10px 14px;background:var(--bg-03);color:var(--text-secondary);font-size:.95rem;font-weight:700;border-left:1px solid var(--glass-border)}.donation-modal__validation-error{font-size:.78rem;color:#dc3545;margin:6px 0 0;padding-left:2px}.donation-modal__error{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:14px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#ff6b6b;font-size:.85rem}.donation-modal__error svg{flex-shrink:0;font-size:1rem}.donation-modal__error span{flex:1}.donation-modal__btn-retry{background:#dc354533;border:1px solid rgba(220,53,69,.4);color:#ff6b6b;padding:5px 12px;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-speed)}.donation-modal__btn-retry:hover{background:#dc354559}.donation-modal__paypal-section{margin-bottom:12px;min-height:80px}.donation-modal__paypal-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;color:var(--text-secondary);font-size:.88rem}.donation-modal__paypal-loading svg{color:var(--primary-color)}.donation-modal__paypal-placeholder{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;background:var(--bg-02);border:1px dashed var(--glass-border);border-radius:8px;color:var(--text-secondary);font-size:.82rem;text-align:center}.donation-modal__paypal-placeholder svg{font-size:.9rem}.donation-modal__security-note{text-align:center;font-size:.75rem;color:var(--text-secondary);margin:0;display:flex;align-items:center;justify-content:center;gap:6px}.donation-modal__security-note svg{color:var(--primary-color)}.donation-modal__state{text-align:center;padding:36px 20px}.donation-modal__state .state-icon{font-size:3.2rem;margin-bottom:16px}.donation-modal__state h3{font-size:1.15rem;font-weight:700;color:var(--white);margin:0 0 8px}.donation-modal__state p{font-size:.88rem;color:var(--text-secondary);margin:0 0 6px;line-height:1.5}.donation-modal__state small{font-size:.78rem;color:var(--text-secondary)}.donation-modal__state--success .state-icon{color:#4caf50;animation:donationSuccessPop .5s ease-out}@keyframes donationSuccessPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.donation-modal__state--processing .state-icon{color:#e91e63}.donation-modal__processing-warning{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;background:#ff98001f;border:1px solid rgba(255,152,0,.4);border-radius:8px;color:#ff9800;font-size:.82rem;text-align:left;line-height:1.4}.donation-modal__processing-warning svg{flex-shrink:0;font-size:1rem}@media (max-width: 768px){.donation-modal__container{width:96%;max-width:none;border-radius:12px}.donation-modal__body{padding:14px}.donation-modal__presets{grid-template-columns:repeat(2,1fr)}.donation-modal__artist-avatar{width:44px;height:44px}}body.theme-clair .donation-modal__container,body.theme-light .donation-modal__container,.light-theme .donation-modal__container{background-color:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px #0000001f}body.theme-clair .donation-modal__artist-info,body.theme-light .donation-modal__artist-info,.light-theme .donation-modal__artist-info{background:#f5f5f5}body.theme-clair .donation-modal__preset-btn,body.theme-light .donation-modal__preset-btn,.light-theme .donation-modal__preset-btn{border:1px solid rgba(0,0,0,.1);background:#f5f5f5;color:#000}body.theme-clair .donation-modal__preset-btn:hover,body.theme-light .donation-modal__preset-btn:hover,.light-theme .donation-modal__preset-btn:hover{border-color:var(--primary-color);background:#fff;color:var(--primary-color)}body.theme-clair .donation-modal__preset-btn--active,body.theme-light .donation-modal__preset-btn--active,.light-theme .donation-modal__preset-btn--active{border-color:var(--primary-color);background:#c4963e1a;color:var(--primary-color)}body.theme-clair .donation-modal__input-wrapper,body.theme-light .donation-modal__input-wrapper,.light-theme .donation-modal__input-wrapper{background:#f5f5f5;border:1px solid rgba(0,0,0,.1)}body.theme-clair .donation-modal__input,body.theme-light .donation-modal__input,.light-theme .donation-modal__input{color:#000}body.theme-clair .donation-modal__input::placeholder,body.theme-light .donation-modal__input::placeholder,.light-theme .donation-modal__input::placeholder{color:#888}body.theme-clair .donation-modal__input-currency,body.theme-light .donation-modal__input-currency,.light-theme .donation-modal__input-currency{background:#f0f0f0;color:#555;border-left:1px solid rgba(0,0,0,.1)}body.theme-clair .donation-modal__input-label,body.theme-light .donation-modal__input-label,.light-theme .donation-modal__input-label{color:#555}body.theme-clair .donation-modal__paypal-placeholder,body.theme-light .donation-modal__paypal-placeholder,.light-theme .donation-modal__paypal-placeholder{background:#f5f5f5;border:1px dashed rgba(0,0,0,.1);color:#888}body.theme-clair .donation-modal__security-note,body.theme-light .donation-modal__security-note,.light-theme .donation-modal__security-note{color:#888}.lengo-pay-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:14px 20px;border:2px solid #00B4D8;border-radius:12px;background:linear-gradient(135deg,#00b4d814,#0077b614);color:#fff;cursor:pointer;transition:all .25s ease;gap:4px;position:relative;overflow:hidden}.lengo-pay-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00b4d826,#0077b626);opacity:0;transition:opacity .25s ease}.lengo-pay-btn:hover:not(:disabled):before{opacity:1}.lengo-pay-btn:hover:not(:disabled){border-color:#48cae4;transform:translateY(-1px);box-shadow:0 4px 20px #00b4d840}.lengo-pay-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #00b4d826}.lengo-pay-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#00b4d84d}.lengo-pay-btn__icon{font-size:1.4rem;position:relative;z-index:1}.lengo-pay-btn__text{font-size:.95rem;color:#ffffffe6;position:relative;z-index:1}.lengo-pay-btn__text strong{color:#48cae4;font-weight:700}.lengo-pay-btn__badges{font-size:.7rem;color:#ffffff73;letter-spacing:.3px;position:relative;z-index:1}.lengo-pay-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-bottom:10px}.lengo-pay-method-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px 8px;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0a;cursor:pointer;transition:all .25s ease;gap:6px;position:relative}.lengo-pay-method-card:hover:not(:disabled){border-color:#48cae4;background:#00b4d81a;transform:translateY(-2px);box-shadow:0 4px 16px #00b4d833}.lengo-pay-method-card:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #00b4d81f}.lengo-pay-method-card:disabled{opacity:.45;cursor:not-allowed}.lengo-pay-method-card__icon{width:48px;height:32px;object-fit:contain;border-radius:4px}.lengo-pay-method-card__label{font-size:.65rem;color:#ffffffb3;text-align:center;line-height:1.2;font-weight:500;white-space:nowrap}.lengo-pay-powered{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.7rem;color:#ffffff59;margin-top:2px}.lengo-pay-powered strong{color:#48cae4;font-weight:600}.purchase-modal__separator,.donation-modal__separator,.payment-separator{display:flex;align-items:center;gap:12px;margin:16px 0}.purchase-modal__separator:before,.purchase-modal__separator:after,.donation-modal__separator:before,.donation-modal__separator:after,.payment-separator:before,.payment-separator:after{content:"";flex:1;height:1px;background:#ffffff1a}.purchase-modal__separator span,.donation-modal__separator span,.payment-separator span{font-size:.8rem;color:#ffffff59;text-transform:uppercase;letter-spacing:1px;font-weight:500}.purchase-modal__lengo-section,.donation-modal__lengo-section,.lengo-button-wrapper{width:100%}@media (max-width: 480px){.lengo-pay-btn{padding:12px 16px}.lengo-pay-btn__text{font-size:.9rem}.lengo-pay-btn__badges{font-size:.65rem}.lengo-pay-methods{grid-template-columns:repeat(2,1fr);gap:8px}.lengo-pay-method-card{padding:8px 4px 6px}.lengo-pay-method-card__icon{width:42px;height:28px}.lengo-pay-method-card__label{font-size:.6rem}}.app-artist-details-page{width:100%;min-height:100%;padding-top:80px;color:var(--text-primary);will-change:transform;background-color:var(--bg-main)!important}.app-artist-details-page .page-content-wrapper{padding:0 40px 40px;animation:fadeInUp .6s ease forwards;animation-delay:.2s;opacity:0;background-color:var(--bg-main)}.app-artist-details-page .details-header-wrapper{position:fixed;top:var(--header-height);left:0;right:0;z-index:8;background-color:var(--bg-main);display:flex;align-items:center;padding:15px 40px;border-bottom:1px solid var(--card-border);transition:left var(--transition-speed)}.app-artist-details-page .btn-back-to-previous{background-color:var(--bg-main);color:var(--text-primary);border:none;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:.95em;transition:all var(--transition-speed);margin-right:15px;border:1px solid var(--text-primary)}.app-artist-details-page .btn-back-to-previous:hover{background-color:var(--card-border);transform:translate(-3px)}.app-artist-details-page .page-header-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 999px){.app-artist-details-page .page-content-wrapper{padding:0 20px 30px}}@media (max-width: 768px){.app-artist-details-page .details-header-wrapper{padding:10px 20px}.app-artist-details-page{padding-top:calc(var(--header-height) + 10px)}.app-artist-details-page .page-content-wrapper{padding:0 20px 30px}.app-artist-details-page .artist-name-title-lg{font-size:2.5rem}}.app-track-header-section{display:flex;align-items:flex-end;gap:30px;margin-top:4.5rem;margin-bottom:50px;background-color:var(--card-bg);border:1px solid var(--card-border);padding:1rem;border-radius:var(--border-radius);max-width:1700px;margin-left:auto;margin-right:auto;box-shadow:var(--card-shadow)}.app-track-cover-lg{width:250px;height:250px;box-shadow:var(--card-shadow);flex-shrink:0;border-radius:var(--border-radius);overflow:hidden}.app-track-cover-lg img{width:100%;height:100%;object-fit:cover}.app-track-info-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end}.app-content-type-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:4px;font-size:.8em;font-weight:600;text-transform:uppercase;margin-bottom:10px;width:fit-content;background-color:var(--card-bg);color:var(--white)}.app-track-rights-info{margin:1rem 0}.app-track-title{font-size:2.5em;font-weight:900;margin:10px 0;color:var(--text-primary);line-height:1.1;white-space:nowrap;overflow:hidden;display:block;will-change:no;animation:none!important;margin-left:0!important;padding-left:0!important}.app-track-artist-info{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap;margin-left:0!important}.app-artist-link{font-size:1em;font-weight:600;color:var(--text-primary);transition:color var(--transition-speed)}.app-artist-link:hover{color:var(--primary-color);text-decoration:underline}.app-track-metadata{font-size:.9em;color:var(--text-secondary)}.app-track-actions-bar{display:flex;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap}.app-play-button-large{width:55px;height:55px;border-radius:50%;border:none;background-color:var(--primary-color);color:var(--white);display:flex;justify-content:center;align-items:center;font-size:1.5em;cursor:pointer;transition:all var(--transition-speed);box-shadow:var(--card-shadow)}.app-play-button-large:hover{background-color:var(--primary-dark);transform:scale(1.05)}.app-follow-button-small{width:40px;height:40px;border-radius:50%;border:2px solid var(--card-border);background-color:transparent;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;font-size:1.1em;cursor:pointer;transition:all var(--transition-speed)}.app-follow-button-small:hover{background-color:var(--card-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.app-follow-button-small.liked{color:var(--primary-color);border-color:var(--primary-color)}.app-options-button{border:2px solid var(--card-border)}@media (max-width: 999px){.app-track-header-section{flex-direction:column;align-items:center;text-align:center}.app-track-cover-lg{width:200px;height:200px}.app-track-title{font-size:2em}.app-track-info-content{align-items:center}.app-track-actions-bar{justify-content:center}}@media (max-width: 768px){.app-track-cover-lg{width:180px;height:180px}.app-track-title{font-size:1.6em}}@media (max-width: 480px){.app-track-cover-lg{width:150px;height:150px}.app-track-title{font-size:1.4em}}@media (prefers-reduced-motion: reduce){.app-track-title{animation:none!important}}.app-track-technical-details{margin-top:30px;padding:25px 30px;background-color:var(--bg-01);border-radius:12px;box-shadow:0 4px 15px #0003;border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-track-technical-details .app-section-title{font-size:1.2rem;font-weight:700;margin-bottom:20px;color:var(--white);letter-spacing:.5px;padding-bottom:15px;border-bottom:2px solid var(--card-border)}.app-technical-inline-info{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-bottom:20px}.app-tech-inline-item{display:flex;align-items:center;gap:10px}.app-tech-inline-item.tags-inline{flex:1;min-width:200px}.app-tech-inline-label{font-size:.9rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.app-tech-inline-value{font-size:1.1rem;font-weight:700;color:var(--primary-color);padding:6px 14px;background-color:var(--card-bg);border-radius:8px;border:1px solid var(--card-border)}.app-tags-list-inline{display:flex;flex-wrap:wrap;gap:8px}.app-tag-badge-inline{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:500;transition:all var(--transition-speed);border:1px solid var(--card-border);box-shadow:0 2px 4px #0003}.app-tag-badge-inline:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.app-tech-description-block{margin-top:20px;padding:20px;background-color:var(--card-bg);border-radius:10px;border-left:4px solid var(--primary-color)}.app-tech-description-label{display:block;font-size:.9rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.app-tech-description-text{color:var(--text-secondary);line-height:1.7;font-size:.95rem;margin:0}@media (max-width: 768px){.app-technical-inline-info{flex-direction:column;align-items:flex-start;gap:15px}.app-tech-inline-item.tags-inline{width:100%}.app-track-technical-details{padding:20px}}.app-track-licenses-section{margin-top:30px}.track-skeleton-container{width:100%;min-height:100vh;padding:0 40px 40px;animation:fadeInSkeleton .3s ease forwards}.skeleton-track-header{display:flex;align-items:flex-end;gap:30px;margin-top:4.5rem;margin-bottom:50px;padding:1rem;background:var(--bg-01);border:1px solid var(--glass-border);border-radius:5px;max-width:1700px;margin-left:auto;margin-right:auto}.skeleton-track-cover{width:250px;height:250px;border-radius:8px;flex-shrink:0}.skeleton-track-info{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}.skeleton-track-badge{width:100px;height:24px;border-radius:12px}.skeleton-track-title{width:85%;max-width:600px;height:40px;border-radius:6px}.skeleton-track-artist-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.skeleton-artist-name{width:180px;height:18px}.skeleton-badge-small{width:80px;height:18px;border-radius:10px}.skeleton-metadata{width:150px;height:16px}.skeleton-rights-info{width:220px;height:20px;margin-top:6px}.skeleton-track-actions{display:flex;gap:20px;align-items:center;margin-top:8px}.skeleton-play-btn{width:55px;height:55px;border-radius:50%}.skeleton-action-btn{width:40px;height:40px;border-radius:50%}.skeleton-technical-details{padding:25px 30px;background:var(--bg-01);border:1px solid var(--glass-border);border-radius:12px;margin-top:30px}.skeleton-section-title{width:200px;height:20px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--card-border)}.skeleton-technical-inline{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:20px}.skeleton-tech-item{display:flex;align-items:center;gap:10px}.skeleton-tech-label{width:60px;height:14px}.skeleton-tech-value{width:80px;height:28px;border-radius:8px}.skeleton-tags-container{flex:1;min-width:200px}.skeleton-tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.skeleton-tag{width:70px;height:28px;border-radius:16px}.skeleton-tag:nth-child(2){width:85px}.skeleton-tag:nth-child(3){width:65px}.skeleton-tag:nth-child(4){width:90px}.skeleton-description-block{margin-top:20px;padding:20px;border-left:4px solid var(--card-border);border-radius:10px;background:rgba(var(--bg-02),.3)}.skeleton-description-label{width:120px;height:14px;margin-bottom:10px}.skeleton-description-line{height:14px;margin-bottom:8px}.skeleton-description-line:nth-child(2){width:100%}.skeleton-description-line:nth-child(3){width:95%}.skeleton-description-line:nth-child(4){width:70%}.skeleton-license-section{margin-top:30px}.skeleton-license-title{width:200px;height:24px;border-radius:6px;margin-bottom:20px}.skeleton-license-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.skeleton-license-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:12px;padding:16px;min-height:350px}.skeleton-license-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.skeleton-license-icon{width:24px;height:24px;border-radius:50%}.skeleton-license-type{width:100px;height:18px}.skeleton-license-price{width:100%;height:60px;border-radius:8px;margin-bottom:16px}.skeleton-license-features{display:flex;flex-direction:column;gap:10px}.skeleton-feature-title{width:100px;height:12px;margin-bottom:6px;margin-top:8px}.skeleton-feature-item{display:flex;align-items:center;gap:8px}.skeleton-feature-icon{width:12px;height:12px;border-radius:50%;flex-shrink:0}.skeleton-feature-text{flex:1;height:12px}.skeleton-license-button{width:100%;height:42px;border-radius:8px;margin-top:16px}@media (max-width: 999px){.track-skeleton-container{padding:0 20px 30px}.skeleton-track-header{flex-direction:column;align-items:center;text-align:center}.skeleton-track-cover{width:200px;height:200px}.skeleton-track-title{width:100%;max-width:450px;height:32px}.skeleton-track-artist-info,.skeleton-track-actions{justify-content:center}}@media (max-width: 768px){.skeleton-track-header{margin-top:3rem;padding:.75rem}.skeleton-track-cover{width:180px;height:180px}.skeleton-track-title{height:28px;max-width:350px}.skeleton-technical-details{padding:20px}.skeleton-technical-inline{flex-direction:column;gap:15px}.skeleton-tech-item{align-items:flex-start}.skeleton-license-grid{grid-template-columns:1fr}}.app-random-tracks-section{margin:2rem auto;color:var(--text-primary)}.app-random-tracks-section .random-header-controls{display:flex;justify-content:space-between;align-items:center;padding:0 8px}.app-random-tracks-section .random-header{font-size:1rem;font-weight:700;margin:0}.app-random-tracks-section .view-mode-switcher{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1em;padding:5px 10px;border-radius:4px;transition:color var(--transition-speed),background-color var(--transition-speed)}.app-random-tracks-section .view-mode-switcher svg{color:var(--primary-dark)}.app-random-tracks-section .view-mode-switcher:hover{color:var(--primary-color);background-color:var(--bg-03)}.app-random-tracks-section .view-mode-switcher:hover svg{color:var(--primary-color)}.app-random-tracks-section .random-tracks-grid-container{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.app-random-tracks-section .random-tracks-grid-container.list-view-mode{display:flex;flex-direction:column;gap:0;padding:0}.app-random-tracks-section .random-track-card{display:flex;flex-direction:column;border-radius:5px;padding:10px;background-color:var(--card-bg);border:1px solid var(--border-color);transition:all var(--transition-speed) ease;position:relative;z-index:1;height:220px;overflow:hidden;box-shadow:var(--card-shadow)}.app-random-tracks-section .random-track-card:hover{z-index:20;border-color:var(--primary-color);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.app-random-tracks-section .random-track-row{display:flex;flex-direction:row;align-items:center;height:55px;padding:6px 12px;border-radius:5px;margin:2px 0;border-bottom:1px solid var(--border-color);justify-content:space-between;background-color:var(--bg-01);border:1px solid var(--glass-border);transition:background-color var(--transition-speed) ease;position:relative;z-index:1}.app-random-tracks-section .random-track-row:hover{background-color:var(--bg-01)}.app-random-tracks-section .card-click-area{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex-grow:1}.app-random-tracks-section .random-track-row .card-click-area{flex-direction:row;align-items:center;flex-grow:initial;width:auto}.app-random-tracks-section .random-cover-container{position:relative;width:100%;height:70%;margin-bottom:6px;overflow:hidden;flex-shrink:0}.app-random-tracks-section .random-track-row .random-cover-container{width:40px;height:40px;margin-bottom:0;margin-right:10px;flex-shrink:0;border-radius:4px}.app-random-tracks-section .random-cover-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius)}.app-random-tracks-section .random-track-row .random-cover-img{border-radius:4px}.app-random-tracks-section .random-play-overlay{position:absolute;bottom:10%;right:10%;background-color:var(--primary-color);color:var(--white);border:none;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;font-size:.95em;opacity:0;transform:scale(.9);transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease;z-index:5}.app-random-tracks-section .random-track-card:hover .random-play-overlay,.app-random-tracks-section .random-track-row:hover .random-play-overlay{opacity:1;transform:scale(1)}.app-random-tracks-section .random-play-overlay.is-active{opacity:1!important}.app-random-tracks-section .random-info-content{padding-right:4px;overflow:hidden;flex-shrink:0;margin-bottom:3px}.app-random-tracks-section .random-track-row .random-info-content{display:flex;flex-direction:column;justify-content:center;flex-grow:1;margin-bottom:0;padding-right:10px;overflow:hidden}.app-random-tracks-section .random-info-title{font-size:.9em;font-weight:700;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-random-tracks-section .random-track-row .random-info-title{font-size:.85em;text-align:left;margin-bottom:1px}.app-random-tracks-section .random-info-artist{font-size:.75em;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.app-random-tracks-section .random-track-row .random-info-artist{font-size:.7em}.app-random-tracks-section .random-list-meta{font-size:.8em;color:var(--text-muted);margin:0;flex-shrink:0;text-align:left}.app-random-tracks-section .random-options-button{position:absolute;right:10px;top:10px;transform:none;background-color:var(--bg-03);border:none;color:var(--text-muted);padding:4px;cursor:pointer;font-size:1em;opacity:0;transition:color var(--transition-speed),opacity var(--transition-speed),background-color var(--transition-speed);z-index:10;border-radius:50%;width:26px;height:26px;display:flex;justify-content:center;align-items:center}.app-random-tracks-section .random-track-card:hover .random-options-button,.app-random-tracks-section .random-options-button.active{opacity:1;color:var(--white);background-color:var(--bg-01)}.app-random-tracks-section .random-track-row .random-options-button{position:static;opacity:1;background:none;color:var(--text-muted);margin-left:10px;flex-shrink:0;width:30px;height:30px;padding:0;border-radius:50%;display:flex;justify-content:center;align-items:center}.app-random-tracks-section .random-track-row:hover .random-options-button{background:none;color:var(--primary-color)}.app-random-tracks-section .random-load-more-container{display:flex;justify-content:center;margin-top:20px;margin-bottom:15px}.app-random-tracks-section .random-load-more-button{background-color:var(--bg-01);border:1px solid var(--glass-border);color:var(--text-primary);border:var(--card-border);padding:10px 24px;border-radius:var(--border-radius);font-size:.95em;font-weight:600;cursor:pointer;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.app-random-tracks-section .random-load-more-button:hover{box-shadow:0 4px 12px #00000026}.app-random-tracks-section .random-load-more-button:active{border-color:var(--card-border-hover);box-shadow:0 2px 6px #0000001a}@media (max-width: 768px){.app-random-tracks-section{padding:0;margin:1.5rem auto}.app-random-tracks-section .random-tracks-grid-container{display:grid;gap:5px;padding:1rem 0;grid-template-columns:repeat(1,1fr)!important;max-width:95%;margin:auto}.app-random-tracks-section .random-header-controls{padding:0 12px}.app-random-tracks-section .view-mode-switcher{display:none}.app-random-tracks-section .random-list-meta{display:none!important}.app-random-tracks-section .random-track-card,.app-random-tracks-section .random-track-row{height:55px;border-bottom:1px solid var(--border-color);padding:0 8px;flex-direction:row;align-items:center;justify-content:space-between;border-radius:5px}.app-random-tracks-section .random-track-row:hover,.app-random-tracks-section .random-track-card:hover{background-color:var(--bg-02)}.app-random-tracks-section .random-track-card .card-click-area,.app-random-tracks-section .random-track-row .card-click-area{flex-direction:row;align-items:center;flex-grow:1;width:auto}.app-random-tracks-section .random-cover-container{width:40px;height:40px;flex-shrink:0;margin-right:8px;margin-bottom:0}.app-random-tracks-section .random-play-overlay{width:30px;height:30px;bottom:initial;right:initial;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9)}.app-random-tracks-section .random-track-card:hover .random-play-overlay,.app-random-tracks-section .random-track-row:hover .random-play-overlay,.app-random-tracks-section .random-play-overlay.is-active{opacity:1;transform:translate(-50%,-50%) scale(1)}.app-random-tracks-section .random-info-content{padding-right:5px;overflow:hidden;flex-shrink:1;margin-bottom:0;display:flex;flex-direction:column;justify-content:center;flex-grow:1;width:50%;max-width:200px}.app-random-tracks-section .random-info-title{font-size:1em;font-weight:700;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto}.app-random-tracks-section .random-options-button{position:static;opacity:1;background:none;color:var(--gray-40);margin-left:10px;flex-shrink:0}.app-random-tracks-section .random-options-button svg{color:var(--primary-dark)}.app-random-tracks-section .random-track-card:hover .random-options-button,.app-random-tracks-section .random-track-row:hover .random-options-button{background:none;color:var(--primary-color)}.app-random-tracks-section .random-load-more-button{width:90%;margin:0 auto}}body.theme-light .app-random-tracks-section .random-info-title,body.theme-clair .app-random-tracks-section .random-info-title,.light-theme .app-random-tracks-section .random-info-title{color:#111;font-weight:700}body.theme-light .app-random-tracks-section .random-info-artist,body.theme-clair .app-random-tracks-section .random-info-artist,.light-theme .app-random-tracks-section .random-info-artist{color:#555;font-weight:500}body.theme-light .app-random-tracks-section .view-mode-switcher svg,body.theme-clair .app-random-tracks-section .view-mode-switcher svg,.light-theme .app-random-tracks-section .view-mode-switcher svg{color:var(--primary-dark)}body.theme-light .app-random-tracks-section .random-options-button svg,body.theme-clair .app-random-tracks-section .random-options-button svg,.light-theme .app-random-tracks-section .random-options-button svg{color:var(--primary-dark)}body.theme-light .app-random-tracks-section .random-play-overlay,body.theme-clair .app-random-tracks-section .random-play-overlay,.light-theme .app-random-tracks-section .random-play-overlay{color:var(--white)}.app-purchase-license-modal{position:fixed;inset:0;background-color:var(--overlay-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;animation:purchaseModalFadeIn .3s forwards}@keyframes purchaseModalFadeIn{to{opacity:1}}.purchase-modal__container{width:92%;max-width:460px;max-height:90vh;overflow-y:auto;background-color:var(--card-bg);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 8px 40px #00000080;transform:scale(.9);animation:purchaseModalZoomIn .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes purchaseModalZoomIn{to{transform:scale(1)}}.purchase-modal__header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-bottom:1px solid rgba(255,255,255,.08)}.purchase-modal__title{font-size:1rem;font-weight:700;color:var(--white);margin:0;display:flex;align-items:center;gap:8px}.purchase-modal__close{background:transparent;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);font-size:15px;transition:all var(--transition-speed)}.purchase-modal__close:hover{background:#fff3;transform:rotate(90deg)}.purchase-modal__body{padding:18px}.purchase-modal__track-info{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:10px;background:var(--medium-bg);border-radius:10px}.purchase-modal__track-cover{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0}.purchase-modal__track-name{font-size:.95rem;font-weight:700;color:var(--white);margin:0 0 2px;line-height:1.3}.purchase-modal__track-artist{font-size:.8rem;color:var(--text-secondary);margin:0}.purchase-modal__license-summary{background:var(--medium-bg);border-radius:10px;padding:14px;margin-bottom:16px;border-left:3px solid var(--license-accent, var(--primary-color))}.purchase-modal__license-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.purchase-modal__license-badge{font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:20px;background-color:var(--license-accent, var(--primary-color));color:var(--white);letter-spacing:.5px;text-transform:uppercase}.purchase-modal__license-price{font-size:1.3rem;font-weight:800;color:var(--primary-color)}.purchase-modal__files,.purchase-modal__rights{margin-top:8px}.purchase-modal__files-label,.purchase-modal__rights-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin:0 0 6px;text-transform:uppercase;letter-spacing:.4px}.purchase-modal__files ul,.purchase-modal__rights ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.purchase-modal__files li,.purchase-modal__rights li{font-size:.78rem;color:var(--text-primary);display:flex;align-items:center;gap:5px;padding:3px 8px;background:var(--light-bg);border-radius:6px}.purchase-modal__files li svg,.purchase-modal__rights li svg{color:var(--primary-color);font-size:.7rem}.purchase-modal__error{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:14px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#ff6b6b;font-size:.85rem}.purchase-modal__error svg{flex-shrink:0;font-size:1rem}.purchase-modal__error span{flex:1}.purchase-modal__btn-retry{background:#dc354533;border:1px solid rgba(220,53,69,.4);color:#ff6b6b;padding:5px 12px;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-speed)}.purchase-modal__btn-retry:hover{background:#dc354559}.purchase-modal__paypal-section{margin-bottom:12px;min-height:100px}.purchase-modal__paypal-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;color:var(--text-secondary);font-size:.88rem}.purchase-modal__paypal-loading svg{color:var(--primary-color)}.purchase-modal__security-note{text-align:center;font-size:.75rem;color:var(--text-secondary);margin:0;display:flex;align-items:center;justify-content:center;gap:6px}.purchase-modal__security-note svg{color:var(--primary-color)}.purchase-modal__state{text-align:center;padding:36px 20px}.purchase-modal__state .state-icon{font-size:3.2rem;margin-bottom:16px}.purchase-modal__state h3{font-size:1.15rem;font-weight:700;color:var(--white);margin:0 0 8px}.purchase-modal__state p{font-size:.88rem;color:var(--text-secondary);margin:0 0 6px;line-height:1.5}.purchase-modal__state small{font-size:.78rem;color:var(--text-secondary)}.purchase-modal__state--success .state-icon{color:var(--primary-color);animation:purchaseSuccessPop .5s ease-out}@keyframes purchaseSuccessPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.purchase-modal__state--processing .state-icon{color:var(--primary-color)}@media (max-width: 768px){.purchase-modal__container{width:96%;max-width:none;border-radius:12px}.purchase-modal__body{padding:14px}.purchase-modal__track-cover{width:48px;height:48px}.purchase-modal__license-price{font-size:1.1rem}.purchase-modal__files ul,.purchase-modal__rights ul{flex-direction:column}}body.theme-clair .purchase-modal__container,body.theme-light .purchase-modal__container,.light-theme .purchase-modal__container{background-color:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px #0000001f}body.theme-clair .purchase-modal__track-info,body.theme-light .purchase-modal__track-info,.light-theme .purchase-modal__track-info{background:#f5f5f5}body.theme-clair .purchase-modal__track-name,body.theme-light .purchase-modal__track-name,.light-theme .purchase-modal__track-name{color:#000}body.theme-clair .purchase-modal__track-artist,body.theme-light .purchase-modal__track-artist,.light-theme .purchase-modal__track-artist{color:#555}body.theme-clair .purchase-modal__license-summary,body.theme-light .purchase-modal__license-summary,.light-theme .purchase-modal__license-summary{background:#f5f5f5}body.theme-clair .purchase-modal__license-row,body.theme-light .purchase-modal__license-row,.light-theme .purchase-modal__license-row{color:#000}body.theme-clair .purchase-modal__license-badge,body.theme-light .purchase-modal__license-badge,.light-theme .purchase-modal__license-badge{background-color:#c4963e26;color:var(--primary-dark)}body.theme-clair .purchase-modal__license-price,body.theme-light .purchase-modal__license-price,.light-theme .purchase-modal__license-price{color:var(--primary-color)}body.theme-clair .purchase-modal__files-label,body.theme-light .purchase-modal__files-label,.light-theme .purchase-modal__files-label,body.theme-clair .purchase-modal__rights-label,body.theme-light .purchase-modal__rights-label,.light-theme .purchase-modal__rights-label{color:#555}body.theme-clair .purchase-modal__files li,body.theme-light .purchase-modal__files li,.light-theme .purchase-modal__files li,body.theme-clair .purchase-modal__rights li,body.theme-light .purchase-modal__rights li,.light-theme .purchase-modal__rights li{background:#f0f0f0;color:#000}.app-track-detail-page{width:100%;min-height:100%;padding-top:80px;color:var(--white);overflow:hidden}.app-track-detail-page .app-page-content-wrapper{padding:30px 40px}.app-track-detail-page .app-details-header-wrapper{position:fixed;top:var(--header-height);left:var(--sidebar-width);right:0;z-index:10;background-color:var(--main-bg);display:flex;align-items:center;padding:15px 40px;border-bottom:1px solid var(--card-border);transition:left var(--transition-speed)}.app-track-detail-page .app-btn-back-to-previous{background-color:var(--card-bg);color:var(--white);border:none;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.1em;transition:background-color var(--transition-speed);margin-right:20px}.app-track-detail-page .app-page-header-title{font-size:1.2rem;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.app-track-detail-page .app-page-content-wrapper{padding:20px}.app-track-detail-page .app-details-header-wrapper{padding:15px 20px;left:0}}.search-skeleton-container{padding:30px 40px 100px;min-height:100vh;animation:fadeInSkeleton .3s ease forwards}.skeleton-search-header{width:60%;max-width:500px;height:40px;border-radius:6px;margin:0 auto 20px}.skeleton-search-section{margin-bottom:40px}.skeleton-section-header{display:flex;align-items:center;gap:10px;margin:25px 0 20px;padding-bottom:5px;border-bottom:1px solid var(--card-border)}.skeleton-section-icon{width:20px;height:20px;border-radius:50%}.skeleton-section-title{width:120px;height:20px}.skeleton-result-item{display:flex;align-items:center;padding:10px 15px;margin-bottom:8px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);min-height:70px}.skeleton-result-cover{width:50px;height:50px;border-radius:4px;flex-shrink:0;margin-right:15px}.skeleton-result-cover.is-circular{border-radius:50%}.skeleton-result-info{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-result-title{width:70%;height:16px}.skeleton-result-subtitle{width:50%;height:14px}.skeleton-result-play-btn{width:40px;height:40px;border-radius:50%;flex-shrink:0;margin-right:10px}.skeleton-result-nav-icon{width:12px;height:12px;flex-shrink:0;margin-left:15px}.skeleton-albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-bottom:20px}.skeleton-album-card{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--card-border);background:var(--card-bg);padding:.5rem;overflow:hidden}.skeleton-album-cover{width:100%;aspect-ratio:1;border-radius:8px;margin-bottom:8px}.skeleton-album-content{padding:0 12px 12px;display:flex;flex-direction:column;gap:8px}.skeleton-album-title{width:85%;height:14px}.skeleton-album-title-2{width:65%;height:14px}.skeleton-album-artist{width:70%;height:12px}@media (max-width: 1024px){.skeleton-albums-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}@media (max-width: 768px){.search-skeleton-container{padding:20px 10px 100px}.skeleton-search-header{width:80%;height:32px}.skeleton-result-item{padding:8px 10px}.skeleton-result-cover{width:40px;height:40px;margin-right:10px}.skeleton-result-play-btn{width:36px;height:36px;margin-right:8px}.skeleton-albums-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.skeleton-album-content{padding:0 10px 10px}}@media (max-width: 480px){.skeleton-albums-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.skeleton-result-play-btn{width:32px;height:32px;margin-right:6px}.skeleton-album-content{padding:10px}}.app-search-page-container{padding:30px 40px 100px;min-height:100vh;color:var(--text-primary);background-color:var(--bg-main);display:flex;flex-direction:column}.app-search-header{font-size:2.5rem;font-weight:900;margin-bottom:20px;color:var(--white);line-height:1.2;text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-search-instructions{color:var(--text-secondary);font-size:1.1rem;margin-bottom:50px;text-align:center;font-weight:400;line-height:1.5}.app-no-results{color:var(--text-secondary);margin-bottom:30px;text-align:center}.app-search-input-wrapper{margin-bottom:40px;display:flex;align-items:center;gap:10px}.app-search-input-field{width:100%;padding:12px 20px;border-radius:50px;background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);font-size:1em;transition:border-color var(--transition-speed)}.app-search-input-field:focus{outline:none;border-color:var(--primary-color)}.app-search-section{margin-bottom:40px}.app-search-section .app-section-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:25px 0 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--card-border);padding-bottom:5px}.app-search-section .app-section-title svg,.app-search-section .app-section-title i{color:var(--primary-color)}.app-search-result-item{display:flex;align-items:center;padding:10px 15px;margin-bottom:8px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:all var(--transition-speed);text-decoration:none;color:inherit;min-height:70px}.app-search-result-item:hover{background-color:var(--card-hover-bg);border-color:var(--primary-color);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.app-result-cover-wrapper{width:50px;height:50px;flex-shrink:0;overflow:hidden;margin-right:15px;border-radius:4px}.app-result-cover-wrapper.is-circular{border-radius:50%}.app-result-cover-img{width:100%;height:100%;object-fit:cover}.app-result-info{flex-grow:1;overflow:hidden}.app-result-title{font-size:1em;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.app-result-subtitle{font-size:.85em;color:var(--text-secondary);margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.app-result-nav-icon{color:var(--text-secondary);margin-left:15px;font-size:1em;flex-shrink:0}.app-result-play-btn{background:var(--primary-color);color:var(--white);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;padding-left:3px;transition:all var(--transition-speed);box-shadow:var(--card-shadow);flex-shrink:0;margin-right:10px}.app-result-play-btn:hover{background:var(--primary-dark);transform:scale(1.1);box-shadow:var(--card-shadow-hover)}.app-result-play-btn:active{transform:scale(.95)}.app-albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-bottom:20px}.app-album-card{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-speed);cursor:pointer;padding:.5rem;box-shadow:var(--card-shadow)}.app-album-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:var(--card-shadow-hover)}.app-album-card-image{width:100%;aspect-ratio:1;overflow:hidden;border-radius:10px 10px 8px 8px;background-color:var(--card-bg);margin-bottom:8px;position:relative}.app-album-card-image img{width:90%;border-radius:.5rem;height:65%;margin:.5rem;object-fit:cover;transition:all var(--transition-speed)}.app-album-card:hover .app-album-card-image img{filter:brightness(.7)}.app-album-card-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:var(--primary-color);color:var(--white);border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;padding-left:3px;transition:all .3s ease;box-shadow:var(--card-shadow);opacity:0;z-index:10}.app-album-card:hover .app-album-card-play-btn{transform:translate(-50%,-50%) scale(1);opacity:1}.app-album-card-play-btn:hover{background:var(--primary-dark);transform:translate(-50%,-50%) scale(1.1);box-shadow:var(--card-shadow-hover)}.app-album-card-play-btn:active{transform:translate(-50%,-50%) scale(.95)}.app-album-card-content{padding:0 12px 12px;display:flex;flex-direction:column;gap:6px}.app-album-card-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.app-album-card-artist{font-size:.75rem;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}.app-search-status{text-align:center;padding:50px 0;color:var(--text-secondary)}@media (max-width: 1024px){.app-albums-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}@media (max-width: 768px){.app-search-page-container{padding:20px 10px 100px}.app-search-header{font-size:1.8rem}.app-search-input-wrapper{padding:0 10px}.app-search-result-item{padding:8px 10px}.app-result-cover-wrapper{width:40px;height:40px;margin-right:10px}.app-result-title{font-size:.9em}.app-result-play-btn{width:36px;height:36px;font-size:.85rem;margin-right:8px}.app-album-card-play-btn{width:45px;height:45px;font-size:1rem}.app-albums-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.app-album-card-image{margin-bottom:6px}.app-album-card-content{padding:0 10px 10px}.app-album-card-title{font-size:.85rem}.app-album-card-artist{font-size:.7rem}}@media (max-width: 480px){.app-albums-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.app-album-card-content{padding:10px}.app-album-card-title{font-size:.8rem}.app-result-play-btn{width:32px;height:32px;font-size:.8rem;margin-right:6px}.app-album-card-play-btn{width:40px;height:40px;font-size:.95rem}}.app-confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;animation:app-confirm-fadeIn .3s forwards}@keyframes app-confirm-fadeIn{to{opacity:1}}.app-confirm-modal__content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--card-bg);border:1px solid var(--glass-border);color:var(--text-primary);padding:16px;border-radius:12px;width:90%;max-width:320px;box-shadow:0 8px 32px #0006;transform:scale(.9);animation:app-confirm-slideIn .3s forwards cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center}.app-confirm-modal__content--success{border-top:3px solid var(--primary-color)}@keyframes app-confirm-slideIn{to{transform:scale(1)}}.app-confirm-modal__icon{font-size:2rem;color:var(--primary-color);margin-bottom:8px;animation:app-confirm-pop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes app-confirm-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.app-confirm-modal__title{font-size:1.1rem;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.app-confirm-modal__body{margin-bottom:16px;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.app-confirm-modal__message{font-size:.9rem;color:var(--text-secondary);margin-bottom:4px;line-height:1.4}.app-confirm-modal__name{font-size:.95rem;font-weight:600;color:var(--primary-color);margin:0;padding:6px 10px;background:#ffffff0d;border-radius:6px;word-break:break-word;width:fit-content}.app-confirm-modal__actions{display:flex;justify-content:center;gap:8px;width:100%}.app-confirm-modal__btn-confirm,.app-confirm-modal__btn-cancel{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--transition-speed);min-width:90px}.app-confirm-modal__btn-confirm{background-color:var(--primary-color);color:var(--white);box-shadow:0 2px 8px #1e874b4d}.app-confirm-modal__btn-confirm:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1e874b66}.app-confirm-modal__btn-cancel{background-color:transparent;color:var(--text-secondary);border:1px solid var(--card-border)}.app-confirm-modal__btn-cancel:hover{background-color:#ffffff0d;color:var(--text-primary)}body.theme-clair .app-confirm-modal__content,body.theme-light .app-confirm-modal__content,.light-theme .app-confirm-modal__content{background-color:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px #0000001f}body.theme-clair .app-confirm-modal__title,body.theme-light .app-confirm-modal__title,.light-theme .app-confirm-modal__title{color:#000}body.theme-clair .app-confirm-modal__message,body.theme-light .app-confirm-modal__message,.light-theme .app-confirm-modal__message{color:#555}body.theme-clair .app-confirm-modal__name,body.theme-light .app-confirm-modal__name,.light-theme .app-confirm-modal__name{color:var(--primary-color);background:#c4963e14}body.theme-clair .app-confirm-modal__btn-confirm,body.theme-light .app-confirm-modal__btn-confirm,.light-theme .app-confirm-modal__btn-confirm{background-color:var(--primary-color);color:#fff}body.theme-clair .app-confirm-modal__btn-confirm:hover,body.theme-light .app-confirm-modal__btn-confirm:hover,.light-theme .app-confirm-modal__btn-confirm:hover{background-color:var(--primary-dark)}body.theme-clair .app-confirm-modal__btn-cancel,body.theme-light .app-confirm-modal__btn-cancel,.light-theme .app-confirm-modal__btn-cancel{background-color:#f5f5f5;color:#555;border:1px solid rgba(0,0,0,.1)}body.theme-clair .app-confirm-modal__btn-cancel:hover,body.theme-light .app-confirm-modal__btn-cancel:hover,.light-theme .app-confirm-modal__btn-cancel:hover{background-color:#fff;color:#000}.app-confirm-modal__btn-cancel:hover{background-color:var(--bg-03);color:var(--text-primary)}.app-pannier-header-section{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background-color:var(--bg-01);border-radius:12px;border:1px solid var(--primary-color);animation:fadeIn .3s ease-out}.app-pannier-header-section .pannier-header-info{display:flex;align-items:center;gap:20px}.app-pannier-header-section .pannier-icon{font-size:2rem;color:var(--primary-color)}.app-pannier-header-section .pannier-count-wrapper{display:flex;flex-direction:column;gap:2px}.app-pannier-header-section .pannier-count{font-size:1.8rem;font-weight:700;color:var(--white);line-height:1}.app-pannier-header-section .pannier-count-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.app-pannier-header-section .btn-clear-cart{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#e74c3c1a;color:var(--icon-red-text);border:1px solid var(--icon-red-text);border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all var(--transition-speed)}.app-pannier-header-section .btn-clear-cart:hover{background-color:var(--icon-red-text);color:var(--white)}@media (max-width: 768px){.app-pannier-header-section{flex-direction:column;gap:15px;padding:15px 20px}.app-pannier-header-section .pannier-icon,.app-pannier-header-section .pannier-count{font-size:1.5rem}.app-pannier-header-section .btn-clear-cart{width:100%;justify-content:center}}.app-item-details-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--box-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;animation:fadeIn .3s ease-out}.app-item-details-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;max-height:85vh;background:var(--bg-01);border-radius:12px;z-index:9999;overflow:hidden;animation:slideInModal .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--box-shadow-hover)}@keyframes slideInModal{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.app-item-details-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-bottom:1px solid var(--card-border)}.app-item-details-modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.app-item-details-modal-close{background:#fff3;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed);color:var(--white);font-size:18px}.app-item-details-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.app-item-details-modal-body{padding:18px;max-height:calc(85vh - 80px);overflow-y:auto}.app-item-details-modal-body::-webkit-scrollbar{width:8px}.app-item-details-modal-body::-webkit-scrollbar-track{background:var(--bg-02);border-radius:10px}.app-item-details-modal-body::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.app-item-details-info{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--card-border)}.app-item-details-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--white);flex-shrink:0}.app-item-details-text{flex:1}.app-item-details-name{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.app-item-details-type{font-size:13px;color:var(--text-secondary);margin:0}.app-item-details-license-section{margin-bottom:18px}.app-section-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 10px;display:flex;align-items:center;gap:6px}.app-license-features-list{display:flex;flex-direction:column;gap:6px}.app-license-feature-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-02);border-radius:6px;transition:all var(--transition-speed)}.app-license-feature-item:hover{background:var(--card-bg);transform:translate(4px)}.app-feature-icon{color:var(--primary-color);font-size:14px;flex-shrink:0}.app-license-feature-item span{font-size:13px;color:var(--text-primary)}.app-item-details-technical{margin-bottom:18px}.app-technical-specs{display:flex;flex-direction:column;gap:8px}.app-spec-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-02);border-radius:8px;border:1px solid var(--card-border)}.app-spec-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--white);flex-shrink:0}.app-spec-details{display:flex;flex-direction:column;gap:2px;flex:1}.app-spec-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.app-spec-value{font-size:13px;color:var(--text-primary);font-weight:500}.app-item-details-price-section{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));padding:14px;border-radius:10px;text-align:center}.app-price-label{font-size:11px;color:#fffc;text-transform:uppercase;font-weight:600;margin-bottom:6px}.app-price-amount{font-size:26px;font-weight:800;color:var(--white)}@media (max-width: 768px){.app-item-details-modal-container{width:95%;max-height:90vh}.app-item-details-modal-header{padding:14px 16px}.app-item-details-modal-title{font-size:16px}.app-item-details-modal-body{padding:14px}.app-item-details-icon{width:42px;height:42px;font-size:20px}.app-item-details-name{font-size:15px}.app-price-amount{font-size:22px}}.app-pannier-items-section{background-color:var(--bg-01);border-radius:12px;border:1px solid var(--primary-color);padding:30px}.app-pannier-items-section .section-title{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0 0 20px}.app-pannier-items-section .empty-cart-message{text-align:center;padding:60px 20px}.app-pannier-items-section .empty-icon{font-size:4rem;color:var(--text-secondary);margin-bottom:20px}.app-pannier-items-section .empty-cart-message h3{font-size:1.4rem;color:var(--text-primary);margin:0 0 10px}.app-pannier-items-section .empty-cart-message p{color:var(--text-secondary);font-size:1rem;margin:0}.app-pannier-items-section .items-list{display:flex;flex-direction:column;gap:15px}.app-pannier-items-section .cart-item-card{display:grid;grid-template-columns:50px 1fr auto 40px 40px;gap:15px;align-items:center;padding:20px;background-color:var(--bg-02);border:1px solid var(--card-border);border-radius:10px;transition:all var(--transition-speed);animation:slideInLeft .4s ease-out both}.app-pannier-items-section .cart-item-card:hover{background-color:var(--card-bg);border-color:var(--primary-color);transform:translate(5px)}.app-pannier-items-section .item-icon{width:50px;height:50px;border-radius:8px;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--white)}.app-pannier-items-section .item-details{display:flex;flex-direction:column;gap:6px}.app-pannier-items-section .item-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-pannier-items-section .item-meta{display:flex;align-items:center;gap:8px;font-size:.9rem}.app-pannier-items-section .item-type,.app-pannier-items-section .separator{color:var(--text-secondary)}.app-pannier-items-section .item-license{padding:4px 10px;border-radius:6px;font-weight:600;font-size:.8rem;letter-spacing:.5px}.app-pannier-items-section .license-basic{background-color:#3498db26;color:var(--icon-blue-text)}.app-pannier-items-section .license-premium{background-color:#9b59b626;color:var(--icon-purple-text)}.app-pannier-items-section .license-unlimited{background-color:#f1c40f26;color:var(--icon-yellow-text)}.app-pannier-items-section .item-price{text-align:right}.app-pannier-items-section .price-value{font-size:1.3rem;font-weight:700;color:var(--primary-color)}.app-pannier-items-section .price-free{font-size:1.1rem;font-weight:600;color:var(--icon-green-text)}.app-pannier-items-section .btn-item-info{width:40px;height:40px;border-radius:8px;background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);font-size:1.1rem}.app-pannier-items-section .btn-item-info:hover{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:scale(1.1)}.app-pannier-items-section .btn-remove-item{width:40px;height:40px;border-radius:8px;background-color:#dc35451a;border:1px solid var(--card-border);color:var(--icon-red-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);font-size:1rem}.app-pannier-items-section .btn-remove-item:hover{background-color:var(--icon-red-text);color:var(--white);border-color:var(--icon-red-text);transform:scale(1.1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.app-pannier-items-section{padding:20px}.app-pannier-items-section .cart-item-card{grid-template-columns:40px 1fr;gap:10px;padding:15px}.app-pannier-items-section .item-icon{width:40px;height:40px;font-size:1.2rem}.app-pannier-items-section .item-price{grid-column:2;text-align:left;margin-top:5px}.app-pannier-items-section .btn-remove-item{grid-column:2;width:100%;margin-top:10px}.app-pannier-items-section .item-title{font-size:1rem}}.app-paypal-payment-modal .paypal-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--box-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;animation:paypalFadeIn .3s ease-out}@keyframes paypalFadeIn{0%{opacity:0}to{opacity:1}}.app-paypal-payment-modal .paypal-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;background-color:var(--bg-01);border-radius:12px;z-index:10001;overflow:hidden;animation:paypalZoomIn .35s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--box-shadow-hover)}@keyframes paypalZoomIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.app-paypal-payment-modal .paypal-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-bottom:1px solid var(--bg-01)}.app-paypal-payment-modal .paypal-modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.app-paypal-payment-modal .paypal-modal-close{background:transparent;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed);color:var(--white);font-size:16px}.app-paypal-payment-modal .paypal-modal-close:hover{background:#fff3;transform:rotate(90deg)}.app-paypal-payment-modal .paypal-modal-body{padding:20px}.app-paypal-payment-modal .payment-summary{margin-bottom:20px}.app-paypal-payment-modal .payment-summary h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.app-paypal-payment-modal .summary-items{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.app-paypal-payment-modal .summary-item{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px;background:var(--bg-02);border-radius:8px}.app-paypal-payment-modal .item-name{font-size:13px;color:var(--text-primary);font-weight:500}.app-paypal-payment-modal .item-license{font-size:10px;padding:3px 8px;background:var(--primary-color);color:var(--white);border-radius:4px;font-weight:600;text-transform:uppercase}.app-paypal-payment-modal .item-price{font-size:13px;font-weight:600;color:var(--primary-color)}.app-paypal-payment-modal .summary-total{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:8px;margin-top:10px}.app-paypal-payment-modal .summary-total span:first-child{font-size:14px;font-weight:600;color:var(--white)}.app-paypal-payment-modal .total-amount{font-size:20px;font-weight:800;color:var(--white)}.app-paypal-payment-modal .paypal-button-wrapper{margin-top:20px}.app-paypal-payment-modal .paypal-info{text-align:center;margin-bottom:16px}.app-paypal-payment-modal .paypal-info p{font-size:12px;color:var(--text-secondary);margin:0}.app-paypal-payment-modal #paypal-button-container{min-height:150px}.app-paypal-payment-modal .payment-processing{text-align:center;padding:30px 20px}.app-paypal-payment-modal .processing-icon{font-size:40px;color:var(--primary-color);margin-bottom:14px}.app-paypal-payment-modal .payment-processing p{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.app-paypal-payment-modal .payment-processing small{font-size:12px;color:var(--text-secondary)}.app-paypal-payment-modal .payment-success{text-align:center;padding:30px 20px;animation:paypalSuccessPop .5s ease-out}@keyframes paypalSuccessPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.app-paypal-payment-modal .success-icon{font-size:56px;color:var(--icon-green-text);margin-bottom:16px}.app-paypal-payment-modal .payment-success h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 10px}.app-paypal-payment-modal .payment-success p{font-size:14px;color:var(--text-secondary);margin:0 0 6px}.app-paypal-payment-modal .payment-success small{font-size:12px;color:var(--text-secondary)}@media (max-width: 768px){.app-paypal-payment-modal .paypal-modal-container{width:95%;max-width:none}.app-paypal-payment-modal .paypal-modal-header{padding:14px 16px}.app-paypal-payment-modal .paypal-modal-title{font-size:16px}.app-paypal-payment-modal .paypal-modal-body{padding:16px}.app-paypal-payment-modal .summary-item{grid-template-columns:1fr;gap:6px}.app-paypal-payment-modal .item-license{width:fit-content}.app-paypal-payment-modal .total-amount{font-size:18px}.app-paypal-payment-modal .payment-processing,.app-paypal-payment-modal .payment-success{padding:24px 16px}.app-paypal-payment-modal .processing-icon,.app-paypal-payment-modal .success-icon{font-size:40px}}.app-paypal-payment-modal .payment-error-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef53501a;border:1px solid rgba(239,83,80,.3);border-radius:8px;margin-bottom:16px;flex-wrap:wrap}.app-paypal-payment-modal .payment-error-message svg{color:#ef5350;flex-shrink:0}.app-paypal-payment-modal .payment-error-message span{font-size:13px;color:#ef9a9a;flex:1}.app-paypal-payment-modal .btn-retry-payment{background:#ef535026;border:1px solid rgba(239,83,80,.3);color:#ef9a9a;padding:6px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.app-paypal-payment-modal .btn-retry-payment:hover{background:#ef535040;color:#fff}.app-paypal-payment-modal .paypal-info{display:flex;align-items:center;justify-content:center;gap:8px}.app-paypal-payment-modal .paypal-info svg{color:var(--text-secondary)}.app-pannier-summary-section{background-color:var(--bg-01);border-radius:12px;border:1px solid var(--primary-color);padding:30px;position:sticky;top:120px;animation:slideInRight .5s ease-out}.app-pannier-summary-section .summary-title{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0 0 20px}.app-pannier-summary-section .summary-details{display:flex;flex-direction:column;gap:15px}.app-pannier-summary-section .summary-row{display:flex;justify-content:space-between;align-items:center}.app-pannier-summary-section .summary-label{font-size:1rem;color:var(--text-secondary)}.app-pannier-summary-section .summary-value{font-size:1rem;font-weight:500;color:var(--text-primary)}.app-pannier-summary-section .subtotal-row{padding-bottom:15px}.app-pannier-summary-section .summary-divider{height:1px;background-color:var(--card-border);margin:5px 0}.app-pannier-summary-section .total-row{padding-top:10px}.app-pannier-summary-section .total-row .summary-label{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.app-pannier-summary-section .summary-total{font-size:1.8rem;font-weight:700;color:var(--primary-color)}.app-pannier-summary-section .btn-validate-order{width:100%;margin-top:25px;padding:15px;color:var(--white);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition-speed);box-shadow:0 4px 15px #c4963e33}.app-pannier-summary-section .btn-validate-order:hover:not(.disabled){transform:translateY(-4px);box-shadow:0 12px 30px #c4963e66;background:linear-gradient(135deg,var(--primary-dark),var(--primary-color))}.app-pannier-summary-section .btn-validate-order.disabled{background:var(--bg-01);cursor:not-allowed;opacity:.6}.app-pannier-summary-section .paypal-payment-section{margin-top:15px;animation:fadeInUp .5s ease-out forwards}.app-pannier-summary-section .btn-paypal{width:100%;padding:15px;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all var(--transition-speed);background:linear-gradient(135deg,#00457c,#003087);color:#fff;box-shadow:0 4px 15px #00457c33}.app-pannier-summary-section .btn-paypal:hover{background:linear-gradient(135deg,#003087,#001d4d);transform:translateY(-4px);box-shadow:0 12px 30px #00457c66}.app-pannier-summary-section .btn-paypal .fa-paypal{font-size:1.5rem}.app-pannier-summary-section .security-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;padding:10px;background-color:var(--bg-02);border-radius:8px;font-size:.9rem;color:var(--text-secondary)}.app-pannier-summary-section .lock-icon{color:var(--icon-green-text)}.app-pannier-summary-section .summary-benefits{margin-top:30px;padding-top:25px;border-top:1px solid var(--card-border)}.app-pannier-summary-section .benefits-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 15px}.app-pannier-summary-section .benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.app-pannier-summary-section .benefits-list li{font-size:.9rem;color:var(--text-secondary);padding-left:20px;position:relative}.app-pannier-summary-section .benefits-list li:before{content:"✓";position:absolute;left:0;color:var(--icon-green-text);font-weight:700}@media (max-width: 1024px){.app-pannier-summary-section{position:static;margin-top:30px}}@media (max-width: 768px){.app-pannier-summary-section{padding:20px}.app-pannier-summary-section .summary-total{font-size:1.5rem}.app-pannier-summary-section .btn-validate-order{padding:12px;font-size:1rem}}.pannier-loading-state{width:100%;max-width:1400px;margin:0 auto;padding:20px 0}.pannier-loading-container{display:grid;grid-template-columns:1fr 400px;gap:30px;width:100%}.skeleton-pannier-header{background:var(--bg-01);border:1px solid var(--primary-color);border-radius:12px;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.skeleton-header-info{display:flex;align-items:center;gap:15px}.skeleton-header-icon{width:32px;height:32px;border-radius:50%}.skeleton-header-text{display:flex;flex-direction:column;gap:8px}.skeleton-header-count{width:80px;height:28px;border-radius:6px}.skeleton-header-label{width:120px;height:16px;border-radius:6px}.skeleton-clear-button{width:140px;height:40px;border-radius:8px}.skeleton-pannier-items{background:var(--bg-01);border:1px solid var(--primary-color);border-radius:12px;padding:30px}.skeleton-items-title{width:200px;height:26px;border-radius:6px;margin-bottom:20px}.skeleton-items-list{display:flex;flex-direction:column;gap:15px}.skeleton-cart-item{display:grid;grid-template-columns:50px 1fr auto 40px 40px;gap:15px;padding:20px;background:var(--bg-02);border:1px solid var(--card-border);border-radius:10px;align-items:center}.skeleton-item-icon{width:50px;height:50px;border-radius:8px}.skeleton-item-details{display:flex;flex-direction:column;gap:8px}.skeleton-item-title{width:250px;height:20px;border-radius:6px}.skeleton-item-meta{display:flex;gap:12px;align-items:center}.skeleton-item-artist{width:150px;height:16px;border-radius:6px}.skeleton-item-license{width:80px;height:24px;border-radius:6px}.skeleton-item-price{width:70px;height:28px;border-radius:6px;justify-self:end}.skeleton-item-button{width:40px;height:40px;border-radius:8px}.skeleton-pannier-summary{background:var(--bg-01);border:1px solid var(--primary-color);border-radius:12px;padding:30px;position:sticky;top:120px;height:fit-content}.skeleton-summary-title{width:180px;height:26px;border-radius:6px;margin-bottom:20px}.skeleton-summary-details{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.skeleton-summary-row{display:flex;justify-content:space-between;align-items:center}.skeleton-summary-label{width:100px;height:18px;border-radius:6px}.skeleton-summary-value{width:80px;height:18px;border-radius:6px}.skeleton-summary-divider{height:1px;background:var(--card-border);margin:5px 0}.skeleton-summary-total-row{display:flex;justify-content:space-between;align-items:center;padding-top:15px}.skeleton-summary-total-label{width:80px;height:22px;border-radius:6px}.skeleton-summary-total-value{width:100px;height:30px;border-radius:6px}.skeleton-validate-button{width:100%;height:50px;border-radius:10px;margin-top:25px}.skeleton-security-info{width:100%;height:40px;border-radius:8px;margin-top:15px}.skeleton-benefits{margin-top:30px;padding-top:25px;border-top:1px solid var(--card-border)}.skeleton-benefits-title{width:120px;height:20px;border-radius:6px;margin-bottom:15px}.skeleton-benefits-list{display:flex;flex-direction:column;gap:10px}.skeleton-benefit-item{width:100%;height:18px;border-radius:6px}@media (max-width: 1024px){.pannier-loading-container{grid-template-columns:1fr}.skeleton-pannier-summary{position:relative;top:0;width:100%}}@media (max-width: 768px){.skeleton-pannier-header{padding:15px 20px;flex-direction:column;gap:15px}.skeleton-header-info,.skeleton-clear-button{width:100%}.skeleton-pannier-items,.skeleton-pannier-summary{padding:20px}.skeleton-cart-item{grid-template-columns:50px 1fr 40px;grid-template-areas:"icon details button" "price price price";gap:10px;padding:15px}.skeleton-item-icon{grid-area:icon}.skeleton-item-details{grid-area:details}.skeleton-item-button:last-child{grid-area:button}.skeleton-item-price{grid-area:price;justify-self:start;margin-top:10px}.skeleton-item-button:nth-child(4){display:none}.skeleton-item-title{width:100%;max-width:200px}.skeleton-item-artist{width:120px}}@media (max-width: 480px){.skeleton-pannier-header{padding:12px 15px}.skeleton-pannier-items,.skeleton-pannier-summary{padding:15px}.skeleton-cart-item{padding:12px}.skeleton-item-icon{width:40px;height:40px}.skeleton-cart-item{grid-template-columns:40px 1fr 36px}}.app-pannier-details-page{width:100%;min-height:100vh;padding-top:80px;color:var(--text-primary)}.app-pannier-details-page .pannier-details-header-wrapper{position:fixed;top:var(--header-height);left:var(--sidebar-width);right:0;z-index:10;background-color:var(--bg-main);display:flex;align-items:center;padding:15px 40px;border-bottom:1px solid var(--card-border);transition:left var(--transition-speed)}.app-pannier-details-page .btn-back-to-previous{background-color:var(--card-bg);color:var(--text-primary);border:none;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.1em;transition:background-color var(--transition-speed),transform var(--transition-speed);margin-right:20px}.app-pannier-details-page .btn-back-to-previous:hover{background-color:var(--primary-color);transform:translate(-3px)}.app-pannier-details-page .page-header-title{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0}.app-pannier-details-page .pannier-details-content{max-width:1400px;margin:0 auto;padding:1rem;animation:fadeInUp .4s ease-out}.app-pannier-details-page .pannier-main-layout{display:grid;grid-template-columns:1fr 400px;gap:30px;margin-top:30px}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.app-pannier-details-page .pannier-main-layout{grid-template-columns:1fr}.app-pannier-details-page .pannier-details-header-wrapper{left:0;padding:15px 20px}.app-pannier-details-page .pannier-details-content{padding:100px 20px 40px}}@media (max-width: 768px){.app-pannier-details-page .page-header-title{font-size:1.2rem}.app-pannier-details-page .btn-back-to-previous{width:32px;height:32px;margin-right:12px}}.join-playlist-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.join-playlist-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:3rem 2rem;max-width:500px;width:100%;text-align:center;box-shadow:var(--card-shadow)}.status-icon{font-size:4rem;margin-bottom:1.5rem}.status-icon.loading{color:#667eea}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.status-icon.auth{color:#667eea}.join-playlist-card h2{font-size:1.75rem;margin-bottom:1rem;color:var(--text-primary)}.join-playlist-card p{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.join-playlist-card p strong{color:var(--text-primary);font-weight:600}.redirect-message{font-style:italic;color:var(--text-muted);margin-top:1.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1.5rem;transition:all var(--transition-speed);box-shadow:0 4px 12px #c4963e33}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-3px);box-shadow:0 8px 20px #c4963e59}.btn-primary:active{transform:scale(.98)}.legal-loading-state{padding:80px 20px 40px;max-width:1200px;margin:0 auto}.skeleton-legal-title{width:400px;max-width:80%;height:40px;border-radius:8px;margin-bottom:30px;margin-top:20px}.skeleton-legal-content{background-color:var(--medium-bg);padding:30px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.skeleton-date-text{width:200px;height:16px;border-radius:6px;margin-bottom:30px}.skeleton-legal-section{margin-bottom:30px}.skeleton-section-title{width:300px;max-width:70%;height:24px;border-radius:6px;margin-bottom:15px}.skeleton-section-content{display:flex;flex-direction:column;gap:10px}.skeleton-paragraph-line{height:16px;border-radius:6px}.skeleton-paragraph-line.full{width:100%}.skeleton-paragraph-line.long{width:95%}.skeleton-paragraph-line.medium{width:85%}.skeleton-paragraph-line.short{width:70%}@media (max-width: 768px){.legal-loading-state{padding:80px 15px 20px}.skeleton-legal-title{width:90%;height:32px}.skeleton-legal-content{padding:20px}.skeleton-section-title{width:85%;height:20px}.skeleton-date-text{width:160px}}@media (max-width: 480px){.legal-loading-state{padding:80px 10px 20px}.skeleton-legal-title{height:28px}.skeleton-legal-content{padding:15px}.skeleton-section-title{width:90%;height:18px}.skeleton-paragraph-line{height:14px}}.legal-page-container{padding:80px 20px 40px;color:var(--text-primary);min-height:100%;max-width:1200px;margin:0 auto}.legal-page-container .details-header-wrapper{position:fixed;top:var(--header-height);left:var(--sidebar-width);right:0;z-index:10;background-color:var(--truebg);display:flex;align-items:center;padding:15px 40px;border-bottom:1px solid var(--gray-80);transition:left var(--transition-speed)}.legal-page-container .btn-back-to-previous{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border);border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.1em;transition:all var(--transition-speed);margin-right:20px}.legal-page-container .btn-back-to-previous:hover{background-color:var(--primary-color);color:var(--white);transform:translate(-3px);box-shadow:0 4px 12px #c4963e4d}.legal-page-container .page-header-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legal-page-container h1{color:var(--primary-color);margin-bottom:30px;font-size:2.5rem;border-bottom:1px solid var(--border-color);padding-bottom:15px;margin-top:20px}.legal-content{background-color:var(--card-bg);border:1px solid var(--card-border);padding:30px;border-radius:var(--border-radius);box-shadow:var(--card-shadow);max-width:1700px;margin-left:auto;margin-right:auto}.legal-content section{margin-bottom:30px}.legal-content h2{color:var(--text-primary);margin-bottom:15px;font-size:1.5rem}.legal-content p,.legal-content li{color:var(--text-secondary);line-height:1.6;margin-bottom:10px}.legal-content ul{padding-left:20px;margin-bottom:15px}@media (max-width: 768px){.legal-page-container{padding:80px 15px 20px}.legal-page-container .details-header-wrapper{left:0;padding:10px 20px}.legal-page-container h1{font-size:2rem}}.contact-page-container{padding:80px 20px 40px;color:var(--text-primary);max-width:800px;margin:0 auto;min-height:100%}.contact-page-container .details-header-wrapper{position:fixed;top:var(--header-height);left:var(--sidebar-width);right:0;z-index:10;background-color:var(--truebg);display:flex;align-items:center;padding:15px 40px;border-bottom:1px solid var(--gray-80);transition:left var(--transition-speed)}.contact-page-container .btn-back-to-previous{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border);border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.1em;transition:all var(--transition-speed);margin-right:20px}.contact-page-container .btn-back-to-previous:hover{background-color:var(--primary-color);color:var(--white);transform:translate(-3px);box-shadow:0 4px 12px #c4963e4d}.contact-page-container .page-header-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-header{text-align:center;margin-bottom:40px;margin-top:20px}.contact-header h1{color:var(--primary-color);font-size:2.5rem;margin-bottom:10px}.contact-header p{color:var(--text-secondary);font-size:1.1rem}.contact-form-wrapper{background-color:var(--card-bg);border:1px solid var(--card-border);padding:40px;border-radius:var(--border-radius);box-shadow:var(--card-shadow);max-width:1700px;margin-left:auto;margin-right:auto}.contact-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-primary);font-weight:500}.form-group input,.form-group textarea{background-color:var(--bg-01);border:1px solid var(--card-border);color:var(--text-primary);padding:12px 15px;border-radius:var(--border-radius-sm);font-size:1rem;transition:all var(--transition-speed)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #c4963e33;background-color:var(--card-bg)}.submit-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);padding:15px;border:none;border-radius:30px;cursor:pointer;font-weight:700;font-size:1.1rem;transition:all var(--transition-speed);margin-top:10px;box-shadow:0 4px 15px #c4963e33}.submit-btn:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-4px);box-shadow:0 8px 25px #c4963e59}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-info{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;text-align:center}.info-item h3{color:var(--primary-color);margin-bottom:10px}.info-item p{color:var(--text-secondary)}@media (max-width: 768px){.contact-page-container{padding:80px 15px 20px}.contact-page-container .details-header-wrapper{left:0;padding:10px 20px}.contact-form-wrapper{padding:20px}}.app-filter-section{background:var(--medium-bg);border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem;box-shadow:var(--box-shadow);animation:slideInUp .5s ease-out}.app-filter-section__type-toggle{display:flex;gap:.25rem;margin-bottom:1rem;background:var(--dark-bg);padding:.2rem;border-radius:var(--border-radius);width:fit-content}.app-filter-section__type-btn{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);font-size:.85rem;font-weight:500;transition:all var(--transition-speed)}.app-filter-section__type-btn:hover{color:var(--text-primary)}.app-filter-section__type-btn--active{background:var(--primary-color);color:var(--text-primary)}.app-filter-section__categories{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.app-filter-section__category-btn{padding:.5rem 1rem;background:var(--dark-bg);border:1px solid transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);font-size:.85rem;font-weight:500;transition:all var(--transition-speed)}.app-filter-section__category-btn:hover{border-color:var(--primary-color);color:var(--text-primary)}.app-filter-section__category-btn--active{background:var(--primary-color);color:var(--text-primary);border-color:var(--primary-color)}.app-filter-section__date-selectors{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.app-filter-section__select-wrapper{display:flex;flex-direction:column;gap:.5rem}.app-filter-section__label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.app-filter-section__select{padding:.5rem .75rem;background:var(--dark-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius);font-size:.85rem;cursor:pointer;transition:border-color var(--transition-speed);min-width:140px}.app-filter-section__select:hover,.app-filter-section__select:focus{border-color:var(--primary-color);outline:none}.app-filter-section__select option{background:var(--dark-bg);color:var(--text-primary)}@media (max-width: 768px){.app-filter-section{padding:.85rem}.app-filter-section__type-toggle{width:100%}.app-filter-section__type-btn{flex:1;padding:.55rem .85rem;font-size:.8rem}.app-filter-section__categories{gap:.45rem}.app-filter-section__category-btn{padding:.5rem .85rem;font-size:.8rem}.app-filter-section__date-selectors{flex-direction:column;align-items:stretch;gap:.75rem}.app-filter-section__select-wrapper{width:100%}.app-filter-section__select{width:100%;font-size:.8rem;padding:.55rem .65rem}}@media (max-width: 480px){.app-filter-section{padding:.65rem}.app-filter-section__type-toggle{margin-bottom:.75rem;padding:.15rem}.app-filter-section__type-btn{padding:.45rem .65rem;font-size:.75rem}.app-filter-section__categories{gap:.4rem;margin-bottom:.75rem}.app-filter-section__category-btn{padding:.45rem .75rem;font-size:.75rem;flex:1}.app-filter-section__label{font-size:.7rem}.app-filter-section__select{font-size:.75rem;padding:.5rem .6rem}}.app-top100-artists{background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:1rem;box-shadow:var(--box-shadow);animation:slideInUp .6s ease-out}.app-top100-artists__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.app-top100-artists__icon{color:var(--accent-color);font-size:1.3rem}.app-top100-artists__title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.app-top100-artists__row--animated,.app-top100-artists__card--animated{animation:fadeInUp .4s ease-out forwards;opacity:0}.app-top100-artists__toggle-btn{width:100%;margin-top:1rem;padding:.75rem;background:var(--bg-02);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;gap:.5rem}.app-top100-artists__toggle-btn:hover{background:var(--card-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.app-top100-artists__toggle-btn--mobile{display:none}.app-top100-artists__empty{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.app-top100-artists__table{width:100%;border-collapse:collapse}.app-top100-artists__table thead{border-bottom:2px solid var(--border-color)}.app-top100-artists__table th{padding:.65rem .75rem;text-align:left;color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.app-top100-artists__table th:first-child{width:60px;text-align:center}.app-top100-artists__table th:nth-child(3){text-align:center}.app-top100-artists__table th:last-child{width:120px;text-align:center}.app-top100-artists__row{border-bottom:1px solid var(--border-color);transition:background var(--transition-speed);cursor:pointer}.app-top100-artists__row:hover{background:var(--card-bg)}.app-top100-artists__cell{padding:.65rem .75rem;color:var(--text-primary)}.app-top100-artists__cell--rank{text-align:center;font-weight:700;font-size:.95rem;color:var(--primary-color)}.app-top100-artists__cell--info{display:flex;align-items:center;gap:.75rem}.app-top100-artists__cover{width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0;background:var(--dark-bg)}.app-top100-artists__details{flex:1;min-width:0}.app-top100-artists__name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.app-top100-artists__badge{display:inline-flex;align-items:center}.app-top100-artists__cell--stats{text-align:center}.app-top100-artists__cell--stats strong{display:block;font-size:.9rem;color:var(--primary-color);margin-bottom:.15rem}.app-top100-artists__stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:lowercase}.app-top100-artists__cell--actions{text-align:center}.app-top100-artists__action-btn{background:var(--primary-color);color:var(--white);border:none;padding:.4rem .75rem;border-radius:var(--border-radius);cursor:pointer;font-size:.75rem;font-weight:600;transition:all var(--transition-speed);display:inline-flex;align-items:center;gap:.4rem}.app-top100-artists__action-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.app-top100-artists__row--top1 .app-top100-artists__cell--rank{color:gold}.app-top100-artists__row--top2 .app-top100-artists__cell--rank{color:silver}.app-top100-artists__row--top3 .app-top100-artists__cell--rank{color:#cd7f32}.app-top100-artists__mobile{display:none}.app-top100-artists__card{background:var(--card-bg);border-radius:var(--border-radius);padding:.75rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all var(--transition-speed);position:relative;border:1px solid var(--border-color)}.app-top100-artists__card:hover{background:var(--card-hover-bg);border-color:var(--primary-color);transform:translateY(-2px)}.app-top100-artists__card-rank{font-size:1rem;font-weight:700;color:var(--primary-color);min-width:30px;text-align:center}.app-top100-artists__card-cover{width:50px;height:50px;border-radius:4px;object-fit:cover;flex-shrink:0;background:var(--card-bg)}.app-top100-artists__card-content{flex:1;min-width:0}.app-top100-artists__card-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.app-top100-artists__card-stats{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-secondary)}.app-top100-artists__card-action{flex-shrink:0}.app-top100-artists__card-btn{background:var(--primary-color);color:var(--white);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);box-shadow:var(--card-shadow)}.app-top100-artists__card-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.app-top100-artists__card--top1 .app-top100-artists__card-rank{color:gold}.app-top100-artists__card--top2 .app-top100-artists__card-rank{color:silver}.app-top100-artists__card--top3 .app-top100-artists__card-rank{color:#cd7f32}@media (max-width: 768px){.app-top100-artists__table{display:none}.app-top100-artists__mobile{display:block}.app-top100-artists__toggle-btn{display:none}.app-top100-artists__toggle-btn--mobile{display:flex}}@media (max-width: 480px){.app-top100-artists{padding:.65rem}.app-top100-artists__card{padding:.65rem;gap:.65rem;margin-bottom:.65rem}.app-top100-artists__card-rank{min-width:25px;font-size:.9rem}.app-top100-artists__card-cover{width:45px;height:45px;border-radius:4px}.app-top100-artists__card-name{font-size:.85rem;margin:0 0 .3rem}.app-top100-artists__card-stats{font-size:.7rem;gap:.65rem}.app-top100-artists__card-btn{width:30px;height:30px;padding:.4rem;font-size:.85rem}.app-top100-artists__toggle-btn--mobile{padding:.55rem;font-size:.75rem}.app-top100-artists__header{margin-bottom:1rem;padding-bottom:.65rem}.app-top100-artists__icon{font-size:1.1rem}.app-top100-artists__title{font-size:.95rem}}.app-top100-albums{background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:1rem;padding:1rem;box-shadow:var(--box-shadow);animation:slideInUp .6s ease-out}.app-top100-albums__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.app-top100-albums__icon{color:var(--accent-color);font-size:1.3rem}.app-top100-albums__title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.app-top100-albums__row--animated,.app-top100-albums__card--animated{animation:fadeInUp .4s ease-out forwards;opacity:0}.app-top100-albums__toggle-btn{width:100%;margin-top:1rem;padding:.75rem;background:var(--bg-02);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;gap:.5rem}.app-top100-albums__toggle-btn:hover{background:var(--card-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.app-top100-albums__toggle-btn--mobile{display:none}.app-top100-albums__empty{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.app-top100-albums__table{width:100%;border-collapse:collapse}.app-top100-albums__table thead{border-bottom:2px solid var(--border-color)}.app-top100-albums__table th{padding:.65rem .75rem;text-align:left;color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.app-top100-albums__table th:first-child{width:60px;text-align:center}.app-top100-albums__table th:nth-child(3){text-align:center}.app-top100-albums__table th:last-child{width:120px;text-align:center}.app-top100-albums__row{border-bottom:1px solid var(--border-color);transition:background var(--transition-speed);cursor:pointer}.app-top100-albums__row:hover{background:var(--card-bg)}.app-top100-albums__cell{padding:.65rem .75rem;color:var(--text-primary)}.app-top100-albums__cell--rank{text-align:center;font-weight:700;font-size:.95rem;color:var(--primary-color)}.app-top100-albums__cell--info{display:flex;align-items:center;gap:.75rem}.app-top100-albums__cover{width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0;background:var(--dark-bg)}.app-top100-albums__details{flex:1;min-width:0}.app-top100-albums__name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-top100-albums__artist{font-size:.75rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.app-top100-albums__badge{display:inline-flex;align-items:center}.app-top100-albums__cell--stats{text-align:center}.app-top100-albums__cell--stats strong{display:block;font-size:.9rem;color:var(--primary-color);margin-bottom:.15rem}.app-top100-albums__stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:lowercase}.app-top100-albums__cell--actions{text-align:center}.app-top100-albums__action-btn{background:var(--primary-color);color:var(--white);border:none;padding:.4rem .75rem;border-radius:var(--border-radius);cursor:pointer;font-size:.75rem;font-weight:600;transition:all var(--transition-speed);display:inline-flex;align-items:center;gap:.4rem}.app-top100-albums__action-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.app-top100-albums__row--top1 .app-top100-albums__cell--rank{color:gold}.app-top100-albums__row--top2 .app-top100-albums__cell--rank{color:silver}.app-top100-albums__row--top3 .app-top100-albums__cell--rank{color:#cd7f32}.app-top100-albums__mobile{display:none}.app-top100-albums__card{background:var(--card-bg);border-radius:var(--border-radius);padding:.75rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all var(--transition-speed);position:relative;border:1px solid var(--border-color)}.app-top100-albums__card:hover{background:var(--card-hover-bg);border-color:var(--primary-color);transform:translateY(-2px)}.app-top100-albums__card-rank{font-size:1rem;font-weight:700;color:var(--primary-color);min-width:30px;text-align:center}.app-top100-albums__card-cover{width:50px;height:50px;border-radius:4px;object-fit:cover;flex-shrink:0;background:var(--card-bg)}.app-top100-albums__card-content{flex:1;min-width:0}.app-top100-albums__card-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-top100-albums__card-artist{font-size:.75rem;color:var(--text-secondary);margin:0 0 .45rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.app-top100-albums__card-stats{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-secondary)}.app-top100-albums__card-action{flex-shrink:0}.app-top100-albums__card-btn{background:var(--primary-color);color:var(--white);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);box-shadow:var(--card-shadow)}.app-top100-albums__card-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.app-top100-albums__card--top1 .app-top100-albums__card-rank{color:gold}.app-top100-albums__card--top2 .app-top100-albums__card-rank{color:silver}.app-top100-albums__card--top3 .app-top100-albums__card-rank{color:#cd7f32}@media (max-width: 768px){.app-top100-albums__table{display:none}.app-top100-albums__mobile{display:block}.app-top100-albums__toggle-btn{display:none}.app-top100-albums__toggle-btn--mobile{display:flex}}@media (max-width: 480px){.app-top100-albums{padding:.65rem}.app-top100-albums__card{padding:.65rem;gap:.65rem;margin-bottom:.65rem}.app-top100-albums__card-rank{min-width:25px;font-size:.9rem}.app-top100-albums__card-cover{width:45px;height:45px;border-radius:4px}.app-top100-albums__card-name{font-size:.85rem;margin:0 0 .3rem}.app-top100-albums__card-artist{font-size:.7rem;margin:0 0 .45rem}.app-top100-albums__card-stats{font-size:.7rem;gap:.65rem}.app-top100-albums__card-btn{width:30px;height:30px;padding:.4rem;font-size:.85rem}.app-top100-albums__toggle-btn--mobile{padding:.55rem;font-size:.75rem}.app-top100-albums__header{margin-bottom:1rem;padding-bottom:.65rem}.app-top100-albums__icon{font-size:1.1rem}.app-top100-albums__title{font-size:.95rem}}.app-top100-titres{background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:1rem;box-shadow:var(--box-shadow);animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app-top100-titres__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.app-top100-titres__icon{color:var(--accent-color);font-size:1.3rem}.top100-titres__title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.app-top100-titres__row--animated,.app-top100-titres__card--animated{animation:fadeInUp .4s ease-out forwards;opacity:0}.app-top100-titres__toggle-btn{width:100%;margin-top:1rem;padding:.75rem;background:var(--bg-02);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;gap:.5rem}.app-top100-titres__toggle-btn:hover{background:var(--card-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.app-top100-titres__toggle-btn--mobile{display:none}.app-top100-titres__empty{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.app-top100-titres__table{width:100%;border-collapse:collapse}.app-top100-titres__table thead{border-bottom:2px solid var(--border-color)}.app-top100-titres__table th{padding:.65rem .75rem;text-align:left;color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.app-top100-titres__table th:first-child{width:60px;text-align:center}.app-top100-titres__table th:nth-child(3){text-align:center}.app-top100-titres__table th:last-child{width:120px;text-align:center}.app-top100-titres__row{border-bottom:1px solid var(--border-color);transition:background var(--transition-speed);cursor:pointer}.app-top100-titres__row:hover{background:var(--card-bg)}.app-top100-titres__cell{padding:.65rem .75rem;color:var(--text-primary)}.app-top100-titres__cell--rank{text-align:center;font-weight:700;font-size:.95rem;color:var(--primary-color)}.app-top100-titres__cell--info{display:flex;align-items:center;gap:.75rem}.app-top100-titres__cover{width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0;background:var(--dark-bg)}.app-top100-titres__details{flex:1;min-width:0}.app-top100-titres__name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-top100-titres__artist{font-size:.75rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.app-top100-titres__badge{display:inline-flex;align-items:center}.app-top100-titres__cell--stats{text-align:center}.app-top100-titres__cell--stats strong{display:block;font-size:.9rem;color:var(--primary-color);margin-bottom:.15rem}.app-top100-titres__stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:lowercase}.app-top100-titres__cell--actions{text-align:center}.app-top100-titres__action-btn{background:var(--primary-color);color:var(--white);border:none;padding:.4rem .75rem;border-radius:var(--border-radius);cursor:pointer;font-size:.75rem;font-weight:600;transition:all var(--transition-speed);display:inline-flex;align-items:center;gap:.4rem}.app-top100-titres__action-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.app-top100-titres__row--top1 .app-top100-titres__cell--rank{color:gold}.app-top100-titres__row--top2 .app-top100-titres__cell--rank{color:silver}.app-top100-titres__row--top3 .app-top100-titres__cell--rank{color:#cd7f32}.app-top100-titres__mobile{display:none}.app-top100-titres__card{background:var(--card-bg);border-radius:var(--border-radius);padding:.75rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all var(--transition-speed);position:relative;border:1px solid var(--border-color)}.app-top100-titres__card:hover{background:var(--card-hover-bg);border-color:var(--primary-color);transform:translateY(-2px)}.app-top100-titres__card-rank{font-size:1rem;font-weight:700;color:var(--primary-color);min-width:30px;text-align:center}.app-top100-titres__card-cover{width:50px;height:50px;border-radius:4px;object-fit:cover;flex-shrink:0;background:var(--card-bg)}.app-top100-titres__card-content{flex:1;min-width:0}.app-top100-titres__card-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-top100-titres__card-artist{font-size:.75rem;color:var(--text-secondary);margin:0 0 .45rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.app-top100-titres__card-stats{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-secondary)}.app-top100-titres__card-action{flex-shrink:0}.app-top100-titres__card-btn{background:var(--primary-color);color:var(--white);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);box-shadow:var(--card-shadow)}.app-top100-titres__card-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.app-top100-titres__card--top1 .app-top100-titres__card-rank{color:gold}.app-top100-titres__card--top2 .app-top100-titres__card-rank{color:silver}.app-top100-titres__card--top3 .app-top100-titres__card-rank{color:#cd7f32}@media (max-width: 768px){.app-top100-titres__table{display:none}.app-top100-titres__mobile{display:block}.app-top100-titres__toggle-btn{display:none}.app-top100-titres__toggle-btn--mobile{display:flex}}@media (max-width: 480px){.app-top100-titres{padding:.65rem}.app-top100-titres__card{padding:.65rem;gap:.65rem;margin-bottom:.65rem}.app-top100-titres__card-rank{min-width:25px;font-size:.9rem}.app-top100-titres__card-cover{width:45px;height:45px;border-radius:4px}.app-top100-titres__card-name{font-size:.85rem;margin:0 0 .3rem}.app-top100-titres__card-artist{font-size:.7rem;margin:0 0 .45rem}.app-top100-titres__card-stats{font-size:.7rem;gap:.65rem}.app-top100-titres__card-btn{width:30px;height:30px;padding:.4rem;font-size:.85rem}.app-top100-titres__toggle-btn--mobile{padding:.55rem;font-size:.75rem}.app-top100-titres__header{margin-bottom:1rem;padding-bottom:.65rem}.app-top100-titres__icon{font-size:1.1rem}.app-top100-titres__title{font-size:.95rem}}@keyframes skeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-pulse{background:linear-gradient(90deg,var(--card-bg) 25%,rgba(255,255,255,.08) 50%,var(--card-bg) 75%);background-size:800px 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:4px}.top100-skeleton-container{width:100%;min-height:100vh;animation:fadeInSkeleton .3s ease forwards}@keyframes fadeInSkeleton{0%{opacity:0}to{opacity:1}}.skeleton-filter-section{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem}.skeleton-filter-toggle{display:flex;gap:.25rem;margin-bottom:1rem}.skeleton-filter-btn{width:100px;height:36px;border-radius:var(--border-radius)}.skeleton-filter-selectors{display:flex;gap:1rem}.skeleton-filter-select{width:140px;height:36px;border-radius:var(--border-radius)}.skeleton-top100-section{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem}.skeleton-top100-header{display:flex;gap:.75rem;align-items:center;margin-bottom:1.25rem}.skeleton-top100-icon{width:24px;height:24px;border-radius:50%}.skeleton-top100-title{width:150px;height:20px}.skeleton-top100-table{display:table;width:100%}.skeleton-table-header{display:table-row;border-bottom:1px solid var(--card-border)}.skeleton-table-header-cell{display:table-cell;padding:.5rem .75rem;height:14px}.skeleton-header-rank{width:60px}.skeleton-header-name{width:120px}.skeleton-header-stats{width:80px}.skeleton-header-actions{width:120px}.skeleton-table-row{display:table-row;border-bottom:1px solid var(--card-border)}.skeleton-table-cell{display:table-cell;padding:.65rem .75rem;vertical-align:middle}.skeleton-table-rank{width:20px;height:18px;margin:0 auto}.skeleton-table-info{display:flex;gap:.75rem;align-items:center}.skeleton-table-cover{width:40px;height:40px;border-radius:4px;flex-shrink:0}.skeleton-table-details{display:flex;flex-direction:column;gap:6px;flex:1}.skeleton-table-name{width:70%;height:14px}.skeleton-table-artist{width:50%;height:12px}.skeleton-table-stats{width:60px;height:16px;margin:0 auto}.skeleton-table-button{width:80px;height:32px;border-radius:var(--border-radius);margin:0 auto}.skeleton-top100-mobile{display:none}.skeleton-mobile-card{display:flex;gap:.75rem;padding:.75rem;margin-bottom:.75rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);align-items:center}.skeleton-mobile-rank{width:20px;height:18px;min-width:30px}.skeleton-mobile-cover{width:50px;height:50px;border-radius:4px;flex-shrink:0}.skeleton-mobile-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-mobile-name{width:70%;height:14px}.skeleton-mobile-artist{width:50%;height:12px}.skeleton-mobile-stats{width:80px;height:12px}.skeleton-mobile-button{width:36px;height:36px;border-radius:50%;flex-shrink:0}.skeleton-toggle-button{width:100%;height:42px;border-radius:var(--border-radius);margin-top:1rem}@media (max-width: 999px){.skeleton-filter-selectors{flex-wrap:wrap}}@media (max-width: 768px){.skeleton-filter-section{padding:.75rem}.skeleton-filter-toggle{flex-direction:column;gap:.5rem}.skeleton-filter-btn{width:100%}.skeleton-filter-selectors{flex-direction:column;gap:.75rem}.skeleton-filter-select{width:100%}.skeleton-top100-table{display:none}.skeleton-top100-mobile{display:block}}@media (max-width: 480px){.skeleton-mobile-cover{width:45px;height:45px}.skeleton-mobile-rank{width:18px;height:16px;min-width:25px}.skeleton-mobile-button{width:30px;height:30px}.skeleton-mobile-card{padding:.65rem;gap:.65rem}}.app-top100-detail-page{width:100%;min-height:100vh;background:var(--home-page-gradient);padding:2rem;box-sizing:border-box;animation:fadeIn .5s ease-out}.app-top100-detail-page__header{margin-bottom:2rem;animation:slideInDown .5s ease-out;display:flex;align-items:center;gap:1rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.app-top100-detail-page__back-btn{background:var(--dark-bg);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all var(--transition-speed);flex-shrink:0}.app-top100-detail-page__back-btn:hover{background:var(--light-bg);border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.05)}.app-top100-detail-page__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.app-top100-detail-page__icon{color:var(--primary-color)}.app-top100-detail-page__sections{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem}.app-top100-detail-page__loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--text-secondary);font-size:1.5rem}.app-top100-detail-page__error{text-align:center;padding:3rem;color:var(--error-color);background:var(--error-light-bg);border-radius:var(--border-radius);margin-top:2rem}@media (max-width: 768px){.app-top100-detail-page{padding:1rem}.app-top100-detail-page__back-btn{width:36px;height:36px;font-size:.9rem}.app-top100-detail-page__title{font-size:1.8rem}.app-top100-detail-page__sections{gap:2rem}}@media (max-width: 480px){.app-top100-detail-page{padding:.5rem}.app-top100-detail-page__back-btn{width:32px;height:32px;font-size:.85rem}.app-top100-detail-page__title{font-size:1.5rem}.app-top100-detail-page__sections{gap:1.5rem}}.featured-hero-container{position:relative;height:350px;background-color:var(--card-bg);background-size:cover;background-position:right center;background-repeat:no-repeat;overflow:hidden;display:flex;align-items:center;padding:30px 40px;margin:1rem auto;border-radius:5px}.featured-hero-container:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#000c,#0009 40%,#0003,#0000)}.featured-hero-container .hero-content{position:relative;z-index:2;color:var(--white);max-width:70%;display:flex;flex-direction:column;justify-content:center;text-align:left!important;gap:10px}.featured-hero-container .hero-tag{color:var(--gray-20);font-size:.85em;text-transform:uppercase;margin:0 0 5px}.featured-hero-container .hero-title{font-size:4rem;font-weight:900;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0;color:var(--text-color-no-thm-light)!important}.featured-hero-container .hero-subtitle-line{display:flex;align-items:center;margin-bottom:25px}.featured-hero-container .hero-artist{font-size:1.2rem;font-weight:700;color:var(--primary-color)!important;display:flex;margin:0}.featured-hero-container .hero-playcount{font-size:.9rem;color:var(--accent-color);margin:0 0 0 15px;font-weight:500;color:var(--text-color-no-thm-light)!important}.featured-hero-container .hero-actions{display:flex;gap:15px;align-items:center;max-width:200px}.featured-hero-container .hero-button{padding:12px 25px;border-radius:50px;margin:auto;width:100%;font-weight:700;cursor:pointer;border:none;transition:all var(--transition-speed);display:flex;align-items:center}.featured-hero-container .secondary-action{background-color:transparent;color:var(--text-muted);border:2px solid var(--gray-50);padding:10px;width:45px;height:45px;justify-content:center}.featured-hero-container .secondary-action:hover{border-color:var(--accent-color);color:var(--accent-color);transform:scale(1.05)}.featured-hero-container .secondary-action.liked{background-color:transparent;border-color:var(--error-color);color:var(--error-color);animation:pulse .3s ease-in-out}.featured-hero-container .secondary-action.liked:hover{border-color:var(--danger-color);color:var(--danger-color);transform:scale(1.05)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.featured-hero-container .play-icon{margin-right:8px}.featured-hero-container .view-more-icon{padding:5px;font-size:1.2em;opacity:.7;height:40px;width:40px;aspect-ratio:1}.featured-hero-container .view-more-icon:hover{opacity:1}.featured-hero-container.loading-state,.featured-hero-container.error-state{display:flex;justify-content:center;align-items:center;text-align:center}.featured-hero-container.loading-state .hero-content,.featured-hero-container.error-state .hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:100%;gap:20px}.featured-hero-container.error-state:before{background:var(--gray-90)}@media (min-width: 769px){.featured-hero-container{height:300px;padding:40px 60px;background-position:center right}.featured-hero-container .hero-title{font-size:4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-hero-container .view-more-icon{display:flex}}@media (max-width: 480px){.featured-hero-container{height:270px;padding:20px;background-position:center}.featured-hero-container .hero-title{font-size:2rem;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.featured-hero-container .hero-subtitle-line{flex-direction:column;align-items:flex-start;margin-bottom:20px}.featured-hero-container .hero-artist{font-size:1rem}.featured-hero-container .hero-playcount{margin:5px 0 0;font-size:.85rem}.featured-hero-container .primary-action{padding:10px 20px}.featured-hero-container .hero-actions{gap:10px;max-width:120px}}.monthly-top-section{margin:2rem auto;border-radius:var(--border-radius)}.monthly-top-section .monthly-top-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.monthly-top-section .monthly-top-header-left{display:flex;align-items:center;gap:10px}.monthly-top-section .monthly-top-view-all-btn{background-color:var(--primary-color);border:1px solid var(--glass-border);color:var(--white);padding:.5rem;border-radius:50%;cursor:pointer;font-size:.9rem;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.monthly-top-section .monthly-top-view-all-btn svg{color:var(--white)}.monthly-top-section .monthly-top-view-all-btn:hover{background:var(--dark-bg);border-color:var(--primary-color);color:var(--primary-color)}.monthly-top-section .monthly-top-view-all-text{display:none}.monthly-top-section .monthly-top-trophy-icon{color:var(--primary-dark);font-size:1.5em}.monthly-top-section .monthly-top-title{font-size:1.5rem;font-weight:700;margin:0}.monthly-top-section .monthly-top-loading,.monthly-top-section .monthly-top-error{text-align:center;padding:20px;color:var(--text-secondary)}.monthly-top-section .monthly-top-error{color:var(--error-color)}.monthly-top-section .monthly-top-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.monthly-top-section .monthly-top-category{display:flex;flex-direction:column;gap:10px}.monthly-top-section .monthly-top-category-header{display:flex;align-items:center;gap:8px;padding:0 4px}.monthly-top-section .monthly-top-category-icon{color:var(--primary-dark);font-size:1.1rem}.monthly-top-section .monthly-top-category-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.monthly-top-section .monthly-top-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;padding:10px;position:relative;overflow:visible;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;flex-direction:column;width:100%;height:100%;min-height:240px;min-width:0;box-sizing:border-box;box-shadow:var(--card-shadow)}.monthly-top-section .monthly-top-card:hover{border-color:var(--primary-color);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.monthly-top-section .monthly-top-rank-badge{position:absolute;top:6px;right:6px;background-color:var(--accent-color);color:var(--dark-bg);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75em;z-index:2}.monthly-top-section .monthly-top-card-image{position:relative;width:100%;height:120px;margin-bottom:8px;border-radius:var(--border-radius);overflow:hidden;flex-shrink:0}.monthly-top-section .monthly-top-card-image img{width:100%;height:100%;object-fit:cover;display:block}.monthly-top-section .monthly-top-play-button{position:absolute;bottom:6px;right:6px;background-color:var(--accent-color);color:var(--white);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.95em;cursor:pointer;opacity:0;transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease;z-index:2}.monthly-top-section .monthly-top-card:hover .monthly-top-play-button,.monthly-top-section .monthly-top-play-button.active{opacity:1}.monthly-top-section .monthly-top-card-content{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:flex-start;overflow:visible;width:100%;min-width:0}.monthly-top-section .monthly-top-card-label{font-size:.65em;color:var(--text-secondary);text-transform:uppercase;margin:0 0 4px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monthly-top-section .monthly-top-card-name{font-size:.9em;font-weight:700;color:var(--text-primary);margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2em;word-break:break-word;min-height:2.4em}.monthly-top-section .monthly-top-card-artist{font-size:.75em;color:var(--text-secondary);margin:0 0 4px;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:1.5em}.monthly-top-section .monthly-top-card-stats{font-size:.7em;color:var(--text-muted);margin:3px 0 0;flex-shrink:0;white-space:normal;overflow:visible;word-wrap:break-word;min-height:2em}@media (max-width: 1024px){.monthly-top-section .monthly-top-grid{grid-template-columns:1fr}}@media (max-width: 768px){.monthly-top-section{padding:10px;margin:1rem auto}.monthly-top-section .monthly-top-header{margin-bottom:12px}.monthly-top-section .monthly-top-title{font-size:1.2rem}.monthly-top-section .monthly-top-view-all-btn{width:28px;height:28px;font-size:.8rem}.monthly-top-section .monthly-top-grid{grid-template-columns:1fr;gap:10px}.monthly-top-section .monthly-top-category{gap:8px}.monthly-top-section .monthly-top-category-icon{font-size:1rem}.monthly-top-section .monthly-top-category-title{font-size:.85rem}.monthly-top-section .monthly-top-card{padding:8px}.monthly-top-section .monthly-top-rank-badge{width:20px;height:20px;font-size:.65em;top:5px;right:5px}.monthly-top-section .monthly-top-card-image{height:100px;margin-bottom:6px}.monthly-top-section .monthly-top-play-button{width:28px;height:28px;font-size:.85em;bottom:4px;right:4px}.monthly-top-section .monthly-top-card-label{font-size:.6em;margin-bottom:3px}.monthly-top-section .monthly-top-card-name{font-size:.8em;line-height:1.1em}.monthly-top-section .monthly-top-card-artist{font-size:.7em}.monthly-top-section .monthly-top-card-stats{font-size:.65em;margin-top:2px}}.quick-access-section{margin:2rem auto;color:var(--text-primary);width:100%;box-sizing:border-box;position:relative}.quick-access-section .quick-access-title{font-size:1.3rem;font-weight:700;margin:0 0 20px}.quick-access-section .quick-access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-access-section .quick-track-grid-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;padding:8px;transition:all var(--transition-speed) ease;cursor:pointer;position:relative;display:flex;align-items:stretch;gap:8px;min-width:0;box-shadow:var(--card-shadow)}.quick-access-section .quick-track-grid-card:hover{border-color:var(--primary-color);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.quick-access-section .track-cover-wrapper{flex-shrink:0;width:65px;height:65px;border-radius:6px;overflow:hidden;background-color:#0000004d;position:relative}.quick-access-section .track-cover-image{width:100%;height:100%;object-fit:cover}.quick-access-section .track-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-speed) ease}.quick-access-section .quick-track-grid-card:hover .track-overlay{opacity:1}.quick-access-section .track-play-button{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--primary-color);color:var(--white);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease}.quick-access-section .track-play-button:hover{background-color:var(--primary-dark);transform:scale(1.1)}.quick-access-section .track-card-content{flex:1;display:flex;align-items:center;justify-content:space-between;min-width:0;gap:8px}.quick-access-section .track-card-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.quick-access-section .track-card-title{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-access-section .track-card-artist{margin:2px 0 0;font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.3rem}.quick-access-section .quick-options-button{flex-shrink:0;background-color:var(--card-hover-bg);border:none;color:var(--text-muted);padding:6px;cursor:pointer;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-speed) ease,background-color var(--transition-speed) ease}.quick-access-section .quick-options-button svg{color:var(--primary-dark)}.quick-access-section .quick-track-grid-card:hover .quick-options-button{opacity:1}.quick-access-section .quick-options-button:hover{background-color:var(--light-bg);color:var(--primary-color)}.quick-access-section .slider-nav-button-header{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease;font-size:.9em}.quick-access-section .slider-nav-button-header:hover{background-color:var(--card-hover-bg);border-color:var(--primary-color)}.quick-access-section .slider-nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#000000b3;border:none;color:var(--white);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color var(--transition-speed) ease,opacity var(--transition-speed) ease;display:none}.quick-access-section .slider-nav-button:hover:not(:disabled){background-color:#000000e6}.quick-access-section .slider-nav-button:disabled{opacity:.3;cursor:not-allowed}.quick-access-section .slider-nav-button.left-nav{left:10px}.quick-access-section .slider-nav-button.right-nav{right:10px}.quick-access-section .loading-grid,.quick-access-section .error-grid{text-align:center;padding:30px;color:var(--text-secondary)}.quick-access-section .error-grid{color:var(--error-color)}.quick-access-section .error-message-quick{margin-bottom:1rem}.quick-access-section .retry-button-quick{background-color:var(--accent-color);color:var(--dark-bg);border:none;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-weight:600}.quick-access-section .retry-button-quick:hover{opacity:.8}@media (max-width: 1200px){.quick-access-section .quick-access-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.quick-access-section{margin:1.5rem auto;padding:0 .75rem}.quick-access-section .quick-access-title{font-size:1.2rem}.quick-access-section .quick-access-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (max-width: 480px){.quick-access-section{margin:1rem auto;padding:0 .5rem}.quick-access-section .quick-access-grid{grid-template-columns:repeat(2,1fr);gap:6px}.quick-access-section .quick-access-title{font-size:1rem;margin-bottom:12px}.quick-access-section .quick-track-grid-card{padding:6px;gap:6px}}.releases-slider-section{margin:2rem auto;position:relative}.releases-slider-section .section-header-row-releases{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.releases-slider-section .releases-header{font-size:1.3rem;font-weight:700;margin:0}.releases-slider-section .header-controls-releases{display:flex;align-items:center;gap:8px}.releases-slider-section .latest-releases-view-all-btn{background-color:var(--primary-color);border:1px solid var(--glass-border);color:var(--white);padding:.2rem;border-radius:50%;cursor:pointer;font-size:.9rem;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;width:33px;height:33px;text-decoration:none}.releases-slider-section .latest-releases-view-all-btn svg{color:var(--white)}.releases-slider-section .latest-releases-view-all-btn:hover{background:var(--dark-bg);border-color:var(--primary-color);color:var(--primary-color)}.releases-slider-section .view-more-link-releases{color:var(--accent-color);text-decoration:none;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.3rem;margin-left:8px}.releases-slider-section .view-more-link-releases:hover{text-decoration:underline}.releases-slider-section .releases-slider-wrapper{position:relative}.releases-slider-section .releases-slider-container{display:flex;overflow-x:auto;overflow-y:hidden;padding:10px 0;gap:12px;scrollbar-width:none;scroll-behavior:smooth}.releases-slider-section .releases-slider-container::-webkit-scrollbar{display:none}.releases-slider-section .album-card-link{text-decoration:none;color:inherit;flex-shrink:0}.releases-slider-section .album-card{width:160px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;padding:10px;transition:all var(--transition-speed) ease;cursor:pointer;box-shadow:var(--card-shadow)}.releases-slider-section .album-card:hover{border-color:var(--primary-color);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.releases-slider-section .album-cover-container{position:relative;width:100%;padding-top:100%;margin-bottom:6px;overflow:hidden;border-radius:var(--border-radius)}.releases-slider-section .album-cover-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.releases-slider-section .album-play-overlay{position:absolute;bottom:6px;right:6px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.95rem;opacity:0;transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease;cursor:pointer}.releases-slider-section .album-card:hover .album-play-overlay,.releases-slider-section .album-play-overlay.is-active{opacity:1}.releases-slider-section .album-play-overlay:hover{transform:scale(1.1)}.releases-slider-section .album-info-content{text-align:left}.releases-slider-section .album-info-title{font-size:.9em;font-weight:700;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.releases-slider-section .album-info-artist{font-size:.75em;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.3rem}.releases-slider-section .kakiverse-artist{color:var(--accent-color);font-weight:500}.releases-slider-section .slider-nav-button-header{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease;font-size:.9em}.releases-slider-section .slider-nav-button-header:hover{background-color:var(--card-hover-bg);border-color:var(--primary-color)}.releases-slider-section .slider-nav-button{display:none}.releases-slider-section .slider-loading-state{text-align:center;padding:40px;color:var(--text-secondary)}@media (max-width: 768px){.releases-slider-section{margin:1.5rem auto}.releases-slider-section .section-header-row-releases{padding:0}.releases-slider-section .releases-header{font-size:1rem}.releases-slider-section .slider-nav-button-header{width:32px;height:32px;font-size:.85em}.releases-slider-section .header-controls-releases{gap:6px}.releases-slider-section .view-more-link-releases{font-size:.8rem;margin-left:6px}.releases-slider-section .releases-slider-container{gap:10px;padding:10px 12px}.releases-slider-section .album-card{width:130px}}.app-footer-section .app-footer{background-color:var(--card-bg);color:var(--text-primary);padding:40px 20px 20px;margin-top:60px;border-radius:5px}.app-footer-section .app-footer .footer-container{max-width:1700px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.app-footer-section .app-footer .footer-section{display:flex;flex-direction:column}.app-footer-section .app-footer .footer-section-title{font-size:1.1em;font-weight:700;margin:0 0 15px;color:var(--text-primary)}.app-footer-section .app-footer .footer-description{font-size:.9em;color:var(--text-secondary);line-height:1.6;margin-bottom:15px}.app-footer-section .app-footer .footer-links{list-style:none;padding:0;margin:0}.app-footer-section .app-footer .footer-links li{margin-bottom:10px}.app-footer-section .app-footer .footer-link{color:var(--text-secondary);text-decoration:none;font-size:.9em;transition:color var(--transition-speed);display:flex;align-items:center;gap:8px}.app-footer-section .app-footer .footer-link svg,.app-footer-section .app-footer .footer-link i{color:var(--primary-dark)}.app-footer-section .app-footer .footer-link:hover{color:var(--primary-color)}.app-footer-section .app-footer .footer-link:hover svg,.app-footer-section .app-footer .footer-link:hover i{color:var(--primary-color)}.app-footer-section .app-footer .footer-kakiverse{margin-top:10px;font-size:.9em;color:var(--text-secondary)}.app-footer-section .app-footer .footer-kakiverse-link{color:var(--primary-color);text-decoration:none;transition:color var(--transition-speed)}.app-footer-section .app-footer .footer-kakiverse-link:hover{color:var(--primary-dark)}.app-footer-section .app-footer .footer-bottom{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color);text-align:center}.app-footer-section .app-footer .footer-copyright{font-size:.85em;color:var(--text-muted);margin:0}@media (max-width: 768px){.app-footer-section .app-footer .footer-container{grid-template-columns:1fr;gap:25px}.app-footer-section .app-footer{padding:30px 15px 15px}}.home-loading-state{padding:1rem;color:var(--text-primary);min-height:100%}.skeleton-hero-section{width:100%;height:400px;border-radius:12px;margin-bottom:40px;position:relative;overflow:hidden}.skeleton-hero-content{position:absolute;bottom:30px;left:30px;display:flex;flex-direction:column;gap:12px;z-index:2}.skeleton-hero-tag{width:150px;height:20px;border-radius:6px}.skeleton-hero-title{width:400px;max-width:80%;height:48px;border-radius:8px}.skeleton-hero-artist{width:200px;height:20px;border-radius:6px}.skeleton-hero-plays{width:120px;height:16px;border-radius:6px}.skeleton-hero-actions{display:flex;gap:10px;margin-top:10px}.skeleton-hero-button{width:45px;height:45px;border-radius:50%}.skeleton-hero-button.primary{width:120px;border-radius:25px}.skeleton-monthly-top{margin-bottom:50px}.skeleton-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.skeleton-section-title{display:flex;align-items:center;gap:10px}.skeleton-section-icon{width:24px;height:24px;border-radius:6px}.skeleton-section-title-text{width:150px;height:28px;border-radius:6px}.skeleton-view-more-btn{width:160px;height:36px;border-radius:20px}.skeleton-monthly-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.skeleton-top-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.skeleton-top-card-image{width:120px;height:120px;border-radius:50%}.skeleton-top-card-image.square{border-radius:8px}.skeleton-top-card-rank{width:40px;height:40px;border-radius:50%;margin-top:-60px;margin-bottom:40px}.skeleton-top-card-name{width:80%;height:20px;border-radius:6px}.skeleton-top-card-artist{width:60%;height:16px;border-radius:6px}.skeleton-top-card-stats{width:70%;height:14px;border-radius:6px}.skeleton-artist-slider{margin-bottom:50px}.skeleton-releases-slider{margin-bottom:50px}.skeleton-releases-slider-container{display:flex;gap:15px;overflow:hidden;padding:10px 0}.skeleton-album-card{display:flex;flex-direction:column;gap:8px;flex-shrink:0;width:160px}.skeleton-album-cover{width:160px;height:160px;border-radius:8px}.skeleton-album-title{width:140px;height:16px;border-radius:6px}.skeleton-album-artist{width:100px;height:14px;border-radius:6px}.skeleton-quick-access{margin-bottom:50px}.skeleton-quick-access-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.skeleton-quick-access-card{display:flex;flex-direction:column;gap:10px}.skeleton-quick-access-cover{width:100%;aspect-ratio:1;border-radius:8px}.skeleton-quick-access-title{width:90%;height:16px;border-radius:6px}.skeleton-quick-access-artist{width:70%;height:14px;border-radius:6px}.skeleton-random-tracks{margin-bottom:50px}.skeleton-tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.skeleton-track-card{display:flex;flex-direction:column;gap:8px}.skeleton-track-cover{width:100%;aspect-ratio:1;border-radius:8px}.skeleton-track-title{width:90%;height:16px;border-radius:6px}.skeleton-track-artist{width:70%;height:14px;border-radius:6px}@media (max-width: 1024px){.skeleton-monthly-grid{grid-template-columns:repeat(2,1fr)}.skeleton-hero-title{width:300px}}@media (max-width: 768px){.home-loading-state{padding:10px}.skeleton-hero-section{height:300px}.skeleton-hero-content{bottom:20px;left:20px}.skeleton-hero-title{width:250px;height:36px}.skeleton-monthly-grid{grid-template-columns:1fr}.skeleton-artist-avatar{width:100px;height:100px}.skeleton-album-card{width:140px}.skeleton-album-cover{width:140px;height:140px}.skeleton-quick-access-grid,.skeleton-tracks-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.skeleton-section-header{flex-direction:column;align-items:flex-start;gap:10px}.skeleton-view-more-btn{width:100%}}@media (max-width: 480px){.skeleton-hero-section{height:250px;border-radius:8px}.skeleton-hero-title{width:90%;height:28px}.skeleton-hero-button.primary{width:100px}.skeleton-artist-slider-container{gap:15px}.skeleton-artist-avatar{width:80px;height:80px}.skeleton-artist-name{width:80px}.skeleton-quick-access-grid,.skeleton-tracks-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.home-page-container{padding:1rem;color:var(--text-primary);min-height:100%}.home-page-container h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.home-page-container p{color:var(--text-secondary)}.home-page-container .recent-mixes-section{margin-top:40px;padding:0 20px}.home-page-container .error-state{color:var(--error-color);background-color:var(--error-light-bg);border:1px solid var(--error-color);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}@media (max-width: 768px){.home-page-container{padding:10px}}.license-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;animation:fadeIn .2s ease}.license-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 10px 40px #00000080;z-index:9999;max-width:900px;width:90%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:modalZoomIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes modalZoomIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.license-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--medium-bg)}.license-modal-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.license-modal-subtitle{font-size:.85rem;color:var(--text-muted);margin:0;font-style:italic}.license-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.3rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.license-modal-close:hover{background:var(--light-bg);color:var(--text-primary);transform:rotate(90deg)}.license-modal-body{padding:28px;overflow-y:auto;flex:1}.license-modal-body .license-cards-grid>.license-card:first-child{display:none}.license-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.license-option-card{background:var(--medium-bg);border:1px solid var(--glass-border);border-radius:12px;padding:14px;transition:all .3s ease;display:flex;flex-direction:column}.license-option-card:hover{border-color:var(--license-color);box-shadow:0 4px 20px #0000004d;transform:translateY(-4px)}.license-option-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.license-option-icon{font-size:1.4rem;color:var(--license-color)}.license-option-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0}.license-option-description{font-size:.75rem;color:var(--text-muted);margin:0}.license-option-price{font-size:1.4rem;font-weight:800;color:var(--license-color);margin-bottom:10px;text-align:center;padding:8px;background:#ffffff0d;border-radius:8px}.license-option-features{list-style:none;padding:0;margin:0 0 12px}.license-option-features li{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:.8rem;color:var(--text-secondary)}.license-option-features .feature-icon{color:var(--license-color);font-size:.85rem}.license-option-details{margin-bottom:12px;padding:10px;background:#0003;border-radius:6px;border-left:3px solid var(--license-color)}.license-option-details .details-title{font-size:.8rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.license-option-details .details-list{list-style:none;padding:0;margin:0}.license-option-details .details-list li{font-size:.75rem;color:var(--text-secondary);padding:3px 0 3px 16px;position:relative}.license-option-details .details-list li:before{content:"•";position:absolute;left:6px;color:var(--license-color);font-weight:700}.license-option-button{width:100%;padding:10px 16px;background:var(--license-color);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.license-option-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.license-option-button:active{transform:scale(.98)}body.theme-clair .license-modal-container,body.theme-light .license-modal-container,.light-theme .license-modal-container{background-color:var(--white);box-shadow:var(--card-shadow-hover)}body.theme-clair .license-option-price,body.theme-light .license-option-price,.light-theme .license-option-price,body.theme-clair .license-option-details,body.theme-light .license-option-details,.light-theme .license-option-details{background:#0000000d}body.theme-clair .license-option-card,body.theme-light .license-option-card,.light-theme .license-option-card{background-color:var(--white);box-shadow:var(--card-shadow)}body.theme-clair .license-option-card:hover,body.theme-light .license-option-card:hover,.light-theme .license-option-card:hover{box-shadow:var(--card-shadow-hover)}@media (max-width: 768px){.license-modal-container{width:95%;max-height:90vh}.license-options-grid{grid-template-columns:1fr}.license-modal-header,.license-modal-body{padding:20px}.license-modal-title{font-size:1.2rem}}.app-beat-banner{position:relative;height:250px;overflow:hidden;border-radius:var(--border-radius);margin-bottom:40px;padding:1rem 0}.app-beat-banner .beat-banner-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.app-beat-banner .beat-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.8) 40%,rgba(0,0,0,.4) 80%,transparent 100%);z-index:2}.app-beat-banner .beat-banner-content{position:relative;z-index:3;padding:40px;color:var(--white);max-width:60%;height:100%;display:flex;flex-direction:column;justify-content:center}.app-beat-banner .beat-banner-title{font-size:3rem;font-weight:900;margin:0 0 10px;color:var(--primary-color)}.app-beat-banner .beat-banner-subtitle{font-size:1.1em;color:var(--text-secondary);margin:0 0 10px}.app-beat-banner .beat-banner-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.app-beat-banner .beat-badge{background-color:#ffffff26;color:var(--white);padding:5px 10px;border-radius:50px;font-size:.8em;font-weight:600;border:1px solid var(--primary-color)}.app-beat-banner .cart-toggle{background-color:var(--primary-color);color:var(--white);border:none;padding:5px 10px;border-radius:50px;font-weight:700;cursor:pointer;transition:background-color var(--transition-speed);display:flex;align-items:center;gap:10px;width:150px}.app-beat-banner .cart-toggle:hover{background-color:var(--primary-dark)}.app-beat-banner .cart-count{background-color:var(--white);color:var(--error-color);border-radius:50%;padding:2px 7px;font-size:.9em}@media (max-width: 999px){.app-beat-banner .beat-banner-content{max-width:100%;padding:1rem}.app-beat-banner .beat-banner-title{font-size:2rem}.app-beat-banner{height:auto;overflow:hidden}}.app-beats-albums-section{margin-bottom:30px}.app-beats-albums-section .app-section-title{font-size:1.35rem;font-weight:700;color:var(--white);margin-bottom:15px;padding-top:15px;display:flex;align-items:center}.app-beats-albums-section .app-section-icon{margin-right:12px;color:var(--primary-dark)}.app-beats-albums-section .beats-albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.app-beats-albums-section .beat-card-wrapper{position:relative;display:flex;flex-direction:column;padding:8px;height:250px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:var(--card-shadow);transition:all var(--transition-speed) ease;cursor:pointer;overflow:hidden}.app-beats-albums-section .beat-card-wrapper:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.app-beats-albums-section .beat-license-prices{margin-top:4px;display:flex;flex-direction:row;gap:4px;padding:0;justify-content:space-between}.app-beats-albums-section .license-price-item{display:flex;justify-content:center;align-items:center;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;white-space:nowrap;flex:1}.app-beats-albums-section .license-price-item.basic{background-color:#2ecc7133;color:#2ecc71;border:1px solid rgba(46,204,113,.4)}.app-beats-albums-section .license-price-item.premium{background-color:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.4)}.app-beats-albums-section .license-price-item.unlimited{background-color:#ff475733;color:#ff4757;border:1px solid rgba(255,71,87,.4)}.app-beats-albums-section .license-label{color:var(--white);opacity:.9;text-transform:uppercase;letter-spacing:.5px;font-size:.9em}.app-beats-albums-section .license-price{font-weight:700;font-size:.8em;color:inherit}.app-beats-albums-section .add-to-cart-beat-button{border:none;border-radius:4px;padding:4px 6px;font-size:.65em;font-weight:600;cursor:pointer;margin-top:4px;display:flex;justify-content:center;align-items:center;gap:4px;transition:all var(--transition-speed) ease;width:100%;background-color:var(--cart-btn-bg);color:var(--white);opacity:var(--cart-btn-opacity)}.app-beats-albums-section .beat-card-wrapper:hover .add-to-cart-beat-button{opacity:var(--cart-btn-opacity-hover)}.app-beats-albums-section .add-to-cart-beat-button:hover:not(.in-cart){background-color:var(--cart-btn-bg-hover)}.app-beats-albums-section .add-to-cart-beat-button.in-cart{background-color:var(--success-color);cursor:default;opacity:.8}body.theme-clair .app-beats-albums-section .app-section-title,body.theme-light .app-beats-albums-section .app-section-title,.light-theme .app-beats-albums-section .app-section-title{color:var(--text-primary)}body.theme-clair .app-beats-albums-section .beat-card-wrapper,body.theme-light .app-beats-albums-section .beat-card-wrapper,.light-theme .app-beats-albums-section .beat-card-wrapper{background-color:var(--white);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}body.theme-clair .app-beats-albums-section .beat-card-wrapper:hover,body.theme-light .app-beats-albums-section .beat-card-wrapper:hover,.light-theme .app-beats-albums-section .beat-card-wrapper:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}body.theme-clair .app-beats-albums-section .beat-info-title,body.theme-light .app-beats-albums-section .beat-info-title,.light-theme .app-beats-albums-section .beat-info-title{color:var(--text-primary)}body.theme-clair .app-beats-albums-section .license-label,body.theme-light .app-beats-albums-section .license-label,.light-theme .app-beats-albums-section .license-label{color:var(--text-muted)}@media (max-width: 768px){.app-beats-albums-section .beats-albums-grid{grid-template-columns:repeat(2,1fr)}.app-beats-albums-section .beat-card-wrapper{height:250px;padding:8px}.app-beats-albums-section .license-price-item{padding:4px 5px;font-size:.65em}}@media (max-width: 480px){.app-beats-albums-section .beats-albums-grid{grid-template-columns:1fr}.app-beats-albums-section .beat-card-wrapper{min-height:200px;padding:8px}}.app-beats-singles-section{margin-bottom:30px}.app-beats-singles-section .app-section-title{font-size:1.35rem;font-weight:700;color:var(--white);margin-bottom:20px;padding-top:15px;display:flex;align-items:center}.app-beats-singles-section .app-section-icon{margin-right:12px;color:var(--primary-dark)}.app-beats-singles-section .beats-container{display:flex;gap:20px;align-items:flex-start}.app-beats-singles-section .beats-featured-section{flex:0 0 45%;min-width:200px;height:350px}.app-beats-singles-section .featured-beat-card{border-radius:12px;overflow:hidden;background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);cursor:pointer;transition:all var(--transition-speed) ease;height:100%;display:flex;flex-direction:column;max-height:380px}.app-beats-singles-section .featured-beat-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.app-beats-singles-section .featured-beat-cover{position:relative;width:100%;height:60%;overflow:hidden;background-color:#0000004d;flex-shrink:0;border-radius:1rem;padding:.3rem}.app-beats-singles-section .featured-beat-info{padding:.3rem}.app-beats-singles-section .featured-cover-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-speed) ease;position:relative;border-radius:1rem}.app-beats-singles-section .featured-beat-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-speed) ease}.app-beats-singles-section .featured-beat-card:hover .featured-beat-overlay{opacity:1}.app-beats-singles-section .featured-play-button{width:60px;height:60px;border-radius:50%;border:none;background-color:var(--primary-color);color:var(--white);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease}.app-beats-singles-section .featured-play-button:hover{background-color:var(--primary-dark)}.beats-singles{display:flex;flex-direction:column;gap:6px;flex:1;overflow:hidden}.app-beats-singles-section .featured-beat-title{margin:0rem;font-weight:700;color:var(--white);word-break:break-word;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.app-beats-singles-section .featured-beat-artist{margin:0;font-size:.8rem;color:#ffffffb3;word-break:break-word;overflow:hidden}.app-beats-singles-section .featured-beat-licenses{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.app-beats-singles-section .featured-beat-licenses .license-badge{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:3px;border:none;background-color:var(--primary-color);color:var(--white);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;flex-shrink:0}.app-beats-singles-section .featured-cart-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:4px;border:none;font-size:.85rem;font-weight:500;width:100%;margin-top:12px;background-color:var(--cart-btn-bg);color:var(--white);cursor:pointer;transition:all var(--transition-speed) ease;opacity:var(--cart-btn-opacity)}.app-beats-singles-section .featured-cart-button:hover:not(.in-cart){background-color:var(--cart-btn-bg-hover);opacity:var(--cart-btn-opacity-hover)}.app-beats-singles-section .featured-cart-button.in-cart{background-color:var(--success-color);cursor:default;opacity:.8}.app-beats-singles-section .beats-grid-section{flex:1;min-width:0}.app-beats-singles-section .beats-singles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;height:350px}.app-beats-singles-section .beat-card-wrapper{display:flex;align-items:stretch;gap:12px;padding:12px;border-radius:8px;overflow:hidden;background-color:var(--card-bg);border:var(--card-border);cursor:pointer;transition:all var(--transition-speed) ease}.app-beats-singles-section .beat-card-wrapper:hover{border-color:var(--primary-color);box-shadow:0 10px 40px #0006}.app-beats-singles-section .beat-card-cover{flex-shrink:0;width:65px;height:65px;border-radius:6px;overflow:hidden;background-color:#0000004d;position:relative}.app-beats-singles-section .beat-cover-image{width:100%;height:100%;object-fit:cover}.app-beats-singles-section .beat-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-speed) ease}.app-beats-singles-section .beat-card-wrapper:hover .beat-overlay{opacity:1}.app-beats-singles-section .beat-play-button{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--primary-color);color:var(--white);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease}.app-beats-singles-section .beat-play-button:hover{background-color:var(--primary-dark);transform:scale(1.1)}.app-beats-singles-section .beat-card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.app-beats-singles-section .beat-card-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;margin-bottom:8px}.app-beats-singles-section .beat-title{margin:0;font-size:.95rem;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-beats-singles-section .beat-artist{margin:2px 0 0;font-size:.8rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-beats-singles-section .beat-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-beats-singles-section .beat-license-badges{display:flex;align-items:center;gap:6px}.app-beats-singles-section .license-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;white-space:nowrap}.app-beats-singles-section .license-icon{font-size:1.1em;opacity:1;margin-right:3px}.app-beats-singles-section .license-price-value{font-weight:700;font-size:.8em}.app-beats-singles-section .license-badge.basic{background-color:#2ed57333;color:#2ed573;border:1px solid rgba(46,213,115,.4)}.app-beats-singles-section .license-badge.premium{background-color:#ffa50233;color:#ffa502;border:1px solid rgba(255,165,2,.4)}.app-beats-singles-section .license-badge.unlimited{background-color:#ff475733;color:#ff4757;border:1px solid rgba(255,71,87,.4)}.app-beats-singles-section .sold-out-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;font-size:.6rem;font-weight:800;padding:3px 8px;border-radius:4px;letter-spacing:.5px;z-index:2;text-transform:uppercase}.app-beats-singles-section .sold-out-label{display:flex;align-items:center;gap:6px;color:#e74c3c;font-size:.8rem;font-weight:700;letter-spacing:.5px}.app-beats-singles-section .sold-out-label.featured{font-size:1rem;justify-content:center;margin-top:12px;padding:8px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:4px}flex-shrink: 0; width: 28px; height: 28px; border-radius: 3px; border: none; font-size: .75rem; display: flex; align-items: center; justify-content: center; background-color: var(--cart-btn-bg); color: var(--white); cursor: pointer; transition: all var(--transition-speed) ease; opacity: 0; visibility: hidden; } .app-beats-singles-section .beat-card-wrapper:hover .beat-cart-button{opacity:var(--cart-btn-opacity);visibility:visible}.app-beats-singles-section .beat-cart-button:hover:not(.in-cart){background-color:var(--cart-btn-bg-hover);opacity:var(--cart-btn-opacity-hover)}.app-beats-singles-section .beat-cart-button.in-cart{background-color:var(--success-color);cursor:default;opacity:.8}body.theme-clair .app-beats-singles-section .app-section-title,body.theme-light .app-beats-singles-section .app-section-title,.light-theme .app-beats-singles-section .app-section-title{color:var(--text-primary)}body.theme-clair .app-beats-singles-section .featured-beat-card,body.theme-light .app-beats-singles-section .featured-beat-card,.light-theme .app-beats-singles-section .featured-beat-card{background-color:var(--white);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}body.theme-clair .app-beats-singles-section .featured-beat-card:hover,body.theme-light .app-beats-singles-section .featured-beat-card:hover,.light-theme .app-beats-singles-section .featured-beat-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}body.theme-clair .app-beats-singles-section .beat-card-wrapper,body.theme-light .app-beats-singles-section .beat-card-wrapper,.light-theme .app-beats-singles-section .beat-card-wrapper{background-color:var(--white);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}body.theme-clair .app-beats-singles-section .beat-card-wrapper:hover,body.theme-light .app-beats-singles-section .beat-card-wrapper:hover,.light-theme .app-beats-singles-section .beat-card-wrapper:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}body.theme-clair .app-beats-singles-section .beat-title,body.theme-light .app-beats-singles-section .beat-title,.light-theme .app-beats-singles-section .beat-title{color:var(--text-primary)}body.theme-clair .app-beats-singles-section .beat-artist,body.theme-light .app-beats-singles-section .beat-artist,.light-theme .app-beats-singles-section .beat-artist{color:var(--text-muted)}@media (max-width: 1200px){.app-beats-singles-section .beats-container{gap:15px}.app-beats-singles-section .beats-featured-section{flex:0 0 40%}.app-beats-singles-section .beats-grid-section{flex:1}.app-beats-singles-section .beats-singles-grid{grid-template-columns:1fr}}@media (max-width: 768px){.app-beats-singles-section .beats-singles-grid{grid-template-columns:1fr;gap:8px}.app-beats-singles-section .beat-card-wrapper{flex-direction:column;gap:8px;padding:8px}.app-beats-singles-section .beat-card-cover{width:100%;height:100px}.app-beats-singles-section .beat-card-footer{flex-direction:column;gap:8px}.app-beats-singles-section .beat-license-badges{width:100%;flex-wrap:wrap}.app-beats-singles-section .beat-cart-button{align-self:flex-start}}@media (max-width: 480px){.app-beats-singles-section .beat-card-wrapper{padding:6px;gap:6px}.app-beats-singles-section .beat-card-cover{height:90px}.app-beats-singles-section .beat-title{font-size:.85rem}.app-beats-singles-section .beat-artist{font-size:.75rem}.app-beats-singles-section .license-badge{padding:3px 6px;font-size:.65rem}}.app-all-beats-singles-section{margin-bottom:30px}.app-all-beats-singles-section .app-section-title{font-size:1.35rem;font-weight:700;color:var(--white);margin-bottom:20px;padding-top:15px;display:flex;align-items:center}.app-all-beats-singles-section .app-section-icon{margin-right:12px;color:var(--primary-dark)}.app-all-beats-singles-section .all-beats-singles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.app-all-beats-singles-section .beat-card-wrapper{display:flex;align-items:stretch;gap:12px;padding:12px;border-radius:8px;overflow:hidden;background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);cursor:pointer;transition:all var(--transition-speed) ease}.app-all-beats-singles-section .beat-card-wrapper:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.app-all-beats-singles-section .beat-card-cover{flex-shrink:0;width:65px;height:65px;border-radius:6px;overflow:hidden;background-color:#0000004d;position:relative}.app-all-beats-singles-section .beat-cover-image{width:100%;height:100%;object-fit:cover}.app-all-beats-singles-section .beat-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-speed) ease}.app-all-beats-singles-section .beat-card-wrapper:hover .beat-overlay{opacity:1}.app-all-beats-singles-section .beat-play-button{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--primary-color);color:var(--white);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease}.app-all-beats-singles-section .beat-play-button:hover{background-color:var(--primary-dark);transform:scale(1.1)}.app-all-beats-singles-section .beat-card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.app-all-beats-singles-section .beat-card-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;margin-bottom:8px}.app-all-beats-singles-section .beat-title{margin:0;font-size:.95rem;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-all-beats-singles-section .beat-artist{margin:2px 0 0;font-size:.8rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-all-beats-singles-section .beat-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-all-beats-singles-section .beat-license-badges{display:flex;align-items:center;gap:6px}.app-all-beats-singles-section .license-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;white-space:nowrap}.app-all-beats-singles-section .license-price-value{font-weight:700}.app-all-beats-singles-section .license-badge.basic{background-color:#2ecc7133;color:#2ecc71;border:1px solid rgba(46,204,113,.4)}.app-all-beats-singles-section .license-badge.premium{background-color:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.4)}.app-all-beats-singles-section .license-badge.unlimited{background-color:#ff475733;color:#ff4757;border:1px solid rgba(255,71,87,.4)}.app-all-beats-singles-section .sold-out-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;font-size:.55rem;font-weight:800;padding:2px 6px;border-radius:3px;letter-spacing:.5px;z-index:2;text-transform:uppercase}.app-all-beats-singles-section .sold-out-label{display:flex;align-items:center;gap:6px;color:#e74c3c;font-size:.8rem;font-weight:700;letter-spacing:.5px}.app-all-beats-singles-section .beat-cart-button{flex-shrink:0;width:28px;height:28px;border-radius:3px;border:none;font-size:.75rem;display:flex;align-items:center;justify-content:center;background-color:var(--cart-btn-bg);color:var(--primary-color);cursor:pointer;transition:all var(--transition-speed) ease;opacity:0;visibility:hidden}.app-all-beats-singles-section .beat-card-wrapper:hover .beat-cart-button{opacity:var(--cart-btn-opacity);visibility:visible}.app-all-beats-singles-section .beat-cart-button:hover:not(.in-cart){background-color:var(--cart-btn-bg-hover);opacity:var(--cart-btn-opacity-hover)}.app-all-beats-singles-section .beat-cart-button.in-cart{background-color:var(--success-color);cursor:default;opacity:.8;visibility:visible}body.theme-clair .app-all-beats-singles-section .app-section-title,body.theme-light .app-all-beats-singles-section .app-section-title,.light-theme .app-all-beats-singles-section .app-section-title{color:var(--text-primary)}body.theme-clair .app-all-beats-singles-section .beat-card-wrapper,body.theme-light .app-all-beats-singles-section .beat-card-wrapper,.light-theme .app-all-beats-singles-section .beat-card-wrapper{background-color:var(--white);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}body.theme-clair .app-all-beats-singles-section .beat-card-wrapper:hover,body.theme-light .app-all-beats-singles-section .beat-card-wrapper:hover,.light-theme .app-all-beats-singles-section .beat-card-wrapper:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}body.theme-clair .app-all-beats-singles-section .beat-title,body.theme-light .app-all-beats-singles-section .beat-title,.light-theme .app-all-beats-singles-section .beat-title{color:var(--text-primary)}body.theme-clair .app-all-beats-singles-section .beat-artist,body.theme-light .app-all-beats-singles-section .beat-artist,.light-theme .app-all-beats-singles-section .beat-artist{color:var(--text-muted)}@media (max-width: 1200px){.app-all-beats-singles-section .all-beats-singles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.app-all-beats-singles-section .all-beats-singles-grid{grid-template-columns:1fr;gap:8px}.app-all-beats-singles-section .beat-card-wrapper{flex-direction:column;gap:8px;padding:8px}.app-all-beats-singles-section .beat-card-cover{width:100%;height:100px}.app-all-beats-singles-section .beat-cart-button{opacity:1!important}.app-all-beats-singles-section .beat-card-footer{flex-direction:row;gap:8px;font-size:2rem;opacity:1}.app-all-beats-singles-section .beat-license-badges{width:100%;flex-wrap:wrap}.app-all-beats-singles-section .beat-cart-button{align-self:flex-start}}@media (max-width: 480px){.app-all-beats-singles-section .beat-card-wrapper{padding:6px;gap:6px}.app-all-beats-singles-section .beat-card-cover{height:90px}.app-all-beats-singles-section .beat-title{font-size:.85rem}.app-all-beats-singles-section .beat-artist{font-size:.75rem}.app-all-beats-singles-section .license-badge{padding:3px 6px;font-size:.65rem}}.kaki-beats-loading-state{padding:30px 40px 100px;min-height:100%;color:var(--text-primary);background-color:var(--bg-02)}.skeleton-beats-header{height:250px;width:100%;border-radius:12px;margin-bottom:40px;position:relative;overflow:hidden}.skeleton-header-content{position:absolute;bottom:30px;left:30px;width:40%;z-index:3;display:flex;flex-direction:column;gap:15px}.skeleton-header-title{width:300px;height:48px;border-radius:8px}.skeleton-header-subtitle{width:250px;height:20px;border-radius:6px}.skeleton-header-badges{display:flex;gap:10px}.skeleton-badge{width:100px;height:28px;border-radius:50px}.skeleton-cart-button{width:150px;height:40px;border-radius:25px;margin-top:10px}.skeleton-albums-section{margin-bottom:50px}.skeleton-section-title{width:250px;height:28px;border-radius:6px;margin-bottom:20px}.skeleton-albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.skeleton-album-card{height:250px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:8px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:8px}.skeleton-album-cover{width:100%;padding-top:100%;position:relative;border-radius:4px;margin-bottom:5px}.skeleton-album-title{width:90%;height:16px;border-radius:6px}.skeleton-license-badges{display:flex;gap:4px;margin-top:5px}.skeleton-license-badge{flex:1;height:22px;border-radius:4px}.skeleton-cart-btn-small{width:100%;height:32px;border-radius:6px;margin-top:auto}.skeleton-top-beats-section{margin-bottom:50px}.skeleton-top-beats-container{display:flex;gap:20px}.skeleton-featured-beat{flex:0 0 45%;height:350px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:10px;box-shadow:var(--card-shadow);display:flex;flex-direction:column}.skeleton-featured-cover{height:60%;border-radius:8px;margin-bottom:10px}.skeleton-featured-info{display:flex;flex-direction:column;gap:8px;flex:1}.skeleton-featured-title{width:90%;height:20px;border-radius:6px}.skeleton-featured-artist{width:70%;height:16px;border-radius:6px}.skeleton-featured-licenses{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:5px}.skeleton-featured-license-item{height:50px;border-radius:6px}.skeleton-featured-cart{width:100%;height:36px;border-radius:6px;margin-top:auto}.skeleton-top-beats-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:12px;height:350px}.skeleton-beat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:10px;box-shadow:var(--card-shadow);display:flex;gap:10px}.skeleton-beat-cover{width:65px;height:65px;border-radius:6px;flex-shrink:0}.skeleton-beat-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-beat-title{width:90%;height:16px;border-radius:6px}.skeleton-beat-artist{width:70%;height:14px;border-radius:6px}.skeleton-beat-footer{display:flex;gap:6px;align-items:center;margin-top:auto}.skeleton-mini-badge{flex:1;height:20px;border-radius:4px}.skeleton-mini-cart-btn{width:28px;height:28px;border-radius:50%}.skeleton-all-beats-section{margin-bottom:50px}.skeleton-all-beats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 1200px){.skeleton-all-beats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 999px){.kaki-beats-loading-state{padding:20px 20px 100px}.skeleton-beats-header{height:220px}.skeleton-header-content{width:50%}.skeleton-header-title{width:250px;height:40px}}@media (max-width: 768px){.kaki-beats-loading-state{padding:15px 15px 100px}.skeleton-beats-header{height:180px}.skeleton-header-content{width:90%}.skeleton-header-title{width:200px;height:32px}.skeleton-header-subtitle{width:180px}.skeleton-albums-grid{grid-template-columns:repeat(2,1fr)}.skeleton-top-beats-container{flex-direction:column}.skeleton-featured-beat{flex:1}.skeleton-top-beats-grid{grid-template-columns:1fr;height:auto}.skeleton-all-beats-grid{grid-template-columns:1fr}}@media (max-width: 480px){.skeleton-albums-grid{grid-template-columns:1fr}.skeleton-header-badges{flex-wrap:wrap}.skeleton-cart-button{width:100%}}.app-kaki-beats-container{box-sizing:border-box;padding:30px 40px 100px;min-height:100%;color:var(--text-primary);background-color:var(--bg-02)}.app-kaki-beats-container .app-beats-header{font-size:2.5rem;font-weight:900;margin-bottom:40px;color:var(--text-primary);line-height:1.1;border-bottom:2px solid var(--primary-color);padding-bottom:15px}.app-kaki-beats-container .app-beats-header svg{margin-right:15px;color:var(--primary-dark)}.app-kaki-beats-container .status-message,.app-kaki-beats-container .kaki-beats-empty-state{text-align:center;padding:50px 0;color:var(--text-secondary)}.app-kaki-beats-container .status-message.error-state{color:var(--error-color);background-color:#e74c3c1a;border-radius:var(--border-radius);border:1px solid var(--error-color);margin-top:20px}@media (max-width: 999px){.app-kaki-beats-container{padding:20px 20px 100px}}.app-playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.app-playlists-grid .playlist-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:border-color var(--transition-speed) ease,transform .1s ease,box-shadow var(--transition-speed) ease;height:auto;box-shadow:var(--card-shadow)}.app-playlists-grid .playlist-card:hover{border-color:var(--card-border-hover);transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.app-playlists-grid .playlist-cover-wrapper{width:100%;aspect-ratio:1 / 1;margin-bottom:10px;overflow:hidden;flex-shrink:0;border-radius:4px;position:relative}.app-playlists-grid .playlist-cover-img{width:100%;height:100%;object-fit:cover;border-radius:4px}.app-playlists-grid .playlist-card-new{border:2px dashed var(--gray-50);color:var(--text-secondary);justify-content:center;align-items:center;text-align:center}.app-playlists-grid .playlist-card-new svg{margin-bottom:10px}.app-playlists-grid .playlist-title{font-weight:700;font-size:1.1em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:var(--text-primary)}.app-playlists-grid .playlist-default-icon-wrapper{width:100%;padding-top:100%;position:relative;background-color:var(--card-bg);display:flex;justify-content:center;align-items:center;border-radius:4px}.app-playlists-grid .playlist-default-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-muted);opacity:.5}.app-playlists-grid .playlist-card.liked-tracks-card .playlist-cover-wrapper{overflow:hidden;border-radius:4px}.app-playlists-grid .liked-tracks-cover-gradient{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color) 0%,#ff4b4b 100%);display:flex;justify-content:center;align-items:center;border-radius:4px}.app-playlists-grid .liked-tracks-icon{color:var(--white);font-size:3em}.app-playlists-grid .playlist-mosaic-cover-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;gap:0;overflow:hidden;background-color:var(--card-bg)}.app-playlists-grid .mosaic-cover-grid-item{width:100%;height:100%;object-fit:cover;border:.5px solid var(--gray-80);display:block}.app-playlists-grid .playlist-play-overlay{position:absolute;bottom:8px;right:8px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:50%;width:40px;height:40px;padding:0;display:flex;justify-content:center;align-items:center;font-size:1.1em;opacity:0;cursor:pointer;transition:all var(--transition-speed) ease;transform:scale(.9);box-shadow:0 4px 8px #0000004d;z-index:10}.app-playlists-grid .playlist-card:hover .playlist-play-overlay,.app-playlists-grid .playlist-play-overlay.is-active{opacity:1;transform:scale(1)}.app-playlists-grid .playlist-play-overlay:hover{background-color:var(--primary-dark);transform:scale(1.05)}body.theme-clair .app-playlists-grid .playlist-card,body.theme-light .app-playlists-grid .playlist-card,.light-theme .app-playlists-grid .playlist-card{background-color:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a}body.theme-clair .app-playlists-grid .playlist-card:hover,body.theme-light .app-playlists-grid .playlist-card:hover,.light-theme .app-playlists-grid .playlist-card:hover{border-color:#0000001a;box-shadow:0 16px 40px #0000001f,0 4px 12px #0000000f}body.theme-clair .app-playlists-grid .playlist-title,body.theme-light .app-playlists-grid .playlist-title,.light-theme .app-playlists-grid .playlist-title{color:#000}body.theme-clair .app-playlists-grid .playlist-card-new,body.theme-light .app-playlists-grid .playlist-card-new,.light-theme .app-playlists-grid .playlist-card-new{border-color:#00000026;color:#888;background-color:#fff}body.theme-clair .app-playlists-grid .playlist-default-icon-wrapper,body.theme-light .app-playlists-grid .playlist-default-icon-wrapper,.light-theme .app-playlists-grid .playlist-default-icon-wrapper{background-color:#f5f5f5}body.theme-clair .app-playlists-grid .playlist-default-icon,body.theme-light .app-playlists-grid .playlist-default-icon,.light-theme .app-playlists-grid .playlist-default-icon{color:#888}@media (max-width: 768px){.app-playlists-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}.app-followed-artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow:hidden;transition:max-height .4s ease}.app-followed-artists-grid .artist-card{padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;height:auto;width:100%;margin:auto;background-color:transparent!important;border:none!important;box-shadow:none!important}.app-followed-artists-grid .artist-avatar-wrapper{width:120px;height:120px;margin-bottom:10px;overflow:hidden;border-radius:50%;box-shadow:0 4px 10px #0000004d;flex-shrink:0}.app-followed-artists-grid .artist-avatar-img{width:100%;height:100%;object-fit:cover}.app-followed-artists-grid .artist-name{font-weight:700;font-size:1.1em;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.app-followed-artists-grid .artist-type{font-size:.9em;color:var(--text-secondary);margin-top:2px}.followed-artists-toggle-row{display:flex;justify-content:center;margin-top:16px}.followed-artists-toggle-btn{background:none;border:1px solid var(--card-border);border-radius:var(--border-radius);color:var(--primary-color);font-size:.85em;font-weight:600;padding:7px 20px;cursor:pointer;transition:background var(--transition-speed),border-color var(--transition-speed),transform var(--transition-speed);letter-spacing:.02em}.followed-artists-toggle-btn:hover{background:var(--bg-01);border-color:var(--primary-color);transform:translateY(-1px)}@media (max-width: 768px){.app-followed-artists-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.app-followed-artists-grid .artist-avatar-wrapper{width:80px;height:80px}}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.playlists-grid .playlist-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:border-color var(--transition-speed) ease,transform .1s ease,box-shadow var(--transition-speed) ease;height:auto;box-shadow:var(--card-shadow)}.playlists-grid .playlist-card:hover{border-color:var(--card-border-hover);transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.playlists-grid .playlist-cover-wrapper{width:100%;aspect-ratio:1 / 1;margin-bottom:10px;overflow:hidden;flex-shrink:0;border-radius:4px;position:relative}.playlists-grid .playlist-cover-img{width:100%;height:100%;object-fit:cover;border-radius:4px}.playlists-grid .playlist-title{font-weight:700;font-size:1.1em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:var(--text-primary)}.playlists-grid .playlist-subtitle{font-size:.85em;color:var(--text-secondary);margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.playlists-grid .playlist-default-icon-wrapper{width:100%;padding-top:100%;position:relative;background-color:var(--card-bg);display:flex;justify-content:center;align-items:center;border-radius:4px}.playlists-grid .playlist-default-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-muted);opacity:.5}.playlists-grid .playlist-mosaic-cover-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;gap:0;overflow:hidden;background-color:var(--card-bg)}.playlists-grid .mosaic-cover-grid-item{width:100%;height:100%;object-fit:cover;border:.5px solid var(--card-border);display:block}.playlists-grid .playlist-play-overlay{position:absolute;bottom:8px;right:8px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:50%;width:40px;height:40px;padding:0;display:flex;justify-content:center;align-items:center;font-size:1.1em;opacity:0;cursor:pointer;transition:all var(--transition-speed) ease;transform:scale(.9);box-shadow:0 4px 8px #0000004d;z-index:10}.playlists-grid .playlist-card:hover .playlist-play-overlay,.playlists-grid .playlist-play-overlay.is-active{opacity:1;transform:scale(1)}.playlists-grid .playlist-play-overlay:hover{background-color:var(--primary-dark);transform:scale(1.05)}.empty-state{padding:40px 20px;text-align:center;color:var(--text-secondary)}.empty-state p{margin:0;font-size:1em}body.theme-clair .playlists-grid .playlist-card,body.theme-light .playlists-grid .playlist-card,.light-theme .playlists-grid .playlist-card{background-color:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a}body.theme-clair .playlists-grid .playlist-card:hover,body.theme-light .playlists-grid .playlist-card:hover,.light-theme .playlists-grid .playlist-card:hover{border-color:#0000001a;box-shadow:0 16px 40px #0000001f,0 4px 12px #0000000f}body.theme-clair .playlists-grid .playlist-title,body.theme-light .playlists-grid .playlist-title,.light-theme .playlists-grid .playlist-title{color:#000}body.theme-clair .playlists-grid .playlist-subtitle,body.theme-light .playlists-grid .playlist-subtitle,.light-theme .playlists-grid .playlist-subtitle{color:#888}body.theme-clair .playlists-grid .playlist-default-icon-wrapper,body.theme-light .playlists-grid .playlist-default-icon-wrapper,.light-theme .playlists-grid .playlist-default-icon-wrapper{background-color:#f5f5f5}body.theme-clair .playlists-grid .playlist-default-icon,body.theme-light .playlists-grid .playlist-default-icon,.light-theme .playlists-grid .playlist-default-icon{color:#888}@media (max-width: 768px){.playlists-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}.skeleton-bibliotheque-content{width:100%;padding:0;animation:fadeIn .3s ease-in}.skeleton-bibliotheque-header{width:300px;height:40px;margin-bottom:40px;max-width:100%}.skeleton-bibliotheque-section{margin-bottom:50px}.skeleton-section-title{width:250px;height:32px;margin-bottom:25px;max-width:100%}.skeleton-artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-bottom:20px}.skeleton-artist-card{display:flex;flex-direction:column;align-items:center;padding:10px;gap:10px}.skeleton-artist-avatar{width:120px;height:120px;border-radius:50%;margin-bottom:5px}.skeleton-artist-name{width:100px;height:18px}.skeleton-artist-type{width:60px;height:14px}@media (max-width: 768px){.skeleton-artists-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.skeleton-artist-avatar{width:80px;height:80px}.skeleton-artist-name{width:80px;height:16px}.skeleton-artist-type{width:50px;height:12px}}.skeleton-playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.skeleton-playlist-card{display:flex;flex-direction:column;gap:10px;background:var(--card-bg);border-radius:var(--border-radius, 8px);padding:1rem;border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.skeleton-playlist-cover{width:100%;aspect-ratio:1 / 1;border-radius:4px}.skeleton-playlist-title{width:100%;height:20px}.skeleton-playlist-subtitle{width:70%;height:14px}.skeleton-playlist-card-special{background:var(--card-bg);border:2px dashed var(--gray-50);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:1rem;min-height:250px}.skeleton-special-icon{width:48px;height:48px;border-radius:50%}.skeleton-special-text{width:150px;height:18px}.skeleton-playlist-card-liked{background:linear-gradient(135deg,var(--primary-color) 0%,#ff4b4b 100%);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:1rem;min-height:250px}.skeleton-playlist-card-liked .skeleton-special-icon,.skeleton-playlist-card-liked .skeleton-special-text{background:#ffffff4d}@media (max-width: 999px){.skeleton-playlists-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}}@media (max-width: 768px){.skeleton-playlists-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.skeleton-playlist-card{padding:.8rem}.skeleton-playlist-card-special,.skeleton-playlist-card-liked{min-height:200px;padding:.8rem}}@media (max-width: 480px){.skeleton-bibliotheque-header{width:200px;height:32px}.skeleton-section-title{width:200px;height:28px}.skeleton-playlists-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.skeleton-public-playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.skeleton-public-playlist-card{display:flex;flex-direction:column;gap:10px;background:var(--card-bg);border-radius:var(--border-radius, 8px);padding:1rem;border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.skeleton-public-playlist-cover{width:100%;aspect-ratio:1 / 1;border-radius:4px}.skeleton-public-playlist-title{width:100%;height:20px}.skeleton-public-playlist-author{width:75%;height:14px}@media (max-width: 999px){.skeleton-public-playlists-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}}@media (max-width: 768px){.skeleton-public-playlists-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.skeleton-public-playlist-card{padding:.8rem}}@media (max-width: 480px){.skeleton-public-playlists-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.skeleton-separator{width:100%;height:1px;margin:50px 0}.share-playlist-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.share-playlist-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea80}.share-playlist-button:active{transform:translateY(0)}.share-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.share-modal-content{background:var(--card-bg);border-radius:16px;padding:32px;max-width:550px;width:90%;position:relative;box-shadow:0 8px 32px #00000080;animation:slideIn .3s ease-out}.share-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#888;font-size:28px;cursor:pointer;transition:color .2s;line-height:1}.share-modal-close:hover{color:#fff}body.theme-clair .share-modal-content,body.theme-light .share-modal-content,.light-theme .share-modal-content{background:#fff;box-shadow:0 8px 32px #0000001f}body.theme-clair .share-modal-content h3,body.theme-light .share-modal-content h3,.light-theme .share-modal-content h3{color:var(--text-primary)}body.theme-clair .share-modal-content h3 svg,body.theme-light .share-modal-content h3 svg,.light-theme .share-modal-content h3 svg{color:var(--primary-color)}body.theme-clair .playlist-name,body.theme-light .playlist-name,.light-theme .playlist-name{color:var(--text-secondary)}body.theme-clair .collaborator-info,body.theme-light .collaborator-info,.light-theme .collaborator-info{background:#667eea14;color:var(--primary-color)}body.theme-clair .collaborator-info strong,body.theme-light .collaborator-info strong,.light-theme .collaborator-info strong{color:var(--text-primary)}body.theme-clair .link-copy-wrapper input,body.theme-light .link-copy-wrapper input,.light-theme .link-copy-wrapper input{background:#f5f5f5;border-color:#0000001a;color:var(--text-primary)}body.theme-clair .link-copy-wrapper input:focus,body.theme-light .link-copy-wrapper input:focus,.light-theme .link-copy-wrapper input:focus{border-color:var(--primary-color)}body.theme-clair .link-info,body.theme-light .link-info,.light-theme .link-info{background:#667eea14;border-left-color:var(--primary-color);color:var(--text-secondary)}body.theme-clair .btn-close-share,body.theme-light .btn-close-share,.light-theme .btn-close-share{background:#f5f5f5;color:var(--text-primary);border-color:#0000001a}body.theme-clair .btn-close-share:hover,body.theme-light .btn-close-share:hover,.light-theme .btn-close-share:hover{background:#e0e0e0;border-color:#00000026}.share-modal-content h3{margin:0 0 8px;color:#fff;font-size:24px;display:flex;align-items:center;gap:12px}.share-modal-content h3 svg{color:#667eea}.playlist-name{margin:0 0 20px;color:#aaa;font-size:16px;font-style:italic}.collaborator-info{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#667eea1a;border-radius:8px;margin-bottom:20px;color:#667eea;font-size:15px}.collaborator-info svg{font-size:18px}.collaborator-info strong{color:#fff;font-weight:600}.generating-link{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;color:#667eea}.generating-link p{margin:0;color:#aaa;font-size:15px}.limit-reached-warning{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 20px;background:#ff57571a;border:2px solid rgba(255,87,87,.3);border-radius:12px;text-align:center}.limit-reached-warning svg{color:#ff5757}.limit-reached-warning p{margin:0;color:#ddd;font-size:15px;line-height:1.6}.limit-reached-warning strong{color:#ff5757;font-weight:600}.invitation-link-container{margin:20px 0}.invitation-link-container label{display:block;margin-bottom:8px;color:#aaa;font-size:14px;font-weight:500}.link-copy-wrapper{display:flex;gap:8px;margin-bottom:12px}.link-copy-wrapper input{flex:1;padding:12px 16px;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#fff;font-size:14px;font-family:Courier New,monospace;transition:border-color .2s}.link-copy-wrapper input:focus{outline:none;border-color:#667eea}.copy-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.copy-button:hover{background:#5568d3;transform:translateY(-1px)}.copy-button.copied{background:#48bb78}.copy-button.copied:hover{background:#38a169}.link-info{margin:0;padding:12px 16px;background:#667eea1a;border-left:3px solid #667eea;border-radius:4px;color:#aaa;font-size:13px;line-height:1.6}.share-modal-actions{display:flex;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #2a2a2a}.btn-close-share{padding:10px 24px;background:#2a2a2a;color:#fff;border:1px solid #3a3a3a;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-close-share:hover{background:#3a3a3a;border-color:#4a4a4a}@media (max-width: 600px){.share-modal-content{padding:24px;max-width:95%}.link-copy-wrapper{flex-direction:column}.copy-button{width:100%;justify-content:center}}.app-edit-playlist-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-dark);display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-edit-playlist-modal-content{background-color:var(--card-bg);color:var(--text-primary);border-radius:var(--border-radius);width:90%;max-width:550px;max-height:80vh;box-shadow:var(--box-shadow);position:relative;border-top:5px solid var(--primary-color);display:flex;flex-direction:column;overflow:hidden;padding-bottom:1rem}.app-edit-playlist-modal-content .modal-header{padding:15px 25px;border-bottom:1px solid var(--gray-70);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.app-edit-playlist-modal-content .modal-body{padding:15px 25px;overflow-y:auto;flex:1}.app-edit-playlist-modal-content h2{font-size:1.5em;color:var(--white);margin:0;display:flex;align-items:center;gap:10px}.app-edit-playlist-modal-content .modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:5px;transition:color var(--transition-speed) ease}.app-edit-playlist-modal-content .modal-close-button:hover{color:var(--error-color)}.app-edit-playlist-modal-content .form-group{margin-bottom:15px}.app-edit-playlist-modal-content label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-secondary)}.app-edit-playlist-modal-content input[type=text],.app-edit-playlist-modal-content input[type=number],.app-edit-playlist-modal-content textarea,.app-edit-playlist-modal-content select{width:100%;padding:10px 12px;border:1px solid var(--gray-60);border-radius:4px;background-color:var(--bg-01);color:var(--text-primary);font-size:1rem;box-sizing:border-box}.app-edit-playlist-modal-content textarea{resize:vertical}.app-edit-playlist-modal-content input:focus,.app-edit-playlist-modal-content select:focus,.app-edit-playlist-modal-content textarea:focus{border-color:var(--primary-color);outline:none}.app-edit-playlist-modal-content .modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.app-edit-playlist-modal-content .btn-cancel{background-color:var(--gray-60);color:var(--white);padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color var(--transition-speed) ease}.app-edit-playlist-modal-content .btn-cancel:hover{background-color:var(--gray-50)}.app-edit-playlist-modal-content .btn-confirm{background-color:var(--primary-color);color:var(--white);padding:10px 15px;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color var(--transition-speed) ease}.app-edit-playlist-modal-content .btn-confirm:hover:not(:disabled){background-color:var(--primary-dark)}.app-edit-playlist-modal-content .btn-confirm:disabled{background-color:var(--gray-60);cursor:not-allowed;color:var(--text-muted)}.app-edit-playlist-modal-content .collaborators-section{margin-top:20px;padding-top:15px;border-top:1px solid var(--gray-70)}.app-edit-playlist-modal-content .collaborators-header{margin-bottom:15px}.app-edit-playlist-modal-content .collaborators-header h3{font-size:1.1em;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.app-edit-playlist-modal-content .collaborators-list{max-height:250px;overflow-y:auto;padding-right:5px}.app-edit-playlist-modal-content .collaborators-list::-webkit-scrollbar{width:6px}.app-edit-playlist-modal-content .collaborators-list::-webkit-scrollbar-track{background:var(--card-bg)}.app-edit-playlist-modal-content .collaborators-list::-webkit-scrollbar-thumb{background:var(--gray-60);border-radius:3px}.app-edit-playlist-modal-content .collaborators-loading,.app-edit-playlist-modal-content .collaborators-empty{text-align:center;padding:20px;color:var(--text-muted)}.app-edit-playlist-modal-content .collaborators-empty .help-text{font-size:.9em;margin-top:8px;color:var(--text-muted)}.app-edit-playlist-modal-content .collaborator-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-01);border-radius:8px;margin-bottom:8px;transition:background var(--transition-speed) ease;gap:10px}.app-edit-playlist-modal-content .collaborator-item:hover{background:var(--gray-70)}.app-edit-playlist-modal-content .collaborator-info{display:flex;align-items:center;gap:12px;flex:1}.app-edit-playlist-modal-content .collaborator-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--gray-60)}.app-edit-playlist-modal-content .collaborator-details{display:flex;flex-direction:column;gap:4px}.app-edit-playlist-modal-content .collaborator-name{font-weight:600;color:var(--text-primary);font-size:.95em}.app-edit-playlist-modal-content .collaborator-status{font-size:.8em;color:var(--text-muted)}.app-edit-playlist-modal-content .btn-remove-collaborator{background:var(--error-color);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all var(--transition-speed) ease;font-size:.9em}.app-edit-playlist-modal-content .btn-remove-collaborator:hover:not(:disabled){background:var(--error-color);transform:scale(1.05)}.app-edit-playlist-modal-content .btn-remove-collaborator:disabled{opacity:.5;cursor:not-allowed}body.theme-clair .app-edit-playlist-modal-content,body.theme-light .app-edit-playlist-modal-content,.light-theme .app-edit-playlist-modal-content{background-color:#fff;color:var(--text-primary);border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px #0000001f}body.theme-clair .app-edit-playlist-modal-content .modal-header,body.theme-light .app-edit-playlist-modal-content .modal-header,.light-theme .app-edit-playlist-modal-content .modal-header{border-bottom-color:#00000014}body.theme-clair .app-edit-playlist-modal-content h2,body.theme-light .app-edit-playlist-modal-content h2,.light-theme .app-edit-playlist-modal-content h2{color:var(--text-primary)}body.theme-clair .app-edit-playlist-modal-content label,body.theme-light .app-edit-playlist-modal-content label,.light-theme .app-edit-playlist-modal-content label{color:var(--text-secondary)}body.theme-clair .app-edit-playlist-modal-content input[type=text],body.theme-clair .app-edit-playlist-modal-content input[type=number],body.theme-clair .app-edit-playlist-modal-content textarea,body.theme-clair .app-edit-playlist-modal-content select,body.theme-light .app-edit-playlist-modal-content input[type=text],body.theme-light .app-edit-playlist-modal-content input[type=number],body.theme-light .app-edit-playlist-modal-content textarea,body.theme-light .app-edit-playlist-modal-content select,.light-theme .app-edit-playlist-modal-content input[type=text],.light-theme .app-edit-playlist-modal-content input[type=number],.light-theme .app-edit-playlist-modal-content textarea,.light-theme .app-edit-playlist-modal-content select{background-color:#f5f5f5;border-color:#0000001a;color:var(--text-primary)}body.theme-clair .app-edit-playlist-modal-content input:focus,body.theme-clair .app-edit-playlist-modal-content select:focus,body.theme-clair .app-edit-playlist-modal-content textarea:focus,body.theme-light .app-edit-playlist-modal-content input:focus,body.theme-light .app-edit-playlist-modal-content select:focus,body.theme-light .app-edit-playlist-modal-content textarea:focus,.light-theme .app-edit-playlist-modal-content input:focus,.light-theme .app-edit-playlist-modal-content select:focus,.light-theme .app-edit-playlist-modal-content textarea:focus{border-color:var(--primary-color)}body.theme-clair .app-edit-playlist-modal-content .collaborators-section,body.theme-light .app-edit-playlist-modal-content .collaborators-section,.light-theme .app-edit-playlist-modal-content .collaborators-section{border-top-color:#00000014}body.theme-clair .app-edit-playlist-modal-content .collaborator-item,body.theme-light .app-edit-playlist-modal-content .collaborator-item,.light-theme .app-edit-playlist-modal-content .collaborator-item{background:#f5f5f5;border:1px solid rgba(0,0,0,.06)}body.theme-clair .app-edit-playlist-modal-content .collaborator-item:hover,body.theme-light .app-edit-playlist-modal-content .collaborator-item:hover,.light-theme .app-edit-playlist-modal-content .collaborator-item:hover{background:#eee}body.theme-clair .app-edit-playlist-modal-content .collaborator-name,body.theme-light .app-edit-playlist-modal-content .collaborator-name,.light-theme .app-edit-playlist-modal-content .collaborator-name{color:var(--text-primary)}body.theme-clair .app-edit-playlist-modal-content .collaborator-status,body.theme-light .app-edit-playlist-modal-content .collaborator-status,.light-theme .app-edit-playlist-modal-content .collaborator-status{color:var(--text-secondary)}body.theme-clair .app-edit-playlist-modal-content .btn-cancel,body.theme-light .app-edit-playlist-modal-content .btn-cancel,.light-theme .app-edit-playlist-modal-content .btn-cancel{background-color:#e0e0e0;color:var(--text-primary)}body.theme-clair .app-edit-playlist-modal-content .btn-cancel:hover,body.theme-light .app-edit-playlist-modal-content .btn-cancel:hover,.light-theme .app-edit-playlist-modal-content .btn-cancel:hover{background-color:#d0d0d0}@media (max-width: 768px){.app-edit-playlist-modal-content{width:95%;max-width:95%;max-height:85vh}.app-edit-playlist-modal-content .modal-header,.app-edit-playlist-modal-content .modal-body{padding:15px 20px}.app-edit-playlist-modal-content h2{font-size:1.2em}.app-edit-playlist-modal-content .collaborator-item{padding:10px}.app-edit-playlist-modal-content .collaborator-avatar{width:35px;height:35px}.app-edit-playlist-modal-content .collaborator-name{font-size:.9em}.app-edit-playlist-modal-content .collaborator-status{font-size:.75em}.app-edit-playlist-modal-content .btn-remove-collaborator{padding:6px 10px;font-size:.85em}}@media (max-width: 480px){.app-edit-playlist-modal-content{width:100%;max-width:100%;max-height:100vh;border-radius:0}.app-edit-playlist-modal-content .modal-header{flex-direction:column;align-items:flex-start;gap:10px}.app-edit-playlist-modal-content .collaborators-list{max-height:200px}}.app-bibliotheque-content-container,.app-bibliotheque-content-container.empty-state{padding:30px 40px 100px;min-height:100%;color:var(--text-primary);background-color:var(--bg-main)}.app-bibliotheque-content-container .bibliotheque-header{font-size:2.5rem;font-weight:900;margin-bottom:40px;color:var(--white);line-height:1.1;border-bottom:2px solid var(--primary-color);padding-bottom:15px}.app-bibliotheque-content-container .bibliotheque-section{margin-bottom:50px}.app-bibliotheque-content-container .section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:25px;display:flex;align-items:center}.app-bibliotheque-content-container .section-icon{margin-right:15px;color:var(--primary-dark)}.app-bibliotheque-content-container .loading-state,.app-bibliotheque-content-container .empty-state,.app-bibliotheque-content-container .error-state{padding:30px;text-align:center;border-radius:var(--border-radius);color:var(--text-secondary)}.app-bibliotheque-content-container .loading-state svg,.app-bibliotheque-content-container .error-state svg{margin-bottom:15px}.app-bibliotheque-content-container .loading-state{background-color:var(--card-bg)}.app-bibliotheque-content-container .error-state{color:var(--error-color);background-color:#e74c3c1a;border:1px solid var(--error-color)}.app-bibliotheque-content-container .empty-state{padding:30px;text-align:center;background-color:var(--card-bg);border-radius:var(--border-radius);color:var(--text-secondary)}.app-bibliotheque-content-container .cta-button{background-color:var(--primary-color);color:var(--white);border:none;padding:10px 20px;border-radius:50px;font-weight:700;cursor:pointer;margin-top:15px;transition:background-color var(--transition-speed) ease}.app-bibliotheque-content-container .cta-button:hover{background-color:var(--primary-dark)}body.theme-clair .app-bibliotheque-content-container,body.theme-light .app-bibliotheque-content-container,.light-theme .app-bibliotheque-content-container{background-color:#fff;color:#000}body.theme-clair .app-bibliotheque-content-container .bibliotheque-header,body.theme-light .app-bibliotheque-content-container .bibliotheque-header,.light-theme .app-bibliotheque-content-container .bibliotheque-header{color:#000;border-bottom-color:var(--primary-color)}body.theme-clair .app-bibliotheque-content-container .section-title,body.theme-light .app-bibliotheque-content-container .section-title,.light-theme .app-bibliotheque-content-container .section-title{color:#000}body.theme-clair .app-bibliotheque-content-container .section-icon,body.theme-light .app-bibliotheque-content-container .section-icon,.light-theme .app-bibliotheque-content-container .section-icon{color:var(--primary-color)}body.theme-clair .app-bibliotheque-content-container .empty-state,body.theme-light .app-bibliotheque-content-container .empty-state,.light-theme .app-bibliotheque-content-container .empty-state,body.theme-clair .app-bibliotheque-content-container .loading-state,body.theme-light .app-bibliotheque-content-container .loading-state,.light-theme .app-bibliotheque-content-container .loading-state{background-color:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 6px #0000000a;color:#888}body.theme-clair .app-bibliotheque-content-container .loading-state svg,body.theme-light .app-bibliotheque-content-container .loading-state svg,.light-theme .app-bibliotheque-content-container .loading-state svg{color:var(--primary-color)}body.theme-clair .app-bibliotheque-content-container .error-state,body.theme-light .app-bibliotheque-content-container .error-state,.light-theme .app-bibliotheque-content-container .error-state{background-color:#e74c3c14;border:1px solid rgba(231,76,60,.3);color:var(--error-color)}body.theme-clair .app-bibliotheque-content-container .error-state svg,body.theme-light .app-bibliotheque-content-container .error-state svg,.light-theme .app-bibliotheque-content-container .error-state svg{color:var(--error-color)}body.theme-clair .app-bibliotheque-content-container .cta-button,body.theme-light .app-bibliotheque-content-container .cta-button,.light-theme .app-bibliotheque-content-container .cta-button{background-color:var(--primary-color);color:#fff}body.theme-clair .app-bibliotheque-content-container .cta-button:hover,body.theme-light .app-bibliotheque-content-container .cta-button:hover,.light-theme .app-bibliotheque-content-container .cta-button:hover{background-color:var(--primary-dark)}@media (max-width: 768px){.app-bibliotheque-content-container{padding:10px 10px calc(var(--player-height) + var(--mobile-nav-height) + 15px) 10px}.app-bibliotheque-content-container .bibliotheque-header{font-size:1.8rem}}.app-playlist-header-container .playlist-header-section{margin:4rem 0 2rem;padding:1rem;border-radius:1rem;display:flex;align-items:flex-end;gap:30px;background-color:var(--bg-01);border:1px solid var(--glass-border)}.app-playlist-header-container .playlist-cover-lg{width:250px;height:250px;box-shadow:0 4px 15px #00000080;flex-shrink:0}.app-playlist-header-container .playlist-cover-lg img{width:100%;height:100%;object-fit:cover}.app-playlist-header-container .playlist-info-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end}.app-playlist-header-container .playlist-type{font-size:.9em;font-weight:500;color:var(--text-secondary);text-transform:uppercase;margin-bottom:10px}.app-playlist-header-container .playlist-title{font-size:4rem;font-weight:900;line-height:1.1;margin:0;color:var(--white);word-wrap:break-word}.app-playlist-header-container .playlist-description{font-size:1.1em;color:var(--text-secondary);margin:10px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.app-playlist-header-container .playlist-creator-info{display:flex;align-items:center;margin-top:15px;color:var(--text-secondary);font-size:1em}.app-playlist-header-container .creator-username{color:var(--white);text-decoration:none;font-weight:700;transition:color var(--transition-speed)}.app-playlist-header-container .creator-username:hover{color:var(--primary-color)}.app-playlist-header-container .playlist-metadata{margin-left:8px;color:var(--text-secondary);white-space:nowrap}.app-playlist-header-container .playlist-actions-bar{display:flex;align-items:center;gap:25px}.app-playlist-header-container .play-button-large{background-color:var(--primary-color);color:var(--bg-01);border:none;border-radius:50%;width:45px;height:45px;display:flex;justify-content:center;align-items:center;font-size:1.4em;cursor:pointer;transition:background-color var(--transition-speed),transform var(--transition-speed);box-shadow:0 4px 10px #0000004d}.app-playlist-header-container .play-button-large:hover{background-color:var(--primary-dark);transform:scale(1.05)}.app-playlist-header-container .follow-button-large{background-color:var(--card-bg);color:var(--white);border:1px solid var(--card-border);border-radius:50px;padding:10px 20px;font-size:1em;font-weight:700;cursor:pointer;transition:background-color var(--transition-speed),border-color var(--transition-speed);display:flex;align-items:center}.app-playlist-header-container .follow-button-large:hover{background-color:var(--primary-color);border-color:var(--white)}.app-playlist-header-container .follow-button-small{background:none;color:var(--text-secondary);border:none;font-size:1.4em;cursor:pointer;transition:color var(--transition-speed)}.app-playlist-header-container .follow-button-small:hover{color:var(--white)}.app-playlist-header-container .follow-button-small.share-button{color:#667eea}.app-playlist-header-container .follow-button-small.share-button:hover{color:#5568d3;transform:scale(1.1)}.app-playlist-header-container .options-button{padding:0;line-height:1}.app-playlist-header-container .playlist-cover-lg.is-mosaic{width:250px;height:250px;padding:0}.app-playlist-header-container .playlist-mosaic-cover{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;gap:0;border-radius:8px;overflow:hidden}.app-playlist-header-container .mosaic-cover-item{width:100%;height:100%;object-fit:cover;display:block}.app-playlist-header-container .playlist-cover-img-single{width:100%;height:100%;object-fit:cover;border-radius:8px}.app-playlist-header-container .collaborator-avatar-stack{display:flex;margin-right:10px;margin-left:10px}.app-playlist-header-container .collaborator-avatar,.app-playlist-header-container .collaborator-count-remaining{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--bg-02);margin-left:-8px;flex-shrink:0;font-size:.8em;font-weight:700;color:var(--white);background-color:var(--card-bg);display:flex;justify-content:center;align-items:center;box-shadow:0 1px 3px #0000004d}.app-playlist-header-container .collaborator-avatar:first-child{margin-left:0}.app-playlist-header-container .collaborator-count-remaining{background-color:var(--primary-color)}.app-playlist-header-container .collaborator-stack-wrapper{display:flex;align-items:center}@media (max-width: 999px){.app-playlist-header-container .playlist-header-section{flex-direction:column;align-items:center;text-align:center;padding:30px 20px 20px}.app-playlist-header-container .playlist-cover-lg,.app-playlist-header-container .playlist-cover-lg.is-mosaic{width:180px;height:180px;margin-bottom:20px}.app-playlist-header-container .playlist-title{font-size:2.5rem}.app-playlist-header-container .playlist-description{-webkit-line-clamp:unset}.app-playlist-header-container .playlist-actions-bar{padding:20px 20px 0;justify-content:center}.app-playlist-header-container .playlist-creator-info{justify-content:center;flex-wrap:wrap;gap:10px}}.app-playlist-track-list-section{padding:30px 0;color:var(--text-primary);overflow-x:hidden}.app-playlist-track-list-section .track-list-header{display:grid;grid-template-columns:40px 50px 1fr 80px 60px 30px;gap:10px;align-items:center;padding:10px 40px 10px 10px;color:var(--text-muted);font-size:.85em;border-bottom:1px solid var(--card-border);text-transform:uppercase;margin-bottom:20px;background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:1rem}.app-playlist-track-list-section .header-number{grid-column:1 / 2;text-align:center}.app-playlist-track-list-section .header-cover{grid-column:2 / 3}.app-playlist-track-list-section .header-title{grid-column:3 / 4;padding-left:0}.app-playlist-track-list-section .header-plays{grid-column:4 / 5;text-align:right}.app-playlist-track-list-section .header-duration{grid-column:5 / 6;text-align:center}.app-playlist-track-list-section .header-options{grid-column:6 / 7;text-align:center}.app-playlist-track-list-section .track-row{display:grid;grid-template-columns:40px 50px 1fr 80px 60px 30px;gap:8px;align-items:center;cursor:pointer;transition:background-color var(--transition-speed),border-color var(--transition-speed);border-radius:var(--border-radius);position:relative;margin:8px 0;padding:6px 15px 6px 10px;background-color:var(--bg-01);border:1px solid var(--glass-border)}.app-playlist-track-list-section .track-row:hover{background-color:var(--card-bg);border-color:var(--card-border-hover)}.app-playlist-track-list-section .track-options-button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1em;padding:5px;opacity:0;transition:color var(--transition-speed),opacity var(--transition-speed)}.app-playlist-track-list-section .track-row:hover .track-options-button,.app-playlist-track-list-section .track-options-button.active{opacity:1;color:var(--white)}.app-playlist-track-list-section .track-options-button:hover{color:var(--primary-color)}.app-playlist-track-list-section .track-cell-cover{grid-column:2 / 3;width:40px;height:40px;overflow:hidden;flex-shrink:0}.app-playlist-track-list-section .track-cover-sm{width:100%;height:100%;max-height:40px;aspect-ratio:1;object-fit:cover;border-radius:2px}.app-playlist-track-list-section .track-cell-index{grid-column:1 / 2;text-align:center;display:flex;justify-content:center;align-items:center}.track-drag-handle{cursor:grab;color:var(--text-muted);opacity:.6;transition:opacity var(--transition-speed),color var(--transition-speed);padding:5px}.track-drag-handle:hover{opacity:1;color:var(--primary-color)}.track-row:active .track-drag-handle{cursor:grabbing}.app-playlist-track-list-section .track-cell-info{grid-column:3 / 4;padding:0!important;overflow:hidden}.app-playlist-track-list-section .track-name{font-size:1em;margin:0;width:max-content}.app-playlist-track-list-section .track-artist-name{font-size:.8em;color:var(--text-muted);margin-top:2px}.app-playlist-track-list-section .track-name-clickable,.app-playlist-track-list-section .artist-name-clickable{transition:color var(--transition-speed)}.app-playlist-track-list-section .track-name-clickable:hover{color:var(--primary-color);text-decoration:underline}.app-playlist-track-list-section .artist-name-clickable:hover{color:var(--white);text-decoration:underline}.app-playlist-track-list-section .track-cell-plays{grid-column:4 / 5;text-align:center}.app-playlist-track-list-section .track-cell-duration{grid-column:5 / 6}.app-playlist-track-list-section .track-cell-options{grid-column:6 / 7}.app-playlist-track-list-section .track-name.is-playing,.app-playlist-track-list-section .track-row.is-playing .track-cell-plays,.app-playlist-track-list-section .track-row.is-playing .track-cell-duration{color:var(--primary-color)}body.theme-clair .app-playlist-track-list-section .track-list-header,body.theme-light .app-playlist-track-list-section .track-list-header,.light-theme .app-playlist-track-list-section .track-list-header{background-color:#fff;border:1px solid rgba(0,0,0,.06);color:var(--text-secondary)}body.theme-clair .app-playlist-track-list-section .track-row,body.theme-light .app-playlist-track-list-section .track-row,.light-theme .app-playlist-track-list-section .track-row{background-color:#fff;border:1px solid rgba(0,0,0,.06);color:var(--text-primary);box-shadow:0 2px 8px #0000000a}body.theme-clair .app-playlist-track-list-section .track-row:hover,body.theme-light .app-playlist-track-list-section .track-row:hover,.light-theme .app-playlist-track-list-section .track-row:hover{background-color:#fafafa;border-color:#0000001a;box-shadow:0 4px 12px #00000014}body.theme-clair .app-playlist-track-list-section .track-name,body.theme-light .app-playlist-track-list-section .track-name,.light-theme .app-playlist-track-list-section .track-name{color:var(--text-primary)}body.theme-clair .app-playlist-track-list-section .track-artist-name,body.theme-light .app-playlist-track-list-section .track-artist-name,.light-theme .app-playlist-track-list-section .track-artist-name{color:var(--text-secondary)}body.theme-clair .app-playlist-track-list-section .track-options-button,body.theme-light .app-playlist-track-list-section .track-options-button,.light-theme .app-playlist-track-list-section .track-options-button{color:var(--text-muted)}body.theme-clair .app-playlist-track-list-section .btn-confirm,body.theme-light .app-playlist-track-list-section .btn-confirm,.light-theme .app-playlist-track-list-section .btn-confirm{background:var(--primary-color);color:var(--white)}body.theme-clair .app-playlist-track-list-section .btn-confirm:hover:not(:disabled),body.theme-light .app-playlist-track-list-section .btn-confirm:hover:not(:disabled),.light-theme .app-playlist-track-list-section .btn-confirm:hover:not(:disabled){background-color:var(--primary-dark)}@media (max-width: 768px){.app-playlist-track-list-section .track-row{padding:6px 10px!important}.app-playlist-track-list-section .track-row{margin:.6rem 0;grid-template-columns:30px 40px 1fr 30px;gap:5px}.app-playlist-track-list-section .track-list-header,.app-playlist-track-list-section .track-cell-plays,.app-playlist-track-list-section .track-cell-duration{display:none}.app-playlist-track-list-section .track-cell-index{grid-column:1 / 2}.app-playlist-track-list-section .track-cell-cover{grid-column:2 / 3}.app-playlist-track-list-section .track-cell-info{display:flex;flex-direction:column;justify-content:center;margin:auto 0;grid-column:3 / 4}.app-playlist-track-list-section .track-cell-options{grid-column:4 / 5}.app-playlist-track-list-section .track-options-button{opacity:1;color:var(--text-muted)}.app-playlist-track-list-section .track-row:hover .track-options-button{color:var(--primary-color)}.app-playlist-track-list-section .track-row:hover{color:var(--primary-color);border-radius:0}.app-playlist-track-list-section .track-artist-name{margin:0!important}}.btn-confirm{background:var(--primary-color);color:var(--bg-01);border:none;padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;font-weight:600;transition:background-color var(--transition-speed),transform var(--transition-speed);font-size:.9em}.btn-confirm:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px)}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.app-playlist-detail-page .header-bpm,.app-playlist-detail-page .track-cell-bpm,.app-playlist-detail-page .header-key,.app-playlist-detail-page .track-cell-key{width:60px;text-align:center;color:var(--text-secondary);font-size:.9em}@media (max-width: 768px){.app-playlist-detail-page .header-bpm,.app-playlist-detail-page .track-cell-bpm,.app-playlist-detail-page .header-key,.app-playlist-detail-page .track-cell-key{display:none}}.app-pageplaylistcontent{width:100%;min-height:100%;padding-top:80px;color:var(--text-primary);background-color:var(--bg-main)}.app-playlist-detail-page .page-content-wrapper{padding:30px 40px}.app-playlist-detail-page .playlist-track-list-container{padding-top:30px}.app-playlist-detail-page .details-header-wrapper{position:fixed;top:var(--header-height);left:var(--sidebar-width);right:0;z-index:10;display:flex;align-items:center;padding:15px 40px;border-bottom:1px solid var(--card-border);transition:left var(--transition-speed);background-color:var(--bg-main);z-index:8}.app-playlist-detail-page .btn-back-to-previous{background-color:var(--bg-02);border:1px solid var(--card-border);color:var(--text-primary);border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color var(--transition-speed);margin-right:20px}.app-playlist-detail-page .btn-back-to-previous:hover{background-color:var(--primary-color)}.app-playlist-detail-page .page-header-title{font-size:1.2rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-playlist-detail-page .playlist-page-status{text-align:center;padding:50px;color:var(--text-secondary)}.app-playlist-detail-page .playlist-page-status.loading-state svg,.app-playlist-detail-page .playlist-page-status.error-state svg{margin-bottom:15px}.app-playlist-detail-page .playlist-page-status.error-state{color:var(--error-color);background-color:#e74c3c1a;border:1px solid var(--error-color);border-radius:var(--border-radius)}.app-playlist-detail-page .playlist-page-status .cta-button{background-color:var(--primary-color);color:var(--bg-01);border:none;padding:10px 20px;border-radius:50px;font-weight:700;cursor:pointer;margin-top:15px;transition:background-color var(--transition-speed)}.app-playlist-detail-page .playlist-page-status .cta-button:hover{background-color:var(--primary-dark)}.app-playlist-edit-dropdown-wrapper{position:relative;z-index:10}.app-playlist-edit-dropdown{position:fixed;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #0006;min-width:220px;z-index:100;padding:5px 0}.app-playlist-edit-dropdown button{display:flex;align-items:center;width:100%;padding:10px 15px;background:none;border:none;text-align:left;color:var(--text-primary);font-size:.95em;cursor:pointer;transition:background-color var(--transition-speed)}.app-playlist-edit-dropdown button:hover{background-color:var(--primary-color)}.app-playlist-edit-dropdown button svg{margin-right:10px;color:var(--text-secondary)}.app-playlist-edit-dropdown .delete-option{color:var(--error-color);border-top:1px solid var(--card-border);margin-top:5px;padding-top:10px}.app-playlist-edit-dropdown .delete-option:hover{background-color:#ef476f1a}.discovery-section{margin-top:60px;padding-top:30px;border-top:1px solid var(--card-border)}.discovery-header{margin-bottom:25px;display:flex;align-items:center}.discovery-header h3{margin:0;font-size:1.3em;font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.app-playlist-detail-page .details-header-wrapper{left:0;padding:10px 20px}.app-playlist-detail-page .page-content-wrapper{padding:1rem 0}}.artist-filter-tabs-container{margin-bottom:30px;padding:0 20px}.filter-select-wrapper{display:flex;align-items:center;gap:12px;position:relative;max-width:320px}.filter-icon{color:var(--primary-dark);font-size:1.1em;flex-shrink:0;transition:color var(--transition-speed) ease}.filter-select{appearance:none;background-color:var(--bg-01);border:1px solid var(--glass-border);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c4963e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:18px;border:var(--card-border);color:var(--text-primary);padding:10px 40px 10px 12px;border-radius:var(--border-radius);font-size:.95em;font-weight:600;cursor:pointer;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,background-color var(--transition-speed) ease;min-width:220px}.filter-select:hover{border-color:var(--card-border-hover);box-shadow:0 2px 8px #0000001f}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6666ff1a;background-color:var(--card-bg)}.filter-select:active{border-color:var(--primary-color)}.filter-select option{background-color:var(--dark-bg);color:var(--text-primary);padding:10px 8px;line-height:1.5;border:none}.filter-select option:hover{background:linear-gradient(var(--primary-color),var(--primary-color));background-color:var(--primary-color);color:var(--white)}.filter-select option:checked{background:linear-gradient(var(--primary-color),var(--primary-color));background-color:var(--primary-color);color:var(--white)}@media (max-width: 768px){.artist-filter-tabs-container{padding:0 10px;margin-bottom:20px}.filter-select-wrapper{max-width:100%}.filter-select{min-width:180px;font-size:.9em;padding:8px 36px 8px 10px;background-size:16px}.filter-icon{font-size:1em}}.app-filtered-artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}.app-filtered-artists-grid .artist-grid-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;cursor:pointer;box-shadow:var(--card-shadow);transition:all var(--transition-speed) ease;text-decoration:none;color:inherit;height:100%;border-radius:5px}.app-filtered-artists-grid .artist-grid-card:hover{transform:translateY(-4px)}.app-filtered-artists-grid .artist-profile-pic-lg-wrapper{width:140px;height:140px;border-radius:50%;overflow:hidden;margin-bottom:15px;box-shadow:var(--card-shadow);flex-shrink:0}.app-filtered-artists-grid .artist-profile-pic-lg{width:100%;height:100%;object-fit:cover}.app-filtered-artists-grid .artist-info-content{display:flex;flex-direction:column;align-items:center;width:100%;flex-grow:1}.app-filtered-artists-grid .artist-name-title{font-size:1.1em;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:flex;align-items:center}.app-filtered-artists-grid .artist-subscriber-count{font-size:.85em;color:var(--text-muted);margin-top:5px}.app-filtered-artists-grid .artist-subscriber-count svg{color:var(--primary-dark)}body.theme-clair .app-filtered-artists-grid .artist-grid-card,body.theme-light .app-filtered-artists-grid .artist-grid-card,.light-theme .app-filtered-artists-grid .artist-grid-card{background-color:var(--white);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all var(--transition-speed) ease}body.theme-clair .app-filtered-artists-grid .artist-grid-card:hover,body.theme-light .app-filtered-artists-grid .artist-grid-card:hover,.light-theme .app-filtered-artists-grid .artist-grid-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}body.theme-clair .app-filtered-artists-grid .artist-profile-pic-lg-wrapper,body.theme-light .app-filtered-artists-grid .artist-profile-pic-lg-wrapper,.light-theme .app-filtered-artists-grid .artist-profile-pic-lg-wrapper{box-shadow:var(--card-shadow)}body.theme-clair .app-filtered-artists-grid .artist-name-title,body.theme-light .app-filtered-artists-grid .artist-name-title,.light-theme .app-filtered-artists-grid .artist-name-title{color:var(--text-primary)}body.theme-clair .app-filtered-artists-grid .artist-subscriber-count,body.theme-light .app-filtered-artists-grid .artist-subscriber-count,.light-theme .app-filtered-artists-grid .artist-subscriber-count{color:var(--text-muted)}.app-filtered-artists-grid .artists-grid-status{text-align:center;padding:50px 20px;color:var(--text-secondary)}.app-filtered-artists-grid .artists-grid-status svg{margin-bottom:15px}.app-filtered-artists-grid .retry-button{background-color:var(--primary-color);color:var(--white);border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;margin-top:15px;transition:background-color var(--transition-speed) ease}.app-filtered-artists-grid .retry-button:hover{background-color:var(--primary-dark)}@media (max-width: 768px){.app-filtered-artists-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:20px 10px}.app-filtered-artists-grid .artist-grid-card{padding:10px}.app-filtered-artists-grid .artist-profile-pic-lg-wrapper{width:100px;height:100px;margin-bottom:10px}.app-filtered-artists-grid .artist-name-title{font-size:1em}.app-filtered-artists-grid .artist-subscriber-count{font-size:.8em}}.artist-content-loading-state{padding:30px 1rem 100px;min-height:100%;color:var(--text-primary)}.skeleton-artist-content-header{width:500px;max-width:80%;height:44px;border-radius:8px;margin-bottom:40px}.skeleton-artist-slider-section{margin-bottom:50px}.skeleton-slider-title{width:250px;height:28px;border-radius:6px;margin-bottom:20px}.skeleton-artist-slider-container{display:flex;gap:20px;overflow:hidden;padding:10px 0}.skeleton-artist-card{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.skeleton-artist-avatar{width:140px;height:140px;border-radius:50%}.skeleton-artist-name{width:120px;height:16px;border-radius:6px}.skeleton-filter-tabs{margin-bottom:30px}.skeleton-filter-select{width:320px;max-width:100%;height:40px;border-radius:var(--border-radius)}.skeleton-filtered-artists-section{margin-bottom:50px}.skeleton-section-title{width:300px;height:24px;border-radius:6px;margin-bottom:20px}.skeleton-artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}.skeleton-artist-grid-card{display:flex;flex-direction:column;align-items:center;padding:20px;background:var(--card-bg);border-radius:5px;box-shadow:var(--card-shadow)}.skeleton-grid-avatar{width:140px;height:140px;border-radius:50%;margin-bottom:15px}.skeleton-grid-name{width:110px;height:18px;border-radius:6px;margin-bottom:8px}.skeleton-grid-subscribers{width:80px;height:14px;border-radius:6px}@media (max-width: 999px){.artist-content-loading-state{padding:20px 1rem 100px}.skeleton-artist-content-header{width:400px;height:36px;margin-bottom:30px}.skeleton-section-title{width:250px;height:20px}}@media (max-width: 768px){.artist-content-loading-state{padding:10px 10px 100px}.skeleton-artist-content-header{width:90%;height:32px}.skeleton-artist-avatar{width:100px;height:100px}.skeleton-artist-name{width:100px;height:14px}.skeleton-artists-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.skeleton-artist-grid-card{padding:10px}.skeleton-grid-avatar{width:100px;height:100px;margin-bottom:10px}.skeleton-grid-name{width:90px;height:16px}.skeleton-grid-subscribers{width:70px;height:12px}.skeleton-slider-title{width:200px;height:24px}.skeleton-filter-select{width:100%}}@media (max-width: 480px){.skeleton-artist-avatar{width:80px;height:80px}.skeleton-artist-name{width:80px}.skeleton-artists-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.skeleton-grid-avatar{width:80px;height:80px}.skeleton-grid-name{width:80px;height:14px}}.app-artist-content{padding:30px 1rem 100px;min-height:100%;color:var(--text-primary)}.app-artist-content .artist-content-header{font-size:2.5rem;font-weight:900;margin-bottom:40px;color:var(--white);line-height:1.1;border-bottom:2px solid var(--primary-color);padding-bottom:15px}.app-artist-content .artist-content-section{margin-bottom:50px}.app-artist-content .section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:20px}.app-artist-content .text-muted{color:var(--text-muted);font-style:italic}body.theme-clair .app-artist-content,body.theme-light .app-artist-content,.light-theme .app-artist-content{background-color:var(--bg-main)}body.theme-clair .app-artist-content .artist-content-header,body.theme-light .app-artist-content .artist-content-header,.light-theme .app-artist-content .artist-content-header{color:var(--text-primary);border-bottom-color:var(--primary-color)}body.theme-clair .app-artist-content .section-title,body.theme-light .app-artist-content .section-title,.light-theme .app-artist-content .section-title{color:var(--text-primary)}@media (max-width: 999px){.app-artist-content{padding:20px 1rem 100px}.app-artist-content .artist-content-header{font-size:2rem;margin-bottom:30px}.app-artist-content .section-title{font-size:1rem}}@media (max-width: 768px){.app-artist-content{padding:10px 10px calc(var(--player-height) + var(--mobile-nav-height) + 15px) 10px}.app-artist-content .artist-content-header{font-size:1.8rem}}.app-top-albums-section{color:var(--text-primary)}.app-top-albums-section .section-header-row-top{display:flex;align-items:center}.app-top-albums-section .top-albums-header{font-size:1.5rem;font-weight:700}.app-top-albums-section .top-albums-header svg{color:gold}.app-top-albums-section .top-albums-slider-wrapper{position:relative;padding:0}.app-top-albums-section .top-albums-slider-container{display:flex;scroll-behavior:smooth;overflow-x:auto;overflow-y:hidden;padding:1rem 0;gap:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-top-albums-section .top-albums-slider-container::-webkit-scrollbar{display:none}.app-top-albums-section .top-albums-slider-container.loading,.app-top-albums-section .top-albums-slider-container.error{justify-content:center;align-items:center;min-height:250px;padding:20px 40px}.app-top-albums-section .slider-nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#000000b3;color:var(--white);border:none;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;transition:background-color var(--transition-speed) ease,opacity var(--transition-speed) ease;opacity:0}.app-top-albums-section .top-albums-slider-wrapper:hover .slider-nav-button{opacity:.8}.app-top-albums-section .slider-nav-button:hover:not(:disabled){background-color:var(--primary-color);opacity:1}.app-top-albums-section .slider-nav-button:disabled{opacity:0!important;cursor:not-allowed}.app-top-albums-section .left-nav{left:10px}.app-top-albums-section .right-nav{right:10px}.app-top-albums-section .slider-nav-button svg{color:var(--white)}body.theme-clair .app-top-albums-section .top-album-card,body.theme-light .app-top-albums-section .top-album-card,.light-theme .app-top-albums-section .top-album-card{background-color:var(--white);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}body.theme-clair .app-top-albums-section .top-album-card:hover,body.theme-light .app-top-albums-section .top-album-card:hover,.light-theme .app-top-albums-section .top-album-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.app-top-albums-section .top-album-card-link{text-decoration:none;flex-shrink:0;width:200px}.app-top-albums-section .top-album-card{position:relative;display:flex;flex-direction:column;background-color:var(--bg-01);border:1px solid var(--card-border);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-speed) ease;padding:1rem;height:100%}.app-top-albums-section .top-album-card:hover{border-color:var(--card-border-hover);transform:translateY(-4px)}.app-top-albums-section .top-album-options-button{position:absolute;top:10px;right:10px;background-color:#0009;border:none;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;color:var(--white);font-size:.9em;z-index:50;cursor:pointer;opacity:0;transition:opacity var(--transition-speed) ease,background-color var(--transition-speed) ease}.app-top-albums-section .top-album-options-button svg{color:var(--white)}.app-top-albums-section .top-album-card:hover .top-album-options-button{opacity:1}.app-top-albums-section .top-album-options-button:hover{background-color:var(--gray-70)}.app-top-albums-section .top-album-card:hover{background-color:#2ecc710d;border-color:var(--card-border-hover);transform:translateY(-5px)}.app-top-albums-section .top-album-cover-container{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:5px}.app-top-albums-section .top-album-cover-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.app-top-albums-section .top-album-play-overlay{position:absolute;bottom:8px;right:8px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:1.1em;opacity:0;transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease;z-index:40}.app-top-albums-section .top-album-card:hover .top-album-play-overlay{opacity:1;transform:scale(1.05)}.app-top-albums-section .top-album-info-content{padding:10px 0 0}.app-top-albums-section .top-album-info-title{font-size:1em;font-weight:700;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-top-albums-section .top-album-info-artist{font-size:.85em;color:var(--gray-30);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.app-top-albums-section .top-album-playcount{font-size:.8em;color:var(--primary-color);margin-top:5px}@media (max-width: 768px){.app-top-albums-section .top-albums-slider-container{padding:0}.app-top-albums-section .top-album-card-link{width:140px}.app-top-albums-section .slider-nav-button{display:none!important}.app-top-albums-section .top-album-options-button{opacity:.8}}.album-content-loading-state{padding:30px 20px 40px;min-height:100%;color:var(--text-primary)}.skeleton-bone{background:linear-gradient(90deg,var(--bg-02) 0%,rgba(255,255,255,.1) 50%,var(--bg-02) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-album-content-header{width:500px;max-width:80%;height:44px;border-radius:8px;margin-bottom:30px}.skeleton-top-albums-section{margin-bottom:40px}.skeleton-top-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.skeleton-slider-title{width:150px;height:28px;border-radius:6px}.skeleton-slider-nav-buttons{display:flex;gap:10px}.skeleton-nav-button{width:40px;height:40px;border-radius:50%}.skeleton-top-slider-container{display:flex;gap:20px;overflow:hidden;padding:10px 0}.skeleton-top-album-card{width:200px;flex-shrink:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:5px;padding:1rem;box-shadow:var(--card-shadow)}.skeleton-top-album-cover{width:100%;padding-top:100%;position:relative;border-radius:4px;margin-bottom:10px}.skeleton-top-album-title{width:90%;height:16px;border-radius:6px;margin-bottom:6px}.skeleton-top-album-artist{width:70%;height:14px;border-radius:6px;margin-bottom:6px}.skeleton-top-album-plays{width:50%;height:12px;border-radius:6px}.skeleton-albums-grid-section{padding:20px 0}.skeleton-grid-section-title{width:200px;height:28px;border-radius:6px;margin-bottom:20px}.skeleton-albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.skeleton-album-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:1rem;box-shadow:var(--card-shadow);display:flex;flex-direction:column}.skeleton-album-cover{width:100%;padding-top:100%;position:relative;border-radius:4px;margin-bottom:10px}.skeleton-album-title{width:90%;height:16px;border-radius:6px;margin-bottom:6px}.skeleton-album-artist{width:70%;height:14px;border-radius:6px}@media (max-width: 999px){.album-content-loading-state{padding:20px 15px 40px}.skeleton-album-content-header{width:400px;height:36px}.skeleton-top-album-card{width:180px}.skeleton-albums-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}}@media (max-width: 768px){.album-content-loading-state{padding:15px 10px 40px}.skeleton-album-content-header{width:90%;height:32px}.skeleton-top-album-card{width:140px}.skeleton-top-album-cover{margin-bottom:8px}.skeleton-slider-nav-buttons{display:none}.skeleton-top-slider-container{gap:15px}.skeleton-albums-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.skeleton-album-card{padding:.75rem}.skeleton-album-cover{margin-bottom:8px}.skeleton-album-title{height:14px;margin-bottom:4px}.skeleton-album-artist{height:12px}}@media (max-width: 480px){.skeleton-album-content-header{height:28px}.skeleton-top-album-card{width:120px}.skeleton-albums-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.app-album-content{padding:30px 20px 40px;min-height:100%;color:var(--text-primary)}.app-album-content .album-content-header{font-size:2.5rem;font-weight:900;color:var(--white);line-height:1.1;margin:0;padding:0}.app-album-content .albums-grid-section{padding:20px 0}.app-album-content .albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.app-album-content .album-content-card{display:flex;flex-direction:column;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:1rem;box-shadow:var(--card-shadow);transition:all var(--transition-speed) ease;cursor:pointer;text-decoration:none;color:inherit;height:100%;box-sizing:border-box}.app-album-content .album-content-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px);background-color:var(--card-hover-bg)}.app-album-content .cover-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:4px;margin-bottom:10px}.app-album-content .album-content-card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.app-album-content .album-title-sm{font-size:1em;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-album-content .album-artist-sm{font-size:.85em;color:var(--text-secondary);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 999px){.app-album-content{padding:20px 20px 100px}}@media (max-width: 768px){.app-album-content .album-content-header{font-size:1.8rem}.app-album-content{padding:10px 10px calc(var(--player-height) + var(--mobile-nav-height) + 15px) 10px}.app-album-content .albums-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}.audiobook-banner{position:relative;width:100%;max-width:100%;height:350px;border-radius:12px;overflow:hidden;margin-bottom:40px}.audiobook-banner-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.audiobook-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.8) 40%,rgba(0,0,0,.4) 80%,transparent 100%);z-index:2}.audiobook-banner-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:40px;color:#fff;max-width:60%}.audiobook-banner-title{font-size:3rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 8px rgba(0,0,0,.3);display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:var(--card-color-blue)}.audiobook-banner-subtitle{font-size:1.1rem;font-weight:400;margin-bottom:20px;color:var(--text-secondary)}.audiobook-banner-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.audiobook-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 18px;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid var(--card-color-blue)}.audiobook-stats{display:flex;gap:20px;font-size:1rem;font-weight:600;margin-top:10px}.audiobook-stats span{background:#ffffff26;padding:6px 15px;border-radius:15px}@media (max-width: 768px){.audiobook-banner{height:280px}.audiobook-banner-content{max-width:100%;align-items:center;text-align:center;padding:30px 20px}.audiobook-banner-overlay{background:linear-gradient(to bottom,#000000b3,#00000080)}.audiobook-banner-title{font-size:2rem;justify-content:center}.audiobook-banner-subtitle{font-size:1rem}.audiobook-banner-badges{justify-content:center}.audiobook-badge{font-size:.8rem;padding:6px 12px}}.app-audiobooks-albums-section{margin-bottom:50px}.app-audiobooks-albums-section .audiobooks-albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:10px 0}.app-audiobooks-albums-section .audiobook-card-wrapper{cursor:pointer;transition:transform var(--transition-speed) ease}.app-audiobooks-albums-section .audiobook-card-wrapper:hover{transform:translateY(-5px)}@media (max-width: 768px){.app-audiobooks-albums-section .audiobooks-albums-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}}@media (max-width: 480px){.app-audiobooks-albums-section .audiobooks-albums-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.app-audiobooks-singles-section{margin-bottom:50px}.app-audiobooks-singles-section .audiobooks-singles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:10px 0}@media (max-width: 768px){.app-audiobooks-singles-section .audiobooks-singles-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}}@media (max-width: 480px){.app-audiobooks-singles-section .audiobooks-singles-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.app-audiobooks-container{box-sizing:border-box;padding:20px;min-height:100%;color:var(--text-primary);background-color:var(--bg-02)}.app-audiobooks-container .status-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:15px}.app-audiobooks-container .error-state p{color:var(--text-muted);font-size:1rem}.app-audiobooks-container .retry-button{padding:10px 25px;background:var(--primary-color);color:var(--white);border:none;border-radius:25px;cursor:pointer;font-weight:600;transition:all var(--transition-speed) ease}.app-audiobooks-container .retry-button:hover{transform:scale(1.05);box-shadow:var(--box-shadow)}.app-audiobooks-container .audiobooks-empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.app-audiobooks-container .section-title{display:flex;align-items:center;gap:10px;font-size:1.5rem;margin-bottom:20px;color:var(--white)}.app-audiobooks-container .section-icon{color:var(--primary-color)}.app-podcast-banner{position:relative;width:100%;max-width:100%;height:350px;border-radius:var(--border-radius);overflow:hidden;margin-bottom:40px}.app-podcast-banner-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.app-podcast-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.8) 40%,rgba(0,0,0,.4) 80%,transparent 100%);z-index:2}.app-podcast-banner-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:0 40px;color:var(--white);max-width:60%}.app-podcast-banner-title{font-size:3rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 8px rgba(0,0,0,.3);display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:var(--primary-color)}.app-podcast-banner-subtitle{font-size:1.1rem;font-weight:400;margin-bottom:20px;color:var(--white)!important}.app-podcast-banner-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.app-podcast-badge{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 18px;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid rgba(255,255,255,.2);color:var(--white)}.app-podcast-stats{display:flex;gap:20px;font-size:1rem;font-weight:600;margin-top:10px}.app-podcast-stats span{background:var(--card-bg);padding:6px 15px;border-radius:15px;color:var(--primary-color)!important;border:1px solid var(--white)}@media (max-width: 768px){.app-podcast-banner{height:auto}.app-podcast-banner-content{max-width:100%;align-items:center;text-align:center;padding:30px 20px}.app-podcast-banner-overlay{background:linear-gradient(to bottom,#000000b3,#00000080)}.app-podcast-banner-title{font-size:2rem;justify-content:center}.app-podcast-banner-subtitle{font-size:1rem}.app-podcast-banner-badges{justify-content:center}.app-podcast-badge{font-size:.8rem;padding:6px 12px}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-podcasts-content{width:100%;padding:0;animation:fadeIn .3s ease-in}.skeleton-bone{background:linear-gradient(90deg,var(--bg-02) 0%,rgba(255,255,255,.1) 50%,var(--bg-02) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--border-radius, 8px)}[data-theme=light] .skeleton-bone{background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:200% 100%}.skeleton-podcasts-header{position:relative;width:100%;height:350px;background:var(--bg-02);border-radius:12px;overflow:hidden;margin-bottom:30px}.skeleton-podcasts-header-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3}.skeleton-podcasts-header-content{position:relative;z-index:2;padding:40px;max-width:60%;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.skeleton-podcasts-header-title{width:300px;height:48px;max-width:100%}.skeleton-podcasts-header-subtitle{width:400px;height:22px;max-width:100%}.skeleton-podcasts-header-badges{display:flex;gap:10px;flex-wrap:wrap}.skeleton-podcasts-header-badge{width:120px;height:32px;border-radius:20px}@media (max-width: 768px){.skeleton-podcasts-header{height:auto;padding:30px 20px}.skeleton-podcasts-header-content{max-width:100%;padding:0;text-align:center;align-items:center}.skeleton-podcasts-header-title{height:32px;width:250px}.skeleton-podcasts-header-subtitle{height:20px;width:300px}.skeleton-podcasts-header-badges{justify-content:center}.skeleton-podcasts-header-badge{width:100px;height:28px}}@media (max-width: 480px){.skeleton-podcasts-header{padding:20px 15px}.skeleton-podcasts-header-title{width:200px}.skeleton-podcasts-header-subtitle{width:250px}.skeleton-podcasts-header-badge{width:90px;height:26px}}.skeleton-podcasts-section{margin-top:40px}.skeleton-section-title{width:250px;height:32px;margin-bottom:20px;max-width:100%}.skeleton-podcasts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:10px 0}.skeleton-podcast-card{display:flex;flex-direction:column;gap:12px;background:var(--card-bg);border-radius:var(--border-radius, 8px);padding:12px;border:1px solid var(--card-border)}.skeleton-podcast-card-cover{width:100%;aspect-ratio:1 / 1;border-radius:8px}.skeleton-podcast-card-title{width:100%;height:20px}.skeleton-podcast-card-subtitle{width:70%;height:16px}.skeleton-podcast-card-info{width:50%;height:14px}@media (max-width: 768px){.skeleton-podcasts-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.skeleton-podcast-card{padding:10px;gap:10px}.skeleton-podcast-card-title{height:18px}.skeleton-podcast-card-subtitle{height:14px}.skeleton-podcast-card-info{height:12px}}@media (max-width: 480px){.skeleton-podcasts-grid{grid-template-columns:repeat(2,1fr);gap:12px}.skeleton-podcast-card{padding:8px;gap:8px}.skeleton-section-title{width:180px;height:28px}}.app-podcasts-albums-section{margin-bottom:50px}.app-podcasts-albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:10px 0}.app-podcast-card-wrapper{cursor:pointer;transition:transform var(--transition-speed) ease}.app-podcast-card-wrapper:hover{transform:translateY(-5px)}@media (max-width: 768px){.app-podcasts-albums-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}}@media (max-width: 480px){.app-podcasts-albums-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.app-podcasts-singles-section{margin-bottom:50px}.app-podcasts-singles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:10px 0}@media (max-width: 768px){.app-podcasts-singles-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}}@media (max-width: 480px){.app-podcasts-singles-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.app-podcasts-container{box-sizing:border-box;padding:20px;min-height:100%;color:var(--text-primary)}.app-podcasts-container .status-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:15px}.app-podcasts-container .error-state p{color:var(--text-secondary);font-size:1rem}.app-podcasts-container .retry-button{padding:10px 25px;background:var(--primary-color);color:var(--white);border:none;border-radius:25px;cursor:pointer;font-weight:600;transition:all var(--transition-speed)}.app-podcasts-container .retry-button:hover{transform:scale(1.05);box-shadow:0 4px 15px var(--accent-glow);background-color:var(--primary-dark)}.app-podcasts-container .podcasts-empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.app-podcasts-container .section-title{display:flex;align-items:center;gap:10px;font-size:1.5rem;margin-bottom:20px;color:var(--text-primary)}.app-podcasts-container .section-icon{color:var(--primary-dark)}.app-auth-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);z-index:1000;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition-speed)}.app-auth-modal.open{display:flex}.app-auth-modal__content{background-color:var(--bg-02);color:var(--text-primary);padding:22px 28px;border-radius:12px;border:1px solid var(--card-border);box-shadow:0 10px 30px #0009;width:90%;max-width:350px;z-index:1001;max-height:80%;overflow-y:auto;position:relative;animation:app-auth-fadeIn .4s forwards cubic-bezier(.2,.8,.4,1.2)}@keyframes app-auth-fadeIn{to{opacity:1;transform:translateY(0)}}.app-auth-modal__close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:color var(--transition-speed)}.app-auth-modal__close-button:hover{color:var(--text-primary)}.app-auth-modal__form{display:flex;flex-direction:column;box-sizing:border-box;position:relative}.app-auth-modal__form h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-top:0;margin-bottom:15px;text-align:center}.app-auth-modal__form-info{font-size:.9rem;color:var(--text-secondary);text-align:center;margin-bottom:20px;padding:0 5px}.app-auth-modal__form-group{margin-bottom:12px;position:relative}.app-auth-modal__form label{display:block;margin-bottom:3px;font-size:.9rem;color:var(--text-secondary);font-weight:400}.app-auth-modal__form input[type=text],.app-auth-modal__form input[type=email],.app-auth-modal__form input[type=password],.app-auth-modal__form input#identifier{width:100%;box-sizing:border-box;padding:10px 15px 10px 38px;background-color:var(--bg-01);border:1px solid var(--card-border);border-radius:4px;color:var(--text-primary);font-size:1rem;line-height:1.2;transition:var(--transition-speed);position:relative}.password-toggle-icon{position:absolute;right:12px;top:70%;transform:translateY(-50%);color:var(--primary-color);font-size:1rem;cursor:pointer}.app-auth-modal__input-icon{position:absolute;left:12px;top:70%;transform:translateY(-50%);color:var(--primary-color);font-size:1rem;pointer-events:none;line-height:1}.app-auth-modal__form input::placeholder{color:var(--text-secondary);opacity:.8}.app-auth-modal__form input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 1px var(--primary-color)}.app-auth-modal__input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--primary-color);font-size:1rem;pointer-events:none;line-height:1}.app-auth-modal__form input:focus+.app-auth-modal__input-icon{color:var(--primary-color)}.app-auth-modal__form button[type=submit]{width:100%;padding:10px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:4px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:15px;transition:background-color var(--transition-speed),transform .1s ease;letter-spacing:.5px}.app-auth-modal__form button[type=submit]:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:0 4px 10px #0006;transform:translateY(-1px)}.app-auth-modal__form button[type=submit]:disabled{background-color:var(--text-secondary);cursor:not-allowed;color:var(--bg-02)}.app-auth-modal__google-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;margin-top:15px;background-color:transparent;color:var(--text-primary);border:1px solid var(--card-border);border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.app-auth-modal__google-btn:hover{background-color:var(--bg-03);border-color:var(--primary-color)}.app-auth-modal__form-separator{display:flex;align-items:center;text-align:center;margin:15px 0;color:var(--text-secondary)}.app-auth-modal__form-separator span{padding:0 10px;background-color:var(--bg-02);position:relative;z-index:1}.app-auth-modal__form-separator:before,.app-auth-modal__form-separator:after{content:"";flex:1;border-bottom:1px solid var(--card-border)}.app-auth-modal__form-separator:before{margin-right:.25em}.app-auth-modal__form-separator:after{margin-left:.25em}.app-auth-modal__link-button{background:none;border:none;color:var(--primary-color);font-weight:700;text-decoration:none;cursor:pointer;padding:0 5px;font-size:.9rem;margin-left:5px}.app-auth-modal__link-button:hover{text-decoration:underline;color:var(--primary-dark)}.app-auth-modal__forgot-password{margin-top:5px;margin-bottom:10px;text-align:right}.app-auth-modal__forgot-password .app-auth-modal__link-button{color:var(--text-secondary);font-weight:400;margin-left:0}.app-auth-modal__forgot-password .app-auth-modal__link-button:hover{color:var(--primary-color)}.app-auth-modal__switch{border-top:1px solid var(--card-border);padding-top:15px;margin-top:20px;text-align:center;font-size:.9rem}.app-auth-modal__switch p{margin:0;line-height:1.5;color:var(--text-secondary)}.app-auth-modal__error-message{color:var(--white);background-color:var(--bg-04);border:1px solid var(--primary-color);padding:8px;border-radius:4px;margin-bottom:15px;text-align:center;font-size:.9rem}.app-auth-modal__back-button{background-color:var(--primary-color);color:var(--white);padding:10px;border-radius:5px;border:1px solid var(--card-border);margin:1rem 70% 2rem 0}.app-auth-modal__method-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 20px;margin-bottom:15px;color:var(--text-primary);border:1px solid var(--card-border);border-radius:90px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed)}.app-auth-modal__method-btn .btn-icon{font-size:1.2rem}.app-auth-modal__method-btn--google{background:linear-gradient(90deg,#4285f4,#ea4335,#fbbc05 66%,#34a853);border:none;color:var(--white)}.app-auth-modal__method-btn--google:hover{background:linear-gradient(90deg,#3367d6,#c5221f,#f9ab00 66%,#188038);transform:translateY(-2px);box-shadow:0 4px 12px #4285f466}.app-auth-modal__method-btn--email{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-color:var(--primary-color);color:var(--white)}.app-auth-modal__method-btn--email:hover{background:linear-gradient(135deg,var(--primary-dark),#1a7040);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #1e874b66}.app-auth-modal__back-btn{background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:5px 0;margin-bottom:10px;text-align:left;width:fit-content;transition:color var(--transition-speed)}.app-auth-modal__back-btn:hover{color:var(--primary-color)}@media (max-width: 768px){.app-auth-modal__content{width:80%!important;max-width:none!important}}.app-create-playlist-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-dark);display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-create-playlist-modal-content{background-color:var(--card-bg);color:var(--text-primary);padding:30px;border-radius:var(--border-radius);width:90%;max-width:450px;box-shadow:var(--box-shadow);position:relative;border-top:5px solid var(--primary-color)}.app-create-playlist-modal-content h2{font-size:1.5em;color:var(--white);margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid var(--gray-70);display:flex;align-items:center;gap:10px}.app-create-playlist-modal-content .modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:5px;transition:color var(--transition-speed) ease}.app-create-playlist-modal-content .modal-close-button:hover{color:var(--error-color)}.app-create-playlist-modal-content .form-group{margin-bottom:20px}.app-create-playlist-modal-content label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-secondary)}.app-create-playlist-modal-content input[type=text],.app-create-playlist-modal-content input[type=number],.app-create-playlist-modal-content textarea,.app-create-playlist-modal-content select{width:100%;padding:10px 12px;border:1px solid var(--gray-60);border-radius:4px;background-color:var(--bg-01);color:var(--text-primary);font-size:1rem;box-sizing:border-box}.app-create-playlist-modal-content textarea{resize:vertical}.app-create-playlist-modal-content input:focus,.app-create-playlist-modal-content select:focus,.app-create-playlist-modal-content textarea:focus{border-color:var(--primary-color);outline:none}.app-create-playlist-modal-content .modal-actions{display:flex;gap:10px;margin-top:20px}.app-add-to-playlist-modal-content{width:90%}.app-create-playlist-modal-content .btn-cancel{background-color:var(--gray-60);color:var(--white);padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color var(--transition-speed) ease}.app-create-playlist-modal-content .btn-cancel:hover{background-color:var(--gray-50)}.app-create-playlist-modal-content .btn-confirm{background-color:var(--primary-color);color:var(--white);padding:10px 15px;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color var(--transition-speed) ease}.app-create-playlist-modal-content .btn-confirm:hover:not(:disabled){background-color:var(--primary-dark)}.app-create-playlist-modal-content .btn-confirm:disabled{background-color:var(--gray-60);cursor:not-allowed;color:var(--text-muted)}body.theme-clair .app-create-playlist-modal-content,body.theme-light .app-create-playlist-modal-content,.light-theme .app-create-playlist-modal-content{background-color:#fff;color:var(--text-primary);border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px #0000001f}body.theme-clair .app-create-playlist-modal-content h2,body.theme-light .app-create-playlist-modal-content h2,.light-theme .app-create-playlist-modal-content h2{color:var(--text-primary);border-bottom-color:#00000014}body.theme-clair .app-create-playlist-modal-content label,body.theme-light .app-create-playlist-modal-content label,.light-theme .app-create-playlist-modal-content label{color:var(--text-secondary)}body.theme-clair .app-create-playlist-modal-content input[type=text],body.theme-clair .app-create-playlist-modal-content input[type=number],body.theme-clair .app-create-playlist-modal-content textarea,body.theme-clair .app-create-playlist-modal-content select,body.theme-light .app-create-playlist-modal-content input[type=text],body.theme-light .app-create-playlist-modal-content input[type=number],body.theme-light .app-create-playlist-modal-content textarea,body.theme-light .app-create-playlist-modal-content select,.light-theme .app-create-playlist-modal-content input[type=text],.light-theme .app-create-playlist-modal-content input[type=number],.light-theme .app-create-playlist-modal-content textarea,.light-theme .app-create-playlist-modal-content select{background-color:#f5f5f5;border-color:#0000001a;color:var(--text-primary)}body.theme-clair .app-create-playlist-modal-content input:focus,body.theme-clair .app-create-playlist-modal-content select:focus,body.theme-clair .app-create-playlist-modal-content textarea:focus,body.theme-light .app-create-playlist-modal-content input:focus,body.theme-light .app-create-playlist-modal-content select:focus,body.theme-light .app-create-playlist-modal-content textarea:focus,.light-theme .app-create-playlist-modal-content input:focus,.light-theme .app-create-playlist-modal-content select:focus,.light-theme .app-create-playlist-modal-content textarea:focus{border-color:var(--primary-color)}body.theme-clair .app-create-playlist-modal-content .btn-cancel,body.theme-light .app-create-playlist-modal-content .btn-cancel,.light-theme .app-create-playlist-modal-content .btn-cancel{background-color:#e0e0e0;color:var(--text-primary)}body.theme-clair .app-create-playlist-modal-content .btn-cancel:hover,body.theme-light .app-create-playlist-modal-content .btn-cancel:hover,.light-theme .app-create-playlist-modal-content .btn-cancel:hover{background-color:#d0d0d0}@media (max-width: 768px){.app-add-to-playlist-modal-content{width:90%;max-width:80%}}.app-content{background-color:var(--bg-main)}.app-section{padding:20px}.app-header{display:flex;align-items:center;padding:0 20px}.app-sidebar-right{border-right:none}.app-player{display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000}.app-mobile-nav-account{--mobile-nav-height: 68px;position:fixed;bottom:0;left:0;right:0;width:100%;height:var(--mobile-nav-height);background:transparent;background-color:var(--bg-01);border-top:1px solid var(--card-border);z-index:100;display:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 12px #0000004d}@media (max-width: 768px){.app-mobile-nav-account{display:block}}.app-mobile-nav-account__items-container{display:flex;justify-content:space-around;align-items:center;height:100%;padding:4px;gap:2px}.app-mobile-nav-account__item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-secondary);font-size:.7rem;font-weight:500;padding:4px 2px;height:100%;flex:1;max-width:80px;transition:all .3s ease;background:none;border:none;cursor:pointer;gap:2px;border-radius:12px;position:relative}.app-mobile-nav-account__item:hover{color:var(--primary-dark);background:var(--bg-03)}.app-mobile-nav-account__item--active{color:var(--text-primary)}.app-mobile-nav-account__item--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:0 0 3px 3px}.app-mobile-nav-account__icon{font-size:1.3rem;color:inherit;transition:transform .3s ease}.app-mobile-nav-account__item--active .app-mobile-nav-account__icon{color:var(--primary-color);transform:scale(1.1)}.app-mobile-nav-account__label{font-size:.7rem;font-weight:600;letter-spacing:.3px}.app-mobile-nav-account__item-content{position:relative;display:flex;align-items:center;justify-content:center}.app-mobile-nav-account__badge{position:absolute;top:-6px;right:-8px;background-color:var(--primary-color);color:var(--text-primary);font-size:.65rem;font-weight:700;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center;animation:pulse 2s infinite}.app-mobile-nav-account__menu-button{color:var(--text-primary);border-radius:16px;max-width:72px;box-shadow:none;transition:all .3s ease;display:flex;align-items:center;flex-direction:column;background:none!important;background-color:transparent!important;background-image:none!important}.app-mobile-nav-account__menu-button:hover{transform:translateY(-2px);box-shadow:none;background:none!important}.app-mobile-nav-account__menu-icon{font-size:1.4rem;color:var(--text-primary);margin:0 auto}.app-mobile-nav-account__menu-button .app-mobile-nav-account__label{color:var(--text-primary);font-weight:700}.app-sidebar-espace{height:100%;width:100%;padding:16px 8px;background:var(--bg-01);border-right:1px solid var(--card-border);box-sizing:border-box;overflow:visible;display:flex;flex-direction:column;position:relative}.app-sidebar-espace__nav{display:flex;flex-direction:column;gap:6px;width:100%;flex-grow:1;overflow-y:auto;overflow-x:visible;overflow:hidden;padding-right:4px}.app-sidebar-espace__logo-container{padding:12px 12px 8px;margin:0 4px 16px;border-radius:8px;background:var(--bg-02);transition:all var(--transition-speed) ease}.app-sidebar-espace__logo-container:hover{background:var(--bg-03);box-shadow:0 2px 8px #0003}.app-sidebar-espace__logo{display:block;width:100%;max-height:40px;object-fit:contain}.app-sidebar-espace__back-link{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:0 4px 16px;border-radius:8px;color:var(--text-primary);text-decoration:none;font-weight:600;font-size:.85rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));transition:all var(--transition-speed) ease;box-shadow:0 2px 8px #0003;white-space:nowrap;overflow:hidden}.app-sidebar-espace__back-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.app-sidebar-espace__menu-item{position:relative;margin-bottom:6px}.app-sidebar-espace__menu-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;margin:0 4px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;white-space:nowrap;gap:8px;position:relative}.app-sidebar-espace__menu-button:after{content:"";position:absolute;right:-16px;top:-4px;width:20px;height:calc(100% + 8px);background:transparent}.app-sidebar-espace__menu-button:hover{background:#ffffff14;border-color:var(--primary-color);transform:translate(2px);box-shadow:0 4px 12px #c4963e26}.app-sidebar-espace__menu-label{flex-grow:1;text-align:left}.app-sidebar-espace__chevron{font-size:.7rem;opacity:.6;transition:opacity var(--transition-speed) ease}.app-sidebar-espace__menu-button:hover .app-sidebar-espace__chevron{opacity:1}.app-sidebar-espace__menu-bridge{position:fixed;width:20px;height:100%;left:calc(var(--sidebar-width) - 20px);top:0;background:transparent;z-index:9998;pointer-events:none;opacity:0}.app-sidebar-espace__menu-item:hover .app-sidebar-espace__menu-bridge{pointer-events:auto}.app-sidebar-espace__hover-menu{position:fixed;left:var(--sidebar-width);min-width:220px;max-width:280px;background:var(--bg-02);border:1px solid var(--primary-color);border-radius:8px;box-shadow:0 4px 20px #0006,0 0 0 1px #1e874b4d;opacity:0;visibility:hidden;transform:translate(-10px);transition:opacity .2s ease,visibility .2s ease,transform .25s cubic-bezier(.4,0,.2,1);z-index:9999;max-height:70vh;overflow-y:auto;overflow-x:hidden;pointer-events:none}.app-sidebar-espace__menu-item:hover .app-sidebar-espace__hover-menu,.app-sidebar-espace__menu-bridge:hover+.app-sidebar-espace__hover-menu,.app-sidebar-espace__hover-menu:hover{pointer-events:auto}.app-sidebar-espace__menu-item:hover .app-sidebar-espace__hover-menu{opacity:1;visibility:visible;transform:translate(0);transition-delay:.1s}.app-sidebar-espace__hover-menu:before{content:"";position:absolute;left:-6px;top:12px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--primary-color);z-index:1}.app-sidebar-espace__hover-menu:after{content:"";position:absolute;left:-4px;top:13px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid var(--bg-02);z-index:2}.app-sidebar-espace__hover-menu:hover{opacity:1;visibility:visible}.app-sidebar-espace__hover-menu-header{padding:10px 14px;background:linear-gradient(135deg,var(--bg-02),var(--bg-03));color:var(--primary-dark);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid var(--primary-color)}.app-sidebar-espace__hover-menu-content{padding:6px;overflow:visible;position:relative}.app-sidebar-espace__hover-link{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--text-secondary);text-decoration:none;font-size:.82rem;font-weight:500;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--glass-border);position:relative;margin-bottom:2px;background:#ffffff0d}.app-sidebar-espace__hover-link:hover{color:var(--text-primary);background:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26;transform:translate(3px)}.app-sidebar-espace__hover-link--active{color:var(--text-primary);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));font-weight:700;border-color:var(--primary-color);box-shadow:0 3px 12px #1e874b66,inset 0 1px #ffffff1a}.app-sidebar-espace__hover-link--active:hover{transform:translate(2px)}.app-sidebar-espace__submenu-bridge{position:fixed;width:20px;height:100%;left:calc(var(--sidebar-width) + 220px - 20px);top:0;background:transparent;z-index:9999;pointer-events:none;opacity:0}.app-sidebar-espace__hover-submenu-trigger:hover+.app-sidebar-espace__submenu-bridge,.app-sidebar-espace__submenu-bridge:hover{pointer-events:auto}.app-sidebar-espace__hover-submenu-trigger{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--text-secondary);font-size:.82rem;font-weight:500;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid var(--glass-border);position:relative;margin-bottom:2px;background:#ffffff0d}.app-sidebar-espace__hover-submenu-trigger:after{content:"";position:absolute;right:-16px;top:-4px;width:20px;height:calc(100% + 8px);background:transparent}.app-sidebar-espace__hover-submenu-trigger:hover{color:var(--text-primary);background:#ffffff14;border-color:var(--primary-color);transform:translate(3px);box-shadow:0 4px 12px #c4963e26}.app-sidebar-espace__submenu-chevron{font-size:.7rem;margin-left:auto;opacity:.6}.app-sidebar-espace__hover-submenu{position:fixed;left:calc(var(--sidebar-width) + 220px);min-width:220px;max-width:280px;background:var(--bg-02);border:1px solid var(--primary-color);border-radius:8px;box-shadow:0 4px 20px #0006,0 0 0 1px #1e874b4d;padding:6px;opacity:0;visibility:hidden;transform:translate(-10px);transition:opacity .2s ease,visibility .2s ease,transform .25s cubic-bezier(.4,0,.2,1);z-index:10000;max-height:60vh;overflow-y:auto;overflow-x:hidden;pointer-events:none}.app-sidebar-espace__hover-submenu--active{pointer-events:auto;opacity:1;visibility:visible;transform:translate(0)}.app-sidebar-espace__hover-submenu:before{content:"";position:absolute;left:-6px;top:8px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--primary-color);z-index:1}.app-sidebar-espace__hover-submenu:after{content:"";position:absolute;left:-4px;top:9px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid var(--bg-02);z-index:2}.app-sidebar-espace__hover-submenu-trigger:hover{z-index:10001}.app-sidebar-espace__hover-submenu .app-sidebar-espace__hover-link{font-size:.78rem;padding:7px 10px}.app-sidebar-espace__icon{width:16px;min-width:16px;flex-shrink:0;text-align:center;transition:transform var(--transition-speed) ease}.app-sidebar-espace__menu-button:hover .app-sidebar-espace__icon,.app-sidebar-espace__hover-link:hover .app-sidebar-espace__icon{transform:scale(1.1)}.app-sidebar-espace__badge{position:absolute;top:50%;right:12px;transform:translateY(-50%);background-color:var(--primary-color);color:var(--text-primary);font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.app-sidebar-espace__footer{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--card-border);margin-top:12px}.app-sidebar-espace__theme-button{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--card-border);text-align:left;cursor:pointer;background:#ffffff0d;color:var(--text-secondary);padding:10px 12px;border-radius:8px;font-size:.85rem;font-weight:500;margin:0 4px;transition:all var(--transition-speed) ease;white-space:nowrap;overflow:hidden}.app-sidebar-espace__theme-button:hover{background:#c4963e1a;color:var(--accent-color);border-color:var(--accent-color);transform:translate(4px)}.app-sidebar-espace__logout-button{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--error-color);text-align:left;cursor:pointer;background:#ffffff0d;color:var(--text-primary);padding:10px 12px;border-radius:8px;font-size:.85rem;font-weight:500;margin:0 4px;transition:all var(--transition-speed) ease;white-space:nowrap;overflow:hidden}.app-sidebar-espace__logout-button:hover{background:#ef476f26;color:var(--error-color);border-color:var(--error-color);transform:translate(4px);box-shadow:0 4px 12px #ef476f33}@media (max-width: 768px){.app-sidebar-espace{display:none}}.mobile-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000b3;z-index:2500;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.mobile-menu-drawer{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:85vh;background:var(--bg-01);z-index:3000;box-shadow:0 5px 15px #c4963e4d;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border-top-left-radius:20px;border-top-right-radius:20px}.mobile-menu-drawer.open{transform:translateY(0)}.mobile-menu-drawer .drawer-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);flex-shrink:0}.mobile-menu-drawer .user-info-drawer{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.mobile-menu-drawer .drawer-close-button{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-muted);font-size:1.4rem;cursor:pointer;padding:8px;border-radius:var(--border-radius);transition:all var(--transition-speed) ease}.mobile-menu-drawer .drawer-close-button:hover{color:var(--error-color);background:#ef476f26;border-color:var(--error-color);box-shadow:0 4px 12px #ef476f33}.mobile-menu-drawer .drawer-content{flex-grow:1;overflow-y:auto;padding:12px 12px 24px}.mobile-menu-drawer .back-to-app-link{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;border-radius:12px;color:var(--text-primary);text-decoration:none;font-weight:600;font-size:.95rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));transition:all var(--transition-speed) ease;box-shadow:0 4px 12px #c4963e26}.mobile-menu-drawer .back-to-app-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c4963e40}.mobile-menu-drawer .section-separator-mobile{height:1px;margin:12px 0;background:var(--glass-border)}.mobile-menu-drawer .menu-section{margin-bottom:16px}.mobile-menu-drawer .section-title-drawer{color:var(--primary-color);font-size:.75rem;padding:8px 16px 6px;text-transform:uppercase;letter-spacing:1px;font-weight:700;opacity:.8}.mobile-menu-drawer .drawer-link{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:4px 8px;color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;border-radius:12px;border:1px solid var(--glass-border);transition:all var(--transition-speed) ease;background:#ffffff0d;cursor:pointer}.mobile-menu-drawer .drawer-link:hover{color:var(--text-primary);background:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.mobile-menu-drawer .drawer-link.active{color:var(--text-primary);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));font-weight:600;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e40}.mobile-menu-drawer .drawer-icon{width:18px;flex-shrink:0;text-align:center}.mobile-menu-drawer .logout-button{color:var(--error-color);border-color:var(--error-color)}.mobile-menu-drawer .logout-button:hover{background:#ef476f26;color:var(--error-color);border-color:var(--error-color);box-shadow:0 4px 12px #ef476f33}.mobile-menu-drawer .drawer-footer{display:flex;flex-direction:column;gap:8px;padding:12px 12px 16px;border-top:1px solid var(--glass-border);margin-top:auto}.mobile-menu-drawer .drawer-theme-toggle,.mobile-menu-drawer .drawer-theme-button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:12px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.mobile-menu-drawer .drawer-theme-toggle:hover,.mobile-menu-drawer .drawer-theme-button:hover{background:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.mobile-menu-drawer .drawer-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;margin-bottom:12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:var(--primary-color);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:all var(--transition-speed) ease}.mobile-menu-drawer .drawer-dropdown-toggle:hover{background:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.mobile-menu-drawer .drawer-dropdown-toggle .dropdown-arrow{font-size:.85rem;transition:transform var(--transition-speed) ease}.mobile-menu-drawer .drawer-dropdown-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity var(--transition-speed) ease;opacity:0}.mobile-menu-drawer .drawer-dropdown-content.expanded{max-height:500px;opacity:1;margin-bottom:12px}.mobile-menu-drawer .drawer-dropdown-content .drawer-link{margin-bottom:4px;font-size:.85rem;padding:10px 16px 10px 32px}.mobile-menu-drawer .drawer-dropdown-content .drawer-icon{width:16px}.mobile-menu-drawer .drawer-submenu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px 10px 32px;margin-bottom:4px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;gap:10px}.mobile-menu-drawer .drawer-submenu-toggle:hover{background:#ffffff14;color:var(--text-primary);border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.mobile-menu-drawer .drawer-submenu-toggle .drawer-icon{width:16px}.mobile-menu-drawer .drawer-submenu-toggle .dropdown-arrow{font-size:.8rem;margin-left:auto}.mobile-menu-drawer .drawer-submenu-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity var(--transition-speed) ease;opacity:0}.mobile-menu-drawer .drawer-submenu-content.expanded{max-height:800px;opacity:1;margin-top:4px;margin-bottom:8px}.mobile-menu-drawer .drawer-submenu-content .drawer-link{font-size:.8rem;padding:9px 16px 9px 48px;margin-bottom:3px;background:#ffffff05}.mobile-menu-drawer .drawer-submenu-content .drawer-icon{width:14px}.app-user-account-layout{--sidebar-width: 240px;--mobile-nav-account-height: 60px;background-color:var(--bg-02)}.app-user-account-layout__grid{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr;height:100vh;overflow:hidden}.app-user-account-layout__header{display:none}.app-user-account-layout__sidebar{grid-area:1 / 1 / 2 / 2;border-right:1px solid var(--card-border);overflow-y:auto;padding:0}.app-user-account-layout__content{grid-area:1 / 2 / 2 / 3;overflow-y:auto;padding:1rem}.app-user-account-layout__section{padding:30px 0}.app-user-account-layout__section-title{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--primary-color)}.app-user-account-layout__subtitle{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-top:40px;margin-bottom:20px}@media (max-width: 768px){.app-user-account-layout__grid{grid-template-columns:1fr;grid-template-rows:1fr}.app-user-account-layout__content{grid-area:1 / 1 / 2 / 2;padding:20px 10px;padding-bottom:calc(var(--mobile-nav-account-height) + 20px)}.app-user-account-layout__sidebar{display:none}.app-user-account-layout__sidebar--mobile{display:block;position:fixed;top:0;left:0;height:100vh;width:250px;max-width:80vw;background-color:var(--bg-01);z-index:3000;transform:translate(-100%);transition:transform var(--transition-speed) ease-out}.app-user-account-layout__sidebar--mobile.open{transform:translate(0);box-shadow:2px 0 10px #00000080}.app-user-account-layout__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:2500}}.profile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease-out}.profile-modal-content{background:var(--bg-01);border:1px solid var(--glass-border);color:var(--text-primary);padding:30px;border-radius:var(--border-radius-sm);width:90%;max-width:450px;box-shadow:var(--box-shadow);position:absolute;animation:slideIn .3s ease-out;max-height:85vh;overflow:hidden;overflow-y:auto;margin:0;top:10%;scrollbar-width:none}.profile-modal-content h2{font-size:1.5rem;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid var(--glass-border)}.modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:all var(--transition-speed)}.modal-close-button:hover{color:var(--text-primary);transform:rotate(90deg)}.modal-form-group{margin-bottom:15px}.modal-form-group label{display:block;margin-bottom:5px;font-weight:600;color:var(--text-secondary)}.modal-form-group input{width:100%;padding:10px 12px;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background-color:#ffffff0d;color:var(--text-primary);font-size:1rem;box-sizing:border-box;transition:border-color var(--transition-speed)}.modal-form-group input:focus{outline:none;border-color:var(--primary-color)}.modal-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.modal-actions button{padding:10px 15px;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;transition:all var(--transition-speed)}.modal-actions .btn-save{background-color:var(--primary-color);color:var(--white)}.modal-actions .btn-save:hover{filter:brightness(1.1);transform:translateY(-2px)}.modal-actions .btn-cancel{background-color:#ffffff14;color:var(--text-primary)}.modal-actions .btn-cancel:hover{background-color:#ffffff1f}@media (max-width: 992px){.profile-modal-content{width:90%;max-width:80%!important}}.avatar-drop-zone{width:150px;height:150px;border-radius:50%;margin:20px auto;border:3px dashed var(--glass-border);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;overflow:hidden;position:relative;background:#ffffff0d;transition:all var(--transition-speed)}.avatar-drop-zone:hover{border-color:var(--primary-color);background:#ffffff14;transform:scale(1.05);box-shadow:0 4px 12px #c4963e26}.avatar-preview-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.camera-icon{color:var(--text-muted);font-size:2rem}.avatar-drop-zone p{font-size:.8rem;color:var(--text-secondary);margin:5px 0 0}.avatar-hint{text-align:center;font-size:.85rem;color:var(--text-secondary);margin-top:-10px;margin-bottom:20px}.artist-request-modal{max-width:560px;max-height:85vh;padding:0!important;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(196,150,62,.25)!important;box-shadow:0 20px 60px #00000080,0 0 0 1px #c4963e1a!important}.artist-request-modal form{padding:0 24px 24px;overflow-y:auto;flex:1}.arm-intro{font-size:.88em;color:var(--text-secondary);margin-bottom:18px;line-height:1.5;border-left:3px solid var(--primary-color);padding-left:10px}.arm-header{display:flex;align-items:center;gap:16px;padding:24px 24px 20px;background:linear-gradient(135deg,#c4963e1f,#c4963e0a);border-bottom:1px solid rgba(196,150,62,.15)}.arm-header__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--primary-color),#b8832a);color:#1a1a1a;font-size:1.4em;flex-shrink:0;box-shadow:0 4px 12px #c4963e59}.arm-header__title{margin:0 0 4px!important;font-size:1.15em!important;font-weight:700;color:var(--text-primary)}.arm-header__subtitle{margin:0;font-size:.83em;color:var(--text-muted)}.arm-benefits{display:flex;justify-content:space-around;align-items:center;padding:12px 16px;background:#c4963e0f;border-bottom:1px solid rgba(196,150,62,.1);gap:4px}.arm-benefit{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.72em;color:var(--text-secondary);text-align:center;min-width:0}.arm-benefit svg{color:var(--primary-color);font-size:1.1em}.arm-benefit span{font-weight:600;white-space:nowrap}.artist-request-modal input[type=tel],.artist-request-modal textarea{width:100%;padding:10px 12px;background-color:#ffffff0a;color:var(--text-primary);border:1px solid rgba(196,150,62,.3);border-radius:6px;font-size:.9em;font-family:inherit;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.artist-request-modal input[type=tel]::placeholder,.artist-request-modal textarea::placeholder{color:var(--text-muted)}.artist-request-modal input[type=tel]:focus,.artist-request-modal textarea:focus{outline:none;background-color:#c4963e14;border-color:var(--primary-color);box-shadow:0 0 0 2px #c4963e26}.artist-request-modal input[type=tel]:disabled,.artist-request-modal textarea:disabled{opacity:.6;cursor:not-allowed}.artist-request-modal .modal-form-group label{display:block;margin-bottom:8px;font-size:.92em;font-weight:600;color:var(--text-primary)}.required-star{color:var(--error-color);margin-left:2px}.artist-request-modal .modal-form-group{margin-bottom:18px;display:flex;flex-direction:column}.artist-request-modal textarea{resize:vertical;min-height:70px}.artist-request-modal textarea:last-of-type{min-height:120px}.arm-actions{margin-top:20px!important;padding-top:16px;border-top:1px solid rgba(196,150,62,.15);display:flex;align-items:center;gap:12px}.artist-request-modal .btn-cancel,.artist-request-modal .btn-save{padding:9px 18px;font-size:.88em;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.artist-request-modal .btn-cancel{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.artist-request-modal .btn-cancel:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.artist-request-modal .btn-save{background:linear-gradient(135deg,var(--primary-color),#b8832a);color:#1a1a1a;font-weight:700;display:flex;align-items:center;gap:6px}.artist-request-modal .btn-save:hover:not(:disabled){box-shadow:0 4px 12px #c4963e59;transform:translateY(-1px)}.artist-request-modal .btn-save:active:not(:disabled){transform:translateY(0)}.artist-request-modal .btn-save:disabled,.artist-request-modal .btn-cancel:disabled{opacity:.6;cursor:not-allowed}.social-connections-modal__overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center!important;justify-content:center;z-index:1200;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:24px}.social-connections-modal{width:520px;max-width:calc(100% - 48px);background:var(--bg-01);border-radius:var(--border-radius-lg);padding:20px;box-shadow:var(--box-shadow);color:var(--text-primary);border:1px solid var(--glass-border);transition:transform .22s cubic-bezier(.2,.9,.2,1),opacity .22s ease,box-shadow .22s ease;transform:translateY(0);opacity:1;animation:scm-appear .22s cubic-bezier(.2,.9,.2,1) both;max-height:calc(100vh - 96px);overflow:auto;display:flex;flex-direction:column;gap:12px;margin:0}@media (max-width: 440px){.social-connections-modal{width:100%;max-width:calc(100% - 40px);padding:16px}}.scm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.scm-header h3{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:.2px}.scm-close{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:1rem;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:background .14s ease,transform .14s ease}.scm-close:hover{background:#ffffff14;transform:translateY(-2px)}.scm-close:focus{outline:none;box-shadow:0 0 0 3px #c4963e1f}.scm-content{padding-top:6px}.scm-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:var(--border-radius-sm);border:1px solid var(--glass-border);transition:transform .18s ease,box-shadow .18s ease}.scm-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #c4963e1f}.scm-item__left{width:40px;text-align:center}.scm-google-icon{font-size:22px;color:var(--text-muted)}.scm-google-icon.linked{color:#4285f4}.scm-item__title{font-weight:700;color:var(--text-primary)}.scm-item__desc{font-size:.85rem;color:var(--text-muted)}.scm-item__actions{margin-left:auto;display:flex;align-items:center;gap:10px}.scm-checkbox{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem}.scm-checkbox input{width:18px;height:18px}.scm-action{padding:8px 12px;border-radius:999px;border:none;font-weight:700;cursor:pointer}.scm-action--primary{background:var(--primary-color);color:var(--white)}.scm-action--danger{background:var(--error-color);color:var(--white)}.scm-note{margin-top:12px;color:var(--text-muted);font-size:.85rem}@keyframes scm-appear{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.app-profil-detail__header{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:20px;margin-bottom:20px;display:flex;gap:20px;align-items:center;transition:all var(--transition-speed) var(--transition-smooth);opacity:0;animation:fadeInUp .5s ease forwards;box-sizing:border-box}.app-profil-detail__header:hover{border-color:var(--primary-color);box-shadow:0 6px 20px #c4963e26}.app-profil-detail__avatar-container{position:relative;flex-shrink:0}.app-profil-detail__avatar{width:100px;height:100px;border-radius:var(--border-radius);overflow:hidden;border:3px solid var(--primary-color);box-shadow:0 4px 12px #c4963e40;object-fit:cover;display:block}.app-profil-detail__avatar-edit{position:absolute;bottom:-2px;right:-2px;background:var(--primary-gradient);color:var(--white);border:3px solid var(--bg-01);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all var(--transition-speed);z-index:10}.app-profil-detail__avatar-edit:hover{transform:scale(1.1);box-shadow:0 4px 12px #c4963e66}.app-profil-detail__avatar-edit svg{font-size:.9rem}.app-profil-detail__profile{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.app-profil-detail__actions{display:flex;gap:8px;align-items:center}.app-profil-detail__social-btn{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:8px 12px;border-radius:999px;font-weight:700;cursor:pointer;transition:all var(--transition-speed)}.app-profil-detail__social-btn:hover{background:var(--primary-gradient);color:var(--white);transform:translateY(-2px);box-shadow:0 6px 20px #c4963e1f}.app-profil-detail__username{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.app-profil-detail__email{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.2}@media (max-width: 768px){.app-profil-detail__header{flex-direction:column;align-items:center;text-align:center;padding:20px 15px}.app-profil-detail__profile{align-items:center}.app-profil-detail__avatar{width:90px;height:90px}.app-profil-detail__username{font-size:1.3rem}.app-profil-detail__email{font-size:.9rem}}@media (max-width: 480px){.app-profil-detail__header{padding:15px}.app-profil-detail__avatar{width:80px;height:80px}.app-profil-detail__username{font-size:1.2rem}}.app-profil-detail__activity{animation:fadeInUp .5s ease forwards;animation-delay:.15s;opacity:0}.app-profil-detail__activity-title{font-size:1.5rem;margin:0 0 16px;color:var(--text-primary)}.app-profil-detail__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;width:100%;box-sizing:border-box}.app-profil-detail__stat-card{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all var(--transition-speed) var(--transition-smooth);box-sizing:border-box}.app-profil-detail__stat-card:hover{transform:translateY(-3px);border-color:var(--primary-color);box-shadow:0 6px 20px #c4963e26}.app-profil-detail__stat-icon{font-size:1.4rem;color:var(--primary-color);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));margin-bottom:2px}.app-profil-detail__stat-value{font-size:1.3rem;font-weight:700;color:var(--text-primary);line-height:1}.app-profil-detail__stat-label{font-size:.8rem;color:var(--text-secondary);text-align:center;font-weight:500;line-height:1.2}.app-profil-detail__library-message{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:20px;text-align:center;color:var(--text-primary);font-size:1rem;margin-top:20px}.app-profil-detail__library-link{color:var(--primary-color);text-decoration:none;font-weight:700;margin:0 3px}@media (max-width: 999px){.app-profil-detail__stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width: 768px){.app-profil-detail__stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.app-profil-detail__stat-card{padding:10px 8px}.app-profil-detail__stat-icon{font-size:1.3rem}.app-profil-detail__stat-value{font-size:1.2rem}.app-profil-detail__stat-label{font-size:.75rem}}@media (max-width: 480px){.app-profil-detail__stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.app-profil-detail__stat-card{padding:8px 6px;gap:4px}.app-profil-detail__stat-icon{font-size:1.2rem}.app-profil-detail__stat-value{font-size:1.1rem}.app-profil-detail__stat-label{font-size:.7rem}}.app-profil-detail__profile-card{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:20px;position:sticky;top:24px;height:fit-content;display:flex;flex-direction:column;gap:20px;animation:fadeInUp .5s ease forwards;animation-delay:.1s;opacity:0;transition:all var(--transition-speed) var(--transition-smooth)}.app-profil-detail__profile-card:hover{border-color:var(--primary-color);box-shadow:0 6px 20px #c4963e26}.app-profil-detail__card-title{color:var(--text-primary);margin-top:0;margin-bottom:15px;font-size:1.1rem;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.app-profil-detail__card-section{display:flex;flex-direction:column;gap:10px;margin-top:5px}.app-profil-detail__card-button{width:100%;padding:10px 12px;border-radius:var(--border-radius-sm);border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-primary);cursor:pointer;transition:all var(--transition-speed);font-size:.95rem;display:flex;align-items:center;justify-content:flex-start;gap:10px}.app-profil-detail__card-button:hover{background-color:#ffffff14;border-color:var(--primary-color);transform:translate(3px)}.app-profil-detail__card-button i{font-size:1.1em}.app-profil-detail__danger-zone{border:1px solid var(--error-color);background-color:var(--error-light-bg);padding:15px;border-radius:var(--border-radius-sm);margin-top:20px}.app-profil-detail__danger-zone-title{color:var(--error-color);border-bottom-color:#ef476f4d}.app-profil-detail__btn-danger{background-color:var(--error-color);color:var(--white)!important;border-color:var(--error-color);justify-content:center}.app-profil-detail__btn-danger:hover{background-color:var(--error-darker);filter:brightness(1);border-color:var(--error-color);transform:translate(0)}.app-profil-detail__wrapper{width:100%;margin:0 auto;padding:24px;box-sizing:border-box}.app-profil-detail__artist-promo{padding:0;animation:fadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}@keyframes artistBtnPulse{0%{box-shadow:0 0 #c4963e8c}70%{box-shadow:0 0 0 12px #c4963e00}to{box-shadow:0 0 #c4963e00}}@keyframes artistBtnShimmer{0%{left:-100%}to{left:150%}}.btn-request-artist{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:8px 22px;background:linear-gradient(135deg,#d4a843 0%,var(--primary-color) 50%,#b8832a 100%);background-size:200% 200%;color:#fff;font-weight:800;font-size:1em;letter-spacing:.8px;text-transform:uppercase;border:none;border-radius:50px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background-position .4s ease;box-shadow:0 4px 15px #c4963e73,0 1px 3px #0000004d,inset 0 1px #ffffff40;animation:artistBtnPulse 2.2s cubic-bezier(.66,0,0,1) infinite}.btn-request-artist:before{content:"";position:absolute;top:-50%;left:-100%;width:60%;height:200%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);animation:artistBtnShimmer 2.8s ease-in-out infinite;pointer-events:none}.btn-request-artist__icon{transition:transform .3s ease}.btn-request-artist__arrow{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-request-artist:hover:not(:disabled){transform:translateY(-3px) scale(1.03);background-position:right center;box-shadow:0 8px 25px #c4963e99,0 3px 8px #00000059,inset 0 1px #ffffff4d;animation:none}.btn-request-artist:hover:not(:disabled) .btn-request-artist__icon{transform:rotate(-15deg) scale(1.2)}.btn-request-artist:hover:not(:disabled) .btn-request-artist__arrow{transform:translate(5px)}.btn-request-artist:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:0 3px 10px #c4963e66,0 1px 3px #0000004d;transition:transform .1s ease,box-shadow .1s ease}.btn-request-artist:focus-visible{outline:3px solid rgba(196,150,62,.6);outline-offset:3px}.btn-request-artist:disabled{background:var(--bg-02);color:var(--text-muted);cursor:not-allowed;box-shadow:none;animation:none;opacity:.6;transform:none}.btn-request-artist:disabled:before{display:none}.artist-btn-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.btn-avantages-artist{display:inline-flex;align-items:center;padding:9px 16px;background:transparent;color:var(--primary-color);font-size:.82em;font-weight:600;letter-spacing:.3px;border:1.5px solid rgba(196,150,62,.5);border-radius:50px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease;white-space:nowrap}.btn-avantages-artist:hover{background:#c4963e1a;border-color:var(--primary-color);transform:translateY(-1px)}.btn-avantages-artist:active{transform:translateY(0)}@keyframes avantagesOpen{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:400px}}.artist-avantages-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin .3s ease;margin-bottom:0}.artist-avantages-panel--open{max-height:400px;opacity:1;margin-bottom:16px}.artist-avantages-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;background:#c4963e0f;border:1px solid rgba(196,150,62,.15);border-radius:10px;margin-bottom:4px}.artist-avantage-item{display:flex;align-items:flex-start;gap:10px}.artist-avantage-item__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#c4963e26;color:var(--primary-color);font-size:.9em;flex-shrink:0;margin-top:1px}.artist-avantage-item strong{display:block;font-size:.85em;color:var(--text-primary);font-weight:700;margin-bottom:2px}.artist-avantage-item p{margin:0;font-size:.78em;color:var(--text-muted);line-height:1.4}.btn-validate-payment{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;background:linear-gradient(135deg,var(--success-color),#4aa874);color:#fff;border:none;margin:1rem 0;border-radius:8px;font-size:.75em;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #67c09059;letter-spacing:.2px}.btn-validate-payment:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #67c09080}.btn-validate-payment:active{transform:scale(.98)}@media (max-width: 992px){.app-profil-detail__wrapper{padding:15px}.app-profil-detail__layout{grid-template-columns:1fr;gap:20px}.app-profil-detail__sidebar{order:-1;padding-left:0}}.app-update-password-form{display:flex;flex-direction:column}.app-update-password-form__error{background:#e74c3c1a;border:1px solid var(--primary-color);color:var(--primary-color);padding:10px 12px;border-radius:4px;margin-bottom:15px;font-size:.9rem}.app-update-password-form__group{position:relative;margin-bottom:20px;padding-left:25px}.app-update-password-form label{display:block;margin-bottom:5px;font-weight:600;color:var(--text-primary)}.app-update-password-form input{width:100%;padding:10px 12px;border:1px solid var(--card-border);border-radius:4px;background-color:var(--bg-03);color:var(--text-primary);font-size:1rem;box-sizing:border-box;transition:border-color var(--transition-speed)}.app-update-password-form input:focus{outline:none;border-color:var(--primary-color)}.app-update-password-form__input-icon{position:absolute;left:0;color:var(--primary-color);font-size:1.1em}.app-update-password-form__password-toggle{position:absolute;right:12px;top:38px;cursor:pointer;color:var(--text-secondary);z-index:10;font-size:1.1em;transition:color var(--transition-speed)}.app-update-password-form__password-toggle:hover{color:var(--text-primary)}.app-update-password-form__actions{margin-top:25px;justify-content:center}.app-update-password-form__submit{flex:1;padding:12px 20px;background-color:var(--primary-color);color:var(--white);font-weight:700}.app-update-password-form__submit:disabled{background-color:var(--bg-03);opacity:.6}.app-update-password-form__forgot-wrapper{margin-top:15px;text-align:center;font-size:.9em;color:var(--text-secondary)}.app-update-password-form__forgot-link{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;padding:0 5px}.app-update-password-form__forgot-link:hover{text-decoration:underline}.app-profil-detail{width:100%;min-height:100vh;padding:0 0 100px;color:var(--text-primary);will-change:transform}.app-profil-detail__wrapper{width:100%;margin:0 auto;box-sizing:border-box;animation:fadeInUp .5s ease forwards}.app-profil-detail__layout{display:grid;grid-template-columns:1fr 350px;gap:30px;width:100%}.app-profil-detail__main{display:flex;flex-direction:column;gap:32px}.app-profil-detail__sidebar{padding-left:24px}.app-profil-detail__social-section{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:0;overflow:hidden;animation:fadeInUp .5s ease forwards;animation-delay:.1s;opacity:0}.app-profil-detail__social-subtitle{padding:20px 24px;margin:0;background:#ffffff05;border-bottom:1px solid var(--glass-border)}.app-profil-detail__social-section>div{margin:0}.app-profil-detail__social-checkbox{width:18px;height:18px;cursor:default}.app-profil-detail__pill-button{transition:all var(--transition-speed) var(--transition-smooth);font-size:.9em}.app-profil-detail__pill-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.app-profil-detail__pill-button:disabled{opacity:.6}@media (max-width: 992px){.app-profil-detail__wrapper{padding:0}.app-profil-detail__layout{grid-template-columns:1fr;gap:20px}.app-profil-detail__sidebar{order:-1;padding-left:0}.app-profil-detail__profile-card{position:static;margin:1rem 0}}@media (max-width: 768px){.app-profil-detail__social-section>div>div{flex-direction:column;align-items:flex-start!important}.app-profil-detail__social-section>div>div>div:last-child{width:100%;flex-direction:column;align-items:stretch!important}.app-profil-detail__pill-button{width:100%;justify-content:center}}.artist-stats-header{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:12px;padding:20px 24px;margin-bottom:20px;display:flex;align-items:center;gap:18px;transition:all var(--transition-speed);opacity:0;animation:fadeInUp .5s ease forwards;box-sizing:border-box}.artist-stats-header:hover{border-color:var(--primary-color);box-shadow:0 6px 20px #c4963e26}.artist-stats-header-icon{width:50px;height:50px;border-radius:10px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #c4963e40}.artist-stats-header-icon svg{font-size:1.5rem;color:var(--text-primary)}.artist-stats-header-content{flex:1;display:flex;flex-direction:column;gap:4px}.artist-stats-header-content h1{font-size:1.6rem;font-weight:700;margin:0;color:var(--text-primary);line-height:1.2}.artist-stats-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0;font-weight:400;line-height:1.3}@media (max-width: 768px){.artist-stats-header{padding:16px 18px;gap:14px}.artist-stats-header-icon{width:44px;height:44px}.artist-stats-header-icon svg{font-size:1.3rem}.artist-stats-header-content h1{font-size:1.4rem}.artist-stats-header-subtitle{font-size:.85rem}}@media (max-width: 480px){.artist-stats-header{padding:14px 16px;gap:12px}.artist-stats-header-icon{width:40px;height:40px}.artist-stats-header-icon svg{font-size:1.2rem}.artist-stats-header-content h1{font-size:1.25rem}.artist-stats-header-subtitle{font-size:.8rem}}.artist-stats-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0;width:100%;max-width:1700px;margin:0 auto;box-sizing:border-box}.artist-stats-grid-container .artist-stat-card{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;transition:all var(--transition-speed);box-sizing:border-box;opacity:0;animation:fadeInUp .5s ease forwards}.artist-stats-grid-container .artist-stat-card:nth-child(1){animation-delay:.1s}.artist-stats-grid-container .artist-stat-card:nth-child(2){animation-delay:.2s}.artist-stats-grid-container .artist-stat-card:nth-child(3){animation-delay:.3s}.artist-stats-grid-container .artist-stat-card:nth-child(4){animation-delay:.4s}.artist-stats-grid-container .artist-stat-card:nth-child(5){animation-delay:.5s}.artist-stats-grid-container .artist-stat-card:nth-child(6){animation-delay:.6s}.artist-stats-grid-container .artist-stat-card:hover{transform:translateY(-3px);background:#ffffff14;border-color:var(--primary-color);box-shadow:0 6px 20px #c4963e26}.artist-stats-grid-container .artist-stat-icon-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:2px}.artist-stats-grid-container .artist-stat-icon{font-size:1.4rem;color:var(--primary-color);filter:drop-shadow(0 2px 4px rgba(196,150,62,.3))}.artist-stats-grid-container .artist-stat-label{font-size:.8rem;color:var(--text-secondary);text-align:center;font-weight:500;line-height:1.2}.artist-stats-grid-container .artist-stat-value{font-size:1.3rem;font-weight:700;color:var(--text-primary);text-align:center;line-height:1}.artist-stats-grid-container .artist-stat-trend{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;margin-top:2px}.artist-stats-grid-container .trend-positive{color:var(--success-color)}.artist-stats-grid-container .trend-negative{color:var(--error-color)}.artist-stats-grid-container .artist-stats-loading{text-align:center;color:var(--text-secondary);padding:20px;font-size:.95rem}.artist-stats-grid-container .artist-stats-error{text-align:center;padding:20px}.artist-stats-grid-container .artist-stats-error p{color:var(--text-secondary);margin-bottom:10px}.artist-stats-grid-container .artist-stats-error button{background:var(--primary-color);color:var(--text-primary);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all var(--transition-speed)}.artist-stats-grid-container .artist-stats-error button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #c4963e4d}@media (max-width: 768px){.artist-stats-grid-container{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 10px}.artist-stats-grid-container .artist-stat-card{padding:10px 8px}.artist-stats-grid-container .artist-stat-icon{font-size:1.3rem}.artist-stats-grid-container .artist-stat-value{font-size:1.2rem}.artist-stats-grid-container .artist-stat-label{font-size:.75rem}}@media (max-width: 480px){.artist-stats-grid-container{grid-template-columns:repeat(2,1fr);gap:6px}.artist-stats-grid-container .artist-stat-card{padding:8px 6px;gap:4px}.artist-stats-grid-container .artist-stat-icon{font-size:1.2rem}.artist-stats-grid-container .artist-stat-value{font-size:1.1rem}.artist-stats-grid-container .artist-stat-label,.artist-stats-grid-container .artist-stat-trend{font-size:.7rem}}@media (max-width: 999px){.artist-stats-grid-container{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width: 768px){.artist-stats-grid-container{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 10px}.artist-stat-card{padding:10px 8px}.artist-stat-icon{font-size:1.3rem}.artist-stat-value{font-size:1.2rem}.artist-stat-label{font-size:.75rem}}@media (max-width: 480px){.artist-stats-grid-container{grid-template-columns:repeat(2,1fr);gap:6px}.artist-stat-card{padding:8px 6px;gap:4px}.artist-stat-icon{font-size:1.2rem}.artist-stat-value{font-size:1.1rem}.artist-stat-label,.artist-stat-trend{font-size:.7rem}}.mes-stats-content{width:100%;min-height:100vh;margin:0 auto;padding:1rem 0;box-sizing:border-box;will-change:transform}.mes-stats-content .mes-stats-container{width:100%;max-width:1800px;margin:0 auto;padding:0 1rem;box-sizing:border-box}.mes-stats-unauthorized,.mes-stats-error{padding:50px 20px;text-align:center;color:var(--text-primary)}.mes-stats-error{color:var(--error-color)}.mes-stats-retry-btn{background:var(--primary-color);color:var(--text-primary);border:none;padding:10px 24px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:16px;transition:all var(--transition-speed)}.mes-stats-retry-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #c4963e4d}.mes-stats-content .mes-stats-chart-loading{display:flex;align-items:center;justify-content:center;min-height:300px;background:var(--bg-01);border:1px solid var(--glass-border);border-radius:12px;margin-top:20px}.mes-stats-content .loading-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.mes-stats-content{padding:.5rem 0}.mes-stats-content .mes-stats-container{padding:0 .5rem}.mes-stats-unauthorized,.mes-stats-error{padding:30px 15px}.mes-stats-retry-btn{padding:8px 20px;font-size:.9rem}.visit-dashboard{display:block}}.stat-global-page .global-stats-header{display:flex;align-items:center;gap:20px;padding:20px 24px;background:var(--bg-01);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:20px;animation:fadeInUp .5s ease-out;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.stat-global-page .global-stats-header:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #c4963e26;transform:translateY(-2px)}.stat-global-page .global-stats-header-icon{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:12px;color:var(--text-primary);font-size:1.8rem;box-shadow:0 4px 12px #c4963e26;transition:transform .3s ease,box-shadow .3s ease}.stat-global-page .global-stats-header:hover .global-stats-header-icon{transform:scale(1.1);box-shadow:0 6px 16px #c4963e40}.global-stats-header-info{flex:1;min-width:0}.global-stats-header-info h1{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0 0 6px;display:flex;align-items:center;gap:12px}.global-stats-header-info h1 svg{color:var(--primary);font-size:1.5rem}.global-stats-header-info .subtitle{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.4}@media (max-width: 768px){.global-stats-header{gap:16px;padding:16px 20px;margin-bottom:16px}.global-stats-header-icon{width:56px;height:56px;font-size:1.5rem}.global-stats-header-info h1{font-size:1.5rem}.global-stats-header-info h1 svg{font-size:1.3rem}.global-stats-header-info .subtitle{font-size:.9rem}}@media (max-width: 480px){.global-stats-header{gap:12px;padding:16px}.global-stats-header-icon{width:48px;height:48px;font-size:1.3rem}.global-stats-header-info h1{font-size:1.3rem;gap:8px}.global-stats-header-info h1 svg{font-size:1.1rem}.global-stats-header-info .subtitle{font-size:.85rem}}.stat-global-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding:16px 0!important}.stat-global-page .stats-grid .stat-card{position:relative;border-radius:10px;overflow:hidden;background:var(--bg-01);border:1px solid var(--glass-border);transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 8px #c4963e14;animation:fadeInUp .5s ease-out;animation-fill-mode:both}.stats-grid path{color:#fff}.stats-grid .stat-card:nth-child(1){animation-delay:.1s}.stats-grid .stat-card:nth-child(2){animation-delay:.15s}.stats-grid .stat-card:nth-child(3){animation-delay:.2s}.stats-grid .stat-card:nth-child(4){animation-delay:.25s}.stats-grid .stat-card:nth-child(5){animation-delay:.3s}.stats-grid .stat-card:nth-child(6){animation-delay:.35s}.stats-grid .stat-card:nth-child(7){animation-delay:.4s}.stats-grid .stat-card:nth-child(8){animation-delay:.45s}.stats-grid .stat-card:nth-child(9){animation-delay:.5s}.stats-grid .stat-card:nth-child(10){animation-delay:.55s}.stats-grid .stat-card:nth-child(11){animation-delay:.6s}.stats-grid .stat-card:nth-child(12){animation-delay:.65s}.stats-grid .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #1e874b4d;border-color:var(--primary-color)}.stat-global-page .stats-grid .card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#c4963e40,#c4963e00 70%);opacity:0;transition:opacity .3s ease;z-index:0;border-radius:15px}.stat-global-page .stats-grid .stat-card:hover .card-glow{opacity:.3}.stats-grid .stat-card[data-category=social] .card-glow{background:radial-gradient(circle at center,#4285f4cc,#4285f400 70%)}.stats-grid .stat-card[data-category=content] .card-glow{background:radial-gradient(circle at center,#ea4335cc,#ea433500 70%)}.stats-grid .stat-card[data-category=streams] .card-glow{background:radial-gradient(circle at center,#fbbc05cc,#fbbc0500 70%)}.stats-grid .stat-card[data-category=admin] .card-glow{background:radial-gradient(circle at center,#800080cc,#80008000 70%)}.stats-grid .stat-card[data-category=performance] .card-glow{background:radial-gradient(circle at center,#009688cc,#00968800 70%)}.stats-grid .stat-card[data-category=utilisateurs] .card-glow{background:radial-gradient(circle at center,#ff6400cc,#ff640000 70%)}.stats-grid .stat-card[data-category=playlists] .card-glow{background:radial-gradient(circle at center,#ffc800cc,#ffc80000 70%)}.stats-grid .card-content{position:relative;padding:16px;display:flex;gap:12px;align-items:center;z-index:1}.stat-global-page .stats-grid .stat-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-grid .stat-info{flex:1;text-align:left}.stats-grid .stat-info h3{margin:0 0 4px;font-size:.9rem;font-weight:600;color:var(--text-secondary);opacity:.9;text-align:left}.stats-grid .stat-value{margin:0;font-size:1.6rem;font-weight:700;color:var(--text-secondary);line-height:1.2;text-align:left}.stats-grid .stat-description{margin:4px 0 0;font-size:.8rem;opacity:.7;line-height:1.3;text-align:left;color:var(--text-secondary)}.stats-grid .trend-indicator{display:flex;align-items:center;gap:.25rem;margin-top:.5rem}.stats-grid .trend-indicator span{font-size:.85rem;color:#4caf50;font-weight:500}.stats-grid .trend-up,.stats-grid .trend-down{width:16px;height:16px}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr;padding:12px 0;gap:12px}.stats-grid .card-content{padding:12px;display:flex;flex-direction:column;align-items:flex-start}.stats-grid .stat-icon{width:40px;height:40px}.stats-grid .stat-info h3{font-size:.85rem}.global-stats-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.stats-grid{gap:10px}.stats-grid .stat-value{font-size:1.4rem}.stats-grid .card-content{padding:10px;gap:10px}.stats-grid .stat-icon{width:36px;height:36px}.stats-grid .stat-description{font-size:.75rem}}.stat-global-page .stats-chart-container{background:var(--bg-01);border-radius:12px;border:1px solid var(--glass-border);padding:16px;margin-top:20px;box-sizing:border-box;opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:.7s;transition:border-color .3s ease,box-shadow .3s ease}.stat-global-page .stats-chart-container:hover{border-color:var(--primary-color);box-shadow:0 6px 16px #c4963e26}.stats-chart-container .chart-header{margin-bottom:16px}.stats-chart-container .chart-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.stats-chart-container .chart-render-area{width:100%}.chart-loading,.chart-error,.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:40px 16px;color:var(--text-secondary);min-height:300px}.stat-global-page .loading-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.stats-chart-container{margin:16px 0!important;padding:16px}.stats-chart-container .chart-header{flex-direction:column;align-items:flex-start;gap:10px}.stats-chart-container .chart-header h3{font-size:1rem}.stats-chart-container .legend-item{font-size:.8rem}}@media (max-width: 480px){.stats-chart-container{padding:12px}.stats-chart-container .chart-header h3{font-size:.95rem}.stats-chart-container .chart-legend{gap:.75rem}}.users-chart-container{background:var(--bg-01);border-radius:12px;border:1px solid var(--glass-border);padding:16px;margin-top:20px;box-sizing:border-box;opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:.9s;transition:border-color .3s ease,box-shadow .3s ease}.users-chart-container:hover{border-color:var(--primary-color);box-shadow:0 6px 16px #3498db33}.users-chart-container .chart-header{margin-bottom:16px}.users-chart-container .chart-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.users-chart-container .chart-header h3:before{content:"👥";font-size:1.3rem}.users-chart-container .chart-render-area{width:100%}.users-chart-container.chart-loading,.users-chart-container.chart-error,.users-chart-container.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:40px 16px;color:var(--text-secondary);min-height:320px}.users-chart-container .loading-spinner{width:40px;height:40px;border:3px solid var(--gray-70);border-top-color:#3498db;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.users-chart-container{margin:16px 0!important;padding:12px}.users-chart-container .chart-header h3{font-size:1rem}.users-chart-container .chart-render-area{overflow-x:auto}}@media (max-width: 480px){.users-chart-container{padding:8px}.users-chart-container .chart-header h3{font-size:.95rem}}.stat-global-page .visit-dashboard{padding:20px;background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:10px;margin-top:20px;box-shadow:0 4px 12px #c4963e14;animation:fadeInUp .5s ease-out .7s both}.visit-dashboard .compte-subtitle{margin-top:0;font-size:1.4rem;font-weight:600;color:var(--primary-color);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--primary-color)}.visit-dashboard h2{font-size:1.2em;color:var(--accent-color);margin-top:20px;margin-bottom:12px;display:flex;align-items:center;gap:8px}button.btn-refresh-stats{padding:8px 14px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-primary);border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 2px 6px #c4963e1f}button.btn-refresh-stats:hover{background:linear-gradient(135deg,var(--accent-color) 0%,var(--primary-color) 100%);transform:translateY(-2px);box-shadow:0 4px 10px #1e874b80}.visits-loading,.visits-error{text-align:center;padding:30px;font-size:1rem;color:var(--text-muted)}.visits-error{color:var(--error-color);font-weight:600}.filter-controls{background:var(--gray-70);padding:16px;border-radius:8px;margin-bottom:16px;border-left:3px solid var(--accent-color)}.filter-controls h2{margin-top:0;margin-bottom:12px;font-size:1.1em;color:var(--white)}.filter-inputs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-inputs label{color:var(--text-secondary);font-size:.85em;flex-shrink:0}.filter-inputs input[type=date]{padding:6px 10px;border:1px solid var(--gray-60);border-radius:6px;background-color:var(--gray-80);color:var(--white);flex-grow:1;max-width:150px;cursor:pointer;transition:border-color .3s ease;color:var(--text-secondary)}.filter-inputs input[type=date]:focus{border-color:var(--primary-color);outline:none}.filter-inputs button{padding:6px 12px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:var(--text-secondary);border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;border:1px solid var(--glass-border)}.filter-inputs button:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-color) 0%,var(--primary-color) 100%);transform:translateY(-2px);box-shadow:0 4px 10px #1e874b80}.filter-inputs button:disabled{background:var(--gray-60);color:var(--text-muted);cursor:not-allowed;opacity:.6}.stats-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.stats-summary-grid .stat-card{background:var(--gray-70);border:1px solid var(--glass-border);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 8px #0003}.stats-summary-grid .stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #1e874b4d;border-color:var(--primary-color)}.stats-summary-grid .stat-card svg{font-size:2em;color:var(--accent-color)}.stats-summary-grid .stat-card span{font-size:.9em;color:var(--text-secondary);text-align:center}.stats-summary-grid .stat-card strong{font-size:1.8em;color:var(--primary-color);font-weight:700}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:20px}.analytics-card{background:var(--gray-70);border:1px solid var(--glass-border);border-radius:8px;padding:16px;box-shadow:0 4px 8px #0003;transition:all .3s ease}.analytics-card:hover{border-color:var(--primary-color);box-shadow:0 6px 12px #1e874b33}.analytics-card h2{margin-top:0;margin-bottom:12px}.analytics-card ul{list-style:none;padding:0;margin:0}.analytics-card li{padding:10px 0;border-bottom:1px solid var(--gray-60);display:flex;justify-content:space-between;align-items:center}.analytics-card li:last-child{border-bottom:none}.analytics-card li span{color:var(--text-primary);font-size:.9em}.analytics-card li strong{color:var(--accent-color);font-weight:600}.analytics-card .no-data{text-align:center;color:var(--text-muted);padding:16px;font-style:italic;font-size:.9em}.analytics-card.card-countries li{font-size:.9em}.analytics-card.card-countries span{font-weight:500}.analytics-card.card-peaks ul{list-style:none;padding:0;margin:0}.peak-item{padding:8px 0;border-bottom:1px dotted var(--gray-60);transition:background-color .3s}.peak-item:last-child{border-bottom:none}.peak-time-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.peak-rank{font-weight:700;color:var(--accent-color);margin-right:8px;font-size:.9em}.peak-time-range{flex-grow:1;font-weight:500;font-size:.9em}.peak-count{font-weight:700;color:var(--primary-color);font-size:.95em}.peak-bar-container{height:6px;background-color:var(--gray-80);border-radius:3px;overflow:hidden}.peak-bar{height:100%;background:linear-gradient(to right,var(--primary-color),var(--accent-color));transition:width .5s ease-out;border-radius:3px}.recent-visits-table-section{margin-top:20px;overflow-x:auto;border:1px solid var(--glass-border);padding:1rem;border-radius:1rem}.recent-visits-table{width:100%;min-width:700px;border-collapse:collapse;background:var(--gray-70);border-radius:8px;border:1px solid var(--gray-60)}.recent-visits-table th,.recent-visits-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--gray-60);font-size:.85rem;color:var(--text-primary)}.recent-visits-table th{background-color:var(--gray-80);color:var(--text-secondary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.recent-visits-table tbody tr:hover{background-color:var(--gray-80)}.recent-visits-table svg{color:var(--accent-color);margin-right:4px;font-size:.9em}.pagination-controls{font-size:.85em;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;gap:10px;margin-top:16px}.pagination-controls button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);border:none;color:var(--text-secondary);padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 2px 6px #1e874b4d}.pagination-controls button:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-color) 0%,var(--primary-color) 100%);transform:translateY(-2px);box-shadow:0 4px 10px #1e874b80}.pagination-controls button:disabled{background:var(--bg-02);opacity:.5;border:1px solid var(--glass-border);cursor:not-allowed}@media (max-width: 768px){.visit-dashboard{padding:12px;margin-top:16px}.visit-dashboard .compte-subtitle{font-size:1.15rem}.visit-dashboard h2{font-size:1.05em;margin-top:16px}.filter-controls{padding:12px}.filter-inputs{flex-direction:column;align-items:stretch;gap:10px}.filter-inputs input[type=date]{max-width:100%;width:100%}.filter-inputs button{width:100%;padding:10px}.stats-summary-grid{grid-template-columns:1fr;gap:10px}.stats-summary-grid .stat-card{padding:12px}.analytics-grid{grid-template-columns:1fr;gap:12px}.analytics-card{padding:12px}.peak-time-info{flex-wrap:wrap;gap:4px}.recent-visits-table-section{margin-top:16px;padding:8px;background:var(--gray-80);border-radius:8px}.recent-visits-table{min-width:600px}.recent-visits-table th,.recent-visits-table td{padding:8px 6px;font-size:.75rem}.pagination-controls{flex-direction:column;gap:8px!important}.pagination-controls button{width:100%;padding:10px}button.btn-refresh-stats{width:100%;padding:10px;margin-top:16px}.analytics-card li{padding:12px 4px;min-height:44px}}@media (max-width: 480px){.visit-dashboard{padding:8px}.visit-dashboard .compte-subtitle{font-size:1.05rem}.visit-dashboard h2{font-size:.95em}.filter-controls,.stats-summary-grid .stat-card,.analytics-card{padding:10px}.recent-visits-table{min-width:550px}.recent-visits-table th,.recent-visits-table td{padding:6px 4px;font-size:.7rem}}.analytics-card ul.country-list-scrollable{max-height:300px;overflow-y:auto;padding-right:5px}.analytics-card ul.country-list-scrollable::-webkit-scrollbar{width:6px}.analytics-card ul.country-list-scrollable::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.analytics-card ul.country-list-scrollable::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.analytics-card ul.country-list-scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.platform-insights{margin-top:24px}.platform-insights__title{font-size:1.15rem;font-weight:600;color:var(--text-main);margin-bottom:16px;display:flex;align-items:center;gap:8px}.platform-insights__title svg{color:var(--accent-color)}.platform-insights__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.insight-card{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:12px;padding:20px;transition:all .3s ease;box-shadow:0 4px 8px #c4963e0f;animation:fadeInUp .5s ease-out both}.insight-card:hover{box-shadow:0 6px 16px #c4963e1f;transform:translateY(-2px)}.insight-card:nth-child(1){animation-delay:.1s}.insight-card:nth-child(2){animation-delay:.2s}.insight-card:nth-child(3){animation-delay:.3s}.insight-card__header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.insight-card__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.insight-card__icon--auth{background:#4285f426;color:#4285f4}.insight-card__icon--email{background:#4caf5026;color:#4caf50}.insight-card__icon--storage{background:#c4963e26;color:var(--accent-color)}.insight-card__header-text h3{font-size:.95rem;font-weight:600;color:var(--text-main);margin:0}.insight-card__header-text span{font-size:.75rem;color:var(--text-muted)}.auth-breakdown{display:flex;gap:12px;margin-bottom:14px}.auth-stat{flex:1;background:var(--bg-02, rgba(255, 255, 255, .03));border-radius:10px;padding:12px;text-align:center;border:1px solid var(--glass-border)}.auth-stat__icon{font-size:1.4rem;margin-bottom:6px}.auth-stat__icon--google{color:#4285f4}.auth-stat__icon--email{color:var(--accent-color)}.auth-stat__value{font-size:1.3rem;font-weight:700;color:var(--text-main);line-height:1.2}.auth-stat__label{font-size:.72rem;color:var(--text-muted);margin-top:2px}.auth-bar{height:8px;border-radius:4px;background:var(--bg-02, rgba(255, 255, 255, .06));overflow:hidden;display:flex}.auth-bar__google{background:#4285f4;height:100%;transition:width .6s ease;border-radius:4px 0 0 4px}.auth-bar__email{background:var(--accent-color);height:100%;transition:width .6s ease;border-radius:0 4px 4px 0}.auth-bar-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:.7rem;color:var(--text-muted)}.email-quota{margin-bottom:14px}.email-quota__info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.email-quota__count{font-size:1.3rem;font-weight:700;color:var(--text-main)}.email-quota__count span{font-size:.85rem;font-weight:400;color:var(--text-muted)}.email-quota__remaining{font-size:.75rem;color:var(--text-muted)}.email-quota__bar{height:8px;border-radius:4px;background:var(--bg-02, rgba(255, 255, 255, .06));overflow:hidden}.email-quota__bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.email-quota__bar-fill--safe{background:#4caf50}.email-quota__bar-fill--warning{background:#ff9800}.email-quota__bar-fill--danger{background:#f44336}.email-history{display:flex;gap:4px;align-items:flex-end;height:50px;margin-bottom:6px}.email-history__bar{flex:1;min-width:0;border-radius:3px 3px 0 0;background:#4caf504d;transition:height .4s ease;position:relative;cursor:default}.email-history__bar:hover{background:#4caf5099}.email-history__bar--has-failed{background:linear-gradient(to top,#f4433666,#4caf504d)}.email-history__labels{display:flex;justify-content:space-between;font-size:.62rem;color:var(--text-muted)}.email-all-time{display:flex;gap:16px;margin-top:10px;padding-top:10px;border-top:1px solid var(--glass-border);font-size:.75rem;color:var(--text-muted)}.email-all-time strong{color:var(--text-main)}.storage-disk{margin-bottom:14px}.storage-disk__info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.storage-disk__usage{font-size:1.3rem;font-weight:700;color:var(--text-main)}.storage-disk__usage span{font-size:.85rem;font-weight:400;color:var(--text-muted)}.storage-disk__percent{font-size:.8rem;font-weight:600}.storage-disk__percent--safe{color:#4caf50}.storage-disk__percent--warning{color:#ff9800}.storage-disk__percent--danger{color:#f44336}.storage-disk__bar{height:10px;border-radius:5px;background:var(--bg-02, rgba(255, 255, 255, .06));overflow:hidden}.storage-disk__bar-fill{height:100%;border-radius:5px;transition:width .6s ease}.storage-disk__bar-fill--safe{background:#4caf50}.storage-disk__bar-fill--warning{background:#ff9800}.storage-disk__bar-fill--danger{background:#f44336}.storage-folders{display:grid;grid-template-columns:1fr 1fr;gap:6px}.storage-folder{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--bg-02, rgba(255, 255, 255, .03));border-radius:6px;font-size:.75rem}.storage-folder__name{color:var(--text-muted);display:flex;align-items:center;gap:6px}.storage-folder__name svg{font-size:.7rem;color:var(--accent-color)}.storage-folder__size{font-weight:600;color:var(--text-main)}.storage-media-count{margin-top:10px;padding-top:10px;border-top:1px solid var(--glass-border);font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.storage-media-count strong{color:var(--text-main)}.insight-card--loading{min-height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);gap:8px;font-size:.85rem}.insight-card--error{text-align:center;padding:30px 20px;color:var(--text-muted);font-size:.85rem}.insight-card--error svg{color:var(--error-color, #f44336);margin-bottom:8px}@media (max-width: 768px){.platform-insights__grid{grid-template-columns:1fr}.auth-breakdown{gap:8px}.storage-folders{grid-template-columns:1fr}}.stat-global-page{width:100%;min-height:100vh;min-height:100dvh;margin:0 auto;color:var(--text-primary);font-family:Inter,sans-serif;background:var(--bg-02)}.stat-global-page .stats-container{width:100%;height:100%;margin:0 auto;padding:16px;max-width:1700px;overflow:hidden;overflow-y:auto;animation:fadeInUp .5s ease-out}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:20px 0}#allstats-content .stats-chart-container,#allstats-content .users-chart-container{margin:0!important;min-width:0}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){#allstats-content .stats-container{padding:12px}.charts-grid{gap:12px;margin:16px 0}}@media (max-width: 480px){#allstats-content .stats-container{padding:8px}.charts-grid{gap:8px}}.ma-scene-header{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:12px;padding:20px;margin-bottom:20px;display:flex;gap:20px;align-items:flex-start;transition:all var(--transition-speed);opacity:0;animation:fadeInUp .5s ease forwards;box-sizing:border-box}.ma-scene-header:hover{border-color:var(--primary-color);box-shadow:0 6px 20px #c4963e26}.ma-scene-header-avatar-section{flex-shrink:0}.ma-scene-avatar-wrapper{position:relative;width:100px;height:100px;border-radius:12px;overflow:hidden;border:3px solid var(--primary-color);box-shadow:0 4px 12px #c4963e40}.ma-scene-avatar{width:100%;height:100%;object-fit:cover;display:block}.ma-scene-edit-avatar-btn{position:absolute;bottom:-2px;right:-2px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-primary);border:3px solid var(--bg-01);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #c4963e4d;transition:all var(--transition-speed);z-index:10}.ma-scene-edit-avatar-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #c4963e66}.ma-scene-edit-avatar-btn svg{font-size:.9rem}.ma-scene-header-content{flex:1;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;min-width:0}.ma-scene-artist-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.ma-scene-name-badge{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ma-scene-artist-name{font-size:1.8rem;font-weight:700;margin:0;color:var(--text-primary);line-height:1.2}.ma-scene-verified-badge{color:var(--primary-color);font-size:1.2rem;flex-shrink:0}.ma-scene-artist-role{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-secondary);font-weight:500}.ma-scene-artist-role svg{font-size:1rem}.ma-scene-artist-bio{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5;max-width:600px}.ma-scene-header .artist-socials-container{margin-top:8px}.ma-scene-header .socials-badges{display:flex;gap:6px;flex-wrap:wrap}.ma-scene-header .social-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:20px;color:var(--text-primary);text-decoration:none;font-size:.8rem;font-weight:500;transition:all var(--transition-speed);cursor:pointer}.ma-scene-header .social-badge:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #c4963e4d}.ma-scene-header .social-badge svg{font-size:.95rem}.ma-scene-header .social-label{white-space:nowrap}.ma-scene-header-actions{flex-shrink:0;display:flex;align-items:flex-start}.ma-scene-btn-edit{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-primary);padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all var(--transition-speed);box-shadow:0 2px 8px #c4963e40}.ma-scene-btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 16px #c4963e66}.ma-scene-btn-edit svg{font-size:1rem}@media (max-width: 768px){.ma-scene-header{flex-direction:column;padding:16px;gap:16px}.ma-scene-header-avatar-section{align-self:center}.ma-scene-avatar-wrapper{width:90px;height:90px}.ma-scene-header-content{flex-direction:column;gap:16px}.ma-scene-artist-info{text-align:center;align-items:center}.ma-scene-artist-name{font-size:1.5rem}.ma-scene-header-actions{width:100%}.ma-scene-btn-edit{width:100%;justify-content:center}.ma-scene-header .socials-badges{justify-content:center}.ma-scene-header .social-badge{padding:5px 10px;font-size:.75rem}}@media (max-width: 480px){.ma-scene-header{padding:12px}.ma-scene-avatar-wrapper{width:80px;height:80px}.ma-scene-artist-name{font-size:1.3rem}.ma-scene-artist-bio{font-size:.85rem}}.ma-scene-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.stats-grid-card{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all var(--transition-speed);box-sizing:border-box}.stats-grid-card:hover{transform:translateY(-3px);border-color:var(--primary-color);box-shadow:0 6px 20px #c4963e26}.stats-grid-card-highlight{border-color:var(--primary-color);box-shadow:0 4px 16px #c4963e33}.stats-grid-card-highlight:hover{box-shadow:0 6px 24px #c4963e4d}.stats-grid-icon-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:2px}.stats-grid-icon{font-size:1.4rem;color:var(--primary-color);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.stats-grid-label{font-size:.8rem;color:var(--text-secondary);text-align:center;font-weight:500;line-height:1.2}.stats-grid-value{font-size:1.3rem;font-weight:700;color:var(--text-primary);text-align:center;line-height:1}@media (max-width: 999px){.ma-scene-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width: 768px){.ma-scene-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 10px}.stats-grid-card{padding:10px 8px}.stats-grid-icon{font-size:1.3rem}.stats-grid-value{font-size:1.2rem}.stats-grid-label{font-size:.75rem}}@media (max-width: 480px){.ma-scene-stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.stats-grid-card{padding:8px 6px;gap:4px}.stats-grid-icon{font-size:1.2rem}.stats-grid-value{font-size:1.1rem}.stats-grid-label{font-size:.7rem}}.mascenepage{width:100%;min-height:100vh;padding:1rem 0;color:var(--text-primary);will-change:transform}.mascenepage-loading,.mascenepage-error,.mascenepage-unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;color:var(--text-primary);min-height:300px}.mascenepage-loading svg{color:var(--primary-color);margin-bottom:16px}.mascenepage-error{color:var(--error-color)}.mascenepage-error svg{margin-bottom:16px}.ma-scene-suspense-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--primary-color)}.mascenepage .publication{margin-top:20px;animation:fadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}.mascenepage .menu_publication{display:flex;gap:12px;margin-bottom:20px;border-bottom:2px solid var(--glass-border);padding-bottom:0}.mascenepage .menu_publication button{background:none;border:none;padding:10px 18px;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-speed);border-bottom:3px solid transparent;position:relative;bottom:-2px}.mascenepage .menu_publication button:hover{color:var(--text-primary);background-color:#ffffff0d;border-radius:6px 6px 0 0}.mascenepage .menu_publication button.active,.mascenepage .menu_publication .btn-actif{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:700}.mascenepage .no-content-message{text-align:center;padding:40px 20px;background-color:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);animation:fadeInUp .5s ease forwards}.mascenepage .no-content-message svg{margin-bottom:15px;font-size:2.5rem;color:var(--text-muted)}@media (max-width: 768px){.mascenepage{padding:.5rem 0}.mascenepage .publication{margin-top:16px}.mascenepage .menu_publication{gap:8px;margin-bottom:16px}.mascenepage .menu_publication button{padding:8px 12px;font-size:.9rem}.mascenepage .no-content-message{padding:30px 16px}}@media (max-width: 480px){.mascenepage .menu_publication button{padding:6px 10px;font-size:.85rem}}.track-type-selector-page{padding:30px 40px;min-height:100vh;background-color:var(--bg-02);color:var(--text-primary)}.track-type-selector-page .page-header{margin-bottom:20px}.track-type-selector-page .back-button{background-color:var(--bg-01);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:10px 20px;cursor:pointer;font-size:1em;display:inline-flex;align-items:center;gap:8px;transition:var(--transition-speed) all}.track-type-selector-page .back-button:hover{background-color:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.selector-title{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:15px}.type-card:hover{background:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.type-card-icon{font-size:3em;margin-bottom:10px;color:var(--primary-color);display:flex;align-items:center;justify-content:center;height:50px;text-shadow:0 2px 8px rgba(196,150,62,.25)}.type-card-label{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:5px}.type-card-description{font-size:.75rem;color:var(--text-secondary)!important;margin-bottom:0}.type-card-arrow{font-size:1rem;color:var(--primary-color);opacity:0;transform:translate(-5px);transition:var(--transition-speed) all}.type-card:hover .type-card-arrow{opacity:1;transform:translate(5px)}@media (max-width: 768px){.track-type-selector-page{padding:20px 15px}.selector-title{font-size:1.3rem;gap:10px}.selector-subtitle{font-size:.9rem;margin-bottom:15px}.type-cards-grid{grid-template-columns:1fr;gap:10px}.type-card{padding:12px 8px}.type-card-icon{height:45px;font-size:2.5em}.type-card-label{font-size:.9rem}.type-card-description{font-size:.7rem}}.featuring-selector{margin-bottom:1.5rem}.featuring-label{display:block;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.featuring-label svg{margin-right:.5rem;color:var(--primary-color)}.featuring-mode-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid var(--glass-border)}.mode-tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition-speed) all}.mode-tab:hover{color:var(--text-primary);background:#ffffff0d}.mode-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:#ffffff0d}.mode-tab svg{margin-right:.5rem}.platform-search{position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--text-secondary);pointer-events:none}.featuring-search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:#ffffff0d;border:2px solid var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.95rem;transition:var(--transition-speed) all}.featuring-search-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff14;box-shadow:0 0 0 3px #c4963e1a}.search-loading{position:absolute;right:1rem;color:var(--primary-color);font-size:1.2rem}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:var(--bg-01);border:2px solid var(--glass-border);border-radius:var(--border-radius-sm);max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #c4963e26}.search-result-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;cursor:pointer;transition:background var(--transition-speed);border-bottom:1px solid var(--glass-border)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#ffffff0d}.artist-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border)}.artist-info{flex:1;display:flex;flex-direction:column}.artist-name{font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.artist-type{font-size:.85rem;color:var(--text-secondary)}.verified-badge{color:var(--primary-color);font-size:.9rem}.external-artist-input{display:flex;gap:.75rem}.featuring-external-input{flex:1;padding:.875rem 1rem;background:#ffffff0d;border:2px solid var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.95rem;transition:var(--transition-speed) all}.featuring-external-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff14;box-shadow:0 0 0 3px #c4963e1a}.btn-add-external{padding:.875rem 1.5rem;background:var(--primary-color);color:var(--text-primary);border:none;border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;transition:var(--transition-speed) all;white-space:nowrap}.btn-add-external:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #c4963e26}.btn-add-external:disabled{opacity:.5;cursor:not-allowed}.btn-add-external svg{margin-right:.5rem}.featuring-list{margin-top:1.5rem;padding:1rem;background:var(--bg-01);border:2px solid var(--glass-border);border-radius:var(--border-radius)}.featuring-list h4{font-size:.95rem;font-weight:600;color:var(--text-secondary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.featuring-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:var(--border-radius-sm);margin-bottom:.5rem;transition:background var(--transition-speed)}.featuring-item:last-child{margin-bottom:0}.featuring-item:hover{background:#ffffff14}.featuring-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border)}.featuring-name{flex:1;font-size:.95rem;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.external-badge{display:inline-block;padding:.2rem .5rem;background:#ffffff0d;color:var(--text-secondary);border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.btn-remove-featuring{padding:.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-speed);font-size:1rem}.btn-remove-featuring:hover{color:var(--error-color)}@media (max-width: 768px){.featuring-mode-tabs{flex-direction:column}.mode-tab{border-bottom:none;border-left:3px solid transparent}.mode-tab.active{border-left-color:var(--primary-color);border-bottom-color:transparent}.external-artist-input{flex-direction:column}.btn-add-external{width:100%}}.track-audio-section{display:flex;flex-direction:column;gap:15px;padding:10px;background-color:var(--bg-01);border-radius:var(--border-radius)}.track-audio-section .section-title{color:var(--text-primary);font-size:1.1rem;padding-bottom:10px;border-bottom:1px dashed var(--glass-border);margin:0}.track-audio-section .track-form-input label{display:block;margin-bottom:5px;font-weight:600;color:var(--text-secondary)}.track-audio-section .required-star{color:var(--error-color);margin-left:5px}.track-audio-section .audio-dropzone{background-color:#ffffff0d;border:3px dashed var(--glass-border);border-radius:8px;padding:30px 20px;text-align:center;cursor:pointer;transition:all var(--transition-speed)}.track-audio-section .audio-dropzone:hover{border-color:var(--primary-color);background-color:#ffffff14;box-shadow:0 4px 12px #c4963e26}.track-audio-section .audio-dropzone svg{font-size:3em;color:var(--primary-color);margin-bottom:10px;transition:color var(--transition-speed)}.track-audio-section .audio-dropzone p{margin:0;font-size:.9rem;color:var(--text-muted)}.track-audio-section .audio-preview{display:flex;flex-direction:column;align-items:flex-start;padding:15px;background-color:#ffffff0d;border:1px solid var(--primary-color);border-radius:var(--border-radius-sm)}.track-audio-section .audio-preview .audio-file-name{font-weight:600;color:var(--text-primary);margin-bottom:5px}.track-audio-section .audio-preview .audio-file-duration{font-size:.85em;color:var(--text-secondary);margin-bottom:10px}.track-audio-section .audio-preview .audio-player{width:100%;margin-bottom:10px;height:30px}.track-audio-section .audio-preview .remove-audio-button{background:none;border:none;color:var(--error-color);cursor:pointer;font-size:.7em;display:flex;align-items:center;gap:5px}.track-info-section{display:flex;flex-direction:column;gap:15px;padding:20px;background-color:var(--bg-01);border-radius:var(--border-radius);border:1px solid var(--glass-border)}.track-info-section .section-title{color:var(--text-primary);font-size:1.2rem;padding-bottom:10px;border-bottom:1px solid var(--glass-border);margin:0 0 10px}.track-info-section .track-form-input{display:flex;flex-direction:column;gap:8px;position:relative}.track-info-section label{font-size:.95rem;color:var(--text-primary);font-weight:600}.track-info-section .required-star{color:var(--error-color);margin-left:5px}.track-info-section input:not([type=file]),.track-info-section select{padding:10px 12px;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background-color:#ffffff0d;color:var(--text-primary);font-size:1rem;box-sizing:border-box;width:100%}.track-info-section input:focus,.track-info-section select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #c4963e33}.track-info-section .track-type-readonly{background-color:var(--text-muted)!important;color:var(--text-muted)!important;cursor:not-allowed!important;opacity:.7;font-style:italic}.track-info-section .track-cover-upload{display:flex;flex-direction:column;align-items:center;gap:10px}.track-info-section .track-cover-dropzone{width:150px;height:150px;border-radius:50%;border:3px dashed var(--glass-border);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;overflow:hidden;position:relative;background-color:#ffffff0d;transition:all .2s}.track-info-section .track-cover-dropzone:hover{border-color:var(--primary-color);background-color:#c4963e1a}.track-info-section .track-cover-dropzone .camera-icon{color:var(--text-muted);font-size:2.5rem;margin-bottom:5px}.track-info-section .track-cover-dropzone p{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.2}.track-info-section .track-cover-preview{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.track-info-section .track-cover-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.track-info-section .track-edit-cover{position:absolute;bottom:5px;right:5px;background-color:#0009;color:var(--text-primary);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;opacity:0;transition:opacity .2s;pointer-events:none}.track-info-section .track-cover-preview:hover .track-edit-cover{opacity:1}.track-info-section .price-input-group{display:flex;align-items:center;position:relative}.track-info-section .price-input-group input{padding-left:35px}.track-info-section .price-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--primary-color);pointer-events:none}.track-info-section .price-hint{font-size:.85rem;color:var(--text-muted);margin-top:5px}.track-form-actions-container{display:flex;gap:15px;margin-top:30px;justify-content:center}.track-form-actions-container button{padding:10px 20px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:700;transition:var(--transition-speed) all;display:flex;align-items:center;gap:8px}.track-form-actions-container button[type=submit]{background-color:var(--primary-color);color:var(--text-primary);border:1px solid var(--primary-color)}.track-form-actions-container button[type=submit]:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:0 4px 12px #c4963e26}.track-form-actions-container button[type=submit]:disabled{background-color:var(--text-muted);cursor:not-allowed;color:var(--text-muted)}.track-form-actions-container .track-reset-button{background-color:transparent;color:var(--text-secondary);border:1px solid var(--glass-border)}.track-form-actions-container .track-reset-button:hover{background-color:#ffffff0d;color:var(--text-primary);border-color:var(--primary-color)}@media (max-width: 600px){.track-form-actions-container{flex-direction:column;align-items:stretch}}.track-progress-bar-container{padding:20px;margin-top:30px;background-color:var(--bg-01);border-radius:var(--border-radius);border:1px solid var(--glass-border);position:relative;text-align:center}.progress-bar-visual{width:100%;height:10px;background-color:#ffffff0d;border-radius:5px;margin-bottom:30px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));transition:width .5s ease-in-out;border-radius:5px}.step-icon-wrapper{width:30px;height:30px;border-radius:50%;background-color:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-primary);margin-bottom:8px;transition:background-color .3s,color .3s}.progress-step.active .step-icon-wrapper{background-color:var(--primary-color);color:var(--text-primary)}.progress-step.completed .step-icon-wrapper{background-color:var(--success-color);color:var(--text-primary)}.step-label{font-size:.8rem;text-align:center;font-weight:600}.album-legal-notice{margin-top:20px;padding:15px;background-color:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--border-radius);text-align:center}.album-legal-notice h1{font-size:1.1rem;color:var(--primary-color);margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:10px}.album-legal-notice p{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0}.rights-confirmation-section{margin:20px 0;padding:0;animation:fadeIn .3s ease;will-change:opacity;transform:translateZ(0)}.rights-confirmation-section .rights-confirmation-header h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:12px;font-weight:600;display:flex;align-items:center;gap:8px}.rights-confirmation-section .rights-confirmation-content{border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:15px;background:var(--bg-01);box-shadow:0 4px 12px #c4963e26}.rights-confirmation-section .rights-info-box{margin-bottom:15px}.rights-confirmation-section .rights-info-text{font-size:.9rem;color:var(--text-muted);margin-bottom:12px;line-height:1.5}.rights-confirmation-section .rights-explanation{display:flex;flex-direction:column;gap:10px;margin-top:10px}.rights-confirmation-section .rights-option{display:flex;align-items:flex-start;gap:10px;padding:10px;background:#ffffff0d;border-radius:var(--border-radius-sm);border:1px solid var(--glass-border);border-left:3px solid var(--success-color);transition:var(--transition-speed) all}.rights-confirmation-section .rights-option:hover{box-shadow:0 4px 12px #c4963e26;transform:translate(3px);background:#ffffff14}.rights-confirmation-section .rights-option:last-child{border-left-color:var(--primary-color)}.rights-confirmation-section .rights-icon{font-size:1.2rem;line-height:1}.rights-confirmation-section .rights-option-text{flex:1}.rights-confirmation-section .rights-option-text strong{display:block;color:var(--text-primary);font-size:.9rem;margin-bottom:3px}.rights-confirmation-section .rights-option-text p{color:var(--text-muted);font-size:.85rem;line-height:1.4;margin:0}.rights-confirmation-section .rights-checkbox-container{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:var(--border-radius);padding:15px;margin:15px 0;box-shadow:0 4px 12px #c4963e4d}.rights-confirmation-section .rights-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.rights-confirmation-section .rights-checkbox-input{position:absolute;opacity:0;cursor:pointer}.rights-confirmation-section .rights-checkbox-custom{position:relative;min-width:28px;height:28px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius-sm);transition:var(--transition-speed) all;margin-top:2px}.rights-confirmation-section .rights-checkbox-custom:after{content:"";position:absolute;display:none;left:9px;top:4px;width:6px;height:12px;border:solid var(--text-primary);border-width:0 3px 3px 0;transform:rotate(45deg)}.rights-confirmation-section .rights-checkbox-input:checked~.rights-checkbox-custom{background:var(--success-color);border-color:var(--success-color);animation:checkboxPulse .3s ease;will-change:transform}.rights-confirmation-section .rights-checkbox-input:checked~.rights-checkbox-custom:after{display:block}.rights-confirmation-section .rights-checkbox-text{flex:1;color:var(--text-primary);font-size:.9rem;line-height:1.5}.rights-confirmation-section .rights-checkbox-text strong{display:block;font-size:1rem;margin-bottom:5px;color:var(--text-primary);line-height:1.3;font-weight:600}.rights-confirmation-section .rights-checkbox-subtext{display:block;font-size:.85rem;color:var(--text-muted);line-height:1.4;margin-top:3px}.rights-confirmation-section .rights-notice{background:#ffffff0d;border:1px solid var(--glass-border);border-left:3px solid var(--primary-color);border-radius:var(--border-radius-sm);padding:12px;margin-top:15px}.rights-confirmation-section .rights-notice p{margin:0;color:var(--text-primary);font-size:.85rem;line-height:1.5}.rights-confirmation-section .rights-notice strong{color:var(--primary-color);font-weight:600}@keyframes checkboxPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.rights-confirmation-section .rights-confirmation-content{padding:20px}.rights-confirmation-section .rights-checkbox-container{padding:15px}.rights-confirmation-section .rights-checkbox-label{gap:12px}.rights-confirmation-section .rights-checkbox-custom{min-width:24px;height:24px}.rights-confirmation-section .rights-checkbox-custom:after{left:7px;top:3px;width:5px;height:10px;border-width:0 2.5px 2.5px 0}.rights-confirmation-section .rights-checkbox-text strong{font-size:1rem}.rights-confirmation-section .rights-checkbox-subtext{font-size:.85rem}.rights-confirmation-section .rights-option{padding:12px}.rights-confirmation-section .rights-icon{font-size:1.3rem}}.musical-track-form{padding:30px;border-radius:var(--border-radius);margin-bottom:20px;background-color:var(--bg-01);border:1px solid var(--glass-border)}.musical-track-form h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--glass-border)}.musical-track-form .track-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.musical-track-form .form-alert{padding:15px 20px;border-radius:var(--border-radius-sm);margin:20px 0;font-weight:500}.musical-track-form .success-alert{background-color:#06ffa51a;border:1px solid var(--success-color);color:var(--success-color)}.musical-track-form .error-alert{background-color:#ef476f1a;border:1px solid var(--error-color);color:var(--error-color)}@media (max-width: 768px){.musical-track-form .track-form-grid{grid-template-columns:1fr}}.publish-musical-track-page{padding:20px}.publish-musical-track-page .page-header{margin-bottom:20px}.publish-musical-track-page .back-button{background:var(--bg-01);border:1px solid var(--glass-border);color:var(--text-primary);padding:10px 20px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px;transition:var(--transition-speed) all}.publish-musical-track-page .back-button:hover{background-color:#ffffff14;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.publish-musical-track-page .compte-section-title{color:var(--text-primary);font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.publish-musical-track-page .track-type-description{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.beat-publication-form{background:var(--bg-01);border-radius:var(--border-radius);padding:30px;border:1px solid var(--glass-border)}.beat-publication-form .cover-upload-circle-container{display:flex;flex-direction:column;align-items:center;margin-bottom:40px;padding:20px 0}.beat-publication-form .cover-circle-dropzone{width:220px;height:220px;border-radius:50%;border:3px dashed var(--glass-border);background:#ffffff0d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed) var(--transition-smooth);overflow:hidden;position:relative}.beat-publication-form .cover-circle-dropzone:hover{border-color:var(--primary-color);background:#c4963e1a;transform:scale(1.02)}.beat-publication-form .cover-circle-dropzone .cover-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);padding:20px}.beat-publication-form .cover-circle-dropzone .cover-placeholder svg{margin-bottom:15px;color:var(--text-muted)}.beat-publication-form .cover-circle-dropzone .cover-placeholder p{font-size:1rem;font-weight:600;margin:10px 0 5px;color:var(--text-primary)}.beat-publication-form .cover-circle-dropzone .cover-placeholder span{font-size:.85rem;color:var(--text-muted)}.beat-publication-form .cover-circle-dropzone .cover-preview{width:100%;height:100%;position:relative}.beat-publication-form .cover-circle-dropzone .cover-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%}.beat-publication-form .cover-help-text{margin-top:12px;font-size:.85rem;color:var(--text-muted);text-align:center}.beat-publication-form .step-indicator{display:flex;justify-content:space-between;margin-bottom:40px;padding:0 20px}.beat-publication-form .step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.beat-publication-form .step:not(:last-child):after{content:"";position:absolute;top:20px;left:50%;width:100%;height:2px;background:var(--glass-border);z-index:0}.beat-publication-form .step.active:not(:last-child):after,.beat-publication-form .step.completed:not(:last-child):after{background:var(--primary-color)}.beat-publication-form .step-number{width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:2px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-muted);margin-bottom:8px;position:relative;z-index:1;transition:all var(--transition-speed) var(--transition-smooth)}.beat-publication-form .step.active .step-number,.beat-publication-form .step.completed .step-number{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-primary)}.beat-publication-form .step-label{font-size:.85rem;color:var(--text-muted);text-align:center}.beat-publication-form .step.active .step-label{color:var(--text-primary);font-weight:500}.beat-publication-form .form-step{animation:slideIn var(--transition-speed) var(--transition-smooth)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.beat-publication-form .form-step h2{font-size:1.5rem;margin-bottom:25px;color:var(--text-primary)}.beat-publication-form .form-group{margin-bottom:20px}.beat-publication-form .form-group.required label:after{content:" *";color:var(--error-color)}.beat-publication-form .form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500}.beat-publication-form .form-group input[type=text],.beat-publication-form .form-group input[type=number],.beat-publication-form .form-group select,.beat-publication-form .form-group textarea{width:100%;width:-webkit-fill-available!important;padding:12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.95rem}.beat-publication-form .form-group input[type=file]{width:100%;width:-webkit-fill-available!important;padding:10px;background:#ffffff0d;border:2px dashed var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer}.beat-publication-form .form-group input[type=file]:hover{border-color:var(--primary-color);background:#c4963e0d}.beat-publication-form .file-name{display:inline-block;margin-top:8px;color:var(--primary-color);font-size:.9rem}.beat-publication-form .help-text{margin-top:5px;font-size:.85rem;color:var(--text-muted)}.beat-publication-form .file-upload-section{display:grid;gap:20px;margin-top:20px}.beat-publication-form .metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.beat-publication-form .license-info-box{background:#c4963e1a;border:1px solid var(--primary-color);border-radius:var(--border-radius-sm);padding:15px;margin-bottom:25px}.beat-publication-form .license-info-box p{margin:0;color:var(--text-primary)}.beat-publication-form .license-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.beat-publication-form .license-card{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:20px;transition:transform var(--transition-speed) var(--transition-smooth),box-shadow var(--transition-speed) var(--transition-smooth)}.beat-publication-form .license-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c4963e26}.beat-publication-form .license-card h3{font-size:1.2rem;margin-bottom:15px;color:var(--primary-color)}.beat-publication-form .license-features{list-style:none;padding:0;margin:0 0 15px}.beat-publication-form .license-features li{padding:6px 0;color:var(--text-secondary);font-size:.9rem}.beat-publication-form .license-features li:before{content:"✓ ";color:var(--primary-color);font-weight:700;margin-right:5px}.beat-publication-form .preview-step .preview-card{background:#ffffff0d;border-radius:var(--border-radius-sm);padding:20px;margin-bottom:20px;border:1px solid var(--glass-border)}.beat-publication-form .preview-card h3{font-size:1.1rem;margin-bottom:15px;color:var(--primary-color)}.beat-publication-form .preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.beat-publication-form .preview-item{color:var(--text-secondary)}.beat-publication-form .preview-item strong{color:var(--text-muted);display:block;margin-bottom:5px;font-size:.85rem}.beat-publication-form .preview-description{margin-top:15px;padding-top:15px;border-top:1px solid var(--glass-border)}.beat-publication-form .preview-description strong{display:block;margin-bottom:8px;color:var(--text-muted)}.beat-publication-form .preview-description p{margin:0;color:var(--text-secondary);line-height:1.5}.beat-publication-form .file-list,.beat-publication-form .license-list{list-style:none;padding:0;margin:0}.beat-publication-form .file-list li,.beat-publication-form .license-list li{padding:8px 0;color:var(--text-secondary);border-bottom:1px solid var(--glass-border)}.beat-publication-form .file-list li:last-child,.beat-publication-form .license-list li:last-child{border-bottom:none}.beat-publication-form .form-navigation{display:flex;justify-content:space-between;gap:15px;margin-top:40px;padding-top:20px;border-top:1px solid var(--glass-border)}.beat-publication-form .btn-primary,.beat-publication-form .btn-secondary{padding:12px 30px;border:none;border-radius:var(--border-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed) var(--transition-smooth);min-width:150px}.beat-publication-form .btn-primary{background:var(--primary-color);color:var(--text-primary);margin-left:auto}.beat-publication-form .btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6}.beat-publication-form .btn-secondary{background:transparent;border:1px solid var(--text-muted);color:var(--text-primary)}.beat-publication-form .btn-secondary:hover{background:#ffffff0d;border-color:var(--primary-color)}.beat-publication-form .key-scale-container{display:flex;gap:10px}.beat-publication-form .key-scale-container select{flex:1}@media (max-width: 768px){.beat-publication-form .step-indicator{padding:0}.beat-publication-form .step-label{font-size:.75rem}.beat-publication-form .step-number{width:35px;height:35px}.beat-publication-form .license-pricing-grid,.beat-publication-form .metadata-grid{grid-template-columns:1fr}}.publish-beat-page{max-width:1700px;margin:0 auto;padding:20px}.beat-intro{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:15px;margin-bottom:30px;border-left:3px solid var(--primary-color);border:1px solid var(--glass-border)}.beat-intro p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.podcast-form{background-color:var(--bg-01);padding:30px;border-radius:var(--border-radius);margin-bottom:20px;border:1px solid var(--glass-border)}.podcast-form h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--glass-border)}.podcast-form .track-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.podcast-form .form-alert{padding:15px 20px;border-radius:var(--border-radius-sm);margin:20px 0;font-weight:500}.podcast-form .success-alert{background-color:#06ffa51a;border:1px solid var(--success-color);color:var(--success-color)}.podcast-form .error-alert{background-color:#ef476f1a;border:1px solid var(--error-color);color:var(--error-color)}@media (max-width: 768px){.podcast-form .track-form-grid{grid-template-columns:1fr}}.publish-podcast-page{padding:20px}.publish-podcast-page .page-header{margin-bottom:20px}.publish-podcast-page .back-button{background:var(--bg-01);border:1px solid var(--glass-border);color:var(--text-primary);padding:10px 20px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px;transition:var(--transition-speed) all}.publish-podcast-page .back-button:hover{background-color:#ffffff14;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.publish-podcast-page .compte-section-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.publish-podcast-page .track-type-description{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.audiobook-form{background-color:var(--bg-01);padding:30px;border-radius:var(--border-radius);margin-bottom:20px;border:1px solid var(--glass-border)}.audiobook-form h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--glass-border)}.audiobook-form .track-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.audiobook-form .form-alert{padding:15px 20px;border-radius:var(--border-radius-sm);margin:20px 0;font-weight:500}.audiobook-form .success-alert{background-color:#06ffa51a;border:1px solid var(--success-color);color:var(--success-color)}.audiobook-form .error-alert{background-color:#ef476f1a;border:1px solid var(--error-color);color:var(--error-color)}@media (max-width: 768px){.audiobook-form .track-form-grid{grid-template-columns:1fr}}.publish-audiobook-page{padding:20px}.publish-audiobook-page .page-header{margin-bottom:20px}.publish-audiobook-page .back-button{background:var(--bg-01);border:1px solid var(--glass-border);color:var(--text-primary);padding:10px 20px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px;transition:var(--transition-speed) all}.publish-audiobook-page .back-button:hover{background-color:#ffffff14;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.publish-audiobook-page .compte-section-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.publish-audiobook-page .track-type-description{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.album-type-selector-page{padding:30px 40px;min-height:100vh;background-color:var(--bg-02);color:var(--text-primary)}.album-type-selector-page .page-header{margin-bottom:20px}.album-type-selector-page .back-button{background-color:var(--bg-01);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:10px 20px;cursor:pointer;font-size:1em;display:inline-flex;align-items:center;gap:8px;transition:var(--transition-speed) all}.album-type-selector-page .back-button:hover{background-color:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.selector-content{max-width:1700px;margin:0 auto;text-align:center}.selector-title{font-size:2rem;font-weight:700;margin-bottom:10px;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:15px}.selector-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:15px}.type-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px}.type-card{background:var(--bg-01);border:2px solid var(--glass-border);border-radius:var(--border-radius);padding:15px 10px;cursor:pointer;transition:var(--transition-speed) all;text-align:center;position:relative;overflow:hidden}.type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color);opacity:0;transition:var(--transition-speed) opacity}.type-card:hover{transform:translateY(-5px);border-color:var(--primary-color);background:#ffffff14;box-shadow:0 8px 20px #c4963e26}.type-card:hover:before{opacity:1}.type-card-icon{width:50px;height:50px;margin:0 auto 10px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6em;color:var(--card-color);transition:var(--transition-speed) all;border:1px solid var(--glass-border)}.type-card:hover .type-card-icon{background:var(--card-color);color:var(--text-primary);transform:scale(1.1)}.type-card-label{font-size:.95rem;font-weight:600;margin-bottom:6px;color:var(--text-primary)}.type-card-description{font-size:.75rem;color:var(--text-secondary);line-height:1.3;margin-bottom:8px}.type-card-arrow{font-size:1.5em;color:var(--card-color);opacity:0;transform:translate(-10px);transition:var(--transition-speed) all}.type-card:hover .type-card-arrow{opacity:1;transform:translate(0)}@media (max-width: 768px){.album-type-selector-page{padding:15px 10px}.selector-title{font-size:1.3rem;flex-direction:column;gap:8px}.selector-subtitle{font-size:.9rem;margin-bottom:10px}.type-cards-grid{grid-template-columns:1fr;gap:10px}.type-card{padding:12px 8px}.type-card-icon{width:45px;height:45px;font-size:1.4em}}.album-info-section{display:flex;flex-direction:column;gap:15px}.album-info-section .album-form-input{display:flex;flex-direction:column;gap:8px}.album-info-section label{font-size:.95rem;color:var(--text-primary);font-weight:600}.album-info-section .required-star{color:var(--error-color);margin-left:5px}.album-info-section input:not([type=file]),.album-info-section select{padding:10px 12px;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background-color:var(--bg-02);color:var(--text-primary);font-size:1rem;transition:var(--transition-speed) all}.album-info-section select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.album-info-section select option{background-color:var(--bg-02);color:var(--text-primary);padding:8px 12px}.album-info-section select option:hover,.album-info-section select option:checked{background-color:var(--primary-color);color:var(--text-primary)}.album-info-section input:not([type=file]):focus,.album-info-section select:focus{border-color:var(--primary-color);background-color:#ffffff14;outline:none;box-shadow:0 0 0 3px #c4963e1a}.album-info-section input.readonly-input{background-color:var(--bg-01);color:var(--text-muted);cursor:not-allowed;opacity:.7}.album-info-section .album-cover-upload{text-align:center}.album-info-section .album-cover-dropzone{border:2px dashed var(--glass-border);border-radius:var(--border-radius);text-align:center;cursor:pointer;transition:var(--transition-speed) all;background-color:#ffffff0d;display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;margin:10px auto;position:relative;overflow:hidden}.album-info-section .album-cover-dropzone:hover{background-color:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.album-info-section .album-cover-dropzone .camera-icon{color:var(--text-muted)}.album-info-section .album-cover-dropzone p{color:var(--text-secondary);font-size:.85rem;padding:0 10px;margin:5px 0 0}.album-info-section .album-cover-preview{position:absolute;top:0;left:0;width:100%;height:100%}.album-info-section .album-cover-preview img{width:100%;height:100%;object-fit:cover}.album-info-section .album-edit-cover{position:absolute;top:5px;right:5px;background-color:#0009;color:var(--text-primary);border-radius:50%;padding:5px 7px;font-size:.7rem;cursor:pointer;opacity:0;transition:var(--transition-speed) opacity}.album-info-section .album-cover-preview:hover .album-edit-cover{opacity:1}.album-info-section .price-field-container.active{display:block}.publish-info-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:3500}.publish-info-modal-content{background-color:var(--bg-01);color:var(--text-primary);padding:30px;border-radius:var(--border-radius);width:80%;max-width:500px;box-shadow:0 5px 15px #c4963e4d;position:relative;border-left:5px solid var(--primary-color);border:1px solid var(--glass-border)}.publish-info-modal-content h2{font-size:1.5em;padding-bottom:10px;margin-bottom:20px;color:var(--primary-color);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--glass-border)}.publish-info-modal-content .modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:color var(--transition-speed)}.publish-info-modal-content .modal-close-button:hover{color:var(--primary-color)}.publish-info-modal-content .info-list-details{list-style:none;padding:0;margin:0}.publish-info-modal-content .info-list-details li{padding:12px 0;border-bottom:1px dashed rgba(255,255,255,.1);color:var(--text-secondary);display:flex;flex-direction:column;align-items:flex-start;font-size:.95rem;line-height:1.5}.publish-info-modal-content .info-list-details li:first-child{padding-top:0}.publish-info-modal-content .info-list-details li:last-child{border-bottom:none;padding-bottom:0}.publish-info-modal-content .info-list-details strong{color:var(--text-primary);font-weight:700;margin-right:5px}.publish-info-modal-content .modal-warning-instrumental{margin-top:15px;padding:10px;background-color:#ef476f1a;border-left:3px solid var(--primary-color);color:var(--primary-color);font-size:.9em;border-radius:var(--border-radius-sm)}.info-modal-content{max-height:70vh;overflow-y:auto}.info-section{margin-bottom:20px;padding:15px;background:#ffffff05;border-radius:8px;border-left:3px solid var(--primary-color)}.info-section.warning{border-left-color:var(--error-color);background:#ff453a0d}.info-section h4{color:var(--primary-color);margin:0 0 10px;font-size:1.1rem;font-weight:600}.info-section.warning h4{color:var(--error-color)}.info-section p{margin:0 0 8px;line-height:1.5;color:var(--text-secondary)}.info-detail{font-style:italic;color:var(--text-muted);font-size:.9rem}.featuring-info{margin:8px 0 0 20px;color:var(--text-secondary)}.featuring-info li{margin-bottom:5px;line-height:1.4}@media (max-width: 768px){.publish-info-modal-content{width:95%;padding:20px;max-height:90vh;overflow-y:auto}.info-section{padding:12px;margin-bottom:15px}}.album-tracks-section .album-ifostitres{display:flex;align-items:center;gap:10px}.album-tracks-section .album-info-button{background:none;border:none;color:var(--primary-color);font-size:1.1rem;cursor:pointer;transition:var(--transition-speed) all}.album-tracks-section .album-info-button:hover{color:var(--primary-dark);transform:scale(1.1)}.album-tracks-section .album-dropzone{border:2px dashed var(--glass-border);border-radius:var(--border-radius);text-align:center;cursor:pointer;background-color:#ffffff0d;padding:30px;transition:var(--transition-speed) all}.album-tracks-section .album-dropzone:hover{background-color:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.album-tracks-section .album-dropzone p{color:var(--text-muted);margin:0;font-size:.9rem}.album-tracks-section .album-preview-zone{display:flex;flex-direction:column;gap:10px;margin-top:15px;width:100%}.album-tracks-section .album-audio-file{display:flex;flex-direction:column;gap:10px;padding:15px;background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.9rem}.album-tracks-section .album-audio-file-header{display:flex;align-items:center;gap:10px;width:100%;flex-wrap:wrap}.album-tracks-section .album-audio-file-footer{display:flex;gap:15px;width:100%;flex-wrap:wrap;flex-direction:column}.album-tracks-section .file-icon{color:var(--primary-color);flex-shrink:0}.album-tracks-section .album-audio-file-name{flex-grow:1;word-break:break-all;font-weight:600;color:var(--text-primary)}.album-tracks-section .album-audio-player{flex-shrink:0;width:250px;height:30px}.album-tracks-section .album-remove-audio-button{background:none;border:none;color:var(--error-color);cursor:pointer;font-size:1em;flex-shrink:0;transition:var(--transition-speed) all}.album-tracks-section .album-remove-audio-button:hover{color:var(--error-color);opacity:.8;transform:scale(1.1)}.album-tracks-section .price-input-group{position:relative;display:flex;align-items:center;flex-shrink:0;margin-left:10px}.album-tracks-section .price-input-group input{width:100%;padding:6px 8px 6px 20px;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background-color:#ffffff0d;color:var(--text-primary);font-size:.9em;height:30px;transition:var(--transition-speed) all}.album-tracks-section .price-input-group input:focus{background-color:#ffffff14;border-color:var(--primary-color);outline:none}.album-tracks-section .price-input-group svg{position:absolute;left:5px;color:var(--primary-color);font-size:.8em;pointer-events:none}.album-tracks-section .track-name-editor{display:flex;align-items:center;flex-grow:1;min-width:150px}.album-tracks-section .album-audio-title-input{flex-grow:1;padding:6px 10px;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background-color:#ffffff0d;color:var(--text-primary);font-size:.9em;transition:var(--transition-speed) all}.album-tracks-section .album-audio-title-input:focus{border-color:var(--primary-color);background-color:#ffffff14;outline:none;box-shadow:0 0 0 3px #c4963e1a}.album-tracks-section .track-position-control{display:flex;align-items:center;gap:10px;flex-shrink:0;width:60px;margin-right:15px}.album-tracks-section .track-index-label{font-weight:700;color:var(--primary-color);font-size:1.1em;min-width:20px;text-align:right}.album-tracks-section .position-buttons{display:flex;flex-direction:column;gap:2px}.album-tracks-section .position-buttons button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;line-height:.8;transition:var(--transition-speed) all;font-size:.9em}.album-tracks-section .position-buttons button:hover:not(:disabled){color:var(--primary-dark);transform:scale(1.1)}.album-tracks-section .position-buttons button:disabled{opacity:.3;cursor:not-allowed}.album-tracks-section .track-featuring-selector-container{flex:1;min-width:300px;margin:0}.album-tracks-section .track-featuring-selector-container .featuring-selector{margin-bottom:0}.album-tracks-section .track-featuring-selector-container .featuring-label{font-size:.9rem;margin-bottom:.5rem;color:var(--text-primary)}.album-tracks-section .track-featuring-selector-container .featuring-mode-tabs{margin-bottom:.5rem}.album-tracks-section .track-featuring-selector-container .mode-tab{padding:.5rem .75rem;font-size:.85rem;color:var(--text-secondary);border:1px solid var(--glass-border);background-color:transparent;transition:var(--transition-speed) all}.album-tracks-section .track-featuring-selector-container .mode-tab:hover{background-color:#ffffff0d}.album-tracks-section .track-featuring-selector-container .featuring-list{margin-top:.75rem;padding:.75rem}.album-tracks-section .track-featuring-selector-container .featuring-item{padding:.5rem;color:var(--text-secondary)}.album-tracks-section .track-featuring-editor{display:flex;align-items:center;flex-grow:1;min-width:150px}.album-tracks-section .album-audio-featuring-input{flex-grow:1;padding:6px 10px;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background-color:#ffffff0d;color:var(--text-primary);font-size:.85em;font-style:italic;transition:var(--transition-speed) all}.album-tracks-section .album-audio-featuring-input:focus{border-color:var(--primary-color);background-color:#ffffff14;outline:none}.album-tracks-section .album-audio-featuring-input::placeholder{color:var(--text-muted);opacity:.6}@media (max-width: 768px){.album-tracks-section .album-audio-file-header,.album-tracks-section .album-audio-file-footer{flex-direction:column;align-items:stretch}.album-tracks-section .track-name-editor,.album-tracks-section .track-featuring-editor,.album-tracks-section .track-featuring-selector-container{width:100%;min-width:unset}.album-tracks-section .track-featuring-selector-container .mode-tab{font-size:.8rem;padding:.4rem .5rem}.album-tracks-section .album-audio-player{width:100%}}.album-form-actions-container{display:flex;gap:15px;margin-top:30px;justify-content:center}.album-form-actions-container button{padding:10px 20px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:700;transition:var(--transition-speed) all;display:flex;align-items:center;gap:8px}.album-form-actions-container button[type=submit]{background-color:var(--primary-color);color:var(--text-primary);border:1px solid var(--primary-color)}.album-form-actions-container button[type=submit]:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #c4963e4d}.album-form-actions-container .album-reset-button{background-color:transparent;color:var(--text-secondary);border:1px solid var(--glass-border)}.album-form-actions-container .album-reset-button:hover{background-color:#ffffff14;color:var(--text-primary)}@media (max-width: 600px){.album-form-actions-container{flex-direction:column;align-items:stretch}}.album-progress-bar-container{padding:20px;margin-top:30px;background-color:#ffffff0d;border-radius:var(--border-radius);border:1px solid var(--glass-border);position:relative;text-align:center}.progress-bar-visual{width:100%;height:10px;background-color:var(--bg-01);border-radius:5px;margin-bottom:30px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-dark) 100%);transition:width .5s ease-in-out;border-radius:5px}.progress-steps{display:flex;justify-content:space-between;position:relative}.progress-step{flex-basis:25%;display:flex;flex-direction:column;align-items:center;position:relative;color:var(--text-muted)}.step-icon-wrapper{width:30px;height:30px;border-radius:50%;background-color:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-secondary);margin-bottom:8px;transition:var(--transition-speed) all;border:1px solid var(--glass-border)}.progress-step.active .step-icon-wrapper{background-color:var(--primary-color);color:var(--text-primary);border-color:var(--primary-dark);box-shadow:0 4px 12px #c4963e4d}.progress-step.completed .step-icon-wrapper{background-color:var(--success-color);color:var(--text-primary);border-color:var(--success-color)}.step-label{font-size:.8rem;text-align:center;font-weight:600;color:var(--text-secondary)}.progress-step.active .step-label{color:var(--text-primary)}.progress-status-text{margin-top:20px;font-size:.9rem;color:var(--text-primary);font-style:italic;min-height:1.5em}.album-publication-form{max-width:1700px;margin:0 auto;padding:30px;background-color:var(--bg-01);border-radius:var(--border-radius)}.album-publication-form h2{color:var(--primary-color);font-size:1.5rem;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.album-publication-form .album-form-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:30px}.album-publication-form .album-form-col{display:flex;flex-direction:column;gap:20px}@media (max-width: 992px){.album-publication-form .album-form-grid{grid-template-columns:1fr;gap:30px}}.publish-musical-album-page{padding:20px}.publish-musical-album-page .page-header{margin-bottom:20px}.publish-musical-album-page .back-button{background:none;border:1px solid var(--glass-border);color:var(--text-primary);padding:10px 20px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px;transition:var(--transition-speed) all}.publish-musical-album-page .back-button:hover{background-color:#ffffff0d;border-color:var(--primary-color);color:var(--primary-color)}.publish-musical-album-page .compte-section-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.publish-musical-album-page .album-type-description{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.instrumental-playlist-step-form{max-width:1700px;margin:0 auto;padding:20px;background-color:var(--bg-01);border-radius:5px}.instrumental-playlist-step-form .step-indicator{display:flex;justify-content:space-between;margin-bottom:40px;padding:0 20px}.instrumental-playlist-step-form .step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.instrumental-playlist-step-form .step:before{content:"";position:absolute;top:20px;left:50%;right:-50%;height:2px;background:var(--bg-02);z-index:0}.instrumental-playlist-step-form .step:last-child:before{display:none}.instrumental-playlist-step-form .rights-confirmation-section{background-color:var(--bg-02);padding:1rem;border-radius:1rem}.instrumental-playlist-step-form .step.active:before,.instrumental-playlist-step-form .step.completed:before{background:var(--primary-color)}.instrumental-playlist-step-form .step-number{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:var(--white)!important;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;z-index:1;position:relative}.instrumental-playlist-step-form .step.active .step-number{background:var(--primary-color);box-shadow:0 0 0 4px #1ed76033}.instrumental-playlist-step-form .step.completed .step-number{background:var(--primary-color)}.instrumental-playlist-step-form .step-label{font-size:12px;color:var(--text-muted);text-align:center}.instrumental-playlist-step-form .step.active .step-label{color:var(--primary-color);font-weight:600}.instrumental-playlist-step-form .form-step{background:var(--medium-bg);border-radius:1rem;padding:30px;max-width:95%;margin:auto}.instrumental-playlist-step-form .form-step h2{color:var(--text-primary);margin-bottom:25px;font-size:22px}.instrumental-playlist-step-form .form-step h3{color:var(--text-primary);margin-bottom:20px;font-size:18px}.instrumental-playlist-step-form .form-step h4{color:var(--primary-color);margin-bottom:15px;font-size:16px}.instrumental-playlist-step-form .form-group{margin-bottom:20px;background-color:var(--bg-02);padding:1rem;border-radius:1rem}.instrumental-playlist-step-form .form-group label{display:block;color:var(--sidebar-text-primary);margin-bottom:8px;font-weight:500}.instrumental-playlist-step-form .form-group.required label:after{content:" *";color:var(--error-color)}.instrumental-playlist-step-form .form-group input[type=text],.instrumental-playlist-step-form .form-group input[type=number],.instrumental-playlist-step-form .form-group select,.instrumental-playlist-step-form .form-group textarea{width:100%;padding:12px;background:var(--dark-bg);border:1px solid var(--gray-60);border-radius:8px;color:var(--text-primary);font-size:14px;transition:border-color .3s}.instrumental-playlist-step-form .form-group input:focus,.instrumental-playlist-step-form .form-group select:focus,.instrumental-playlist-step-form .form-group textarea:focus{outline:none;border-color:var(--primary-color)}.instrumental-playlist-step-form .form-group textarea{resize:vertical;min-height:100px}.instrumental-playlist-step-form .form-group input[type=file]{padding:8px}.instrumental-playlist-step-form .help-text{font-size:12px;color:var(--text-secondary);margin-top:4px}.instrumental-playlist-step-form .file-name{display:block;margin-top:8px;font-size:12px;color:var(--primary-color)}.instrumental-playlist-step-form .file-preview{margin-top:8px;padding:10px;background:#1ed7600d;border-radius:6px;border:1px solid rgba(30,215,96,.2);overflow:hidden}.instrumental-playlist-step-form .file-preview .file-name{margin-top:0;margin-bottom:8px}.instrumental-playlist-step-form .audio-preview{width:max-content;margin-top:8px;border-radius:4px;background:var(--dark-bg);outline:none}.instrumental-playlist-step-form .audio-preview::-webkit-media-controls-panel{background:var(--medium-bg);border-radius:4px}.instrumental-playlist-step-form .audio-preview::-webkit-media-controls-current-time-display,.instrumental-playlist-step-form .audio-preview::-webkit-media-controls-time-remaining-display{color:var(--text-primary);font-size:11px}.instrumental-playlist-step-form .audio-preview::-webkit-media-controls-play-button,.instrumental-playlist-step-form .audio-preview::-webkit-media-controls-mute-button{background-color:var(--primary-color);border-radius:50%}.instrumental-playlist-step-form .audio-preview::-webkit-media-controls-timeline{background:var(--gray-60);border-radius:2px}.instrumental-playlist-step-form .audio-preview::-webkit-media-controls-timeline::-webkit-slider-thumb{background:var(--primary-color)}.instrumental-playlist-step-form .metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.instrumental-playlist-step-form .cover-dropzone{height:300px;border:2px dashed var(--gray-60);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;background:var(--dark-bg);position:relative;overflow:hidden;margin:0 auto 20px;border:1px solid var(--glass-border);background-color:var(--bg-02)}.instrumental-playlist-step-form .cover-dropzone:hover{border-color:var(--primary-color);background:#1ed7600d}.instrumental-playlist-step-form .cover-dropzone.has-image{border-style:solid;border-color:var(--primary-color)}.instrumental-playlist-step-form .cover-placeholder{text-align:center;color:var(--text-muted);padding:20px}.instrumental-playlist-step-form .cover-placeholder svg{color:var(--gray-50);margin-bottom:15px}.instrumental-playlist-step-form .cover-placeholder p{margin:10px 0 5px;font-size:16px;color:var(--text-primary)}.instrumental-playlist-step-form .cover-placeholder span{font-size:13px;color:var(--text-secondary)}.instrumental-playlist-step-form .cover-preview-square{width:100%;height:100%;position:relative}.instrumental-playlist-step-form .cover-preview-square img{width:100%;height:100%;object-fit:cover;border-radius:10px}.instrumental-playlist-step-form .cover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;border-radius:10px;color:var(--text-primary)}.instrumental-playlist-step-form .cover-dropzone:hover .cover-overlay{opacity:1}.instrumental-playlist-step-form .cover-overlay svg{font-size:30px;margin-bottom:10px}.instrumental-playlist-step-form .cover-overlay span{font-size:14px}.instrumental-playlist-step-form .cover-preview{margin-top:15px}.instrumental-playlist-step-form .cover-preview img{max-width:300px;border-radius:10px;box-shadow:var(--box-shadow)}.instrumental-playlist-step-form .tracks-container{display:flex;flex-direction:column;gap:25px;margin-bottom:25px}.instrumental-playlist-step-form .track-card{background:var(--dark-bg);border:1px solid var(--gray-60);border-radius:12px;padding:20px}.instrumental-playlist-step-form .track-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--gray-60)}.instrumental-playlist-step-form .track-card-header h3{margin:0;color:var(--primary-color)}.instrumental-playlist-step-form .btn-remove-track{background:var(--error-color);color:var(--white);border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .3s}.instrumental-playlist-step-form .btn-remove-track:hover{background:var(--error-darker)}.instrumental-playlist-step-form .btn-add-track{width:100%;padding:12px;background:transparent;border:2px dashed var(--gray-60);color:var(--primary-color);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.instrumental-playlist-step-form .btn-add-track:hover{background:#1ed7601a;border-color:var(--primary-color)}.instrumental-playlist-step-form .file-upload-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:20px}.instrumental-playlist-step-form .license-info-box{background:#1ed7601a;border:1px solid var(--primary-color);border-radius:8px;padding:15px;margin-bottom:25px}.instrumental-playlist-step-form .license-info-box p{margin:0;color:var(--primary-color)}.instrumental-playlist-step-form .track-license-card{background:var(--dark-bg);border:1px solid var(--gray-60);border-radius:12px;padding:20px;margin-bottom:20px}.instrumental-playlist-step-form .track-license-card h3{margin-bottom:20px;color:var(--text-primary)}.instrumental-playlist-step-form .license-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.instrumental-playlist-step-form .license-card{background:var(--medium-bg);border:1px solid var(--gray-60);border-radius:8px;padding:20px}.instrumental-playlist-step-form .license-card h4{margin-bottom:15px}.instrumental-playlist-step-form .license-features{list-style:none;padding:0;margin:0 0 15px}.instrumental-playlist-step-form .license-features li{color:var(--text-muted);font-size:13px;padding:5px 0 5px 20px;position:relative}.instrumental-playlist-step-form .license-features li:before{content:"✓";position:absolute;left:0;color:var(--primary-color)}.instrumental-playlist-step-form .preview-step .preview-card{background:var(--dark-bg);border:1px solid var(--gray-60);border-radius:12px;padding:25px;margin-bottom:20px}.instrumental-playlist-step-form .preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.instrumental-playlist-step-form .preview-item{padding:10px;background:var(--medium-bg);border-radius:6px}.instrumental-playlist-step-form .preview-item strong{color:var(--primary-color);display:block;margin-bottom:5px}.instrumental-playlist-step-form .preview-description{margin-top:15px;padding:15px;background:var(--medium-bg);border-radius:6px}.instrumental-playlist-step-form .preview-description strong{color:var(--primary-color);display:block;margin-bottom:8px}.instrumental-playlist-step-form .preview-description p{color:var(--text-secondary);margin:0}.instrumental-playlist-step-form .preview-track{background:var(--medium-bg);border:1px solid var(--gray-60);border-radius:8px;padding:15px;margin-bottom:15px}.instrumental-playlist-step-form .preview-track h4{margin:0 0 10px;color:var(--text-primary)}.instrumental-playlist-step-form .preview-track-details,.instrumental-playlist-step-form .preview-files,.instrumental-playlist-step-form .preview-licenses{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.instrumental-playlist-step-form .preview-track-details span,.instrumental-playlist-step-form .preview-files span,.instrumental-playlist-step-form .preview-licenses span{background:var(--dark-bg);padding:5px 10px;border-radius:4px;font-size:12px;color:var(--text-muted)}.instrumental-playlist-step-form .preview-files span{color:var(--primary-color)}.instrumental-playlist-step-form .preview-licenses span{color:var(--card-color)}.instrumental-playlist-step-form .form-navigation{display:flex;justify-content:space-between;gap:15px;padding:20px 0}.instrumental-playlist-step-form .btn-primary,.instrumental-playlist-step-form .btn-secondary{padding:12px 30px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;min-width:150px}.instrumental-playlist-step-form .btn-primary{background:var(--primary-color);color:var(--black)}.instrumental-playlist-step-form .btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #1ed76066}.instrumental-playlist-step-form .btn-primary:disabled{background:var(--gray-50);cursor:not-allowed;opacity:.6}.instrumental-playlist-step-form .btn-secondary{background:transparent;border:1px solid var(--gray-60);color:var(--text-primary)}.instrumental-playlist-step-form .btn-secondary:hover{background:var(--medium-bg);border-color:var(--primary-color)}.instrumental-playlist-step-form .key-scale-container{display:flex;gap:10px}.instrumental-playlist-step-form .key-scale-container select{flex:1}.instrumental-playlist-step-form .featuring-section{margin-top:20px;margin-bottom:20px}.instrumental-playlist-step-form .featuring-section label{display:block;margin-bottom:10px;font-weight:500}@media (max-width: 768px){.instrumental-playlist-step-form{padding:0}.instrumental-playlist-step-form .step-indicator{padding:0 10px}.instrumental-playlist-step-form .step-label{font-size:10px}.instrumental-playlist-step-form .step-number{width:35px;height:35px;font-size:14px}.instrumental-playlist-step-form .form-step{padding:20px}.instrumental-playlist-step-form .metadata-grid,.instrumental-playlist-step-form .license-pricing-grid,.instrumental-playlist-step-form .file-upload-section{grid-template-columns:1fr}.instrumental-playlist-step-form .form-navigation{flex-direction:column-reverse}.instrumental-playlist-step-form .btn-primary,.instrumental-playlist-step-form .btn-secondary{width:100%}.instrumental-playlist-step-form .cover-preview img{max-width:100%}}.publish-instrumental-playlist-page{padding:20px}.publish-instrumental-playlist-page .page-header{margin-bottom:20px}.publish-instrumental-playlist-page .back-button{background:none;border:1px solid var(--glass-border);color:var(--text-primary);padding:10px 20px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px;transition:var(--transition-speed) all}.publish-instrumental-playlist-page .back-button:hover{background-color:#ffffff0d;border-color:var(--primary-color);color:var(--primary-color)}.publish-instrumental-playlist-page .compte-section-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.publish-instrumental-playlist-page .album-type-description{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.publish-podcast-playlist-page{padding:20px}.publish-podcast-playlist-page .page-header{margin-bottom:20px}.publish-podcast-playlist-page .back-button{background:none;border:1px solid var(--glass-border);color:var(--text-primary);padding:10px 20px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px;transition:var(--transition-speed) all}.publish-podcast-playlist-page .back-button:hover{background-color:#ffffff0d;border-color:var(--primary-color);color:var(--primary-color)}.publish-podcast-playlist-page .compte-section-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.publish-podcast-playlist-page .album-type-description{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.publish-audiobook-playlist-page{padding:20px}.publish-audiobook-playlist-page .page-header{margin-bottom:20px}.publish-audiobook-playlist-page .back-button{background:none;border:1px solid var(--glass-border);color:var(--text-primary);padding:10px 20px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px;transition:var(--transition-speed) all}.publish-audiobook-playlist-page .back-button:hover{background-color:#ffffff0d;border-color:var(--primary-color);color:var(--primary-color)}.publish-audiobook-playlist-page .compte-section-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.publish-audiobook-playlist-page .album-type-description{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.artist-header .header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.artist-header .artistes-title{color:var(--primary-color);margin:0}.artist-header .add-artist-btn{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:50px;cursor:pointer;font-weight:700;transition:all var(--transition-speed);display:flex;align-items:center;gap:8px}.artist-header .add-artist-btn:hover{box-shadow:0 4px 12px #c4963e40;transform:translateY(-2px)}.artist-header .filter-section{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.artist-header .search-box{position:relative;flex:1;min-width:300px}.artist-header .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.artist-header .search-box input{width:100%;width:-webkit-fill-available;padding:10px 15px 10px 40px;background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:4px;color:var(--text-secondary);font-size:1em;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.artist-header .search-box input::placeholder{color:var(--text-secondary)}.artist-header .search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}@media (max-width: 768px){.artist-header .search-box input{width:-webkit-fill-available}}.artist-table-container{overflow-x:auto;background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);margin-top:20px;box-shadow:0 4px 12px #c4963e1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.artist-table-container .artist-data-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:900px}.artist-table-container .artist-data-table .col-photo{width:70px}.artist-table-container .artist-data-table .col-name{width:200px}.artist-table-container .artist-data-table .col-type{width:130px}.artist-table-container .artist-data-table .col-albums,.artist-table-container .artist-data-table .col-tracks{width:100px}.artist-table-container .artist-data-table .col-streams{width:120px}.artist-table-container .artist-data-table .col-subs{width:100px}.artist-table-container .artist-data-table .col-actions{width:80px}.artist-table-container .artist-data-table th,.artist-table-container .artist-data-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--glass-border);color:var(--text-primary);font-size:.95em;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-table-container .artist-data-table th{background-color:#ffffff14;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.85em}.artist-table-container .artist-data-table .artist-photo{width:40px;height:40px;border-radius:50%;object-fit:cover}.artist-table-container .type-kakiverse{color:var(--primary-color);font-weight:600}.artist-table-container .type-independant{color:var(--text-muted)}.artist-table-container .actions-group{display:flex;gap:10px;justify-content:center}.artist-table-container .actions-group .action-btn{background:none;border:none;cursor:pointer;font-size:1.1em;transition:color .2s}.artist-table-container .actions-group .edit-btn{color:var(--text-secondary)}.artist-table-container .actions-group .edit-btn:hover{color:var(--primary-color)}.artist-table-container .actions-group .delete-btn{color:var(--error-color)}.artist-table-container .actions-group .delete-btn:hover{color:var(--error-color);transform:scale(1.1)}.artist-table-container .artist-data-cards{display:none;flex-direction:column;gap:15px;padding:15px}.artist-table-container .artist-card{background-color:var(--bg-02);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:15px;box-shadow:0 4px 12px #c4963e14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.artist-table-container .card-header{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--glass-border);padding-bottom:10px;margin-bottom:10px}.artist-table-container .card-header .artist-photo{width:50px;height:50px}.artist-table-container .card-header .identity{flex-grow:1}.artist-table-container .card-header .artist-name{font-size:1.1em;font-weight:700}.artist-table-container .card-header .actions-group{margin-left:auto}.artist-table-container .card-body p{margin:5px 0;font-size:.9em;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.artist-table-container .card-body p span{font-weight:600;color:var(--text-primary);min-width:120px;display:inline-flex;align-items:center;gap:5px}@media (max-width: 768px){.artist-table-container .artist-data-table{display:none}.artist-table-container .artist-data-cards{display:flex}}.add-artist-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.add-artist-modal-content{background:var(--bg-01);color:var(--text-primary);padding:30px;border-radius:var(--border-radius);width:90%;max-width:500px;border:1px solid var(--glass-border);box-shadow:0 20px 60px #c4963e33;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.add-artist-modal-content h2{font-size:1.5em;border-bottom:2px solid var(--primary-color);padding-bottom:10px;margin-bottom:20px;color:var(--text-primary)}.add-artist-modal-content h3{font-size:1.2em;margin-top:0;margin-bottom:15px;color:var(--primary-color)}.add-artist-modal-content .search-box{position:relative;margin-bottom:15px}.add-artist-modal-content .search-box input{padding:10px 15px 10px 40px;background:var(--bg-01);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:4px;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.add-artist-modal-content .search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.add-artist-modal-content .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.add-artist-modal-content .user-list{list-style:none;padding:0;max-height:200px;overflow-y:auto;border:1px solid var(--glass-border);border-radius:4px}.add-artist-modal-content .user-list li{padding:10px 15px;cursor:pointer;border-bottom:1px solid var(--glass-border);transition:all var(--transition-speed);font-size:.9em}.add-artist-modal-content .user-list li:hover{background-color:#ffffff14}.add-artist-modal-content .user-list li.selected{background:#06ffa526;color:var(--success-color);font-weight:700;border-left:3px solid var(--success-color)}.add-artist-modal-content .loading-message,.add-artist-modal-content .no-result{text-align:center;padding:15px;color:var(--text-muted)}.add-artist-modal-content .next-btn{width:100%;margin-top:15px;padding:12px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all var(--transition-speed)}.add-artist-modal-content .next-btn:hover:not(:disabled){box-shadow:0 4px 12px #c4963e40;transform:translateY(-1px)}.add-artist-modal-content .next-btn:disabled{background-color:var(--bg-02);color:var(--text-muted);cursor:not-allowed;opacity:.5}.add-artist-modal-content .selected-info{padding:10px;background-color:#64b4ff1a;border-left:3px solid var(--primary-color);margin-bottom:20px;border-radius:4px}.add-artist-modal-content .form-group label{display:block;margin-bottom:5px;color:var(--text-secondary)}.add-artist-modal-content .form-group select{width:100%;padding:10px;background-color:var(--bg-02);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:4px;font-size:1em;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.add-artist-modal-content .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.add-artist-modal-content .modal-actions{display:flex;justify-content:space-between;margin-top:25px}.add-artist-modal-content .back-btn{background-color:var(--bg-02);color:var(--text-primary);padding:10px 15px;border:1px solid var(--glass-border);border-radius:4px;cursor:pointer;transition:all var(--transition-speed)}.add-artist-modal-content .back-btn:hover{background-color:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.add-artist-modal-content .confirm-btn{background-color:var(--success-color);color:#fff;padding:10px 15px;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all var(--transition-speed)}.add-artist-modal-content .confirm-btn:hover{box-shadow:0 4px 12px #06ffa540;transform:translateY(-1px)}.edit-type-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.edit-type-modal-content{background:var(--bg-01);color:var(--text-primary);padding:30px;border-radius:var(--border-radius);width:80%;max-width:400px;border:1px solid var(--glass-border);box-shadow:0 20px 60px #c4963e33;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-type-modal-content h2{font-size:1.4em;border-bottom:2px solid var(--primary-color);padding-bottom:10px;margin-bottom:20px;color:var(--text-primary)}.edit-type-modal-content .artist-info-box{padding:15px;background-color:#64b4ff1a;border-radius:4px;margin-bottom:20px;border:1px solid var(--glass-border)}.edit-type-modal-content .artist-info-box p{margin:5px 0;font-size:.95em;color:var(--text-secondary)}.edit-type-modal-content .current-type.kakiverse{color:var(--primary-color);font-weight:700}.edit-type-modal-content .current-type.independant{color:var(--text-muted)}.edit-type-modal-content .form-group label{display:block;margin-bottom:5px;color:var(--text-secondary)}.edit-type-modal-content .form-group select{width:100%;padding:10px;background-color:var(--bg-02);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:4px;font-size:1em;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.edit-type-modal-content .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.edit-type-modal-content .modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.edit-type-modal-content .cancel-btn{background-color:var(--bg-02);color:var(--text-primary);padding:10px 15px;border:1px solid var(--glass-border);border-radius:4px;cursor:pointer;transition:all var(--transition-speed)}.edit-type-modal-content .cancel-btn:hover{background-color:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.edit-type-modal-content .save-btn{background-color:var(--primary-color);color:#fff;padding:10px 15px;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all var(--transition-speed)}.edit-type-modal-content .save-btn:hover{box-shadow:0 4px 12px #c4963e40;transform:translateY(-1px)}.artistes-admin-page{padding:20px 0}.artistes-admin-page.loading{text-align:center;padding:50px;color:var(--primary-color)}@media (max-width: 768px){.artistes-admin-page{padding:1rem;width:90%;margin:auto}}.users-header .users-page-header{margin-bottom:30px}.users-header .users-title{color:var(--text-primary);font-size:28px;font-weight:700;margin-top:10px;margin-bottom:0;display:flex;align-items:center;gap:12px}.users-header .filter-section{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.users-header .search-box,.users-header .filter-dropdown{position:relative;flex:1;min-width:200px}.users-header .search-icon,.users-header .filter-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.users-header .search-box input,.users-header .filter-dropdown select{width:100%;padding:10px 15px 10px 40px;background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);color:var(--text-primary);font-size:1em;-webkit-appearance:none;appearance:none;transition:all var(--transition-speed)}.users-header .search-box input:focus,.users-header .filter-dropdown select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #c4963e1a}.users-header .filter-dropdown select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:1em;padding-right:35px}.users-header .user-count-info{color:var(--text-muted);font-size:.9em;margin:15px 0}@media (max-width: 768px){.users-header .filter-section{flex-direction:column;gap:15px}.users-header .search-box,.users-header .filter-dropdown{width:100%;min-width:unset}.users-header .users-title{font-size:22px}}.user-table-container{overflow-x:auto;background:var(--bg-01);border-radius:var(--border-radius);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(6px)}.user-table-container.no-results{text-align:center;padding:50px;color:var(--text-muted)}.user-table-container .user-data-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:1000px}.user-table-container .user-data-table .col-photo{width:70px}.user-table-container .user-data-table .col-identity{width:250px}.user-table-container .user-data-table .col-type{width:140px}.user-table-container .user-data-table .col-role,.user-table-container .user-data-table .col-permission,.user-table-container .user-data-table .col-date,.user-table-container .user-data-table .col-last-login{width:120px}.user-table-container .user-data-table .col-actions{width:60px}.user-table-container .user-data-table th,.user-table-container .user-data-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--glass-border);color:var(--text-primary);font-size:.95em;vertical-align:middle;word-wrap:break-word;overflow:hidden}.user-table-container .user-data-table th{background:var(--bg-01);font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.85em}.user-table-container .user-data-table .user-photo{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-table-container .user-data-table .user-identity{display:flex;flex-direction:column}.user-table-container .user-data-table .user-identity .username{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-table-container .user-data-table .user-identity .email{font-size:.8em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-table-container .actions-cell{text-align:center}.user-table-container .actions-cell .delete-btn{background:none;border:none;color:var(--error-color);cursor:pointer;font-size:1.1em;transition:color .2s}.user-table-container .actions-cell .delete-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #c4963e1f}.user-table-container .role-artiste{color:var(--primary-color);font-weight:600}.user-table-container .role-user{color:var(--text-secondary)}.user-table-container .perm-total{color:var(--success-color);font-weight:600}.user-table-container .perm-limit{color:var(--error-color);font-weight:600}.user-table-container .user-data-cards{display:none;flex-direction:column;gap:15px;padding:15px}.user-table-container .user-card{background:var(--bg-01);border-radius:8px;padding:15px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(6px)}.user-table-container .card-header{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--glass-border);padding-bottom:10px;margin-bottom:10px}.user-table-container .card-header .user-photo{width:50px;height:50px}.user-table-container .card-header .identity{flex-grow:1}.user-table-container .card-header .identity .username{font-size:1.1em;font-weight:700}.user-table-container .card-header .action-btn{flex-shrink:0;margin-left:auto;background:none;border:none;color:var(--error-color);cursor:pointer;font-size:1.1em;transition:color .2s,transform .15s ease}.user-table-container .card-header .action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #c4963e1f}.user-table-container .card-body p{margin:5px 0;font-size:.9em;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.user-table-container .card-body p span{font-weight:600;color:var(--text-primary);min-width:120px;display:inline-flex;align-items:center;gap:5px}@media (max-width: 768px){.user-table-container .user-data-table{display:none}.user-table-container .user-data-cards{display:flex}}.users-management-page{padding:20px 0}.users-management-page.loading{text-align:center;padding:50px;color:var(--primary-color)}.users-management-page .pagination-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}.users-management-page .pagination-controls button{background-color:var(--primary-color);color:var(--bg-01);border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.users-management-page .pagination-controls button:hover:not(:disabled){background-color:var(--primary-dark)}.users-management-page .pagination-controls button:disabled{background:#ffffff0d;cursor:not-allowed;color:var(--text-muted);border:1px solid var(--glass-border)}.users-management-page .pagination-controls span{font-size:1em;color:var(--text-secondary)}@media (max-width: 768px){.users-management-page{padding:1rem;width:90%;margin:auto}}.requests-header .header-actions{margin-bottom:30px}.requests-header .requests-title{color:var(--primary-color);margin:0}.requests-header .filter-section{margin-bottom:20px}.requests-header .search-input{width:100%;padding:10px 15px;background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:4px;color:var(--text-primary);font-size:1em;transition:all var(--transition-speed)}.requests-header .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}@media (max-width: 768px){.requests-header .page-header{margin-bottom:20px}.requests-header .page-header .back-button{justify-content:center;margin-bottom:15px;font-size:.95em}.requests-header .header-actions{margin-bottom:20px}.requests-header .requests-title{font-size:1.3rem;text-align:center}.requests-header .filter-section{margin-bottom:15px}}.requests-table-container{overflow-x:auto;background-color:var(--bg-01);border-radius:8px;margin-top:20px;border:1px solid var(--glass-border);box-shadow:0 4px 12px #c4963e1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.requests-table-container .requests-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:1050px}.requests-table-container .requests-table th,.requests-table-container .requests-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--glass-border);color:var(--text-primary);font-size:.95em;vertical-align:middle;word-wrap:break-word}.requests-table-container .requests-table th{background-color:#ffffff14;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.85em}.requests-table-container .requests-table th:nth-child(1){width:13%}.requests-table-container .requests-table th:nth-child(2){width:13%}.requests-table-container .requests-table th:nth-child(3){width:28%}.requests-table-container .requests-table th:nth-child(4){width:11%}.requests-table-container .requests-table th:nth-child(5){width:13%}.requests-table-container .requests-table th:nth-child(6){width:12%}.requests-table-container .requests-table th:nth-child(7){width:8%}.requests-table-container .whatsapp-cell a{color:var(--primary-color);text-decoration:none}.requests-table-container .action-cell{text-align:center}.requests-table-container .edit-status-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1.1em;transition:color .2s}.requests-table-container .edit-status-btn:hover{color:var(--primary-hover)}.requests-table-container .status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;font-size:.85em;font-weight:700}.requests-table-container .status-pending{background-color:#ffc10726;color:var(--warning-color)}.requests-table-container .status-approved{background-color:#06ffa526;color:var(--success-color)}.requests-table-container .status-rejected{background-color:#ef476f26;color:var(--error-color)}.requests-table-container .payment-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:600}.requests-table-container .payment-paid{background-color:#06ffa526;color:var(--success-color)}.requests-table-container .payment-unpaid{background-color:#ffc10726;color:var(--warning-color)}.requests-table-container .payment-method-info{display:block;font-size:.75em;color:var(--text-muted);margin-top:2px}.requests-table-container .requests-cards{display:none}.requests-table-container .request-card{background-color:var(--bg-02);border-radius:8px;padding:15px;margin-bottom:15px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.requests-table-container .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.requests-table-container .card-user{display:flex;align-items:center;gap:8px}.requests-table-container .user-icon{color:var(--primary-color);font-size:1.2em}.requests-table-container .user-name{font-weight:600;color:var(--text-primary);font-size:1em}.requests-table-container .card-body{margin-bottom:15px}.requests-table-container .card-info-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.requests-table-container .info-label{font-weight:600;color:var(--text-secondary);font-size:.9em;flex-shrink:0;min-width:100px}.requests-table-container .info-value{color:var(--text-primary);text-align:right;flex:1}.requests-table-container .whatsapp-link{color:var(--primary-color);text-decoration:none;font-weight:600;flex:1;text-align:right}.requests-table-container .whatsapp-link:hover{text-decoration:underline}.requests-table-container .card-footer{display:flex;justify-content:flex-end;padding-top:10px;border-top:1px solid var(--glass-border)}.requests-table-container .edit-status-btn-mobile{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-speed);width:100%;justify-content:center}.requests-table-container .edit-status-btn-mobile:hover{background-color:var(--primary-color);box-shadow:0 4px 12px #c4963e40;transform:translateY(-2px)}@media (max-width: 768px){.requests-table-container .desktop-table{display:none}.requests-table-container .mobile-cards{display:block}.requests-table-container .no-requests-message{display:block;padding:20px;text-align:center}}@media (min-width: 769px){.requests-table-container .desktop-table{display:table}.requests-table-container .mobile-cards{display:none}}.update-status-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.update-status-modal-content{background-color:var(--bg-01);color:var(--text-primary);padding:30px;border-radius:var(--border-radius);width:90%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #c4963e33;position:relative;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.update-status-modal-content h2{font-size:1.4em;border-bottom:2px solid var(--primary-color);padding-bottom:10px;margin-bottom:20px;color:var(--text-primary)}.update-status-modal-content .request-info-box{padding:15px;background-color:#64b4ff1a;border-left:3px solid var(--primary-color);border-radius:4px;margin-bottom:20px;border:1px solid var(--glass-border)}.update-status-modal-content .request-info-box p{margin:5px 0;font-size:.95em;color:var(--text-secondary)}.update-status-modal-content .form-group label{display:block;margin-bottom:5px;color:var(--text-secondary)}.update-status-modal-content .form-group select{width:100%;padding:10px;background-color:var(--bg-02);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:4px;font-size:1em;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.update-status-modal-content .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.update-status-modal-content .modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.update-status-modal-content .cancel-btn{background-color:var(--bg-02);color:var(--text-primary);padding:10px 15px;border:1px solid var(--glass-border);border-radius:4px;cursor:pointer;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.update-status-modal-content .cancel-btn:hover{background-color:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.update-status-modal-content .save-btn{background-color:var(--primary-color);color:#fff;padding:10px 15px;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all var(--transition-speed)}.update-status-modal-content .save-btn:hover{box-shadow:0 4px 12px #c4963e40;transform:translateY(-2px)}.update-status-modal-content .save-btn:disabled{background-color:#fff3;color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.validation-type-group{margin-top:16px}.validation-type-options{display:flex;flex-direction:column;gap:10px;margin-top:4px}.validation-type-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-02);border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.validation-type-card input[type=radio]{display:none}.validation-type-card:hover{border-color:#c4963e66;background:#ffffff0a}.validation-type-card--active{border-color:var(--primary-color);background:#c4963e14;box-shadow:0 0 0 1px #c4963e4d}.validation-type-card--active.validation-type-card--direct{border-color:var(--success-color);background:#67c09014;box-shadow:0 0 0 1px #67c0904d}.validation-type-card__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;font-size:.95em;flex-shrink:0}.vt-icon--payment{background:#c4963e26;color:var(--primary-color)}.vt-icon--direct{background:#67c09026;color:var(--success-color)}.validation-type-card__text{display:flex;flex-direction:column;gap:2px;min-width:0}.validation-type-card__text strong{font-size:.9em;color:var(--text-primary)}.validation-type-card__text span{font-size:.78em;color:var(--text-muted);line-height:1.3}.validation-type-warning{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#67c09014;border:1px solid rgba(103,192,144,.2);border-radius:6px;font-size:.8em;color:var(--success-color)}.validation-type-warning svg{flex-shrink:0}@media (max-width: 480px){.update-status-modal-content{width:95%;padding:20px}.validation-type-card{padding:10px 12px}.validation-type-card__icon{width:32px;height:32px;font-size:.85em}}.status-locked-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#ffffff0a;border:1px solid var(--glass-border);border-left:3px solid var(--text-muted);border-radius:6px;margin-top:8px}.status-locked-banner>svg{color:var(--text-muted);font-size:1.1em;flex-shrink:0;margin-top:2px}.status-locked-banner>div{display:flex;flex-direction:column;gap:4px}.status-locked-banner strong{font-size:.9em;color:var(--text-primary)}.status-locked-banner span{font-size:.8em;color:var(--text-muted);line-height:1.4}.artist-fee-config{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000026}.artist-fee-config--loading{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.9em;padding:16px 20px}.afc-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.afc-header__left{display:flex;align-items:center;gap:12px;min-width:0}.afc-header__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#c4963e33,#c4963e14);color:var(--primary-color);font-size:1.1em;flex-shrink:0}.afc-header__title{margin:0 0 2px;font-size:1em;font-weight:700;color:var(--text-primary)}.afc-header__desc{margin:0;font-size:.78em;color:var(--text-muted);line-height:1.3}.afc-edit-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#c4963e1a;border:1px solid rgba(196,150,62,.25);color:var(--primary-color);cursor:pointer;font-size:.85em;flex-shrink:0;transition:background .2s ease,transform .15s ease}.afc-edit-btn:hover{background:#c4963e33;transform:scale(1.05)}.afc-view{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.afc-view__amount{display:flex;align-items:baseline;gap:8px}.afc-view__value{font-size:1.6em;font-weight:800;color:var(--primary-color);letter-spacing:-.5px}.afc-view__currency{font-size:.95em;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.afc-view__saved{margin:0;font-size:.75em;color:var(--success-color);display:flex;align-items:center;gap:5px}.afc-edit__fields{display:flex;gap:12px;margin-bottom:14px}.afc-edit__field{flex:1}.afc-edit__field--small{flex:0 0 100px}.afc-edit__field label{display:block;font-size:.8em;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.afc-edit__input{width:100%;padding:10px 12px;background:var(--bg-02);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:1em;font-weight:600;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.afc-edit__input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1f}.afc-edit__input:disabled{opacity:.5;cursor:not-allowed}.afc-edit__actions{display:flex;gap:10px;justify-content:flex-end}.afc-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:.85em;font-weight:600;cursor:pointer;border:none;transition:background .2s ease,transform .1s ease}.afc-btn:active{transform:scale(.97)}.afc-btn:disabled{opacity:.5;cursor:not-allowed}.afc-btn--cancel{background:var(--bg-02);color:var(--text-secondary);border:1px solid var(--glass-border)}.afc-btn--cancel:hover:not(:disabled){background:#ffffff14}.afc-btn--save{background:linear-gradient(135deg,var(--primary-color),#b8832a);color:#1a1a1a}.afc-btn--save:hover:not(:disabled){box-shadow:0 4px 12px #c4963e59}@media (max-width: 768px){.artist-fee-config{padding:16px}.afc-header{flex-wrap:wrap}.afc-header__desc{display:none}.afc-view__value{font-size:1.3em}.afc-edit__fields{flex-direction:column;gap:10px}.afc-edit__field--small{flex:1}.afc-edit__actions{flex-direction:column}.afc-btn{justify-content:center}}.requests-management-page{padding:20px 0}.requests-management-page.loading{text-align:center;padding:50px;color:var(--primary-color)}@media (max-width: 768px){.requests-management-page{padding:15px;margin:0}}.admin-table-container{overflow-x:auto;background:var(--bg-01);border-radius:8px;margin-top:20px;border:1px solid var(--glass-border);box-shadow:0 4px 12px #c4963e1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-table-container .admin-data-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:900px}.admin-table-container .admin-data-table .col-photo{width:70px}.admin-table-container .admin-data-table .col-name{width:220px}.admin-table-container .admin-data-table .col-permission{width:120px}.admin-table-container .admin-data-table .col-description{width:35%}.admin-table-container .admin-data-table .col-inscription{width:120px}.admin-table-container .admin-data-table .col-actions{width:90px}.admin-table-container .admin-data-table th,.admin-table-container .admin-data-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--glass-border);color:var(--text-primary);font-size:.95em;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.admin-table-container .admin-data-table th{background-color:#ffffff14;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.85em}.admin-table-container .admin-photo{width:40px;height:40px;border-radius:50%;object-fit:cover}.admin-table-container .admin-identity{display:flex;flex-direction:column}.admin-table-container .admin-identity .username{font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-table-container .admin-identity .email{font-size:.8em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-table-container .permission-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:4px;font-size:.85em;font-weight:700}.admin-table-container .perm-total{background-color:#06ffa526;color:var(--success-color)}.admin-table-container .perm-normal{background-color:#64b4ff26;color:var(--primary-color)}.admin-table-container .actions-group{display:flex;gap:10px;justify-content:center}.admin-table-container .actions-group .edit-btn{color:var(--primary-color);background-color:transparent;border:none;cursor:pointer;transition:transform .3s ease}.admin-table-container .actions-group .delete-btn{color:var(--error-color);background-color:transparent;border:none;cursor:pointer;transition:transform var(--transition-speed)}.admin-table-container .actions-group .edit-btn,.admin-table-container .actions-group .delete-btn{transform:scale(1.2)}.admin-table-container .admin-data-cards{display:none;flex-direction:column;gap:15px;padding:15px}.admin-table-container .admin-card{background-color:var(--bg-02);border-radius:8px;padding:0;overflow:hidden;box-shadow:0 4px 12px #c4963e1f;transition:all var(--transition-speed);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.admin-table-container .admin-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c4963e26;border-color:var(--primary-color)}.admin-table-container .admin-card .card-header{display:flex;align-items:center;gap:12px;padding:15px;background-color:var(--bg-02);border-bottom:1px solid var(--glass-border)}.admin-table-container .admin-card .card-header .admin-photo{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}.admin-table-container .admin-card .card-header .identity{flex:1;min-width:0}.admin-table-container .admin-card .card-header .identity .username{font-weight:600;color:var(--white);font-size:1em;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-table-container .admin-card .card-header .identity .email{font-size:.85em;color:var(--text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-table-container .admin-card .card-header .actions-group{display:flex;gap:12px;margin-left:auto}.admin-table-container .admin-card .card-header .actions-group .action-btn{background:none;border:none;cursor:pointer;padding:8px;transition:all .2s;font-size:1.1em}.admin-table-container .admin-card .card-header .actions-group .edit-btn{color:var(--primary-color)}.admin-table-container .admin-card .card-header .actions-group .delete-btn{color:var(--error-color)}.admin-table-container .admin-card .card-header .actions-group .action-btn:hover{transform:scale(1.2)}.admin-table-container .admin-card .card-body{padding:15px;display:flex;flex-direction:column;gap:12px}.admin-table-container .admin-card .card-body p{margin:0;display:flex;justify-content:space-between;align-items:center;font-size:.9em;color:var(--text-primary);flex-wrap:wrap;gap:8px}.admin-table-container .admin-card .card-body p span:first-child{color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:6px}.admin-table-container .admin-card .card-body p span:last-child{font-weight:600}.admin-table-container .admin-card .card-body .description-mobile{flex-direction:column;align-items:flex-start;gap:6px;padding:10px;background-color:var(--bg-02);border-radius:6px;border-left:3px solid var(--primary-color)}.admin-table-container .admin-card .card-body .description-mobile span:last-child{font-weight:400;color:var(--text-primary);line-height:1.4}.admin-table-container .admin-card .card-body .perm-total{background-color:#06ffa526;color:var(--success-color);padding:4px 10px;border-radius:4px;font-weight:700;font-size:.9em}.admin-table-container .admin-card .card-body .perm-normal{background-color:#64b4ff26;color:var(--primary-color);padding:4px 10px;border-radius:4px;font-weight:700;font-size:.9em}@media (max-width: 768px){.admin-table-container .admin-data-table{display:none}.admin-table-container .admin-data-cards{display:flex}}.add-admin-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.add-admin-modal-content{background:var(--bg-01);color:var(--text-primary);padding:30px;border-radius:var(--border-radius);width:90%;max-width:500px;box-shadow:0 20px 60px #c4963e33;position:relative;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.add-admin-modal-content h2{font-size:1.5em;border-bottom:2px solid var(--primary-color);padding-bottom:10px;margin-bottom:20px;color:var(--text-primary)}.add-admin-modal-content h3{font-size:1.2em;margin-top:0;margin-bottom:15px;color:var(--primary-color)}.add-admin-modal-content .search-box{position:relative;margin-bottom:15px}.add-admin-modal-content .search-box input{width:-webkit-fill-available;padding:10px 15px 10px 40px;background-color:var(--bg-02);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:4px;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.add-admin-modal-content .search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.add-admin-modal-content .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.add-admin-modal-content .user-list{list-style:none;padding:0;max-height:200px;overflow-y:auto;border:1px solid var(--glass-border);border-radius:4px}.add-admin-modal-content .user-list li{padding:10px 15px;cursor:pointer;border-bottom:1px solid var(--glass-border);transition:all var(--transition-speed);font-size:.9em}.add-admin-modal-content .user-list li:hover{background-color:#ffffff14}.add-admin-modal-content .user-list li.selected{background-color:var(--primary-color);color:#fff;font-weight:700}.add-admin-modal-content .loading-message,.add-admin-modal-content .no-result{text-align:center;padding:15px;color:var(--text-muted)}.add-admin-modal-content .next-btn{width:100%;margin-top:15px;padding:12px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s}.add-admin-modal-content .next-btn:disabled{background-color:#fff3;color:var(--text-muted);cursor:not-allowed}.add-admin-modal-content .selected-info{padding:10px;background-color:#64b4ff1a;border-left:3px solid var(--primary-color);margin-bottom:20px;border:1px solid var(--glass-border)}.add-admin-modal-content .form-group label{display:block;margin-bottom:5px;color:var(--text-secondary)}.add-admin-modal-content .form-group select{width:100%;padding:10px;background-color:var(--bg-02);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:4px;font-size:1em;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.add-admin-modal-content .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.add-admin-modal-content .modal-actions{display:flex;justify-content:space-between;margin-top:25px}.add-admin-modal-content .back-btn{background-color:var(--bg-02);color:var(--text-primary);padding:10px 15px;border:1px solid var(--glass-border);border-radius:4px;cursor:pointer;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.add-admin-modal-content .back-btn:hover{background-color:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.add-admin-modal-content .confirm-btn{background-color:var(--success-color);color:#fff;padding:10px 15px;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all var(--transition-speed)}.add-admin-modal-content .confirm-btn:hover{box-shadow:0 4px 12px #2ecc7140;transform:translateY(-2px)}.edit-permission-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.edit-permission-modal-content{background:var(--bg-01);color:var(--text-primary);padding:30px;border-radius:var(--border-radius);width:90%;max-width:400px;box-shadow:0 20px 60px #c4963e33;position:relative;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-permission-modal-content h2{font-size:1.4em;border-bottom:2px solid var(--primary-color);padding-bottom:10px;margin-bottom:20px;color:var(--text-primary)}.edit-permission-modal-content .admin-info-box{padding:15px;background-color:#64b4ff1a;border-left:3px solid var(--primary-color);border-radius:4px;margin-bottom:20px;border:1px solid var(--glass-border)}.edit-permission-modal-content .admin-info-box p{margin:5px 0;font-size:.95em;color:var(--text-secondary)}.edit-permission-modal-content .current-perm.perm-total{color:var(--success-color);font-weight:700}.edit-permission-modal-content .current-perm.perm-normal{color:var(--primary-color)}.edit-permission-modal-content .permission-description-box{margin-top:15px;font-size:.9em;padding:10px;background-color:var(--bg-02);border-radius:4px;color:var(--text-muted)}.edit-permission-modal-content .permission-description-box p{margin:0}.edit-permission-modal-content .form-group label{display:block;margin-bottom:5px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.edit-permission-modal-content .form-group select{width:100%;padding:10px;background-color:var(--bg-02);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:4px;font-size:1em;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.edit-permission-modal-content .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.edit-permission-modal-content .modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.edit-permission-modal-content .cancel-btn{background-color:var(--bg-02);color:var(--text-primary);padding:10px 15px;border:1px solid var(--glass-border);border-radius:4px;cursor:pointer;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.edit-permission-modal-content .cancel-btn:hover{background-color:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.edit-permission-modal-content .confirm-btn{background-color:var(--success-color);color:#fff;padding:10px 15px;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all var(--transition-speed)}.edit-permission-modal-content .confirm-btn:hover{box-shadow:0 4px 12px #2ecc7140;transform:translateY(-2px)}.admin-management-page{padding:20px 0}.admin-management-page.loading{text-align:center;padding:50px;color:var(--primary-color)}.admin-management-page .header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.admin-management-page .admin-title{color:var(--text-primary);margin:0}.admin-management-page .add-admin-btn{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:50px;cursor:pointer;font-weight:700;transition:all var(--transition-speed);display:flex;align-items:center;gap:8px}.admin-management-page .add-admin-btn:hover{background-color:var(--primary-color);box-shadow:0 4px 12px #c4963e40;transform:translateY(-2px)}@media (max-width: 768px){.admin-management-page{padding:1rem;width:100%;margin:0}.admin-management-page .page-header{padding:0 10px}.admin-management-page .page-header .back-button{font-size:.9em;padding:6px 12px;margin-bottom:10px}.admin-management-page .header-actions{flex-direction:column;align-items:stretch;gap:15px}.admin-management-page .admin-title{font-size:1.3em;text-align:center}.admin-management-page .add-admin-btn{width:100%;justify-content:center;padding:12px 20px}}@media (max-width: 480px){.admin-management-page{padding:.5rem}.admin-management-page .admin-title{font-size:1.1em}}.moderation-table-container{overflow-x:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);animation:slideUp .4s ease-out;box-shadow:var(--card-shadow)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.moderation-table-container .albums-moderation-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:900px}.moderation-table-container .albums-moderation-table th,.moderation-table-container .albums-moderation-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--card-border);color:var(--text-primary);font-size:.875rem;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moderation-table-container .albums-moderation-table th{background:var(--bg-02);font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--card-border)}.moderation-table-container .albums-moderation-table tbody tr{transition:all .2s ease;animation:fadeInRow .3s ease-out backwards}.moderation-table-container .albums-moderation-table tbody tr:nth-child(1){animation-delay:.05s}.moderation-table-container .albums-moderation-table tbody tr:nth-child(2){animation-delay:.1s}.moderation-table-container .albums-moderation-table tbody tr:nth-child(3){animation-delay:.15s}.moderation-table-container .albums-moderation-table tbody tr:nth-child(4){animation-delay:.2s}.moderation-table-container .albums-moderation-table tbody tr:nth-child(5){animation-delay:.25s}@keyframes fadeInRow{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.moderation-table-container .albums-moderation-table tbody tr:hover{background:var(--bg-02);transform:scale(1.01)}.moderation-table-container .albums-moderation-table .col-photo{width:60px}.moderation-table-container .albums-moderation-table .col-name{width:28%}.moderation-table-container .albums-moderation-table .col-artiste{width:20%}.moderation-table-container .albums-moderation-table .col-date{width:15%}.moderation-table-container .albums-moderation-table .col-ecoutes{width:12%}.moderation-table-container .albums-moderation-table .col-actions{width:10%;text-align:center}.moderation-table-container .album-photo{width:36px;height:36px;object-fit:cover;border-radius:4px;transition:transform .2s ease}.moderation-table-container .album-photo:hover{transform:scale(1.5)}.moderation-table-container .actions-cell{text-align:center;display:flex;justify-content:center;gap:8px}.moderation-table-container .delete-btn,button.action-btn.detail-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px 8px;transition:all .2s ease;border-radius:4px}button.action-btn.detail-btn{color:var(--primary-color)}.moderation-table-container .delete-btn{color:var(--danger-color)}button.action-btn.detail-btn:hover{background:#ff6b351a;transform:scale(1.15)}.moderation-table-container .delete-btn:hover{background:#f443361a;transform:scale(1.15)}.no-content-message{padding:40px 20px;color:var(--text-muted);text-align:center;font-size:.95rem}.moderation-table-container .album-data-cards{display:none;flex-direction:column;gap:12px;padding:12px}.moderation-table-container .album-card{background-color:var(--bg-02);border:1px solid var(--card-border);border-radius:8px;padding:0;overflow:hidden;box-shadow:var(--card-shadow);transition:all .2s ease;animation:fadeInCard .3s ease-out backwards}.moderation-table-container .album-card:nth-child(1){animation-delay:.05s}.moderation-table-container .album-card:nth-child(2){animation-delay:.1s}.moderation-table-container .album-card:nth-child(3){animation-delay:.15s}@keyframes fadeInCard{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.moderation-table-container .album-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover);border-color:var(--primary-color)}.moderation-table-container .album-card .card-header{display:flex;align-items:center;gap:10px;padding:12px;background-color:var(--bg-01);border-bottom:1px solid var(--card-border)}.moderation-table-container .album-card .card-header .album-photo{width:44px;height:44px;object-fit:cover;border-radius:4px;flex-shrink:0}.moderation-table-container .album-card .card-header .album-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moderation-table-container .album-card .card-header .actions-group{display:flex;gap:8px;margin-left:auto;flex-shrink:0}.moderation-table-container .album-card .card-header .actions-group .action-btn{background:none;border:none;cursor:pointer;padding:6px;transition:all .2s;font-size:1rem;border-radius:4px}.moderation-table-container .album-card .card-header .actions-group .detail-btn{color:var(--primary-color)}.moderation-table-container .album-card .card-header .actions-group .delete-btn{color:var(--danger-color)}.moderation-table-container .album-card .card-header .actions-group .detail-btn:hover{background:#ff6b351a;transform:scale(1.15)}.moderation-table-container .album-card .card-header .actions-group .delete-btn:hover{background:#f443361a;transform:scale(1.15)}.moderation-table-container .album-card .card-body{padding:12px;display:flex;flex-direction:column;gap:8px}.moderation-table-container .album-card .card-body p{margin:0;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-primary);gap:8px}.moderation-table-container .album-card .card-body p span:first-child{color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:6px}.moderation-table-container .album-card .card-body p span:last-child{font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.moderation-table-container .albums-moderation-table{display:none}.moderation-table-container .album-data-cards{display:flex;padding:8px}}@media (max-width: 480px){.moderation-table-container{border-radius:6px}.moderation-table-container .album-data-cards{gap:10px;padding:6px}.moderation-table-container .album-card .card-header{padding:10px}.moderation-table-container .album-card .card-body{padding:10px;gap:6px}.moderation-table-container .album-card .card-body p{font-size:.8rem}}@media (max-width: 768px){.moderation-table-container .albums-moderation-table{display:none}.moderation-table-container .album-data-cards{display:flex;padding:0}}.delete-reason-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-dark);display:flex;justify-content:center;align-items:center;z-index:3000}.delete-reason-modal-content{background:var(--card-bg);color:var(--text-primary);padding:16px;border-radius:var(--border-radius);width:90%;max-width:480px;box-shadow:var(--card-shadow-hover);position:relative;border:1px solid var(--card-border);border-top:3px solid var(--error-color)}.delete-reason-modal-content h2{font-size:1.2rem;color:var(--error-color);margin:0 0 12px;display:flex;align-items:center;gap:8px}.delete-reason-modal-content .content-to-delete-info{padding:8px 10px;background-color:var(--bg-02);border-left:3px solid var(--error-color);border-radius:4px;margin-bottom:12px;font-size:.9rem;color:var(--text-primary)}.delete-reason-modal-content .form-group{margin-bottom:12px}.delete-reason-modal-content label{display:block;margin-bottom:4px;color:var(--text-secondary);font-size:.875rem;font-weight:500}.delete-reason-modal-content select,.delete-reason-modal-content textarea{width:100%;width:-webkit-fill-available;padding:8px 10px;background:var(--bg-02);border:1px solid var(--card-border);color:var(--text-primary);border-radius:var(--border-radius);font-size:.9rem;font-family:inherit}.delete-reason-modal-content select option{background:var(--bg-02);color:var(--text-primary)}.delete-reason-modal-content select:hover,.delete-reason-modal-content textarea:hover{border-color:var(--primary-color)}.delete-reason-modal-content select:focus,.delete-reason-modal-content textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.delete-reason-modal-content textarea{resize:vertical;min-height:80px}.delete-reason-modal-content .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.delete-reason-modal-content .cancel-btn,.delete-reason-modal-content .confirm-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.delete-reason-modal-content .cancel-btn{background:var(--bg-02);border:1px solid var(--card-border);color:var(--text-primary)}.delete-reason-modal-content .cancel-btn:hover{background:var(--bg-01);border-color:var(--primary-color)}.delete-reason-modal-content .confirm-btn{background-color:var(--error-color);color:#fff}.delete-reason-modal-content .confirm-btn:hover:not(:disabled){background-color:var(--error-color);opacity:.9}.delete-reason-modal-content .confirm-btn:disabled{background:var(--bg-02);cursor:not-allowed;opacity:.5;color:var(--text-secondary)}.album-moderation-filters-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);margin-bottom:20px;box-shadow:var(--card-shadow-hover);animation:slideDown .4s ease-out;padding:20px!important}.albums-management-page{padding:0!important}.album-moderation-filters-container .filter-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.album-moderation-filters-container .filter-label svg{color:var(--primary-color);font-size:.9rem}.album-moderation-filters-container .search-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.album-moderation-filters-container .search-box{position:relative}.album-moderation-filters-container .search-box input{width:100%;width:-webkit-fill-available;padding:12px 16px;background:var(--bg-02);border:1px solid var(--card-border)!important;border-radius:var(--border-radius);color:var(--text-primary);font-size:.95rem;transition:all var(--transition-speed)}.album-moderation-filters-container .search-box input::placeholder{color:var(--text-secondary)}.album-moderation-filters-container .search-box input:hover{background:var(--bg-01);border-color:var(--primary-color)}.album-moderation-filters-container .search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.album-moderation-filters-container .filters-row{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;margin-bottom:20px}.album-moderation-filters-container .filter-section{display:flex;flex-direction:column}.album-moderation-filters-container .filter-dropdown select{width:100%;padding:12px 36px 12px 16px;background-color:var(--bg-02);border:1px solid var(--card-border)!important;border-radius:var(--border-radius);color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all var(--transition-speed);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c4963e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.album-moderation-filters-container .filter-dropdown select option{background:var(--bg-02);color:var(--text-primary)}.album-moderation-filters-container .filter-dropdown select:hover{background-color:var(--bg-01);border-color:var(--primary-color)}.album-moderation-filters-container .filter-dropdown select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.album-moderation-filters-container .date-filters .date-inputs-group{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.album-moderation-filters-container .date-input-wrapper{position:relative}.album-moderation-filters-container .date-select{width:100%;padding:12px 30px 12px 12px;background-color:var(--bg-02);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23c4963e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px;text-align:center}.album-moderation-filters-container .date-select option{background:var(--bg-02);color:var(--text-primary)}.album-moderation-filters-container .date-select:hover{border-color:var(--primary-color);background-color:var(--bg-01)}.album-moderation-filters-container .date-select:focus{outline:none;border-color:var(--primary-color);background-color:var(--bg-01);box-shadow:0 0 0 3px #c4963e1a}.album-moderation-filters-container .results-counter{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:var(--bg-02);border:1px solid var(--card-border);border-radius:8px;animation:fadeIn .5s ease-in-out}.album-moderation-filters-container .counter-badge{display:flex;align-items:baseline;gap:6px;font-weight:700;font-size:1.4rem}.album-moderation-filters-container .count-value{color:var(--primary-color);font-size:1.6rem}.album-moderation-filters-container .count-separator{color:var(--text-muted);font-size:1.2rem}.album-moderation-filters-container .total-value{color:var(--text-secondary);font-size:1.4rem}.album-moderation-filters-container .counter-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}@media (max-width: 1024px){.album-moderation-filters-container .filters-row{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.album-moderation-filters-container{padding:16px}.album-moderation-filters-container .search-section{margin-bottom:16px;padding-bottom:16px}.album-moderation-filters-container .date-filters .date-inputs-group{grid-template-columns:1fr;gap:10px}.album-moderation-filters-container .counter-badge{font-size:1.2rem}.album-moderation-filters-container .count-value{font-size:1.4rem}.album-moderation-filters-container .total-value{font-size:1.2rem}}@media (max-width: 480px){.album-moderation-filters-container{padding:12px}.album-moderation-filters-container .filters-row{gap:12px}.album-moderation-filters-container .results-counter{flex-direction:column;gap:8px;padding:12px}}.albums-management-page{width:100%;animation:fadeIn .4s ease-in-out;padding:20px}.albums-management-page .moderation-content{display:flex;flex-direction:column;gap:15px}.albums-management-page p{text-align:center;color:var(--text-secondary);padding:20px;font-size:.95rem}.moderation-table-container{overflow-x:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);margin-top:20px;box-shadow:var(--card-shadow)}.moderation-table-container .tracks-moderation-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:900px}.moderation-table-container .tracks-moderation-table th,.moderation-table-container .tracks-moderation-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--card-border);color:var(--text-primary);font-size:.95em;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moderation-table-container .tracks-moderation-table th{background:var(--bg-02);font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.85em}.moderation-table-container .tracks-moderation-table .col-photo{width:70px}.moderation-table-container .tracks-moderation-table .col-name{width:25%}.moderation-table-container .tracks-moderation-table .col-artiste,.moderation-table-container .tracks-moderation-table .col-album{width:20%}.moderation-table-container .tracks-moderation-table .col-ecoutes{width:10%}.moderation-table-container .tracks-moderation-table .col-actions{width:8%}.moderation-table-container .track-photo{width:40px;height:40px;object-fit:cover;border-radius:4px}.moderation-table-container .actions-cell{text-align:center}.moderation-table-container .delete-btn{background:none;border:none;color:var(--error-color);cursor:pointer;font-size:1.1em;transition:all .2s}.moderation-table-container .delete-btn:hover{color:var(--error-color);opacity:.8;transform:scale(1.15)}.no-content-message{padding:30px;color:var(--text-muted);text-align:center}.moderation-table-container .track-data-cards{display:none;flex-direction:column;gap:15px;padding:15px}.moderation-table-container .track-card{background:var(--bg-02);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:0;overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-speed)}.moderation-table-container .track-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover);border-color:var(--primary-color)}.moderation-table-container .track-card .card-header{display:flex;align-items:center;gap:12px;padding:15px;background:var(--bg-01);border-bottom:1px solid var(--card-border)}.moderation-table-container .track-card .card-header .track-photo{width:50px;height:50px;object-fit:cover;border-radius:4px;flex-shrink:0}.moderation-table-container .track-card .card-header .track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.moderation-table-container .track-card .card-header .track-name{font-weight:600;color:var(--text-primary);font-size:1em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moderation-table-container .track-card .card-header .artist-name{font-size:.85em;color:var(--text-muted);display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moderation-table-container .track-card .card-header .actions-group{display:flex;gap:12px;margin-left:auto;flex-shrink:0}.moderation-table-container .track-card .card-header .actions-group .action-btn{background:none;border:none;cursor:pointer;padding:8px;transition:all .2s;font-size:1.1em}.moderation-table-container .track-card .card-header .actions-group .delete-btn{color:var(--error-color)}.moderation-table-container .track-card .card-header .actions-group .action-btn:hover{transform:scale(1.2)}.moderation-table-container .track-card .card-body{padding:15px;display:flex;flex-direction:column;gap:10px}.moderation-table-container .track-card .card-body p{margin:0;display:flex;justify-content:space-between;align-items:center;font-size:.9em;color:var(--text-primary);gap:8px}.moderation-table-container .track-card .card-body p span:first-child{color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:6px}.moderation-table-container .track-card .card-body p span:last-child{font-weight:600}@media (max-width: 768px){.moderation-table-container .tracks-moderation-table.desktop-table{display:none}.moderation-table-container .track-data-cards.mobile-cards{display:flex}.moderation-table-container .track-data-cards{padding:0}}.moderation-table-container .pagination-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;border-top:1px solid var(--card-border);background:var(--bg-02)}.moderation-table-container .pagination-btn{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:600;font-size:.9em;transition:all var(--transition-speed)}.moderation-table-container .pagination-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #c4963e4d}.moderation-table-container .pagination-btn:disabled{background:var(--bg-01);color:var(--text-secondary);cursor:not-allowed;border:1px solid var(--card-border)}.moderation-table-container .page-info{font-size:.95em;color:var(--text-secondary);font-weight:600}@media (max-width: 768px){.moderation-table-container .pagination-controls{flex-direction:column;gap:10px}.moderation-table-container .pagination-btn{width:100%}}.track-moderation-filters-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);margin-bottom:20px;box-shadow:var(--card-shadow-hover);animation:slideDown .4s ease-out;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.track-moderation-filters-container .filter-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.track-moderation-filters-container .filter-label svg{color:var(--primary-color);font-size:.9rem}.track-moderation-filters-container .search-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.track-moderation-filters-container .search-box{position:relative}.track-moderation-filters-container .search-box input{width:100%;width:-webkit-fill-available;padding:12px 16px;background:var(--bg-02);border:1px solid var(--card-border);border-radius:var(--border-radius);color:var(--text-primary);font-size:.95rem;transition:all var(--transition-speed)}.track-moderation-filters-container .search-box input::placeholder{color:var(--text-secondary)}.track-moderation-filters-container .search-box input:hover{background:var(--bg-01);border-color:var(--primary-color)}.track-moderation-filters-container .search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.track-moderation-filters-container .filters-row{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;margin-bottom:20px}.track-moderation-filters-container .filter-section{display:flex;flex-direction:column}.track-moderation-filters-container .filter-dropdown select{width:100%;padding:12px 36px 12px 16px;background-color:var(--bg-02);border:1px solid var(--card-border);border-radius:var(--border-radius);color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all var(--transition-speed);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c4963e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.track-moderation-filters-container .filter-dropdown select option{background:var(--bg-02);color:var(--text-primary)}.track-moderation-filters-container .filter-dropdown select:hover{background-color:var(--bg-01);border-color:var(--primary-color)}.track-moderation-filters-container .filter-dropdown select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.track-moderation-filters-container .date-filters .date-inputs-group{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.track-moderation-filters-container .date-input-wrapper{position:relative}.track-moderation-filters-container .date-select{width:100%;padding:12px 30px 12px 12px;background-color:var(--bg-02);border:1px solid var(--card-border);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all var(--transition-speed);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23c4963e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px;text-align:center}.track-moderation-filters-container .date-select option{background:var(--bg-02);color:var(--text-primary)}.track-moderation-filters-container .date-select:hover{background-color:var(--bg-01);border-color:var(--primary-color)}.track-moderation-filters-container .date-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.track-moderation-filters-container .results-counter{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:var(--bg-02);border:1px solid var(--card-border);border-radius:var(--border-radius);animation:fadeIn .5s ease-in-out}.track-moderation-filters-container .counter-badge{display:flex;align-items:baseline;gap:6px;font-weight:700;font-size:1.4rem}.track-moderation-filters-container .count-value{color:var(--primary-color);font-size:1.6rem}.track-moderation-filters-container .count-separator{color:var(--text-muted);font-size:1.2rem}.track-moderation-filters-container .total-value{color:var(--text-secondary);font-size:1.4rem}.track-moderation-filters-container .counter-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}@media (max-width: 1024px){.track-moderation-filters-container .filters-row{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.track-moderation-filters-container{padding:16px}.track-moderation-filters-container .search-section{margin-bottom:16px;padding-bottom:16px}.track-moderation-filters-container .date-filters .date-inputs-group{grid-template-columns:1fr;gap:10px}.track-moderation-filters-container .counter-badge{font-size:1.2rem}.track-moderation-filters-container .count-value{font-size:1.4rem}.track-moderation-filters-container .total-value{font-size:1.2rem}}@media (max-width: 480px){.track-moderation-filters-container{padding:12px}.track-moderation-filters-container .filters-row{gap:12px}.track-moderation-filters-container .results-counter{flex-direction:column;gap:8px;padding:12px}}.tracks-management-page{width:100%;animation:fadeIn .4s ease-in-out}.tracks-management-page .moderation-content{display:flex;flex-direction:column;gap:15px}.tracks-management-page .loading-message{text-align:center;color:var(--text-secondary);font-size:.95rem}@media (max-width: 768px){.tracks-management-page{padding:16px}}.content-management-dashboard{padding:.5rem;color:var(--text-primary);min-height:100vh;transition:color .3s ease}.content-management-dashboard .compte-section-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 20px}.content-management-dashboard .content-tabs{display:flex;gap:10px;border-bottom:2px solid var(--border-color);margin-bottom:30px}.content-management-dashboard .tab-button{background:transparent;border:none;color:var(--text-secondary);padding:12px 24px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;border-bottom:3px solid transparent;margin-bottom:-2px;position:relative}.content-management-dashboard .tab-button:hover{color:var(--text-primary);background:var(--bg-02)}.content-management-dashboard .tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.content-management-dashboard .tab-button svg{font-size:1.1rem}.content-management-dashboard .tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.content-management-dashboard{padding:16px}.content-management-dashboard .compte-section-title{font-size:1.5rem;margin-bottom:20px}.content-management-dashboard .content-tabs{flex-direction:column;gap:5px;border-bottom:none}.content-management-dashboard .tab-button{padding:10px 16px;border-bottom:none;border-left:3px solid transparent;margin-bottom:0;margin-left:-3px}.content-management-dashboard .tab-button.active{border-left-color:var(--primary-color);border-bottom-color:transparent;background:#ffffff0d}}.errors-header .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;background-color:var(--bg-01);border-radius:var(--border-radius);box-shadow:0 4px 12px #c4963e26;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.errors-header .page-title{color:var(--text-primary);font-size:20px;font-weight:700;margin:0;display:flex;align-items:center;gap:10px}.errors-header .refresh-button{padding:8px 16px;background-color:var(--bg-01);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-speed);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.errors-header .refresh-button:hover{background:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26;transform:translateY(-2px)}.errors-header .refresh-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.errors-header .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.errors-header .stat-card{display:flex;align-items:center;gap:12px;padding:15px;background-color:var(--bg-01);box-shadow:0 4px 12px #c4963e1f;transition:var(--transition-speed);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px}.errors-header .stat-card:hover{transform:translateY(-2px);background:#ffffff14;border-color:var(--primary-color);box-shadow:0 6px 16px #c4963e26}.errors-header .stat-card.total{border-left-color:var(--primary-color)}.errors-header .stat-icon{font-size:24px;color:var(--text-secondary)}.errors-header .stat-content{flex:1}.errors-header .stat-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.errors-header .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.errors-header .filters-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;padding:15px;background-color:var(--bg-01);border-radius:var(--border-radius);box-shadow:0 4px 12px #c4963e1f;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.errors-header .filter-group{display:flex;flex-direction:column;gap:6px}.errors-header .filter-group label{font-size:12px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.errors-header .filter-group select,.errors-header .filter-group input{padding:8px 10px;background:var(--bg-02);border:1px solid var(--glass-border);border-radius:var(--border-radius);font-size:13px;color:var(--text-primary);transition:var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.errors-header .filter-group select:focus,.errors-header .filter-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.errors-header .search-group input,.errors-table-component{width:100%}.errors-table-component .loading-state,.errors-table-component .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:15px;color:var(--text-muted)}.errors-table-component .loading-state svg{color:var(--primary-color)}.errors-table-component .empty-state svg{color:var(--success-color)}.errors-table-component .empty-state h3{color:var(--text-primary);font-size:18px;font-weight:600}.errors-table-component .errors-table-desktop{background:var(--bg-01);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 12px #c4963e1f;border:1px solid var(--glass-border)}.errors-table-component .errors-table{width:100%;border-collapse:collapse}.errors-table-component .errors-table th{padding:10px 12px;text-align:left;color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.errors-table-component .errors-table tbody tr{border-bottom:1px solid var(--glass-border);transition:all var(--transition-speed)}.errors-table-component .errors-table tbody tr:hover{background-color:var(--bg-02);box-shadow:inset 0 0 8px #c4963e1a}.errors-table-component .errors-table td{padding:8px 12px;font-size:13px;color:var(--text-primary);vertical-align:middle}.errors-table-component .error-id{font-weight:700;color:var(--primary-color);font-family:monospace}.errors-table-component .error-date{font-size:11px;color:var(--text-muted);white-space:nowrap}.errors-table-component .type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;color:#fff;font-size:11px;font-weight:600;white-space:nowrap}.errors-table-component .error-message{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.errors-table-component .error-file{font-size:12px}.errors-table-component .error-file small{color:var(--text-muted);display:block;margin-top:2px}.errors-table-component .view-details-btn{padding:6px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:var(--transition-speed)}.errors-table-component .view-details-btn:hover{background:var(--primary-color);box-shadow:0 4px 12px #c4963e40;transform:translateY(-2px)}.errors-table-component .errors-cards-mobile{display:none}.errors-table-component .error-card{background:var(--bg-02);border-radius:12px;padding:15px;box-shadow:0 4px 12px #c4963e1f;border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.errors-table-component .error-card:active{transform:scale(.995)}.errors-table-component .error-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.errors-table-component .error-type-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;color:#fff;font-size:11px;font-weight:700}.errors-table-component .error-card .error-id{font-size:13px;font-weight:700;color:var(--primary-color)}.errors-table-component .error-card-body{margin-bottom:12px}.errors-table-component .error-section-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:10px}.errors-table-component .error-card .error-message{font-size:14px;color:var(--text-primary);line-height:1.5;margin-bottom:10px;max-width:100%;white-space:normal}.errors-table-component .error-file-info{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);padding:8px;background:#ffffff08;border-radius:6px;border:1px solid var(--glass-border)}.errors-table-component .file-size{margin-left:auto;font-weight:600}.errors-table-component .error-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--glass-border);font-size:12px;color:var(--text-muted)}.errors-table-component .error-card-footer span{display:flex;align-items:center;gap:5px}.errors-table-component .pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding:15px}.errors-table-component .pagination button{padding:8px 16px;background:var(--bg-02);border:1px solid var(--glass-border);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.errors-table-component .pagination button:disabled{opacity:.5;cursor:not-allowed}.errors-table-component .pagination button:not(:disabled):hover{background:#ffffff14;border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.errors-table-component .page-info{color:var(--text-secondary);font-size:13px}@media (max-width: 768px){.errors-table-component .errors-table-desktop{display:none}.errors-table-component .errors-cards-mobile{display:flex;flex-direction:column;gap:15px}.errors-table-component .pagination{flex-direction:column;gap:10px}.errors-table-component .pagination button{width:100%}}.errors-management-page{padding:20px 0}.errors-management-page .errors-content{width:100%}.errors-management-page .error-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.errors-management-page .error-modal-content{background:var(--bg-01);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #c4963e33;animation:modalFadeIn .3s ease;border:1px solid var(--glass-border)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.errors-management-page .error-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff14;border-radius:12px 12px 0 0;border-bottom:1px solid var(--glass-border)}.errors-management-page .error-modal-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0;display:flex;align-items:center;gap:10px}.errors-management-page .modal-close-btn{background:var(--bg-02);color:var(--text-primary);border:1px solid var(--glass-border);width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.errors-management-page .modal-close-btn:hover{background:#ffffff14;border-color:var(--primary-color);transform:rotate(90deg)}.errors-management-page .error-modal-body{padding:20px}.errors-management-page .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.errors-management-page .detail-item{display:flex;flex-direction:column;gap:8px}.errors-management-page .detail-item.full-width{grid-column:1 / -1}.errors-management-page .detail-item strong{font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.errors-management-page .detail-item span{font-size:15px;color:var(--text-primary);font-weight:500}.errors-management-page .error-message-box,.errors-management-page .user-agent-text,.errors-management-page .file-name-text{font-size:14px;color:var(--text-primary);line-height:1.6;padding:15px;background:#ffffff08;border-radius:8px;border-left:4px solid var(--primary-color);border:1px solid var(--glass-border)}.errors-management-page .error-code-badge{display:inline-block;padding:4px 8px;background:var(--error-color);color:#fff;border-radius:4px;font-family:monospace;font-size:12px;font-weight:600}.errors-management-page .error-modal-footer{padding:15px 20px;border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;background:#ffffff08}.errors-management-page .btn-close{padding:10px 20px;background:var(--bg-02);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;font-weight:600;transition:all var(--transition-speed)}.errors-management-page .btn-close:hover{background:#ffffff14;border-color:var(--primary-color);transform:translateY(-2px)}@media (max-width: 768px){.errors-management-page{padding:10px}.errors-management-page .error-modal-content{max-width:100%;max-height:95vh;margin:10px}.errors-management-page .detail-grid{grid-template-columns:1fr}.errors-management-page .error-modal-body{padding:15px}}.error-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.error-modal-overlay .error-modal-content{background:var(--bg-01);width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #c4963e33;border:1px solid var(--glass-border);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-modal-overlay .error-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--glass-border);background:#ffffff14;border-radius:var(--border-radius) var(--border-radius) 0 0}.error-modal-overlay .error-modal-header h2{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.error-modal-overlay .modal-close-btn{background:var(--bg-01);color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-speed);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.error-modal-overlay .modal-close-btn:hover{background:#ffffff14;border-color:var(--primary-color);color:var(--text-primary)}.error-modal-overlay .error-modal-body{overflow-y:auto;padding:20px;flex:1}.error-modal-overlay .error-modal-body::-webkit-scrollbar{width:6px}.error-modal-overlay .error-modal-body::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.error-modal-overlay .error-modal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.error-modal-overlay .detail-section{margin-bottom:20px;background:var(--bg-01);border-radius:var(--border-radius);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.error-modal-overlay .detail-section h3{color:var(--primary-color);font-size:14px;margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid var(--glass-border);text-transform:uppercase;letter-spacing:.5px}.error-modal-overlay .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.error-modal-overlay .detail-item{display:flex;flex-direction:column;gap:4px}.error-modal-overlay .detail-item.full-width{grid-column:1 / -1}.error-modal-overlay .detail-item strong{color:var(--text-secondary);font-size:12px;font-weight:600}.error-modal-overlay .detail-item span{color:var(--text-primary);font-size:13px;word-break:break-word}.error-modal-overlay .error-message-box{background:#ef476f26;color:var(--error-color);padding:12px;border-radius:6px;border-left:3px solid var(--error-color);font-weight:500;line-height:1.4;font-size:13px;border:1px solid var(--glass-border)}.error-modal-overlay .error-details-box{background:var(--bg-01);padding:12px;border-radius:6px;margin-top:10px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.error-modal-overlay .error-details-box pre{margin:8px 0 0;color:var(--text-muted);font-size:11px;white-space:pre-wrap;word-break:break-word;font-family:monospace}.error-modal-overlay .user-agent-text{background:var(--bg-01);padding:8px;border-radius:4px;font-size:11px;color:var(--text-muted);word-break:break-all;border:1px solid var(--glass-border);font-family:monospace}.error-modal-overlay .file-name-text{background:#ffffff08;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:12px;word-break:break-all;color:var(--text-primary);border:1px solid var(--glass-border)}.error-modal-overlay .mime-badge,.error-modal-overlay .device-badge{background:#ffffff1a;color:var(--text-primary);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;border:1px solid var(--glass-border)}.error-modal-overlay .device-badge{text-transform:capitalize}.error-modal-overlay .error-code-badge{background:#64b4ff26;color:var(--primary-color);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;font-family:monospace;border:1px solid var(--glass-border)}.error-modal-overlay .context-data-box{background:var(--bg-01);padding:12px;border-radius:6px;border:1px solid var(--glass-border);max-height:200px;overflow-y:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.error-modal-overlay .context-data-box pre{margin:0;color:var(--text-secondary);font-size:11px;font-family:monospace;line-height:1.4}.error-modal-overlay .resolution-section{background:#06ffa526;border-color:var(--glass-border)}.error-modal-overlay .resolution-section h3{color:var(--success-color);border-bottom-color:var(--glass-border)}.error-modal-overlay .error-modal-footer{padding:15px 20px;border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;background:var(--bg-01);border-radius:0 0 var(--border-radius) var(--border-radius)}.error-modal-overlay .btn-close{background:var(--primary-color);color:#fff;border:none;padding:8px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:var(--transition-speed);font-size:13px}.error-modal-overlay .btn-close:hover{background:var(--primary-color);box-shadow:0 4px 12px #c4963e40;transform:translateY(-2px)}@media (max-width: 768px){.error-modal-overlay .error-modal-content{max-height:100vh;border-radius:0}.error-modal-overlay .error-modal-header,.error-modal-overlay .error-modal-body,.error-modal-overlay .error-modal-footer{padding:15px}.error-modal-overlay .detail-grid{grid-template-columns:1fr}}.contact-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.contact-requests-management-page .contact-stats-section .stat-card{background-color:var(--bg-01);padding:20px;border-radius:var(--border-radius);display:flex;align-items:center;gap:20px;border-left:4px solid transparent;box-shadow:0 4px 12px #c4963e14;transition:transform var(--transition-speed)}.contact-requests-management-page .contact-stats-section .stat-card:hover{transform:translateY(-5px);background-color:#ffffff14}.contact-stats-section .stat-card svg{font-size:2rem;opacity:.8}.contact-stats-section .stat-info h3{margin:0;font-size:1.8rem;color:var(--text-primary)}.contact-stats-section .stat-info p{margin:5px 0 0;color:var(--text-secondary);font-size:.9rem}.contact-requests-management-page .contact-filters-section{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap;background-color:var(--bg-01);padding:15px;border-radius:var(--border-radius);align-items:center}.contact-requests-management-page .contact-filters-section .filter-group,.contact-requests-management-page .contact-filters-section .search-group{display:flex;align-items:center;gap:10px;background-color:#ffffff0d;padding:8px 15px;border-radius:20px;border:1px solid var(--glass-border)}.contact-filters-section .filter-group svg,.contact-filters-section .search-group svg{color:var(--text-muted)}.contact-filters-section select,.contact-filters-section input{background:none;border:none;color:var(--text-primary);outline:none;font-size:.9rem}.contact-filters-section select{cursor:pointer}.contact-filters-section select option{background-color:var(--medium-bg);color:var(--text-primary)}.contact-filters-section .search-group{flex-grow:1}.contact-filters-section input{width:100%}.contact-filters-section input::placeholder{color:var(--text-muted)}.contact-requests-management-page .contact-requests-list-section{background-color:var(--bg-01);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 12px #c4963e14;border:1px solid var(--glass-border)}.contact-requests-management-page .contact-requests-list-section.loading-state,.contact-requests-management-page .contact-requests-list-section.empty-state{padding:50px;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:15px}.contact-requests-list-section .requests-table{width:100%}.contact-requests-management-page .contact-requests-list-section .table-header{display:grid;grid-template-columns:1fr 1.5fr 2fr 2fr 1.2fr .8fr .8fr;padding:15px 20px;background-color:#ffffff05;border-bottom:1px solid var(--glass-border);font-weight:600;color:var(--text-secondary);font-size:.9rem}.contact-requests-list-section .table-row{display:grid;grid-template-columns:1fr 1.5fr 2fr 2fr 1.2fr .8fr .8fr;padding:15px 20px;border-bottom:1px solid var(--border-color);align-items:center;cursor:pointer;transition:background-color var(--transition-speed);color:var(--text-primary);font-size:.95rem}.contact-requests-list-section .table-row:last-child{border-bottom:none}.contact-requests-management-page .contact-requests-list-section .table-row:hover{background-color:#ffffff14}.contact-requests-list-section .status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500}.contact-requests-list-section .priority-badge{font-weight:600;font-size:.9rem}.contact-requests-management-page .contact-requests-list-section .btn-view{background-color:#ffffff0d;color:var(--text-primary);border:1px solid var(--glass-border);padding:5px 12px;border-radius:4px;cursor:pointer;transition:all .2s}.contact-requests-management-page .contact-requests-list-section .btn-view:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-primary)}.contact-requests-list-section .subject-cell,.contact-requests-list-section .email-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}.contact-requests-list-section .requests-cards{display:none;padding:15px;gap:15px}.contact-requests-management-page .contact-requests-list-section .request-card{background-color:#ffffff0d;border-radius:var(--border-radius);padding:15px;border:1px solid var(--glass-border)}.contact-requests-list-section .card-header{display:flex;justify-content:space-between;margin-bottom:10px}.contact-requests-list-section .request-card h3{margin:0 0 10px;font-size:1.1rem;color:var(--text-primary)}.contact-requests-list-section .card-info p{margin:5px 0;color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:8px}@media (max-width: 1024px){.contact-requests-list-section .desktop-only{display:none}.contact-requests-list-section .mobile-only{display:flex;flex-direction:column}}.request-detail-modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.request-detail-modal-wrapper .modal-content{background-color:var(--bg-01);border-radius:var(--border-radius);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 6px 20px #c4963e1f;border:1px solid var(--glass-border);animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.request-detail-modal-wrapper .modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.request-detail-modal-wrapper .modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.request-detail-modal-wrapper .btn-close{background:none;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;line-height:1;transition:color var(--transition-speed)}.request-detail-modal-wrapper .btn-close:hover{color:var(--error-color)}.request-detail-modal-wrapper .modal-body{padding:1.5rem}.request-detail-modal-wrapper .detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.request-detail-modal-wrapper .detail-row:last-child{border-bottom:none}.request-detail-modal-wrapper .detail-row strong{color:var(--text-secondary)}.request-detail-modal-wrapper .detail-row span{color:var(--text-primary)}.request-detail-modal-wrapper .detail-message{margin-top:1.5rem}.request-detail-modal-wrapper .detail-message strong{display:block;margin-bottom:.5rem;color:var(--text-secondary)}.request-detail-modal-wrapper .detail-message p{background-color:var(--dark-bg);padding:1rem;border-radius:var(--border-radius);color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.request-detail-modal-wrapper .modal-actions{padding:1.5rem;background-color:var(--dark-bg);border-top:1px solid var(--border-color)}.request-detail-modal-wrapper .modal-actions h3{margin:0 0 1rem;font-size:1.1rem;color:var(--text-secondary)}.request-detail-modal-wrapper .status-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.request-detail-modal-wrapper .btn-status{padding:.8rem;border-radius:var(--border-radius);cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,opacity .2s}.request-detail-modal-wrapper .btn-status:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.request-detail-modal-wrapper .btn-status:disabled{opacity:.5;cursor:not-allowed;transform:none}.contact-requests-management-page{padding:20px;color:var(--text-primary);max-width:90vw;margin:0 auto}.management-header{margin-bottom:30px}.management-header h1{color:var(--primary-color);font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.management-header p{color:var(--text-secondary);font-size:1rem}@media (max-width: 768px){.contact-requests-management-page{padding:15px;max-width:100vw}.management-header h1{font-size:1.5rem}}.user-questions-section{padding:1.5rem}.uqs-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--text-secondary)}.uqs-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.uqs-filters button{padding:.5rem 1rem;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-secondary);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);font-size:.9rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.uqs-filters button:hover{background:#ffffff14;color:var(--text-primary);border-color:var(--primary-color)}.uqs-filters button.active{background:var(--primary-color);color:var(--text-primary);border-color:var(--primary-color)}.uqs-empty{text-align:center;padding:3rem;color:var(--text-muted)}.uqs-list{display:flex;flex-direction:column;gap:1rem}.uqs-card{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:1.25rem;transition:all var(--transition-speed);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.uqs-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26;background:#ffffff14}.uqs-card[data-status=reviewed]{border-left:4px solid var(--primary-color)}.uqs-card[data-status=rejected]{border-left:4px solid var(--error-color)}.uqs-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.uqs-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.uqs-badge.status-pending{background:#ffc10726;color:var(--warning-color)}.uqs-badge.status-reviewed{background:#06ffa526;color:var(--success-color)}.uqs-badge.status-rejected{background:#ef476f26;color:var(--error-color)}.uqs-date{color:var(--text-muted);font-size:.85rem}.uqs-card-body{margin-bottom:1rem}.uqs-question{color:var(--text-primary);font-size:1rem;line-height:1.5;margin-bottom:.75rem}.uqs-user-info{display:flex;gap:1.5rem;font-size:.85rem;color:var(--text-secondary)}.uqs-card-actions{display:flex;gap:.5rem;justify-content:flex-end}.uqs-btn{padding:.5rem .75rem;border:1px solid var(--glass-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;gap:.5rem}.uqs-btn.approve{background:#06ffa526;color:var(--success-color)}.uqs-btn.approve:hover{background:var(--success-color);color:var(--text-primary);border-color:var(--success-color)}.uqs-btn.reject{background:#ffc10726;color:var(--warning-color)}.uqs-btn.reject:hover{background:var(--warning-color);color:var(--text-primary);border-color:var(--warning-color)}.uqs-btn.delete{background:#ef476f26;color:var(--error-color)}.uqs-btn.delete:hover{background:var(--error-color);color:var(--text-primary);border-color:var(--error-color)}@media (max-width: 768px){.user-questions-section{padding:1rem}.uqs-user-info{flex-direction:column;gap:.5rem}.uqs-card-actions{flex-wrap:wrap}}.edit-faq-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.edit-faq-modal-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;width:92%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:var(--card-shadow-hover);animation:slideUp .35s cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column;overflow-y:auto}.edit-faq-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary-color) 20%,var(--primary-color) 80%,transparent 100%)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.edit-faq-modal-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0}.edit-faq-modal-header h2{color:var(--text-primary);font-size:1.35rem;margin:0;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.edit-faq-modal-header .close-button{background:var(--bg-02);border:1px solid var(--card-border);color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:.45rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;flex-shrink:0}.edit-faq-modal-header .close-button:hover{background:var(--bg-01);color:var(--text-primary);transform:rotate(90deg);border-color:var(--card-border)}.edit-faq-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.edit-faq-modal-body .form-group{margin-bottom:1rem}.edit-faq-modal-body .form-group:last-child{margin-bottom:0}.edit-faq-modal-body .form-group label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:.4rem;font-size:.875rem;letter-spacing:.1px}.edit-faq-modal-body .form-group input,.edit-faq-modal-body .form-group select,.edit-faq-modal-body .form-group textarea{width:100%;padding:.65rem .85rem;background:var(--bg-02);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-size:.9rem;transition:all var(--transition-speed);font-family:inherit;width:-webkit-fill-available}.edit-faq-modal-body .form-group input::placeholder,.edit-faq-modal-body .form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.edit-faq-modal-body .form-group input:hover,.edit-faq-modal-body .form-group select:hover,.edit-faq-modal-body .form-group textarea:hover{border-color:var(--primary-color);background:var(--bg-01)}.edit-faq-modal-body .form-group input:focus,.edit-faq-modal-body .form-group select:focus,.edit-faq-modal-body .form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #c4963e14;background:var(--bg-01)}.edit-faq-modal-body .form-group textarea{min-height:100px;resize:vertical;line-height:1.5}.edit-faq-modal-body .form-help-text{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:.35rem;line-height:1.3}.edit-faq-modal-body .form-group input[type=checkbox]{width:auto;cursor:pointer;margin-right:.4rem}.edit-faq-modal-body .tox-tinymce{border-radius:8px;border:1px solid var(--card-border);overflow:hidden}.edit-faq-modal-body .tox .tox-edit-area__iframe{background-color:var(--bg-02)!important}.edit-faq-modal-body .tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:var(--bg-02);border-bottom:1px solid var(--card-border)}.edit-faq-modal-footer{padding:1rem 1.5rem 1.25rem;border-top:1px solid var(--card-border);display:flex;gap:.75rem;justify-content:flex-end;flex-shrink:0}.edit-faq-modal-footer .btn{padding:.6rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed);border:none;letter-spacing:.2px;min-width:100px}.edit-faq-modal-footer .btn-cancel{background:var(--bg-02);color:var(--text-secondary);border:1px solid var(--card-border)}.edit-faq-modal-footer .btn-cancel:hover{background:var(--bg-01);color:var(--text-primary);border-color:var(--card-border);transform:translateY(-1px)}.edit-faq-modal-footer .btn-submit{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 3px 12px #c4963e38;border:1px solid var(--primary-color)}.edit-faq-modal-footer .btn-submit:hover{transform:translateY(-2px);box-shadow:0 5px 18px #c4963e52}.edit-faq-modal-footer .btn-submit:active{transform:translateY(0)}.edit-faq-modal-footer .btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.edit-faq-modal-body .error-message{background:#ef476f26;color:var(--error-color);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;border:1px solid rgba(239,71,111,.25);line-height:1.4}.edit-faq-modal-body::-webkit-scrollbar{width:8px}.edit-faq-modal-body::-webkit-scrollbar-track{background:var(--bg-02);border-radius:8px;margin:6px 0}.edit-faq-modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.edit-faq-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary);background-clip:padding-box}@media (max-width: 768px){.edit-faq-modal-content{width:95%;max-height:92vh;border-radius:10px}.edit-faq-modal-header{padding:1rem 1.25rem .85rem}.edit-faq-modal-header h2{font-size:1.2rem}.edit-faq-modal-body{padding:1rem 1.25rem}.edit-faq-modal-footer{padding:.85rem 1.25rem 1rem;flex-direction:column}.edit-faq-modal-footer .btn{width:100%;min-width:unset}}.published-faqs-section{padding:1.5rem}.pfs-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--text-secondary)}.pfs-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.pfs-filters button{padding:.5rem 1rem;border:1px solid var(--glass-border);background:var(--bg-01);color:var(--text-secondary);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);font-size:.9rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pfs-filters button:hover{background:var(--bg-01);color:var(--text-primary);border-color:var(--primary-color)}.pfs-filters button.active{background:var(--primary-color);color:var(--text-primary);border-color:var(--primary-color)}.pfs-empty{text-align:center;padding:3rem;color:var(--text-muted)}.pfs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.25rem}.pfs-card{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:1.25rem;transition:all var(--transition-speed);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pfs-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e26}.pfs-card-header{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.pfs-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.pfs-badge.level-general{background:#06ffa526;color:var(--success-color)}.pfs-badge.level-admin{background:#ffc10726;color:var(--warning-color)}.pfs-badge.level-developer{background:var(--primary-color);color:var(--text-primary)}.pfs-category{padding:.25rem .75rem;background:#ffffff14;color:var(--text-secondary);border-radius:12px;font-size:.8rem}.pfs-status{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;margin-left:auto}.pfs-status.active{background:#06ffa526;color:var(--success-color)}.pfs-status.inactive{background:#ef476f26;color:var(--error-color)}.pfs-card-body{flex:1;margin-bottom:1rem}.pfs-title{font-size:1.1rem;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4}.pfs-content{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.pfs-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--glass-border)}.pfs-date{color:var(--text-muted);font-size:.85rem}.pfs-actions{display:flex;gap:.5rem}.pfs-btn{padding:.5rem .75rem;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center}.pfs-btn.edit{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary)}.pfs-btn.edit:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-primary)}.pfs-btn.delete{background:#ef476f26;color:var(--error-color)}.pfs-btn.delete:hover{background:var(--error-color);color:var(--text-primary)}@media (max-width: 768px){.published-faqs-section{padding:1rem}.pfs-list{grid-template-columns:1fr}.pfs-card-footer{flex-direction:column;gap:.75rem;align-items:flex-start}.pfs-actions{width:100%;justify-content:flex-end}}.faq-management-page{padding:2rem;opacity:0;animation:fadeInUp .5s ease forwards}.faq-mgmt-header{margin-bottom:2rem}.faq-mgmt-subtitle{color:var(--text-secondary);font-size:1rem;margin-top:.5rem}.faq-mgmt-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--glass-border)}.faq-mgmt-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;transition:all var(--transition-speed)}.faq-mgmt-tab:hover{color:var(--text-primary);background:#ffffff0d}.faq-mgmt-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.faq-mgmt-tab svg{font-size:1.1rem}.faq-mgmt-content{animation:fadeIn .3s ease}.tracks-with-comments-list{margin-top:1.25rem;animation:fadeInUp .5s ease forwards;animation-delay:.15s;opacity:0}.tracks-with-comments-list .list-header{margin-bottom:1rem;animation:fadeInUp .5s ease forwards;animation-delay:.1s;opacity:0}.tracks-with-comments-list .list-header h2{color:var(--text-primary);font-size:1.25rem;margin:0;font-weight:600}.tracks-with-comments-list .search-bar{position:relative;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;animation:fadeInUp .5s ease forwards;animation-delay:.15s;opacity:0;background:var(--bg-01)}.tracks-with-comments-list .search-icon{position:absolute;left:.75rem;color:var(--text-secondary);font-size:.875rem}.tracks-with-comments-list .search-bar input{flex:1;padding:.625rem .75rem .625rem 2.25rem;background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-speed);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.tracks-with-comments-list .search-bar input:hover{border-color:var(--glass-border)}.tracks-with-comments-list .search-bar input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.tracks-with-comments-list .search-bar input::placeholder{color:var(--text-secondary)}.tracks-with-comments-list .search-results-count{font-size:.75rem;color:var(--primary-color);font-weight:500;white-space:nowrap;padding:.375rem .625rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--border-radius)}.tracks-with-comments-list .tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;animation:fadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}.tracks-with-comments-list .track-card{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:.75rem;cursor:pointer;transition:all var(--transition-speed);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.tracks-with-comments-list .track-card:hover{transform:translateY(-3px);background:#ffffff14;box-shadow:0 6px 18px #c4963e26;border-color:var(--primary-color)}.tracks-with-comments-list .track-cover{width:100%;aspect-ratio:1;border-radius:var(--border-radius);overflow:hidden;margin-bottom:.625rem;background:#ffffff0d;border:1px solid var(--glass-border)}.tracks-with-comments-list .track-cover img{width:100%;height:100%;object-fit:cover}.tracks-with-comments-list .cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:2rem}.tracks-with-comments-list .track-info{text-align:left}.tracks-with-comments-list .track-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.tracks-with-comments-list .artist-name{font-size:.75rem;color:var(--text-secondary);margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracks-with-comments-list .comments-count{display:flex;align-items:center;gap:.375rem;color:var(--primary-color);font-size:.75rem;font-weight:500}.tracks-with-comments-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.25rem;gap:1.25rem;color:var(--text-secondary)}.tracks-with-comments-list .empty-state svg{font-size:2.5rem}.tracks-with-comments-list .empty-state p{font-size:1rem}@media (max-width: 768px){.tracks-with-comments-list .list-header h2{font-size:1.125rem}.tracks-with-comments-list .search-bar{flex-direction:column;align-items:stretch}.tracks-with-comments-list .search-results-count{align-self:flex-start}.tracks-with-comments-list .tracks-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.625rem}.tracks-with-comments-list .track-card{padding:.5rem}.tracks-with-comments-list .cover-placeholder{font-size:2rem}.tracks-with-comments-list .track-name{font-size:.875rem}.tracks-with-comments-list .artist-name{font-size:.75rem}.tracks-with-comments-list .empty-state{padding:3rem 1rem}}.track-comments-panel{margin-top:1.25rem;animation:fadeInUp .5s ease forwards;animation-delay:.15s;opacity:0}.track-comments-panel .back-to-list-button{background:var(--bg-01);color:var(--text-primary);border:1px solid var(--glass-border);padding:.625rem 1.125rem;border-radius:var(--border-radius);cursor:pointer;font-size:.9375rem;margin-bottom:1.25rem;transition:all var(--transition-speed);font-weight:500;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.track-comments-panel .back-to-list-button:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 18px #c4963e26}.track-comments-panel .track-header{display:flex;gap:1rem;background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem;transition:all var(--transition-speed);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.track-comments-panel .track-header:hover{box-shadow:0 6px 18px #c4963e1f}.track-comments-panel .track-cover-large{width:5rem;height:5rem;flex-shrink:0;border-radius:var(--border-radius);overflow:hidden;background:#ffffff0d;border:1px solid var(--glass-border)}.track-comments-panel .track-cover-large img{width:100%;height:100%;object-fit:cover}.track-comments-panel .cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.5rem}.track-comments-panel .track-details{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.track-comments-panel .track-details h2{font-size:1.125rem;color:var(--text-primary);margin:0;font-weight:600}.track-comments-panel .artist-name{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:500}.track-comments-panel .comments-total{font-size:.8125rem;color:var(--primary-color);margin:0;font-weight:500}.track-comments-panel .search-bar{position:relative;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;background:var(--bg-01)}.track-comments-panel .search-icon{position:absolute;left:.75rem;color:var(--text-secondary);font-size:.875rem}.track-comments-panel .search-bar input{flex:1;padding:.625rem .75rem .625rem 2.25rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--border-radius);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-speed);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.track-comments-panel .search-bar input:hover{border-color:var(--glass-border)}.track-comments-panel .search-bar input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.track-comments-panel .search-bar input::placeholder{color:var(--text-secondary)}.track-comments-panel .search-results-count{font-size:.75rem;color:var(--primary-color);font-weight:500;white-space:nowrap;padding:.375rem .625rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--border-radius)}.track-comments-panel .comments-list{display:flex;flex-direction:column;gap:.625rem}.track-comments-panel .comment-item{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:.75rem;transition:all var(--transition-speed);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.track-comments-panel .comment-item:hover{background:#ffffff14;box-shadow:0 6px 18px #c4963e26;border-color:var(--glass-border)}.track-comments-panel .comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.track-comments-panel .user-info{display:flex;align-items:center;gap:.5rem}.track-comments-panel .user-icon{color:var(--primary-color);font-size:.875rem}.track-comments-panel .username{font-weight:600;color:var(--text-primary);font-size:.875rem}.track-comments-panel .comment-date{color:var(--text-secondary);font-size:.6875rem}.track-comments-panel .delete-button{background-color:var(--error-color);color:var(--white);border:none;padding:.375rem .625rem;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);font-size:.75rem;font-weight:500}.track-comments-panel .delete-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 18px #c4963e26}.track-comments-panel .comment-body{padding:.375rem 0 0}.track-comments-panel .comment-body p{color:var(--text-primary);line-height:1.4;margin:0;white-space:pre-wrap;word-wrap:break-word;font-size:.875rem}.track-comments-panel .loading-comments,.track-comments-panel .no-comments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.25rem;gap:1.25rem;color:var(--text-secondary)}.track-comments-panel .loading-comments svg,.track-comments-panel .no-comments svg{font-size:2.5rem}.track-comments-panel .loading-comments p,.track-comments-panel .no-comments p{font-size:1rem}@media (max-width: 768px){.track-comments-panel .track-header{flex-direction:row;align-items:center;text-align:left;padding:.75rem}.track-comments-panel .track-cover-large{width:4rem;height:4rem}.track-comments-panel .track-details h2{font-size:1rem}.track-comments-panel .artist-name{font-size:.8125rem}.track-comments-panel .comments-list{gap:.75rem}.track-comments-panel .comment-item{padding:.75rem}.track-comments-panel .comment-header{flex-direction:column;align-items:flex-start;gap:.625rem}.track-comments-panel .user-info{flex-wrap:wrap}.track-comments-panel .delete-button{align-self:flex-end;padding:.5rem .75rem;font-size:.75rem}.track-comments-panel .cover-placeholder{font-size:2rem}.track-comments-panel .loading-comments,.track-comments-panel .no-comments{padding:3rem 1rem}}.delete-comment-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.25rem;animation:fadeIn .3s ease}.delete-comment-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--card-shadow-hover);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.delete-comment-modal .modal-close-button{position:absolute;top:.875rem;right:.875rem;background:none;border:none;color:var(--text-secondary);font-size:1.375rem;cursor:pointer;transition:all .3s ease;z-index:1;padding:.25rem}.delete-comment-modal .modal-close-button:hover{color:var(--text-primary);transform:rotate(90deg)}.delete-comment-modal .modal-header{display:flex;flex-direction:column;align-items:center;padding:1.875rem 1.875rem 1.25rem;border-bottom:1px solid var(--card-border);gap:.875rem}.delete-comment-modal .warning-icon{color:var(--error-color);font-size:2.5rem}.delete-comment-modal .modal-header h2{color:var(--text-primary);margin:0;font-size:1.375rem;font-weight:600}.delete-comment-modal .modal-body{padding:1.5rem 1.875rem}.delete-comment-modal .comment-preview{background:var(--bg-02);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:.875rem;margin-bottom:1.5rem}.delete-comment-modal .preview-label{font-size:.75rem;color:var(--text-secondary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.delete-comment-modal .preview-text{color:var(--text-primary);margin:0 0 .625rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;font-size:.9375rem}.delete-comment-modal .preview-author{font-size:.8125rem;color:var(--text-secondary);margin:0;font-weight:500}.delete-comment-modal .reason-select-container{margin-bottom:1.25rem}.delete-comment-modal .reason-select-container label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:.625rem;font-size:.9375rem}.delete-comment-modal .reason-select-container select{width:100%;padding:.75rem;background:var(--bg-02);border:1px solid var(--card-border);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9375rem;cursor:pointer;transition:all var(--transition-speed)}.delete-comment-modal .reason-select-container select:hover{border-color:var(--primary-color)}.delete-comment-modal .reason-select-container select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.delete-comment-modal .reason-select-container select option{background:var(--bg-02);color:var(--text-primary)}.delete-comment-modal .loading-text{color:var(--text-secondary);font-style:italic;margin:.625rem 0;font-size:.875rem}.delete-comment-modal .reason-input-container label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:.625rem;font-size:.9375rem}.delete-comment-modal .required{color:var(--error-color)}.delete-comment-modal .reason-input-container textarea{width:100%;padding:.75rem;background:var(--bg-02);border:1px solid var(--card-border);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9375rem;font-family:inherit;resize:vertical;min-height:100px;transition:all var(--transition-speed)}.delete-comment-modal .reason-input-container textarea:disabled{opacity:.5;cursor:not-allowed}.delete-comment-modal .reason-input-container textarea:hover:not(:disabled){border-color:var(--primary-color)}.delete-comment-modal .reason-input-container textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.delete-comment-modal .error-message{color:var(--error-color);font-size:.8125rem;margin:.5rem 0 0;font-weight:500}.delete-comment-modal .input-hint{color:var(--text-secondary);font-size:.75rem;margin:.5rem 0 0;font-style:italic}.delete-comment-modal .modal-footer{display:flex;justify-content:flex-end;gap:.875rem;padding:1.25rem 1.875rem;border-top:1px solid var(--card-border)}.delete-comment-modal .cancel-button{padding:.625rem 1.125rem;background:var(--bg-02);border:1px solid var(--card-border);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:.9375rem;transition:all var(--transition-speed);font-weight:500}.delete-comment-modal .cancel-button:hover{background:var(--bg-01);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 18px #c4963e26}.delete-comment-modal .confirm-button{padding:.625rem 1.125rem;background-color:var(--error-color);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;transition:all var(--transition-speed)}.delete-comment-modal .confirm-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 18px #c4963e26}.delete-comment-modal .confirm-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.delete-comment-modal-overlay{padding:.625rem}.delete-comment-modal .modal-header,.delete-comment-modal .modal-body,.delete-comment-modal .modal-footer{padding-left:1.25rem;padding-right:1.25rem}.delete-comment-modal .modal-header{padding-top:1.5rem;padding-bottom:1rem}.delete-comment-modal .modal-body{padding-top:1.25rem;padding-bottom:1.25rem}.delete-comment-modal .modal-footer{flex-direction:column;padding-top:1rem;padding-bottom:1rem}.delete-comment-modal .cancel-button,.delete-comment-modal .confirm-button{width:100%}.delete-comment-modal .warning-icon{font-size:2rem}.delete-comment-modal .modal-header h2{font-size:1.25rem}}.active-comments-management{padding:1.5rem;color:var(--text-primary);min-height:100vh;animation:fadeInUp .5s ease forwards}.active-comments-management .back-button{background:var(--bg-01);color:var(--text-primary);border:1px solid var(--glass-border);padding:.625rem 1.125rem;border-radius:var(--border-radius);cursor:pointer;font-size:.9375rem;margin-bottom:1.25rem;transition:all var(--transition-speed);font-weight:500;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.active-comments-management .back-button:hover{background:#ffffff14;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 18px #c4963e26}.active-comments-management .compte-section-title{margin:1.25rem 0;animation:fadeInUp .5s ease forwards;animation-delay:.1s;opacity:0}.active-comments-management .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.25rem;gap:1.25rem;animation:fadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}.active-comments-management .loading-container p{color:var(--text-secondary);font-size:1rem}@media (max-width: 768px){.active-comments-management{padding:1rem}.active-comments-management .loading-container{padding:3rem 1rem}}.deleted-comments-table{margin-top:1.25rem;animation:fadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}.deleted-comments-table .table-header{margin-bottom:1rem;animation:fadeInUp .5s ease forwards;animation-delay:.1s;opacity:0}.deleted-comments-table .table-header h2{color:var(--text-primary);font-size:1.25rem;margin:0;font-weight:600}.deleted-comments-table .search-bar{position:relative;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;animation:fadeInUp .5s ease forwards;animation-delay:.15s;opacity:0;background:var(--bg-01)}.deleted-comments-table .search-icon{position:absolute;left:.75rem;color:var(--text-secondary);font-size:.875rem}.deleted-comments-table .search-bar input{flex:1;padding:.625rem .75rem .625rem 2.25rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--border-radius);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-speed);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.deleted-comments-table .search-bar input:hover{border-color:var(--glass-border)}.deleted-comments-table .search-bar input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.deleted-comments-table .search-bar input::placeholder{color:var(--text-secondary)}.deleted-comments-table .search-results-count{font-size:.75rem;color:var(--primary-color);font-weight:500;white-space:nowrap;padding:.375rem .625rem;background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius)}.deleted-comments-table .comments-list{display:flex;flex-direction:column;gap:.625rem;animation:fadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}.deleted-comments-table .comment-card{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);overflow:hidden;transition:all var(--transition-speed);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.deleted-comments-table .comment-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 18px #c4963e26}.deleted-comments-table .comment-card.expanded{background:var(--bg-01);border-color:var(--primary-color)}.deleted-comments-table .comment-summary{display:flex;align-items:center;justify-content:space-between;padding:.75rem;cursor:pointer;gap:.75rem}.deleted-comments-table .summary-main{flex:1}.deleted-comments-table .comment-excerpt{margin-bottom:.5rem}.deleted-comments-table .excerpt-text{color:var(--text-primary);margin:0;line-height:1.5;font-size:.875rem;text-align:left}.deleted-comments-table .comment-meta{display:flex;flex-wrap:wrap;gap:.75rem}.deleted-comments-table .meta-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.deleted-comments-table .meta-item svg{color:var(--primary-color)}.deleted-comments-table .expand-button{background:none;border:none;color:var(--primary-color);font-size:1.125rem;cursor:pointer;padding:.3125rem .625rem;transition:transform .3s ease}.deleted-comments-table .comment-card.expanded .expand-button{transform:rotate(180deg)}.deleted-comments-table .comment-details{padding:1rem;border-top:1px solid var(--glass-border);background:var(--bg-01);animation:slideDown .3s ease forwards;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.deleted-comments-table .detail-section{margin-bottom:1rem}.deleted-comments-table .detail-section:last-child{margin-bottom:0}.deleted-comments-table .detail-section h4{color:var(--text-primary);font-size:.875rem;margin:0 0 .5rem;font-weight:600}.deleted-comments-table .full-comment{color:var(--text-primary);line-height:1.5;margin:0;padding:.625rem;background:#ffffff0d;border-radius:var(--border-radius);border:1px solid var(--glass-border);white-space:pre-wrap;word-wrap:break-word;font-size:.875rem}.deleted-comments-table .deletion-reason-title{color:var(--primary-color);line-height:1.5;margin:0;padding:.5rem .625rem;background:#ffffff0d;border:1px solid var(--primary-color);border-radius:var(--border-radius);font-weight:600;font-size:.8125rem}.deleted-comments-table .deletion-reason{color:var(--text-primary);line-height:1.5;margin:0;padding:.625rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--border-radius);font-size:.875rem}.deleted-comments-table .detail-row{display:flex;gap:1rem;flex-wrap:wrap}.deleted-comments-table .detail-item{flex:1;min-width:180px;display:flex;flex-direction:column;gap:.25rem}.deleted-comments-table .detail-label{font-size:.6875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.deleted-comments-table .detail-value{color:var(--text-primary);font-size:.875rem}.deleted-comments-table .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.25rem;gap:1.25rem;color:var(--text-secondary)}.deleted-comments-table .empty-state p{font-size:1rem}@media (max-width: 768px){.deleted-comments-table .table-header h2{font-size:1.125rem}.deleted-comments-table .search-bar{flex-direction:column;align-items:stretch}.deleted-comments-table .search-results-count{align-self:flex-start}.deleted-comments-table .comment-summary{flex-direction:column;align-items:stretch;padding:.625rem}.deleted-comments-table .expand-button{align-self:center}.deleted-comments-table .comment-meta{flex-direction:column;gap:.375rem}.deleted-comments-table .detail-row{flex-direction:column}.deleted-comments-table .detail-item{min-width:auto}.deleted-comments-table .comment-details{padding:.75rem}}.deleted-comments-management{padding:1.5rem;color:var(--text-primary);min-height:100vh;animation:fadeInUp .5s ease forwards}.deleted-comments-management .back-button{background:var(--bg-01);color:var(--text-primary);border:1px solid var(--glass-border);padding:.625rem 1.125rem;border-radius:var(--border-radius);cursor:pointer;font-size:.9375rem;margin-bottom:1.25rem;transition:all var(--transition-speed);font-weight:500;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.deleted-comments-management .back-button:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 18px #c4963e26}.deleted-comments-management .compte-section-title{margin:1.25rem 0 .625rem;animation:fadeInUp .5s ease forwards;animation-delay:.1s;opacity:0}.deleted-comments-management .page-subtitle{color:var(--text-secondary);font-size:.9375rem;margin-bottom:1.875rem;animation:fadeInUp .5s ease forwards;animation-delay:.15s;opacity:0}.deleted-comments-management .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.25rem;gap:1.25rem;animation:fadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}.deleted-comments-management .loading-container p{color:var(--text-secondary);font-size:1rem}@media (max-width: 768px){.deleted-comments-management{padding:1rem}.deleted-comments-management .loading-container{padding:3rem 1rem}}.reported-comments-management{padding:1.5rem;animation:fadeInUp .5s ease}.reported-comments-management .back-button{background:var(--bg-01);border:1px solid var(--glass-border);color:var(--text-primary);padding:.625rem 1.25rem;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);margin-bottom:1.5rem;font-size:.9375rem;display:inline-flex;align-items:center;gap:.625rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.reported-comments-management .back-button:hover{background:#ffffff14;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 18px #c4963e26}.reported-comments-management .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.reported-comments-management .compte-section-title{margin:1.25rem 0;display:flex;align-items:center;gap:.75rem;animation:fadeInUp .5s ease .1s forwards;opacity:0}.reported-comments-management .compte-section-title svg{color:var(--error-color)}.reported-comments-management .page-subtitle{color:var(--text-secondary);font-size:.9375rem;margin:0 0 1.5rem;animation:fadeInUp .5s ease .15s forwards;opacity:0}.reported-filters{display:flex;gap:.625rem;margin-bottom:1rem;flex-wrap:wrap;animation:fadeInUp .5s ease .2s forwards;opacity:0}.filter-btn{background:var(--bg-01);border:1px solid var(--glass-border);color:var(--text-secondary);padding:.625rem 1.25rem;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);font-size:.875rem;font-weight:500;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.filter-btn:hover{background:#ffffff14;color:var(--text-primary)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-01)}.search-box{margin-bottom:1.5rem;animation:fadeInUp .5s ease .25s forwards;opacity:0}.search-input{width:100%;background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);color:var(--text-primary);padding:.625rem 1rem;font-size:.875rem;transition:all var(--transition-speed);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.search-input::placeholder{color:var(--text-muted)}.loading-container,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-muted);text-align:center;animation:fadeInUp .5s ease .2s backwards}.loading-container svg,.empty-state svg{margin-bottom:1rem;color:var(--text-muted)}.empty-state h3{color:var(--text-primary);margin:.5rem 0;font-size:1.25rem}.empty-state p{margin:0;font-size:.9375rem}.reported-list{display:flex;flex-direction:column;gap:1rem;animation:fadeInUp .5s ease .2s backwards}.report-card{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--border-radius);transition:all var(--transition-speed);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.report-card:hover{border-color:var(--primary-color);box-shadow:0 6px 18px #c4963e26}.report-card.expanded{border-color:var(--primary-color)}.report-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;gap:1rem}.report-main-info{flex:1;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.report-track-info{display:flex;flex-direction:column;gap:.25rem}.track-name{margin:0;font-size:1rem;color:var(--text-primary);font-weight:600}.artist-name{font-size:.875rem;color:var(--text-secondary)}.report-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.status-badge{padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600}.status-pending{background:#c4963e26;color:#c4963e}.status-reviewed{background:#27ae6026;color:var(--success-color)}.status-dismissed{background:#ffffff05;color:var(--text-secondary)}.report-count{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.report-date{font-size:.75rem;color:var(--text-muted)}.expand-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.expand-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-01)}.report-card-body{padding:1.25rem;border-top:1px solid var(--glass-border);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}.comment-section,.reports-details{margin-bottom:1.25rem}.comment-section h4,.reports-details h4{font-size:.9375rem;color:var(--text-primary);margin:0 0 .75rem;font-weight:600}.comment-preview{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:1rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.comment-author{display:flex;align-items:center;gap:.625rem;margin-bottom:.75rem}.author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#ffffff08}.author-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.comment-date{font-size:.75rem;color:var(--text-muted);margin-left:auto}.comment-text{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.report-info{display:flex;flex-direction:column;gap:.625rem}.report-item{display:flex;gap:.625rem;font-size:.875rem}.report-item .label{color:var(--text-muted);font-weight:500;min-width:100px}.report-item .value{color:var(--text-primary)}.report-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--glass-border);flex-wrap:wrap}.action-btn{padding:.625rem 1.25rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;gap:.5rem}.delete-btn{background:var(--error-color);color:var(--bg-01)}.delete-btn:hover{background:var(--error-color);transform:translateY(-2px);box-shadow:0 6px 18px #c4963e26}.approve-btn{background:var(--primary-color);color:var(--bg-01)}.approve-btn:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 18px #c4963e26}.dismiss-btn{background:#ffffff0d;color:var(--text-primary)}.dismiss-btn:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 6px 18px #c4963e1f}@media (max-width: 768px){.reported-comments-management{padding:1rem}.reported-comments-management .compte-section-title{font-size:1.25rem}.reported-filters{gap:.5rem}.filter-btn{flex:1;min-width:auto;padding:.5rem .75rem;font-size:.8125rem}.report-main-info{flex-direction:column;align-items:flex-start;gap:.75rem}.report-meta{width:100%}.report-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}.comments-management-dashboard{padding:1.5rem;color:var(--text-primary);animation:fadeInUp .5s ease forwards}.comments-management-dashboard .back-button{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--glass-border);padding:.625rem 1.125rem;border-radius:var(--border-radius);cursor:pointer;font-size:.9375rem;margin-bottom:1.25rem;transition:all var(--transition-speed);font-weight:500;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.comments-management-dashboard .back-button:hover{background:#ffffff14;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 18px #c4963e26}.comments-management-dashboard .compte-section-title{margin:1.25rem 0;animation:fadeInUp .5s ease forwards;animation-delay:.1s;opacity:0}.comments-management-dashboard .dashboard-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:1.875rem;animation:fadeInUp .5s ease forwards;animation-delay:.15s;opacity:0}.comments-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1.875rem;animation:fadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}.comment-card{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:1.875rem 1.5rem;cursor:pointer;transition:all var(--transition-speed);text-align:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px)}.comment-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px #c4963e26;border-color:var(--primary-color)}.comment-card .comment-card-icon{color:var(--primary-color);margin-bottom:.875rem}.comment-card h2{font-size:1.25rem;margin:.625rem 0;color:var(--text-primary);font-weight:600}.comment-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}@media (max-width: 768px){.comments-management-dashboard{padding:1rem}.comments-cards-container{grid-template-columns:1fr;gap:.875rem}.comment-card{padding:1.25rem 1rem}.comment-card h2{font-size:1.125rem}}.management-dashboard-page{padding:20px 0}.management-title{margin-bottom:20px}.management-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:30px;padding:0 5px}.management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:1rem 0}.management-card-link{text-decoration:none;color:inherit}.management-grid .management-card{position:relative;border-radius:12px;overflow:hidden;background:var(--bg-01);border:1px solid var(--glass-border);transition:all .3s ease;box-shadow:0 4px 8px #c4963e14}.management-grid .management-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #c4963e26;border-color:var(--primary-color)}.management-grid .card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#c4963e40,#c4963e00 70%);opacity:0;transition:opacity .3s ease;z-index:0;border-radius:12px}.management-grid .management-card:hover .card-glow{opacity:.3}.management-grid .card-content{position:relative;padding:1.5rem;display:flex;gap:1rem;align-items:center;z-index:1}.management-grid .card-icon{width:40px;height:40px;border-radius:8px;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary)}.management-grid .card-icon svg{color:var(--text-primary)}.management-grid .card-info h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.management-grid .card-description{margin:0;font-size:.9rem;color:var(--text-muted)}@media (max-width: 768px){.management-grid{grid-template-columns:1fr;padding:1rem}}.faq-header-section{padding:1.5rem 1rem 1.25rem;text-align:center;border-bottom:1px solid var(--glass-border);margin-bottom:1.5rem;animation:fadeInUp .5s ease forwards;position:relative;background-color:var(--bg-01);text-align:left}.faq-header-content{max-width:1750px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;text-align:left}.faq-header-text h1{font-size:1.75rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);-webkit-background-clip:text;background-clip:text;text-align:left;text-shadow:0 2px 20px rgba(30,135,75,.2);color:var(--text-secondary)!important}.faq-header-section .faq-subtitle{font-size:2rem;color:var(--text-secondary);max-width:650px;line-height:1.5;font-weight:700;margin:0}.faq-header-actions{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:1rem;flex-wrap:wrap}.faq-search-bar{position:relative;max-width:550px}.faq-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:.875rem;pointer-events:none}.faq-search-input{width:100%;padding:.625rem 2.5rem;background:var(--bg-02);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:.875rem;transition:all var(--transition-speed)}.faq-search-input::placeholder{color:var(--text-secondary);opacity:.7}.faq-search-input:hover{border-color:var(--primary-color);background:#ffffff0d}.faq-search-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff0d;box-shadow:0 0 0 3px #c4963e1a}.faq-search-clear{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);background:var(--bg-01);border:none;color:var(--text-secondary);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed);font-size:.75rem}.faq-search-clear:hover{background:#ffffff0d;color:var(--text-primary);transform:translateY(-50%) scale(1.05)}.faq-search-clear:active{transform:translateY(-50%) scale(.95)}.faq-add-button{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-primary);border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed);box-shadow:0 4px 12px #c4963e33}.faq-add-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c4963e4d}.faq-add-button:active{transform:translateY(0)}@media (max-width: 768px){.faq-header-section{padding:1.25rem 1rem 1rem}.faq-header-text h1{font-size:1.5rem;letter-spacing:-.3px}.faq-header-section .faq-subtitle{font-size:.875rem}.faq-header-actions{flex-direction:column}.faq-search-bar{max-width:100%}.faq-add-button{width:100%;justify-content:center}}.faq-list-section{max-width:1700px;margin:0 auto}.faq-filters{display:flex;padding:1rem 0;gap:1rem;margin-bottom:var(--spacing-lg);flex-wrap:wrap;justify-content:center}.faq-filters .filter-button{padding:.5rem 1rem;border-radius:5px!important;border:1px solid var(--glass-border);background:var(--bg-01);color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;font-size:.95rem;transition:all var(--transition-speed)}.faq-filters .filter-button:hover{background:#ffffff0d;color:var(--text-primary);border-color:var(--primary-color)}.faq-filters .filter-button.active{background:var(--primary-color);color:var(--text-primary);border-color:var(--primary-color)}.faq-list-section .faq-item{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);margin-bottom:1rem;overflow:hidden;transition:all var(--transition-speed);padding:5px}.faq-list-section .faq-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #c4963e1f}.faq-list-section .faq-item.expanded{border-color:var(--primary-color)}.faq-list-section .faq-question{width:100%;padding:1.25rem 1.5rem;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--text-primary);font-size:1rem;font-weight:600;transition:background var(--transition-speed)}.faq-list-section .faq-question:hover{background:#ffffff0d}.faq-list-section .question-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.faq-list-section .question-text{flex:1}.faq-list-section .question-actions{display:flex;gap:.5rem;margin-left:var(--spacing-md)}.faq-list-section .action-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--border-radius-sm);transition:all var(--transition-speed);font-size:1rem}.faq-list-section .action-button:hover{background:#ffffff0d}.faq-list-section .action-button.edit:hover{color:var(--primary-color)}.faq-list-section .action-button.delete:hover{color:var(--error-color)}.faq-list-section .expand-icon{color:var(--text-secondary);transition:transform var(--transition-speed);font-size:1.25rem;flex-shrink:0}.faq-list-section .faq-item.expanded .expand-icon{color:var(--primary-color)}.faq-list-section .visibility-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.faq-list-section .badge-developer{background:var(--badge-developer-bg);color:var(--badge-developer-text)}.faq-list-section .badge-admin{background:var(--badge-admin-bg);color:var(--badge-admin-text)}.faq-list-section .faq-answer{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);animation:slideDown .3s ease}.faq-list-section .answer-content{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.faq-list-section .answer-content p{margin-bottom:var(--spacing-md)}.faq-list-section .answer-content ul,.faq-list-section .answer-content ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.faq-list-section .answer-content code{background:#ffffff0d;padding:2px 6px;border-radius:var(--border-radius-sm);font-size:.9em;color:var(--primary-color)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-list-section .faq-empty{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary);font-size:1.1rem}.floating-qa-btn{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);box-shadow:var(--card-shadow-hover);cursor:pointer;z-index:1001;font-size:1.15rem}.floating-qa-btn:hover{transform:translateY(-3px)}.floating-qa-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.floating-qa-modal{width:100%;max-width:520px;background:var(--card-bg);border:1px solid var(--card-border);padding:1.25rem;border-radius:12px;box-shadow:var(--card-shadow-hover);color:var(--text-primary)}.floating-qa-modal h3{margin:0 0 .5rem}.floating-qa-modal p{margin:0 0 1rem;color:var(--text-secondary)}.floating-qa-form label{display:block;margin-bottom:.35rem;font-size:.9rem}.floating-qa-form textarea{width:100%;min-height:100px;padding:.6rem;border-radius:8px;border:1px solid var(--card-border);background:var(--bg-02);color:var(--text-primary);resize:vertical}.floating-qa-form input[type=email]{width:100%;padding:.55rem;border-radius:8px;border:1px solid var(--card-border);background:var(--bg-02);color:var(--text-primary)}.floating-qa-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.8rem}.btn{padding:.6rem 1rem;border-radius:8px;border:none;cursor:pointer}.btn-cancel{background:var(--bg-02);border:1px solid var(--card-border);color:var(--text-primary)}.btn-submit{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff}@media (max-width: 520px){.floating-qa-modal{margin:1rem}.floating-qa-btn{right:16px;bottom:16px}}.faq-page-container{width:100%;min-height:100vh;padding:var(--spacing-lg);color:var(--text-primary);animation:fadeInUp .5s ease forwards}.faq-page-container .faq-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);gap:var(--spacing-md);min-height:300px}.faq-page-container .loading-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.faq-page-container .faq-loading p{color:var(--text-secondary);font-size:1rem}.faq-page-container .faq-error{text-align:center;padding:var(--spacing-xxl);min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.faq-page-container .faq-error p{color:var(--error-color);font-size:1.1rem;margin-bottom:var(--spacing-lg)}.faq-page-container .retry-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--primary-color);color:var(--text-primary);border:none;border-radius:var(--border-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed)}.faq-page-container .retry-button:hover{background:var(--primary-dark)}.notification-card{background:var(--bg-01)!important;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-speed) var(--transition-smooth);overflow:hidden}.notification-card:hover{border-color:var(--primary-color);transform:translate(4px);box-shadow:0 4px 12px #c4963e1f}.notification-card.unread{border-left:3px solid var(--primary-color);background:linear-gradient(90deg,rgba(196,150,62,.08) 0%,var(--bg-01) 100%)}.notification-card .card-header{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1rem}.notification-card .header-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.notification-card .type-icon{font-size:1.25rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background-color:#ffffff14;border-radius:var(--border-radius-sm)}.notification-card .unread-badge{width:.5rem;height:.5rem;background-color:var(--primary-color);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.notification-card .header-content{flex:1;min-width:0}.notification-card .notification-title{color:var(--text-primary);font-size:.9375rem;margin:0 0 .375rem;font-weight:600;line-height:1.3}.notification-card .notification-preview{color:var(--text-secondary);font-size:.8125rem;margin:0 0 .5rem;line-height:1.4}.notification-card .notification-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem;color:var(--text-secondary)}.notification-card .notification-meta span{display:flex;align-items:center;gap:.25rem}.notification-card .notification-meta svg{font-size:.6875rem}.notification-card .expand-button{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:.25rem;transition:all var(--transition-speed);flex-shrink:0}.notification-card .expand-button:hover{color:var(--primary-color);transform:rotate(180deg)}.notification-card .card-details{padding:.875rem 1rem;border-top:1px solid var(--glass-border)}.notification-card .detail-section{margin-bottom:.875rem}.notification-card .detail-section:last-of-type{margin-bottom:0}.notification-card .detail-section h4{color:var(--text-primary);font-size:.8125rem;margin:0 0 .5rem;font-weight:600}.notification-card .full-message{color:var(--text-primary);line-height:1.5;margin:0;padding:.75rem;background-color:#ffffff08;border-radius:var(--border-radius-sm);white-space:pre-wrap;font-size:.875rem}.notification-card .violation-type{color:var(--primary-color);padding:.625rem .75rem;background-color:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);font-weight:600;margin:0;font-size:.8125rem}.notification-card .comment-excerpt{color:var(--text-secondary);padding:.625rem .75rem;background-color:#ffffff08;border-radius:var(--border-radius-sm);font-style:italic;margin:0;font-size:.8125rem}.notification-card .detail-footer{display:flex;flex-wrap:wrap;gap:.875rem;margin-top:.875rem;padding-top:.875rem;border-top:1px solid var(--glass-border);font-size:.75rem;color:var(--text-secondary)}.notification-card.type-deleted .type-icon{background-color:var(--error-light-bg);color:var(--error-color)}.notification-card.type-approved .type-icon{background-color:#06ffa51a;color:var(--success-color)}.notification-card.type-published .type-icon,.notification-card.type-verified .type-icon,.notification-card.type-artist-request .type-icon{background-color:#c4963e1a;color:var(--primary-color)}.notification-card.type-payment .type-icon{background-color:#ffd1661a;color:var(--warning-color)}.notification-card.type-artist-activated .type-icon{background-color:#c4963e26;color:var(--primary-color)}@media (max-width: 768px){.notification-card .card-header{padding:.75rem;gap:.625rem}.notification-card .type-icon{width:2rem;height:2rem;font-size:1.125rem}.notification-card .notification-title{font-size:.875rem}.notification-card .notification-preview{font-size:.75rem}.notification-card .card-details{padding:.75rem}.notification-card .detail-footer{flex-direction:column;gap:.375rem}}.notifications-list{min-height:400px;animation:fadeInUp .5s ease forwards;animation-delay:.4s;opacity:0}.notifications-list .loading-container,.notifications-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.25rem;color:var(--text-secondary);gap:1rem}.notifications-list .loading-container svg{color:var(--primary-color);font-size:2rem}.notifications-list .empty-state svg{color:var(--text-secondary);font-size:2.5rem;opacity:.5}.notifications-list .empty-state p{font-size:.9375rem}.notifications-list .notifications-container{display:flex;flex-direction:column;gap:.75rem}.notifications-list .pagination-controls{display:flex;justify-content:center;align-items:center;gap:1.25rem;margin-top:1.875rem;padding:1.25rem}.notifications-list .pagination-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background-color:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-speed);font-size:.875rem;font-weight:500}.notifications-list .pagination-button:hover:not(:disabled){background-color:#ffffff14;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #c4963e26}.notifications-list .pagination-button:disabled{opacity:.5;cursor:not-allowed}.notifications-list .pagination-info{color:var(--text-secondary);font-size:.875rem;font-weight:500}@media (max-width: 768px){.notifications-list{min-height:300px}.notifications-list .loading-container,.notifications-list .empty-state{padding:3rem 1rem}.notifications-list .notifications-container{gap:.625rem}.notifications-list .pagination-controls{gap:.75rem;padding:1rem;margin-top:1.25rem}.notifications-list .pagination-button{padding:.5rem .75rem;font-size:.8125rem}.notifications-list .pagination-info{font-size:.8125rem}}.notifications-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.875rem;margin-bottom:1.25rem;animation:fadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}.notifications-stats .stat-card{display:flex;align-items:center;gap:.875rem;padding:1rem 1.125rem;background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);transition:all var(--transition-speed)}.notifications-stats .stat-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #c4963e26}.notifications-stats .stat-card.unread{border-color:var(--primary-color);background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,var(--bg-02) 100%)}.notifications-stats .stat-icon{font-size:1.625rem;color:var(--primary-color);flex-shrink:0}.notifications-stats .stat-content{display:flex;flex-direction:column;gap:.125rem}.notifications-stats .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.notifications-stats .stat-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.notifications-stats{grid-template-columns:1fr;gap:.625rem}.notifications-stats .stat-card{padding:.875rem 1rem}.notifications-stats .stat-icon{font-size:1.375rem}.notifications-stats .stat-value{font-size:1.25rem}.notifications-stats .stat-label{font-size:.75rem}}.notification-filters{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:1.125rem;margin-bottom:1.25rem;animation:fadeInUp .5s ease forwards;animation-delay:.3s;opacity:0}.notification-filters .filters-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem;color:var(--text-primary);font-weight:600;font-size:.9375rem}.notification-filters .filters-header svg{color:var(--primary-color);font-size:.875rem}.notification-filters .filters-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.875rem}.notification-filters .filter-group{display:flex;flex-direction:column;gap:.5rem}.notification-filters .filter-group label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.notification-filters .filter-group select{padding:.625rem .75rem;background-color:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-speed)}.notification-filters .filter-group select:hover{border-color:var(--primary-color)}.notification-filters .filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.notification-filters .search-input-wrapper{position:relative}.notification-filters .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;font-size:.875rem}.notification-filters .search-input-wrapper input{width:100%;padding:.625rem .75rem .625rem 2.25rem;background-color:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-speed)}.notification-filters .search-input-wrapper input:hover{border-color:var(--primary-color)}.notification-filters .search-input-wrapper input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.notification-filters .search-input-wrapper input::placeholder{color:var(--text-secondary)}@media (max-width: 768px){.notification-filters{padding:.875rem}.notification-filters .filters-content{grid-template-columns:1fr}.notification-filters .filter-group label{font-size:.75rem}.notification-filters .filter-group select,.notification-filters .search-input-wrapper input{font-size:.8125rem}}.notifications-page{padding:1.5rem;max-width:1700px;margin:0 auto;animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notifications-page .notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;animation:fadeInUp .5s ease forwards;animation-delay:.1s;opacity:0}.notifications-page .header-content{display:flex;align-items:center;gap:.875rem}.notifications-page .header-icon{color:var(--accent-color);font-size:1.75rem}.notifications-page .notifications-header h1{color:var(--sidebar-text-primary);margin:0;font-size:1.625rem;font-weight:600}.notifications-page .mark-all-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background-color:var(--accent-color);color:var(--sidebar-text-primary);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all var(--transition-speed);font-weight:500}.notifications-page .mark-all-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-card-strong)}@media (max-width: 768px){.notifications-page{padding:1rem}.notifications-page .notifications-header{margin-bottom:1rem}.notifications-page .notifications-header h1,.notifications-page .header-icon{font-size:1.375rem}.notifications-page .mark-all-button{padding:.5rem .875rem;font-size:.8125rem}}.mes-achats-page{max-width:1700px;margin:0 auto;padding:2rem 1.5rem;color:var(--text-secondary);min-height:60vh}.mes-achats-page .mes-achats-header h1{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem}.mes-achats-page .mes-achats-header h1 svg{margin-right:.6rem;color:var(--success-color)}.mes-achats-page .mes-achats-subtitle{color:var(--text-muted);font-size:.92rem;margin-bottom:2rem}.mes-achats-page .mes-achats-loading,.mes-achats-page .mes-achats-error,.mes-achats-page .mes-achats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:4rem 1rem;color:var(--text-muted)}.mes-achats-page .mes-achats-error p{color:var(--error-color)}.mes-achats-page .btn-retry,.mes-achats-page .btn-browse{background:var(--success-color);color:var(--text-primary);border:none;padding:.7rem 1.4rem;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background var(--transition-speed) var(--transition-smooth)}.mes-achats-page .btn-retry:hover,.mes-achats-page .btn-browse:hover{background:var(--success-color);filter:brightness(1.15)}.mes-achats-page .empty-icon{font-size:3.5rem;color:var(--text-muted)}.mes-achats-page .purchases-list{display:flex;flex-direction:column;gap:1.5rem}.mes-achats-page .purchase-card{background:var(--bg-01);border:1px solid var(--border-color);border-radius:14px;padding:1.25rem;transition:border-color var(--transition-speed) var(--transition-smooth)}.mes-achats-page .purchase-card:hover{border-color:var(--accent-glow)}.mes-achats-page .purchase-card__header{display:flex;gap:1.25rem;align-items:flex-start}.mes-achats-page .purchase-card__cover-wrapper{position:relative;width:110px;height:110px;flex-shrink:0;cursor:pointer;border-radius:10px;overflow:hidden}.mes-achats-page .purchase-card__cover{width:100%;height:100%;object-fit:cover}.mes-achats-page .purchase-card__play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-dark);color:var(--text-primary);font-size:1.5rem;opacity:0;transition:opacity var(--transition-speed) var(--transition-smooth)}.mes-achats-page .purchase-card__cover-wrapper:hover .purchase-card__play-overlay{opacity:1}.mes-achats-page .purchase-card__exclusive-badge{position:absolute;top:6px;right:6px;background:linear-gradient(135deg,var(--warning-color),#f59e0b);color:var(--text-color-thm-dark);font-size:.6rem;font-weight:800;letter-spacing:.06em;padding:2px 6px;border-radius:4px}.mes-achats-page .purchase-card__details{flex:1;min-width:0}.mes-achats-page .purchase-card__title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mes-achats-page .purchase-card__artist{font-size:.88rem;color:var(--text-muted);margin:0 0 .4rem}.mes-achats-page .purchase-card__artist strong{color:var(--text-secondary)}.mes-achats-page .purchase-card__meta{display:flex;gap:.75rem;font-size:.8rem;color:var(--text-muted);margin-bottom:.6rem}.mes-achats-page .purchase-card__meta span{background:var(--glass-effect);padding:2px 8px;border-radius:4px}.mes-achats-page .purchase-card__license-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.mes-achats-page .purchase-card__license-badge{font-size:.72rem;font-weight:800;letter-spacing:.05em;padding:3px 10px;border-radius:5px}.mes-achats-page .license--free{background:var(--bg-02);color:var(--text-muted)}.mes-achats-page .license--basic{background:#67c09026;color:var(--success-color)}.mes-achats-page .license--premium{background:#3b82f626;color:#60a5fa}.mes-achats-page .license--unlimited{background:#ffd16626;color:var(--warning-color)}.mes-achats-page .purchase-card__price{font-size:.85rem;color:var(--success-color);font-weight:600}.mes-achats-page .purchase-card__date{font-size:.8rem;color:var(--text-muted)}.mes-achats-page .purchase-card__date svg,.mes-achats-page .purchase-card__price svg{margin-right:4px}.mes-achats-page .purchase-card__rights{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--glass-border)}.mes-achats-page .purchase-card__rights h4{font-size:.82rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.mes-achats-page .purchase-card__rights ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}.mes-achats-page .purchase-card__rights li{font-size:.82rem;color:var(--text-muted)}.mes-achats-page .purchase-card__downloads{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--glass-border)}.mes-achats-page .purchase-card__downloads h4{font-size:.82rem;color:var(--text-muted);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.05em}.mes-achats-page .purchase-card__downloads h4 svg{margin-right:.4rem}.mes-achats-page .download-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.mes-achats-page .btn-download{display:inline-flex;align-items:center;gap:.4rem;background:var(--glass-effect);border:1px solid var(--glass-border);color:var(--text-secondary);padding:.45rem .9rem;border-radius:var(--border-radius-sm);font-size:.82rem;cursor:pointer;transition:all var(--transition-speed) var(--transition-smooth)}.mes-achats-page .btn-download:hover:not(:disabled){background:#67c09026;border-color:#67c0904d;color:var(--success-color)}.mes-achats-page .btn-download:disabled{opacity:.4;cursor:not-allowed}.mes-achats-page .btn-download-zip{margin-top:.6rem;background:#c4963e1a;border:1px solid rgba(196,150,62,.25);color:var(--primary-color);font-weight:600;width:100%;justify-content:center}.mes-achats-page .btn-download-zip:hover:not(:disabled){background:#c4963e33;border-color:#c4963e66;color:var(--primary-dark)}.mes-achats-page .purchase-card__actions{display:flex;justify-content:flex-end;padding:.75rem 1.2rem;border-top:1px solid var(--glass-border)}.mes-achats-page .btn-view-detail{display:inline-flex;align-items:center;gap:.5rem;background:#c4963e1a;border:1px solid rgba(196,150,62,.25);color:var(--primary-color);padding:.5rem 1.2rem;border-radius:var(--border-radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed) var(--transition-smooth)}.mes-achats-page .btn-view-detail:hover{background:#c4963e33;border-color:#c4963e66;color:var(--primary-dark)}@media (max-width: 640px){.mes-achats-page{padding:1rem}.mes-achats-page .mes-achats-header h1{font-size:1.35rem}.mes-achats-page .purchase-card__header{flex-direction:column;align-items:center;text-align:center}.mes-achats-page .purchase-card__cover-wrapper{width:140px;height:140px}.mes-achats-page .purchase-card__license-row,.mes-achats-page .purchase-card__rights ul,.mes-achats-page .download-buttons,.mes-achats-page .purchase-card__actions{justify-content:center}}.purchase-detail-page{max-width:1700px;margin:0 auto;padding:2rem 1.5rem;color:var(--text-secondary);min-height:60vh}.purchase-detail-page .btn-back-detail{display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--glass-border);color:var(--text-muted);padding:.5rem 1rem;border-radius:var(--border-radius-sm);font-size:.85rem;cursor:pointer;margin-bottom:1.5rem;transition:all var(--transition-speed) var(--transition-smooth)}.purchase-detail-page .btn-back-detail:hover{color:var(--text-primary);border-color:var(--border-color);background:var(--glass-effect)}.purchase-detail-page .purchase-detail-loading,.purchase-detail-page .purchase-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 1rem;color:var(--text-muted);text-align:center}.purchase-detail-page .purchase-detail-error p{color:var(--error-color)}.purchase-detail-page .btn-retry-detail{background:var(--success-color);color:var(--text-primary);border:none;padding:.6rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--transition-speed) var(--transition-smooth)}.purchase-detail-page .btn-retry-detail:hover{background:var(--success-color);filter:brightness(1.15)}.purchase-detail-page .purchase-detail-hero{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:var(--bg-01);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.purchase-detail-page .detail-hero__cover-wrapper{position:relative;width:160px;height:160px;flex-shrink:0;cursor:pointer;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow)}.purchase-detail-page .detail-hero__cover{width:100%;height:100%;object-fit:cover}.purchase-detail-page .detail-hero__play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-dark);color:var(--text-primary);font-size:2rem;opacity:0;transition:opacity var(--transition-speed) var(--transition-smooth)}.purchase-detail-page .detail-hero__cover-wrapper:hover .detail-hero__play-overlay{opacity:1}.purchase-detail-page .detail-hero__exclusive{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,var(--warning-color),#f59e0b);color:var(--text-color-thm-dark);font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:6px;letter-spacing:.05em}.purchase-detail-page .detail-hero__info{flex:1;min-width:0;padding-top:.5rem}.purchase-detail-page .detail-hero__title{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0 0 .3rem}.purchase-detail-page .detail-hero__artist{font-size:.95rem;color:var(--text-muted);margin:0 0 .8rem}.purchase-detail-page .detail-hero__artist strong{color:var(--text-secondary)}.purchase-detail-page .detail-hero__meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.purchase-detail-page .meta-tag{background:var(--glass-effect);padding:4px 10px;border-radius:6px;font-size:.8rem;color:var(--text-muted)}.purchase-detail-page .license-badge{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.05em;padding:4px 12px;border-radius:6px}.purchase-detail-page .license-badge--free{background:var(--bg-02);color:var(--text-muted)}.purchase-detail-page .license-badge--basic{background:#67c09026;color:var(--success-color)}.purchase-detail-page .license-badge--premium{background:#3b82f626;color:#60a5fa}.purchase-detail-page .license-badge--unlimited{background:#ffd16626;color:var(--warning-color)}.purchase-detail-page .purchase-detail-section{margin-bottom:2rem;padding:1.5rem;background:var(--bg-01);border:1px solid var(--border-color);border-radius:14px}.purchase-detail-page .section-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 1.2rem;display:flex;align-items:center;gap:.5rem}.purchase-detail-page .section-title svg{color:var(--primary-color);font-size:.9rem}.purchase-detail-page .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.purchase-detail-page .info-item{display:flex;flex-direction:column;gap:.3rem}.purchase-detail-page .info-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.purchase-detail-page .info-value{font-size:.9rem;color:var(--text-secondary);font-weight:500}.purchase-detail-page .info-value.mono{font-family:Courier New,monospace;font-size:.8rem;color:var(--text-muted);word-break:break-all}.purchase-detail-page .info-value.price-value{color:var(--success-color);font-weight:700;font-size:1rem}.purchase-detail-page .info-value.status-completed{color:var(--success-color)}.purchase-detail-page .info-value.status-completed svg{margin-right:.3rem}.purchase-detail-page .rights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.purchase-detail-page .right-card{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--glass-border)}.purchase-detail-page .right-card.right--active{background:#67c09014;border-color:#67c09033}.purchase-detail-page .right-card.right--inactive{background:var(--glass-effect);opacity:.5}.purchase-detail-page .right-card.right--exclusive{background:#ffd16614;border-color:#ffd16633;grid-column:1 / -1}.purchase-detail-page .right-status{font-size:.85rem;font-weight:700;width:24px;text-align:center}.purchase-detail-page .right--active .right-status{color:var(--success-color)}.purchase-detail-page .right--inactive .right-status{color:var(--error-color)}.purchase-detail-page .right--exclusive .right-status{color:var(--warning-color)}.purchase-detail-page .right-label{font-size:.82rem;color:var(--text-secondary)}.purchase-detail-page .files-grid{display:flex;flex-direction:column;gap:.75rem}.purchase-detail-page .file-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--glass-effect);border:1px solid var(--border-color);border-radius:10px;transition:border-color var(--transition-speed) var(--transition-smooth)}.purchase-detail-page .file-card:hover:not(.file-card--disabled){border-color:var(--accent-glow)}.purchase-detail-page .file-card--disabled{opacity:.35}.purchase-detail-page .file-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#c4963e1a;color:var(--primary-color);border-radius:10px;font-size:1rem;flex-shrink:0}.purchase-detail-page .file-card__info{flex:1;min-width:0}.purchase-detail-page .file-card__label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary)}.purchase-detail-page .file-card__desc{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.purchase-detail-page .file-card__btn{display:inline-flex;align-items:center;gap:.4rem;background:#67c0901f;border:1px solid rgba(103,192,144,.25);color:var(--success-color);padding:.5rem 1rem;border-radius:var(--border-radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed) var(--transition-smooth);white-space:nowrap}.purchase-detail-page .file-card__btn:hover:not(:disabled){background:var(--success-color);color:var(--text-primary)}.purchase-detail-page .file-card__btn:disabled{opacity:.4;cursor:not-allowed}.purchase-detail-page .btn-download-zip-detail{margin-top:1rem;background:#c4963e1a;border:1px solid rgba(196,150,62,.25);color:var(--primary-color);font-weight:600;width:100%;justify-content:center;padding:.7rem 1rem;font-size:.88rem}.purchase-detail-page .btn-download-zip-detail:hover:not(:disabled){background:#c4963e33;border-color:#c4963e66;color:var(--primary-dark)}@media (max-width: 640px){.purchase-detail-page{padding:1rem}.purchase-detail-page .purchase-detail-hero{flex-direction:column;align-items:center;text-align:center}.purchase-detail-page .detail-hero__cover-wrapper{width:180px;height:180px}.purchase-detail-page .detail-hero__meta{justify-content:center}.purchase-detail-page .info-grid{grid-template-columns:1fr 1fr}.purchase-detail-page .rights-grid{grid-template-columns:1fr}.purchase-detail-page .file-card{flex-direction:column;text-align:center}.purchase-detail-page .file-card__btn{width:100%;justify-content:center}}.portefeuille-header{margin-bottom:24px}.portefeuille-header-content{display:flex;flex-direction:column;gap:8px}.portefeuille-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.portefeuille-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.portefeuille-title{font-size:1.5rem}.portefeuille-subtitle{font-size:.875rem}}.portefeuille-balance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.balance-card{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:20px;border:1px solid var(--glass-border);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.balance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c4963e1f}.balance-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.balance-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.balance-card-icon.available{background:#06ffa514;color:var(--success-color)}.balance-card-icon.pending{background:#ffa50026;color:orange}.balance-card-icon.earned{background:#c4963e26;color:var(--primary-color)}.balance-card-label{font-size:.9rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.balance-card-amount{font-size:2rem;font-weight:700;color:var(--success-color);margin-bottom:12px;line-height:1}.pending-amount{color:orange}.balance-card-info{font-size:.85rem;color:var(--text-secondary);margin:0}.btn-payout{width:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-primary);border:none;padding:12px 20px;border-radius:var(--border-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;gap:8px}.btn-payout:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #c4963e26}.btn-payout:active{transform:translateY(0)}.btn-payout:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.balance-card-info.eligible{color:var(--success-color);font-weight:600}.balance-card-info.eligible .info-icon-inline{margin-right:6px}.balance-card-info.pending-info{color:orange;font-weight:500}.balance-card-info.pending-info .info-icon-inline{margin-right:6px}@media (max-width: 768px){.portefeuille-balance-cards{grid-template-columns:1fr;gap:12px}.balance-card{padding:16px}.balance-card-amount{font-size:1.75rem}}.portefeuille-paypal-info{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:20px;border:1px solid var(--glass-border);margin-bottom:24px}.paypal-info-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.paypal-logo{width:48px;height:48px;background:linear-gradient(135deg,#0070ba,#1546a0);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.paypal-info-title h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.paypal-info-title p{font-size:.85rem;color:var(--text-secondary);margin:0}.paypal-info-content{margin-bottom:16px}.paypal-email-section{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.paypal-email-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.paypal-email-value{font-size:1rem;color:var(--text-primary);font-weight:500}.paypal-status-section{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border-radius:6px}.status-icon{font-size:1.1rem}.status-icon.verified{color:var(--success-color)}.status-icon.warning{color:orange}.paypal-status-text{font-size:.9rem;color:var(--text-primary)}.paypal-not-configured{text-align:center;padding:20px}.warning-icon{font-size:2rem;color:orange;margin-bottom:12px}.paypal-not-configured p{font-size:.95rem;color:var(--text-secondary);margin:0}.btn-configure-paypal{width:100%;background:#ffffff0d;color:var(--text-primary);border:1px solid var(--glass-border);padding:12px 20px;border-radius:var(--border-radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;gap:8px}.btn-configure-paypal:hover{background:#ffffff14;border-color:#0070ba;transform:translateY(-1px)}@media (max-width: 768px){.portefeuille-paypal-info{padding:16px}.paypal-info-header{gap:12px}.paypal-logo{width:40px;height:40px;font-size:1.2rem}}.portefeuille-lengo-info{background:var(--card-bg, #1a1a2e);border-radius:5px;padding:24px;border:1px solid rgba(255,255,255,.06);margin-top:16px}.lengo-info-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.lengo-logo{width:44px;height:44px;border-radius:5px;background:linear-gradient(135deg,#f60,#ff8c00);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.lengo-logo .lengo-method-icon{width:30px;height:30px;border-radius:5px;object-fit:contain}.lengo-info-title h3{font-size:1rem;font-weight:700;color:var(--text-primary, #fff);margin:0}.lengo-info-title p{font-size:.8rem;color:var(--text-secondary, rgba(255, 255, 255, .5));margin:2px 0 0}.lengo-info-content{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.lengo-method-section,.lengo-phone-section,.lengo-name-section{display:flex;justify-content:space-between;align-items:center}.lengo-label{font-size:.82rem;color:var(--text-secondary, rgba(255, 255, 255, .5))}.lengo-value{font-size:.88rem;font-weight:600;color:var(--text-primary, #fff)}.lengo-status-section{display:flex;align-items:center;gap:8px;margin-top:6px}.lengo-status-section .status-icon.verified{color:#28a745;font-size:.9rem}.lengo-status-text{font-size:.82rem;font-weight:600;color:#28a745}.lengo-not-configured{text-align:center;padding:12px 0}.lengo-not-configured .warning-icon{color:#fa0;font-size:1.3rem;margin-bottom:8px}.lengo-not-configured p{font-size:.82rem;color:var(--text-secondary, rgba(255, 255, 255, .55));line-height:1.5;margin:0}.btn-configure-lengo{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border-radius:5px;border:1px solid rgba(255,102,0,.3);background:#ff66000f;color:#ff8c00;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-configure-lengo:hover{background:#ff66001f;border-color:#ff660080}.portefeuille-recent-transactions{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:20px;border:1px solid var(--glass-border)}.transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.transactions-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.btn-view-all{background:transparent;color:var(--primary-color);border:none;padding:6px 12px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed)}.btn-view-all:hover{background:#c4963e14}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:var(--border-radius);transition:background var(--transition-speed)}.transaction-item:hover{background:#ffffff14}.transaction-icon-wrapper{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transaction-icon{font-size:1rem}.transaction-icon.credit{color:var(--success-color)}.transaction-icon.credit+.transaction-icon-wrapper{background:#06ffa514}.transaction-icon.debit{color:var(--error-color)}.transaction-details{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.transaction-description{font-size:.95rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-date{font-size:.8rem;color:var(--text-secondary)}.transaction-amount{font-size:1rem;font-weight:600;white-space:nowrap}.transaction-amount.positive{color:var(--success-color)}.transaction-amount.negative{color:var(--error-color)}.transactions-empty{text-align:center;padding:40px 20px}.empty-icon{font-size:3rem;color:var(--text-secondary);margin-bottom:12px;opacity:.3}.transactions-empty p{font-size:.95rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.portefeuille-recent-transactions{padding:16px}.transaction-item{padding:10px}.transaction-icon-wrapper{width:32px;height:32px}.transaction-description{font-size:.9rem}.transaction-amount{font-size:.95rem}}.withdrawal-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.withdrawal-modal{background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);width:90%;max-width:480px;max-height:90vh;max-height:90dvh;padding:0;overflow:hidden;overflow-y:auto;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.withdrawal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--glass-border)}.withdrawal-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.withdrawal-modal-header h3 svg{color:var(--primary-color)}.modal-close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.modal-close-btn:hover{background:#ffffff0d;color:var(--text-primary)}.withdrawal-modal-body{padding:24px}.withdrawal-summary{background:#c4963e0f;border:1px solid rgba(196,150,62,.15);border-radius:8px;padding:16px;margin-bottom:20px}.withdrawal-summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.9rem;color:var(--text-secondary)}.withdrawal-summary-row.total{border-top:1px solid var(--glass-border);margin-top:8px;padding-top:12px;font-weight:700;font-size:1.1rem;color:var(--success-color)}.withdrawal-summary-row .label{display:flex;align-items:center;gap:8px}.withdrawal-summary-row .value{font-weight:600;color:var(--text-primary)}.withdrawal-summary-row.total .value{color:var(--success-color)}.withdrawal-amount-input-group{margin-bottom:20px}.withdrawal-amount-input-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.withdrawal-amount-wrapper{position:relative;display:flex;align-items:center}.withdrawal-amount-wrapper input{width:100%;background:var(--bg-02);border:1px solid var(--glass-border);border-radius:8px;padding:12px 50px 12px 16px;font-size:1.2rem;font-weight:600;color:var(--text-primary);outline:none;transition:border-color .2s}.withdrawal-amount-wrapper input:focus{border-color:var(--primary-color)}.withdrawal-amount-wrapper .currency-label{position:absolute;right:16px;color:var(--text-secondary);font-weight:600;font-size:.95rem}.btn-max-amount{background:#c4963e1f;color:var(--primary-color);border:1px solid rgba(196,150,62,.3);padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;margin-top:8px;transition:all .2s}.btn-max-amount:hover{background:#c4963e33}.withdrawal-method-selector{margin-bottom:20px}.withdrawal-method-selector .method-selector-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.withdrawal-method-selector .method-options{display:flex;gap:10px}.withdrawal-method-selector .method-option{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:5px;border:2px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:all .2s ease;flex:1}.withdrawal-method-selector .method-option:hover{border-color:#ffffff26;background:#ffffff0f}.withdrawal-method-selector .method-option.selected{border-color:var(--primary, #c4963e);background:#c4963e14}.withdrawal-method-selector .method-option span{font-size:.85rem;font-weight:600;color:var(--text-primary)}.withdrawal-method-selector .method-option-text{display:flex;flex-direction:column;gap:2px}.withdrawal-method-selector .method-not-configured{font-size:.7rem;font-weight:500;color:#ff8c00;opacity:.8}.withdrawal-method-selector .method-option.disabled{opacity:.45;cursor:not-allowed;border-color:#ffffff0a}.withdrawal-method-selector .method-option.disabled:hover{border-color:#ffffff0a;background:#ffffff08}.withdrawal-method-selector .method-fa-icon{font-size:1.3rem}.withdrawal-method-selector .method-fa-icon.paypal-icon{color:#0077b5}.withdrawal-method-selector .method-img-icon{width:28px;height:28px;border-radius:5px;object-fit:contain}.withdrawal-destination-info{display:flex;align-items:center;gap:10px;padding:12px;background:#0077b50f;border:1px solid rgba(0,119,181,.15);border-radius:5px;margin-bottom:20px;font-size:.85rem;color:var(--text-secondary)}.withdrawal-destination-info svg{color:#0077b5;font-size:1.1rem;flex-shrink:0}.withdrawal-destination-info .email{font-weight:600;color:var(--text-primary)}.withdrawal-paypal-info{display:flex;align-items:center;gap:10px;padding:12px;background:#0077b50f;border:1px solid rgba(0,119,181,.15);border-radius:8px;margin-bottom:20px;font-size:.85rem;color:var(--text-secondary)}.withdrawal-paypal-info svg{color:#0077b5;font-size:1.1rem;flex-shrink:0}.withdrawal-paypal-info .email{font-weight:600;color:var(--text-primary)}.withdrawal-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#ffa5000f;border:1px solid rgba(255,165,0,.15);border-radius:8px;margin-bottom:20px;font-size:.82rem;color:var(--text-secondary)}.withdrawal-warning svg{color:orange;font-size:1rem;flex-shrink:0;margin-top:2px}.withdrawal-error{padding:10px 14px;background:#ff00000f;border:1px solid rgba(255,0,0,.2);border-radius:8px;margin-bottom:16px;font-size:.85rem;color:#ff6b6b;display:flex;align-items:center;gap:8px}.withdrawal-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--glass-border)}.btn-cancel{flex:1;background:var(--bg-02);border:1px solid var(--glass-border);color:var(--text-secondary);padding:12px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#ffffff0f;color:var(--text-primary)}.btn-confirm-withdrawal{flex:2;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-primary);border:none;padding:12px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-confirm-withdrawal:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #c4963e33}.btn-confirm-withdrawal:disabled{opacity:.6;cursor:not-allowed;transform:none}.withdrawal-success{text-align:center;padding:20px 0}.withdrawal-success .success-icon{font-size:3rem;color:var(--success-color);margin-bottom:16px}.withdrawal-success h4{color:var(--text-primary);margin:0 0 8px;font-size:1.2rem}.withdrawal-success p{color:var(--text-secondary);font-size:.9rem;margin:0 0 6px}.withdrawal-success .success-amount{font-size:1.5rem;font-weight:700;color:var(--success-color);margin:16px 0}.withdrawal-success .success-details{background:#06ffa50d;border:1px solid rgba(6,255,165,.12);border-radius:8px;padding:12px;margin-top:16px;font-size:.82rem;color:var(--text-secondary)}@media (max-width: 500px){.withdrawal-modal{width:95%;max-width:none}.withdrawal-modal-footer{flex-direction:column}.btn-confirm-withdrawal,.btn-cancel{flex:none}}.portefeuille-container{padding:24px;max-width:1700px;margin:0 auto}.portefeuille-main-content{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.portefeuille-left-column{display:flex;flex-direction:column;gap:24px}.portefeuille-right-column{position:sticky;top:24px}.portefeuille-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.portefeuille-loading p{color:var(--text-secondary);font-size:.95rem}.portefeuille-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center}.portefeuille-error p{color:var(--text-secondary);font-size:1rem}.btn-retry{background:var(--primary-color);color:var(--text-primary);border:none;padding:12px 24px;border-radius:var(--border-radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed)}.btn-retry:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width: 1024px){.portefeuille-main-content{grid-template-columns:1fr}.portefeuille-right-column{position:static}}@media (max-width: 768px){.portefeuille-container{padding:16px}.portefeuille-main-content,.portefeuille-left-column{gap:16px}}.transactions-header-section.transactions-header{margin-bottom:20px}.transactions-header-section .transactions-header-content{display:flex;flex-direction:column;gap:4px}.transactions-header-section .transactions-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.transactions-header-section .transactions-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.transactions-header-section .transactions-title{font-size:1.35rem}.transactions-header-section .transactions-subtitle{font-size:.8rem}}.transactions-filter-section.transactions-filter{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.transactions-filter-section .filter-group{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:10px 14px;border-radius:6px;border:1px solid var(--glass-border);transition:all var(--transition-speed)}.transactions-filter-section .filter-group:hover{border-color:var(--primary-color);background:#ffffff14}.transactions-filter-section .filter-icon{color:var(--primary-color);font-size:.9rem}.transactions-filter-section .filter-select{background:transparent;border:none;color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;outline:none;padding:0;min-width:140px}.transactions-filter-section .filter-select option{background:var(--bg-01);color:var(--text-primary)}@media (max-width: 768px){.transactions-filter-section.transactions-filter{flex-direction:column;gap:10px}.transactions-filter-section .filter-group{width:100%}.transactions-filter-section .filter-select{flex:1}}.transactions-list-section.transactions-list{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:18px;border:1px solid var(--glass-border)}.transactions-list-section .transactions-table-wrapper{overflow-x:auto}.transactions-list-section .transactions-table{width:100%;border-collapse:collapse}.transactions-list-section .transactions-table thead tr{border-bottom:2px solid var(--glass-border)}.transactions-list-section .transactions-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.transactions-list-section .transactions-table th.amount-col{text-align:right}.transactions-list-section .transaction-row{border-bottom:1px solid var(--glass-border);transition:all var(--transition-speed);animation:transactions-list-slide-in .4s ease-out backwards}@keyframes transactions-list-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.transactions-list-section .transaction-row:hover{background:#ffffff0d}.transactions-list-section .transaction-row td{padding:14px 16px;font-size:.875rem}.transactions-list-section .type-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600}.transactions-list-section .type-badge.type-green{background:#2ecc7126;color:var(--success-color)}.transactions-list-section .type-badge.type-blue{background:#3498db26;color:#3498db}.transactions-list-section .type-badge.type-red{background:#e74c3c26;color:var(--error-color)}.transactions-list-section .type-badge.type-pink{background:#e91e6326;color:#e91e63}.transactions-list-section .type-badge.type-gray{background:#95a5a626;color:var(--text-secondary)}.transactions-list-section .description{color:var(--text-primary);font-weight:500}.transactions-list-section .date-col{color:var(--text-secondary);font-size:.8rem}.transactions-list-section .status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.transactions-list-section .status-badge.status-success{background:#2ecc7133;color:var(--success-color)}.transactions-list-section .status-badge.status-pending{background:#f1c40f33;color:#f1c40f}.transactions-list-section .status-badge.status-failed{background:#e74c3c33;color:var(--error-color)}.transactions-list-section .status-badge.status-cancelled{background:#95a5a633;color:var(--text-secondary)}.transactions-list-section .amount-col{text-align:right}.transactions-list-section .amount{display:inline-flex;align-items:center;gap:6px;font-size:.95rem;font-weight:700}.transactions-list-section .amount.amount-green{color:var(--success-color)}.transactions-list-section .amount.amount-blue{color:#3498db}.transactions-list-section .amount.amount-red{color:var(--error-color)}.transactions-list-section .amount.amount-pink{color:#e91e63}.transactions-list-section .amount-arrow{font-size:.75rem}.transactions-list-section .transactions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--text-secondary)}.transactions-list-section .transactions-empty svg{font-size:3rem;opacity:.3}.transactions-list-section .transactions-empty p{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.transactions-list-section .transactions-empty span{font-size:.8rem;text-align:center;max-width:400px}@media (max-width: 768px){.transactions-list-section.transactions-list{padding:0;background:transparent;border:none}.transactions-list-section .transactions-table-wrapper{display:none}.transactions-list-section .transactions-list:after{content:"";display:block}.transactions-list-section .transaction-row{display:block;background:var(--bg-01);border-radius:var(--border-radius-sm);padding:14px;margin-bottom:12px;border:1px solid var(--glass-border)}.transactions-list-section .transaction-row td{display:block;padding:6px 0;border:none}.transactions-list-section .transaction-row td:first-child{padding-top:0}.transactions-list-section .transaction-row td:last-child{padding-bottom:0}.transactions-list-section .amount-col{text-align:left;margin-top:8px}.transactions-list-section .amount{font-size:1.1rem}.transactions-list-section .transactions-empty{padding:40px 20px}.transactions-list-section .transactions-empty svg{font-size:2.5rem}}.transactions-page.transactions-container{padding:20px;max-width:1700px;margin:0 auto}.transactions-page .transactions-content{display:flex;flex-direction:column;gap:20px}.transactions-page .transactions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.transactions-page .loading-spinner{width:48px;height:48px;border:4px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;animation:transactions-spin 1s linear infinite}@keyframes transactions-spin{to{transform:rotate(360deg)}}.transactions-page .transactions-loading p{color:var(--text-secondary);font-size:.95rem}.transactions-page .transactions-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--text-secondary)}.transactions-page .transactions-error p{font-size:1rem}.transactions-page .btn-retry{padding:10px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:opacity .2s}.transactions-page .btn-retry:hover{opacity:.85}.transactions-page .transactions-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--glass-bg);border-radius:12px;border:1px solid var(--glass-border)}.transactions-page .pagination-info{color:var(--text-secondary);font-size:.85rem}.transactions-page .pagination-buttons{display:flex;gap:8px}.transactions-page .pagination-btn{padding:8px 16px;background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.transactions-page .pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.transactions-page .pagination-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.transactions-page.transactions-container{padding:16px}.transactions-page .transactions-content{gap:16px}}.revenus-stats-header-section.revenus-stats-header{margin-bottom:20px}.revenus-stats-header-section .revenus-stats-header-content{display:flex;flex-direction:column;gap:4px}.revenus-stats-header-section .revenus-stats-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.revenus-stats-header-section .revenus-stats-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.revenus-stats-header-section .revenus-stats-title{font-size:1.35rem}.revenus-stats-header-section .revenus-stats-subtitle{font-size:.8rem}}.revenue-overview-cards-section.revenue-overview-cards{margin-bottom:24px}.revenue-overview-cards-section .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.revenue-overview-cards-section .revenue-card{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:18px;border:1px solid var(--glass-border);display:flex;align-items:center;gap:14px;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden}.revenue-overview-cards-section .revenue-card:before{content:"";position:absolute;inset:0;background:#ffffff08;opacity:0;transition:opacity var(--transition-speed)}.revenue-overview-cards-section .revenue-card:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e1f}.revenue-overview-cards-section .revenue-card:hover:before{opacity:1}.revenue-overview-cards-section .card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-primary);flex-shrink:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 4px 12px #c4963e26}.revenue-overview-cards-section .card-content{flex:1;display:flex;flex-direction:column;gap:4px}.revenue-overview-cards-section .card-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.revenue-overview-cards-section .card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}@media (max-width: 768px){.revenue-overview-cards-section .cards-grid{grid-template-columns:1fr;gap:12px}.revenue-overview-cards-section .revenue-card{padding:14px}.revenue-overview-cards-section .card-icon{width:44px;height:44px;font-size:1.1rem}.revenue-overview-cards-section .card-value{font-size:1.3rem}}.revenue-chart-section.revenue-chart{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:20px;border:1px solid var(--glass-border);margin-bottom:24px}.revenue-chart-section .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.revenue-chart-section .chart-title-group{display:flex;align-items:center;gap:12px}.revenue-chart-section .chart-icon{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-primary);flex-shrink:0}.revenue-chart-section .chart-title-group h2{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.revenue-chart-section .chart-title-group p{font-size:.8rem;color:var(--text-secondary);margin:0}.revenue-chart-section .period-selector{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:8px 12px;border-radius:6px;border:1px solid var(--glass-border)}.revenue-chart-section .selector-icon{color:var(--primary-color);font-size:.9rem}.revenue-chart-section .period-select{background:transparent;border:none;color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;outline:none;padding:0}.revenue-chart-section .period-select option{background:var(--bg-01);color:var(--text-primary)}.revenue-chart-section .chart-container{min-height:300px;display:flex;align-items:flex-end}.revenue-chart-section .chart-bars{display:flex;align-items:flex-end;justify-content:space-around;width:100%;height:280px;padding:20px 0;gap:8px}.revenue-chart-section .bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:8px}.revenue-chart-section .bar{width:100%;max-width:60px;background:linear-gradient(180deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:4px 4px 0 0;position:relative;transition:all var(--transition-speed);animation:revenue-chart-bar-grow .6s ease-out forwards;transform-origin:bottom;cursor:pointer;box-shadow:0 -4px 12px #c4963e33}@keyframes revenue-chart-bar-grow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.revenue-chart-section .bar:hover{box-shadow:0 -6px 16px #c4963e4d;filter:brightness(1.1)}.revenue-chart-section .bar-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:.7rem;font-weight:600;color:var(--text-primary);white-space:nowrap;opacity:0;transition:opacity var(--transition-speed);background:#ffffff0d;padding:2px 6px;border-radius:4px;border:1px solid var(--glass-border)}.revenue-chart-section .bar:hover .bar-value{opacity:1}.revenue-chart-section .bar-label{font-size:.7rem;color:var(--text-secondary);text-align:center;font-weight:500}.revenue-chart-section .chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:280px;gap:12px;color:var(--text-secondary)}.revenue-chart-section .chart-empty svg{font-size:3rem;opacity:.3}.revenue-chart-section .chart-empty p{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.revenue-chart-section .chart-empty span{font-size:.8rem;text-align:center;max-width:400px}@media (max-width: 768px){.revenue-chart-section.revenue-chart{padding:16px}.revenue-chart-section .chart-header{flex-direction:column;align-items:flex-start}.revenue-chart-section .chart-bars{height:220px;gap:4px}.revenue-chart-section .bar{max-width:40px}.revenue-chart-section .bar-label{font-size:.65rem}.revenue-chart-section .chart-empty svg{font-size:2.5rem}}.top-tracks-section.top-tracks{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:18px;border:1px solid var(--glass-border)}.top-tracks-section .top-tracks-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.top-tracks-section .section-icon{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.top-tracks-section .section-icon.trophy{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-primary)}.top-tracks-section .section-title-group h2{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.top-tracks-section .section-title-group p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4}.top-tracks-section .tracks-list{display:flex;flex-direction:column;gap:8px}.top-tracks-section .track-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:6px;border:1px solid var(--glass-border);transition:all var(--transition-speed);animation:top-tracks-slide-in .4s ease-out backwards}.top-tracks-section .track-item:nth-child(1){animation-delay:.05s}.top-tracks-section .track-item:nth-child(2){animation-delay:.1s}.top-tracks-section .track-item:nth-child(3){animation-delay:.15s}.top-tracks-section .track-item:nth-child(4){animation-delay:.2s}.top-tracks-section .track-item:nth-child(5){animation-delay:.25s}@keyframes top-tracks-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.top-tracks-section .track-item:hover{background:#ffffff14;border-color:var(--primary-color);transform:translate(4px)}.top-tracks-section .track-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.top-tracks-section .track-rank span{color:var(--text-secondary);font-size:.9rem}.top-tracks-section .track-info{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.top-tracks-section .track-cover{width:42px;height:42px;border-radius:6px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.top-tracks-section .track-cover img{width:100%;height:100%;object-fit:cover}.top-tracks-section .track-cover svg{font-size:1.1rem;color:var(--text-secondary)}.top-tracks-section .track-details{flex:1;min-width:0}.top-tracks-section .track-title{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-tracks-section .track-streams{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.top-tracks-section .track-revenue{display:flex;align-items:center;gap:6px;font-size:.95rem;font-weight:700;color:var(--success-color);flex-shrink:0}.top-tracks-section .revenue-icon{font-size:.85rem}.top-tracks-section .tracks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:10px;color:var(--text-secondary)}.top-tracks-section .tracks-empty svg{font-size:2.5rem;opacity:.3}.top-tracks-section .tracks-empty p{font-size:.95rem;font-weight:600;margin:0;color:var(--text-primary)}.top-tracks-section .tracks-empty span{font-size:.75rem;text-align:center}@media (max-width: 768px){.top-tracks-section.top-tracks{padding:14px}.top-tracks-section .track-item{padding:10px;gap:10px}.top-tracks-section .track-rank{width:28px;height:28px;font-size:.95rem}.top-tracks-section .track-cover{width:38px;height:38px}.top-tracks-section .track-title,.top-tracks-section .track-revenue{font-size:.85rem}}.revenus-stats.revenus-stats-container{padding:20px;max-width:1700px;margin:0 auto}.revenus-stats .stats-content{display:flex;flex-direction:column;gap:24px}.revenus-stats .stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.revenus-stats .loading-spinner{width:48px;height:48px;border:4px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;animation:revenus-stats-spin 1s linear infinite}@keyframes revenus-stats-spin{to{transform:rotate(360deg)}}.revenus-stats .stats-loading p{color:var(--text-secondary);font-size:.95rem}.revenus-stats .stats-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--text-secondary)}.revenus-stats .stats-error p{font-size:1rem}.revenus-stats .btn-retry{padding:10px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:opacity .2s}.revenus-stats .btn-retry:hover{opacity:.85}@media (max-width: 768px){.revenus-stats.revenus-stats-container{padding:16px}.revenus-stats .stats-content{gap:16px}}.payment-config-header-section.payment-config-header{margin-bottom:20px}.payment-config-header-section .payment-config-header-content{display:flex;flex-direction:column;gap:4px}.payment-config-header-section .payment-config-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.payment-config-header-section .payment-config-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.payment-config-header-section .payment-config-title{font-size:1.35rem}.payment-config-header-section .payment-config-subtitle{font-size:.8rem}}.paypal-email-config-section.paypal-email-config{background:var(--bg-01);border-radius:var(--border-radius);padding:18px;border:1px solid var(--sidebar-border);margin-bottom:16px}.paypal-email-config-section .config-section-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.paypal-email-config-section .section-icon{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.paypal-email-config-section .section-icon.paypal{background:linear-gradient(135deg,#0070ba,#1546a0);color:var(--white)}.paypal-email-config-section .section-title-group h2{font-size:1.05rem;font-weight:600;color:var(--sidebar-text-primary);margin:0 0 4px}.paypal-email-config-section .section-title-group p{font-size:.8rem;color:var(--sidebar-text-secondary);margin:0;line-height:1.4}.paypal-email-config-section .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;margin-bottom:14px}.paypal-email-config-section .status-badge.verified{background:#2ecc7126;color:var(--success-color)}.paypal-email-config-section .status-badge.pending{background:#ffa50026;color:orange}.paypal-email-config-section .status-badge.verifying{background:#0070ba26;color:#0070ba}.paypal-email-config-section .status-badge.rejected{background:#e74c3c26;color:#e74c3c}.paypal-email-config-section .status-badge.suspended{background:#95a5a626;color:#95a5a6}.paypal-email-config-section .email-config-form{margin-bottom:14px}.paypal-email-config-section .form-group{margin-bottom:12px}.paypal-email-config-section .form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--sidebar-text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.paypal-email-config-section .input-field{width:100%;padding:10px 14px;background:var(--bg-02);border:1px solid var(--sidebar-border);border-radius:6px;color:var(--sidebar-text-primary);font-size:.9rem;transition:all var(--transition-speed);box-sizing:border-box}.paypal-email-config-section .input-field:focus{outline:none;border-color:#0070ba;box-shadow:0 0 0 3px #0070ba1a}.paypal-email-config-section .input-field:disabled{opacity:.5;cursor:not-allowed}.paypal-email-config-section .error-message{display:flex;align-items:center;gap:6px;color:var(--error-color);font-size:.85rem;margin-top:6px}.paypal-email-config-section .btn-save{width:100%;background:var(--primary-color);color:var(--white);border:none;padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;gap:6px}.paypal-email-config-section .btn-save:hover:not(:disabled){transform:translateY(-1px);background:var(--primary-dark);box-shadow:0 4px 12px #1e874b4d}.paypal-email-config-section .btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.paypal-email-config-section .info-box{display:flex;gap:10px;padding:10px 12px;border-radius:6px}.paypal-email-config-section .info-box.default,.paypal-email-config-section .info-box.pending{background:#ffa50014;border:1px solid rgba(255,165,0,.2)}.paypal-email-config-section .info-box.default .info-icon,.paypal-email-config-section .info-box.pending .info-icon{color:orange}.paypal-email-config-section .info-box.success{background:#2ecc7114;border:1px solid rgba(46,204,113,.2)}.paypal-email-config-section .info-box.success .info-icon{color:var(--success-color)}.paypal-email-config-section .info-box.verifying{background:#0070ba14;border:1px solid rgba(0,112,186,.2)}.paypal-email-config-section .info-box.verifying .info-icon{color:#0070ba}.paypal-email-config-section .info-box.rejected{background:#e74c3c14;border:1px solid rgba(231,76,60,.2)}.paypal-email-config-section .info-box.rejected .info-icon{color:#e74c3c}.paypal-email-config-section .info-box.suspended{background:#95a5a614;border:1px solid rgba(149,165,166,.2)}.paypal-email-config-section .info-box.suspended .info-icon{color:#95a5a6}.paypal-email-config-section .info-icon{font-size:.95rem;flex-shrink:0;margin-top:1px}.paypal-email-config-section .info-content{font-size:.75rem;color:var(--sidebar-text-secondary);line-height:1.45}.paypal-email-config-section .info-content strong{color:var(--sidebar-text-primary)}.paypal-email-config-section .info-content p{margin:4px 0 0}.paypal-email-config-section .rejection-reason{color:#e74c3c;font-weight:500;font-style:italic}.paypal-email-config-section .rejection-help{color:var(--sidebar-text-secondary)}.paypal-email-config-section .btn-retry{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;background:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3);border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed)}.paypal-email-config-section .btn-retry:hover:not(:disabled){background:#e74c3c40;border-color:#e74c3c80}.paypal-email-config-section .btn-retry:disabled{opacity:.5;cursor:not-allowed}.paypal-email-config-section .input-field.verified{border-color:var(--success-color)}.paypal-email-config-section .input-field.error{border-color:#e74c3c}@media (max-width: 768px){.paypal-email-config-section.paypal-email-config{padding:16px}.paypal-email-config-section .config-section-header{gap:12px}.paypal-email-config-section .section-icon{width:40px;height:40px;font-size:1.2rem}}.lengo-account-config-section{background:var(--card-bg, #1a1a2e);border-radius:5px;padding:28px;border:1px solid rgba(255,255,255,.06)}.lengo-account-config-section .config-section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.lengo-account-config-section .section-icon.lengo{width:48px;height:48px;border-radius:5px;background:linear-gradient(135deg,#f60,#ff8c00);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.lengo-account-config-section .section-title-group h2{font-size:1.15rem;font-weight:700;color:var(--text-primary, #fff);margin:0}.lengo-account-config-section .section-title-group p{font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .55));margin:4px 0 0}.lengo-method-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:20px}.lengo-method-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:5px;border:2px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:all .2s ease}.lengo-method-option:hover{border-color:#ffffff26;background:#ffffff0f}.lengo-method-option.selected{border-color:#f60;background:#ff660014}.lengo-method-option .method-icon{width:32px;height:32px;border-radius:5px;object-fit:contain}.lengo-method-option .method-name{font-size:.85rem;font-weight:600;color:var(--text-primary, #fff)}.lengo-account-form{display:flex;flex-direction:column;gap:16px}.lengo-account-form .form-group{display:flex;flex-direction:column;gap:6px}.lengo-account-form label{font-size:.85rem;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .7))}.lengo-account-form .input-field{padding:12px 14px;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-primary, #fff);font-size:.95rem;outline:none;transition:border-color .2s}.lengo-account-form .input-field:focus{border-color:#f60}.lengo-account-form .input-field::placeholder{color:#ffffff4d}.lengo-account-form .error-message{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#f44}.lengo-account-form .btn-save-lengo{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:5px;border:none;background:linear-gradient(135deg,#f60,#ff8c00);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:opacity .2s,transform .15s;margin-top:4px}.lengo-account-form .btn-save-lengo:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.lengo-account-form .btn-save-lengo:disabled{opacity:.5;cursor:not-allowed}.lengo-account-config-section .status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:5px;font-size:.82rem;font-weight:600;margin-bottom:16px}.lengo-account-config-section .status-badge.verified{background:#28a7451f;color:#28a745}.lengo-account-config-section .status-badge.pending{background:#ffaa001f;color:#fa0}.lengo-account-config-section .info-box{display:flex;gap:12px;padding:14px 16px;border-radius:5px;font-size:.85rem;line-height:1.5;margin-top:16px}.lengo-account-config-section .info-box.default{background:#ffaa0014;color:#fffc}.lengo-account-config-section .info-box.success{background:#28a74514;color:#fffc}.lengo-account-config-section .info-box .info-icon{flex-shrink:0;margin-top:2px;color:#ff8c00}.lengo-account-config-section .info-box.success .info-icon{color:#28a745}.lengo-current-account{padding:14px 16px;border-radius:5px;background:#ff66000f;border:1px solid rgba(255,102,0,.15);margin-bottom:16px}.lengo-current-account .account-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.lengo-current-account .account-label{font-size:.82rem;color:var(--text-secondary, rgba(255, 255, 255, .55))}.lengo-current-account .account-value{font-size:.9rem;font-weight:600;color:var(--text-primary, #fff)}@media (max-width: 480px){.lengo-method-selector{grid-template-columns:1fr 1fr}.lengo-account-config-section{padding:20px}}.payment-threshold-info-section.payment-threshold-info{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:18px;border:1px solid var(--glass-border)}.payment-threshold-info-section .threshold-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.payment-threshold-info-section .section-icon{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.section-title-group h2,.payment-threshold-info-section .payment-threshold-info p{color:var(--text-primary)!important}.payment-threshold-info-section .section-icon.threshold{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-primary)}.payment-threshold-info-section .section-title-group h2{font-size:1.05rem;font-weight:600;color:var(--text-primary)!important;margin:0 0 4px}.payment-threshold-info-section .section-title-group p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4}.payment-threshold-info-section .threshold-content{display:flex;flex-direction:column;gap:14px}.payment-threshold-info-section .threshold-amount{display:flex;flex-direction:column;align-items:center;padding:18px;background:#ffffff0d;border-radius:var(--border-radius-sm);gap:6px;border:1px solid var(--primary-color)}.payment-threshold-info-section .amount-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);font-weight:600}.payment-threshold-info-section .amount-value{font-size:2rem;font-weight:700;color:var(--success-color)}.payment-threshold-info-section .threshold-description{display:flex;gap:10px;padding:12px;background:#06ffa514;border:1px solid rgba(6,255,165,.2);border-radius:6px}.payment-threshold-info-section .desc-icon{color:var(--success-color);font-size:.95rem;flex-shrink:0;margin-top:1px}.payment-threshold-info-section .threshold-description p{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}.payment-threshold-info-section .threshold-rules{padding:14px;background:#ffffff0d;border-radius:6px;border:1px solid var(--glass-border)}.payment-threshold-info-section .threshold-rules h3{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0 0 10px;text-transform:uppercase;letter-spacing:.3px}.payment-threshold-info-section .threshold-rules ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.payment-threshold-info-section .threshold-rules li{font-size:.8rem;color:var(--text-secondary);padding-left:18px;position:relative;line-height:1.45}.payment-threshold-info-section .threshold-rules li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}@media (max-width: 768px){.payment-threshold-info-section.payment-threshold-info{padding:16px}.payment-threshold-info-section .threshold-amount{padding:20px}.payment-threshold-info-section .amount-value{font-size:1.75rem}}.payment-threshold-info-section .threshold-withdrawal-action{margin-top:20px;padding-top:20px;border-top:1px solid var(--glass-border)}.payment-threshold-info-section .btn-threshold-withdraw{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-primary);border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.payment-threshold-info-section .btn-threshold-withdraw:hover{transform:translateY(-1px);box-shadow:0 4px 16px #c4963e40}.payment-threshold-info-section .threshold-pending-badge{background:#ffa50014;border:1px solid rgba(255,165,0,.2);border-radius:8px;padding:12px 16px;text-align:center;font-size:.85rem;color:orange}.payment-threshold-info-section .threshold-not-eligible{background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;padding:12px 16px;text-align:center;font-size:.85rem;color:var(--text-secondary)}.paiement-config .paiement-config-container{padding:20px;max-width:1700px;margin:0 auto}.paiement-config .config-content{display:flex;flex-direction:column;gap:16px}.paiement-config .config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.paiement-config .loading-spinner{width:48px;height:48px;border:4px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;animation:paiement-config-spin 1s linear infinite}@keyframes paiement-config-spin{to{transform:rotate(360deg)}}.paiement-config .config-loading p{color:var(--text-secondary);font-size:.95rem}@media (max-width: 768px){.paiement-config .paiement-config-container{padding:16px}.paiement-config .config-content{gap:16px}}.payments-header{margin-bottom:20px}.payments-header .payments-header-content{display:flex;flex-direction:column;gap:4px}.payments-header .payments-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.payments-header .payments-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.payments-header .payments-title{font-size:1.35rem}.payments-header .payments-subtitle{font-size:.8rem}}.overview-date-filter{display:inline-flex;align-items:center;gap:6px;position:relative}.overview-date-filter .filter-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.overview-date-filter .filter-trigger:hover{border-color:#fff3;background:#ffffff0f;color:var(--text-primary)}.overview-date-filter .filter-trigger.active{border-color:var(--primary-color);background:#c4963e14;color:var(--primary-color)}.overview-date-filter .filter-icon{font-size:.75rem}.overview-date-filter .chevron{font-size:.65rem;transition:transform .2s ease}.overview-date-filter .chevron.open{transform:rotate(180deg)}.overview-date-filter .filter-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;border:none;background:#ef476f1f;color:var(--error-color, #ef476f);cursor:pointer;font-size:.7rem;transition:all .2s ease}.overview-date-filter .filter-clear:hover{background:#ef476f40}.overview-date-filter .filter-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;background:var(--bg-01, #1a1a2e);border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:8px;z-index:100;box-shadow:0 8px 24px #0006;animation:filterDropIn .15s ease}@keyframes filterDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.overview-date-filter .filter-presets{display:flex;flex-direction:column;gap:2px}.overview-date-filter .preset-btn{display:block;width:100%;text-align:left;padding:8px 12px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease}.overview-date-filter .preset-btn:hover{background:#ffffff0f;color:var(--text-primary)}.overview-date-filter .preset-btn.active{background:#c4963e1f;color:var(--primary-color);font-weight:600}.overview-date-filter .filter-custom{border-top:1px solid rgba(255,255,255,.06);margin-top:8px;padding-top:10px}.overview-date-filter .custom-date-row{display:flex;gap:8px;margin-bottom:10px}.overview-date-filter .custom-date-field{flex:1;display:flex;flex-direction:column;gap:4px}.overview-date-filter .custom-date-field label{font-size:.72rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.overview-date-filter .custom-date-field input{padding:7px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-primary, #fff);font-size:.8rem;outline:none;width:100%;transition:border-color .2s}.overview-date-filter .custom-date-field input:focus{border-color:var(--primary-color)}.overview-date-filter .btn-apply-custom{width:100%;padding:8px;border-radius:5px;border:none;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-primary, #fff);font-size:.82rem;font-weight:700;cursor:pointer;transition:opacity .2s}.overview-date-filter .btn-apply-custom:hover:not(:disabled){opacity:.9}.overview-date-filter .btn-apply-custom:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.overview-date-filter .filter-trigger .filter-label{max-width:160px;overflow:hidden;text-overflow:ellipsis}.overview-date-filter .filter-dropdown{right:auto;left:0;min-width:240px}.overview-date-filter .custom-date-row{flex-direction:column}}.payments-overview{margin-bottom:24px}.payments-overview .overview-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.payments-overview .overview-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.payments-overview .overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.payments-overview .overview-card{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:18px;border:1px solid var(--glass-border);display:flex;align-items:center;gap:14px;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.payments-overview .overview-card:before{content:"";position:absolute;inset:0;background:#ffffff08;opacity:0;transition:opacity var(--transition-speed)}.payments-overview .overview-card:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e1f}.payments-overview .overview-card:hover:before{opacity:1}.payments-overview .card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-primary);flex-shrink:0;box-shadow:0 2px 8px #c4963e26}.payments-overview .card-blue .card-icon{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.payments-overview .card-green .card-icon{background:linear-gradient(135deg,var(--success-color) 0%,rgba(6,255,165,.7) 100%)}.payments-overview .card-orange .card-icon,.payments-overview .card-purple .card-icon{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.payments-overview .card-gold .card-icon{background:linear-gradient(135deg,#c4963e,#e6b94d)}.payments-overview .card-teal .card-icon{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.payments-overview .card-content{flex:1;display:flex;flex-direction:column;gap:4px}.payments-overview .card-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.payments-overview .card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.payments-overview .card-subtitle{font-size:.7rem;color:var(--text-secondary);opacity:.7;margin-top:2px}@media (max-width: 768px){.payments-overview .overview-grid{grid-template-columns:1fr;gap:12px}.payments-overview .overview-card{padding:14px}.payments-overview .card-icon{width:44px;height:44px;font-size:1.1rem}.payments-overview .card-value{font-size:1.3rem}}.platform-paypal-config{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:16px;border:1px solid var(--glass-border)}.platform-paypal-config .config-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.platform-paypal-config .section-icon{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.platform-paypal-config .section-icon.paypal{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-primary)}.platform-paypal-config .section-title-group h2{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.platform-paypal-config .section-title-group p{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.4}.platform-paypal-config .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;margin-bottom:14px}.platform-paypal-config .status-badge.verified{background:#06ffa51f;color:var(--success-color)}.platform-paypal-config .config-form{display:flex;flex-direction:column;gap:14px}.platform-paypal-config .form-group{display:flex;flex-direction:column;gap:6px}.platform-paypal-config .form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.platform-paypal-config .input-field{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:.9rem;transition:all .3s;box-sizing:border-box}.platform-paypal-config .input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.platform-paypal-config .input-field:disabled{opacity:.5;cursor:not-allowed}.platform-paypal-config .field-hint{font-size:.7rem;color:var(--text-muted);margin-top:2px}.platform-paypal-config .error-message{display:flex;align-items:center;gap:6px;color:var(--error-color);font-size:.85rem}.platform-paypal-config .btn-save{width:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-primary);border:none;padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px}.platform-paypal-config .btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #c4963e26}.platform-paypal-config .btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.platform-paypal-config{padding:14px}}.platform-lengo-config-section{background:var(--card-bg, #1a1a2e);border-radius:5px;padding:28px;border:1px solid rgba(255,255,255,.06)}.platform-lengo-config-section .config-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.platform-lengo-config-section .section-icon.lengo{width:48px;height:48px;border-radius:5px;background:linear-gradient(135deg,#f60,#ff8c00);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.platform-lengo-config-section .section-title-group h2{font-size:1.15rem;font-weight:700;color:var(--text-primary, #fff);margin:0}.platform-lengo-config-section .section-title-group p{font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .55));margin:4px 0 0}.platform-lengo-config-section .status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:5px;font-size:.82rem;font-weight:600;margin-bottom:16px}.platform-lengo-config-section .status-badge.active{background:#28a7451f;color:#28a745}.platform-lengo-config-section .status-badge.inactive{background:#ffa5001f;color:orange}.platform-lengo-config-section .config-form{display:flex;flex-direction:column;gap:16px}.platform-lengo-config-section .form-group{display:flex;flex-direction:column;gap:6px}.platform-lengo-config-section label{font-size:.85rem;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .7))}.platform-lengo-config-section .input-field{padding:12px 14px;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-primary, #fff);font-size:.95rem;outline:none;transition:border-color .2s}.platform-lengo-config-section .input-field:focus{border-color:#f60}.platform-lengo-config-section .field-hint{font-size:.78rem;color:var(--text-secondary, rgba(255, 255, 255, .45))}.platform-lengo-config-section .toggle-group{display:flex;align-items:center;justify-content:space-between}.platform-lengo-config-section .toggle-switch{position:relative;width:48px;height:26px;background:#ffffff1a;border-radius:13px;cursor:pointer;transition:background .25s;border:none;padding:0}.platform-lengo-config-section .toggle-switch.active{background:#28a745}.platform-lengo-config-section .toggle-switch .toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s}.platform-lengo-config-section .toggle-switch.active .toggle-knob{transform:translate(22px)}.platform-lengo-config-section .methods-group{display:flex;flex-wrap:wrap;gap:10px}.platform-lengo-config-section .method-checkbox{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:all .2s;font-size:.85rem;color:var(--text-primary, #fff)}.platform-lengo-config-section .method-checkbox:hover{border-color:#ffffff26}.platform-lengo-config-section .method-checkbox.checked{border-color:#f60;background:#ff660014}.platform-lengo-config-section .method-checkbox img{width:22px;height:22px;border-radius:5px;object-fit:contain}.platform-lengo-config-section .error-message{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#f44}.platform-lengo-config-section .btn-save{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:5px;border:none;background:linear-gradient(135deg,#f60,#ff8c00);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:opacity .2s}.platform-lengo-config-section .btn-save:hover:not(:disabled){opacity:.9}.platform-lengo-config-section .btn-save:disabled{opacity:.5;cursor:not-allowed}.platform-lengo-config-section .form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.platform-lengo-config-section .btn-cancel-edit{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:5px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text-secondary, rgba(255, 255, 255, .6));font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s}.platform-lengo-config-section .btn-cancel-edit:hover:not(:disabled){border-color:#ffffff4d;color:#fff}.platform-lengo-config-section .btn-cancel-edit:disabled{opacity:.5;cursor:not-allowed}.platform-lengo-config-section .btn-edit-config{display:flex;align-items:center;gap:8px;margin-left:auto;padding:9px 18px;border-radius:5px;border:1px solid rgba(255,102,0,.5);background:#ff660014;color:#ff8c00;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.platform-lengo-config-section .btn-edit-config:hover{background:#ff660029;border-color:#f60}.platform-lengo-config-section .lengo-config-summary{display:flex;flex-direction:column;gap:0;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:5px;overflow:hidden}.platform-lengo-config-section .summary-row{display:flex;align-items:flex-start;gap:16px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.platform-lengo-config-section .summary-row:last-child{border-bottom:none}.platform-lengo-config-section .summary-label{min-width:130px;font-size:.8rem;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .45));padding-top:1px}.platform-lengo-config-section .summary-value{flex:1;font-size:.9rem;color:var(--text-primary, rgba(255, 255, 255, .85));word-break:break-all}.platform-lengo-config-section .summary-code{font-family:monospace;font-size:.85rem;letter-spacing:.03em;color:orange}.platform-lengo-config-section .summary-methods{display:flex;flex-wrap:wrap;gap:8px}.platform-lengo-config-section .summary-method-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:5px;background:#ff66001a;border:1px solid rgba(255,102,0,.25);font-size:.8rem;color:var(--text-primary, #fff);font-weight:500}.platform-lengo-config-section .summary-method-badge img{width:18px;height:18px;border-radius:3px;object-fit:contain}.pending-payouts{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:18px;border:1px solid var(--glass-border)}.pending-payouts .payouts-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.pending-payouts .section-icon{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.pending-payouts .section-icon.pending{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-primary)}.pending-payouts .section-title-group h2{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.pending-payouts .section-title-group p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4}.pending-payouts .payouts-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.pending-payouts .payout-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:6px;border:1px solid var(--glass-border);transition:all var(--transition-speed);animation:pending-payouts-slide-in .4s ease-out backwards}@keyframes pending-payouts-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.pending-payouts .payout-item:hover{background:#ffffff14;border-color:var(--primary-color)}.pending-payouts .payout-info{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.pending-payouts .artist-avatar{width:42px;height:42px;border-radius:50%;background:#c4963e1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);font-size:1.1rem}.pending-payouts .artist-details{flex:1;min-width:0}.pending-payouts .artist-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-payouts .artist-email{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-payouts .request-date{font-size:.7rem;color:var(--text-secondary);margin-top:2px}.pending-payouts .payout-method-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;font-size:.7rem;font-weight:600;margin-top:4px}.pending-payouts .payout-method-badge.paypal{background:#0077b51a;color:#0077b5}.pending-payouts .payout-method-badge.lengo{background:#ff66001a;color:#f60}.pending-payouts .payout-amount{display:flex;align-items:center;gap:6px;font-size:.95rem;font-weight:700;color:var(--success-color);flex-shrink:0}.pending-payouts .amount-icon{font-size:.85rem}.pending-payouts .payout-actions{display:flex;gap:6px;flex-shrink:0}.pending-payouts .btn-approve,.pending-payouts .btn-reject{width:36px;height:36px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed);font-size:.9rem}.pending-payouts .btn-approve{background:#06ffa51f;color:var(--success-color)}.pending-payouts .btn-approve:hover{background:var(--success-color);color:var(--bg-02);transform:scale(1.05)}.pending-payouts .btn-reject{background:#ef476f1f;color:var(--error-color)}.pending-payouts .btn-reject:hover{background:var(--error-color);color:var(--text-primary);transform:scale(1.05)}.pending-payouts .payouts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:10px;color:var(--text-secondary)}.pending-payouts .payouts-empty svg{font-size:2.5rem;opacity:.3}.pending-payouts .payouts-empty p{font-size:.95rem;font-weight:600;margin:0;color:var(--text-primary)}.pending-payouts .payouts-empty span{font-size:.75rem;text-align:center}@media (max-width: 768px){.pending-payouts{padding:14px}.pending-payouts .payout-item{flex-direction:column;align-items:stretch;gap:10px}.pending-payouts .payout-amount{justify-content:center;font-size:1.1rem}.pending-payouts .payout-actions{justify-content:center}}.admin-payments-container{padding:20px;max-width:1700px;margin:0 auto}.admin-payments-container .payments-content{display:flex;flex-direction:column;gap:24px}.admin-payments-container .payments-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-payments-container .payments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.admin-payments-container .loading-spinner{width:48px;height:48px;border:4px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;animation:admin-payments-spin 1s linear infinite}@keyframes admin-payments-spin{to{transform:rotate(360deg)}}.admin-payments-container .payments-loading p{color:var(--text-secondary);font-size:.95rem}@media (max-width: 1024px){.admin-payments-container .payments-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-payments-container{padding:16px}.admin-payments-container .payments-content,.admin-payments-container .payments-grid{gap:16px}}.all-transactions-header{margin-bottom:20px}.all-transactions-header .header-content{display:flex;flex-direction:column;gap:4px}.all-transactions-header .header-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.all-transactions-header .header-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.all-transactions-header .header-title{font-size:1.35rem}.all-transactions-header .header-subtitle{font-size:.8rem}}.transactions-filters{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:16px;border:1px solid var(--glass-border)}.transactions-filters .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.transactions-filters .filter-group{display:flex;flex-direction:column;gap:6px}.transactions-filters .filter-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.transactions-filters .filter-select,.transactions-filters .filter-input{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:.85rem;transition:all var(--transition-speed);box-sizing:border-box}.transactions-filters .filter-select:focus,.transactions-filters .filter-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.transactions-filters .filter-select{cursor:pointer}.transactions-filters .filter-input::placeholder{color:var(--text-secondary)}@media (max-width: 768px){.transactions-filters{padding:12px}.transactions-filters .filters-grid{grid-template-columns:1fr;gap:12px}}.all-transactions-list{background:var(--bg-01);border-radius:var(--border-radius-sm);border:1px solid var(--glass-border);overflow:hidden}.all-transactions-list .transactions-cards{display:none}.all-transactions-list .transactions-table-container{overflow-x:auto}.all-transactions-list .transactions-table{width:100%;border-collapse:collapse}.all-transactions-list .transactions-table thead{background:#ffffff0d}.all-transactions-list .transactions-table th{padding:12px 14px;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.all-transactions-list .transactions-table tbody tr{border-top:1px solid var(--glass-border);transition:background var(--transition-speed);animation:all-transactions-list-slide-in .4s ease-out backwards}@keyframes all-transactions-list-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.all-transactions-list .transactions-table tbody tr:hover{background:#ffffff08}.all-transactions-list .transactions-table td{padding:12px 14px;font-size:.85rem;color:var(--text-primary)}.all-transactions-list .artist-cell{display:flex;flex-direction:column;gap:2px}.all-transactions-list .artist-name{font-weight:600;color:var(--text-primary)}.all-transactions-list .artist-email{font-size:.75rem;color:var(--text-secondary)}.all-transactions-list .description{display:block;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all-transactions-list .date{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.all-transactions-list .amount,.all-transactions-list .commission{font-weight:600;white-space:nowrap}.all-transactions-list .artist-revenue{display:flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap}.all-transactions-list .artist-revenue.positive{color:var(--success-color)}.all-transactions-list .artist-revenue.negative{color:var(--error-color)}.all-transactions-list .type-badge,.all-transactions-list .status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:14px;font-size:.7rem;font-weight:600;white-space:nowrap}.all-transactions-list .type-badge.type-sale{background:#06ffa51f;color:var(--success-color)}.all-transactions-list .type-badge.type-payout{background:#c4963e1f;color:var(--primary-color)}.all-transactions-list .type-badge.type-refund{background:#ef476f1f;color:var(--error-color)}.all-transactions-list .status-badge.status-completed{background:#06ffa51f;color:var(--success-color)}.all-transactions-list .status-badge.status-pending{background:#c4963e1f;color:var(--primary-color)}.all-transactions-list .status-badge.status-failed{background:#ef476f1f;color:var(--error-color)}.all-transactions-list .status-badge.status-cancelled{background:#ffffff14;color:var(--text-secondary)}.all-transactions-list .transactions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--text-secondary)}.all-transactions-list .transactions-empty svg{font-size:3rem;opacity:.3}.all-transactions-list .transactions-empty p{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.all-transactions-list .transactions-empty span{font-size:.85rem;text-align:center}@media (max-width: 1024px){.all-transactions-list .transactions-table-container{display:none}.all-transactions-list .transactions-cards{display:flex;flex-direction:column;gap:12px;padding:12px}.all-transactions-list .transaction-card{background:#ffffff0d;border-radius:var(--border-radius-sm);padding:14px;border:1px solid var(--glass-border);animation:all-transactions-list-slide-in .4s ease-out backwards}.all-transactions-list .card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.all-transactions-list .artist-info{flex:1;min-width:0}.all-transactions-list .artist-info .artist-name{font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all-transactions-list .artist-info .artist-email{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all-transactions-list .card-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px;line-height:1.4}.all-transactions-list .card-details{display:flex;flex-direction:column;gap:8px}.all-transactions-list .detail-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.all-transactions-list .detail-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.all-transactions-list .detail-value{font-size:.85rem;color:var(--text-primary);font-weight:600}.all-transactions-list .detail-value.amount,.all-transactions-list .detail-value.commission{font-weight:700}}@media (max-width: 768px){.all-transactions-list .transactions-cards{padding:10px;gap:10px}.all-transactions-list .transaction-card{padding:12px}}.admin-transactions-container{padding:20px;max-width:1700px;margin:0 auto}.admin-transactions-container .transactions-content{display:flex;flex-direction:column;gap:20px}.admin-transactions-container .transactions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.admin-transactions-container .loading-spinner{width:48px;height:48px;border:4px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;animation:admin-transactions-spin 1s linear infinite}@keyframes admin-transactions-spin{to{transform:rotate(360deg)}}.admin-transactions-container .transactions-loading p{color:var(--text-secondary);font-size:.95rem}@media (max-width: 768px){.admin-transactions-container{padding:16px}.admin-transactions-container .transactions-content{gap:16px}}.revenue-stats-header{margin-bottom:20px}.revenue-stats-header .header-content{display:flex;flex-direction:column;gap:4px}.revenue-stats-header .header-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.revenue-stats-header .header-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.revenue-stats-header .header-title{font-size:1.35rem}.revenue-stats-header .header-subtitle{font-size:.8rem}}.platform-revenue-cards{margin-bottom:24px}.platform-revenue-cards .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.platform-revenue-cards .revenue-card{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:18px;border:1px solid var(--glass-border);display:flex;align-items:center;gap:14px;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.platform-revenue-cards .revenue-card:before{content:"";position:absolute;inset:0;background:#ffffff08;opacity:0;transition:opacity var(--transition-speed)}.platform-revenue-cards .revenue-card:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 4px 12px #c4963e1f}.platform-revenue-cards .revenue-card:hover:before{opacity:1}.platform-revenue-cards .card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-primary);flex-shrink:0;box-shadow:0 2px 8px #c4963e26}.platform-revenue-cards .card-blue .card-icon{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.platform-revenue-cards .card-green .card-icon{background:linear-gradient(135deg,var(--success-color) 0%,rgba(6,255,165,.7) 100%)}.platform-revenue-cards .card-purple .card-icon,.platform-revenue-cards .card-orange .card-icon{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.platform-revenue-cards .card-content{flex:1;display:flex;flex-direction:column;gap:4px}.platform-revenue-cards .card-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.platform-revenue-cards .card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}@media (max-width: 768px){.platform-revenue-cards .cards-grid{grid-template-columns:1fr;gap:12px}.platform-revenue-cards .revenue-card{padding:14px}.platform-revenue-cards .card-icon{width:44px;height:44px;font-size:1.1rem}.platform-revenue-cards .card-value{font-size:1.3rem}}.revenue-chart-section{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:20px;border:1px solid var(--glass-border)}.revenue-chart-section .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.revenue-chart-section .chart-header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.revenue-chart-section .period-selector{display:flex;gap:6px;background:#ffffff0d;padding:4px;border-radius:6px}.revenue-chart-section .period-selector button{padding:6px 12px;border:none;background:transparent;color:var(--text-secondary);border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed)}.revenue-chart-section .period-selector button:hover{background:#ffffff14;color:var(--text-primary)}.revenue-chart-section .period-selector button.active{background:var(--primary-color);color:var(--bg-02)}.revenue-chart-section .chart-legend{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.revenue-chart-section .legend-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary)}.revenue-chart-section .legend-color{width:16px;height:16px;border-radius:3px;flex-shrink:0}.revenue-chart-section .chart-container{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:280px;padding:10px 0;position:relative}.revenue-chart-section .chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;animation:revenue-chart-section-bar-grow .6s ease-out backwards}@keyframes revenue-chart-section-bar-grow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.revenue-chart-section .bars-wrapper{flex:1;display:flex;align-items:flex-end;gap:4px;width:100%;padding:0 4px}.revenue-chart-section .chart-bar{flex:1;min-height:4px;border-radius:4px 4px 0 0;position:relative;transition:all var(--transition-speed);cursor:pointer}.revenue-chart-section .revenue-bar,.revenue-chart-section .commission-bar{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.revenue-chart-section .chart-bar:hover{filter:brightness(1.2);transform:scaleY(1.02)}.revenue-chart-section .bar-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#000000e6;color:var(--text-primary);padding:8px 10px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s;pointer-events:none;z-index:10;box-shadow:0 4px 12px #0000004d}.revenue-chart-section .bar-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6}.revenue-chart-section .chart-bar:hover .bar-tooltip{opacity:1;visibility:visible}.revenue-chart-section .tooltip-label{font-size:.7rem;opacity:.7;margin-bottom:2px}.revenue-chart-section .tooltip-value{font-size:.85rem;font-weight:700}.revenue-chart-section .chart-label{font-size:.7rem;color:var(--text-secondary);text-align:center;white-space:nowrap}@media (max-width: 768px){.revenue-chart-section{padding:16px}.revenue-chart-section .chart-header{flex-direction:column;align-items:stretch}.revenue-chart-section .period-selector{width:100%;justify-content:space-between}.revenue-chart-section .period-selector button{flex:1;font-size:.75rem;padding:6px 8px}.revenue-chart-section .chart-container{height:240px;gap:8px}.revenue-chart-section .chart-label{font-size:.65rem}}.top-artists-section{background:var(--bg-01);border-radius:var(--border-radius);padding:24px;border:1px solid var(--glass-border)}.top-artists-section .section-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.top-artists-section .header-icon{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-primary);flex-shrink:0;box-shadow:0 4px 12px #c4963e26}.top-artists-section .header-title-group h2{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.top-artists-section .header-title-group p{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.top-artists-section .artists-slider-wrapper{position:relative;padding:0}.top-artists-section .artists-slider-container{display:flex;scroll-behavior:smooth;overflow-x:auto;overflow-y:hidden;padding:1rem 0;gap:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.top-artists-section .artists-slider-container::-webkit-scrollbar{display:none}.top-artists-section .slider-nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#000000b3;color:var(--white);border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;transition:all var(--transition-speed) ease;opacity:0}.top-artists-section .artists-slider-wrapper:hover .slider-nav-button{opacity:.8}.top-artists-section .slider-nav-button:hover:not(:disabled){background-color:var(--primary-color);opacity:1;transform:translateY(-50%) scale(1.1)}.top-artists-section .slider-nav-button:disabled{opacity:0!important;cursor:not-allowed}.top-artists-section .left-nav{left:-15px}.top-artists-section .right-nav{right:-15px}.top-artists-section .artist-card{position:relative;flex-shrink:0;width:220px;background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:20px;display:flex;flex-direction:column;align-items:center;transition:all var(--transition-speed) ease;animation:top-artists-slide-in .4s ease-out backwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes top-artists-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.top-artists-section .artist-card:hover{background:linear-gradient(145deg,#c4963e26,#ffffff14);border-color:var(--primary-color);transform:translateY(-8px);box-shadow:0 8px 24px #c4963e33}.top-artists-section .artist-rank-badge{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;align-items:center;gap:2px}.top-artists-section .artist-rank-badge svg{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.top-artists-section .artist-rank-badge span{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.top-artists-section .artist-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 12px #c4963e4d;border:3px solid rgba(255,255,255,.1);transition:all var(--transition-speed) ease}.top-artists-section .artist-card:hover .artist-avatar{transform:scale(1.1);box-shadow:0 6px 20px #c4963e66}.top-artists-section .artist-initials{font-size:1.8rem;font-weight:700;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.2)}.top-artists-section .artist-card-content{text-align:center;width:100%}.top-artists-section .artist-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-artists-section .artist-sales{font-size:.8rem;color:var(--text-secondary);margin:0 0 16px}.top-artists-section .artist-stats-grid{display:flex;flex-direction:column;gap:10px;width:100%;padding-top:16px;border-top:1px solid var(--glass-border)}.top-artists-section .stat-box{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;background:#ffffff08;border-radius:var(--border-radius-sm);transition:all var(--transition-speed) ease}.top-artists-section .artist-card:hover .stat-box{background:#ffffff0f}.top-artists-section .stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.top-artists-section .stat-value{font-size:.95rem;font-weight:700;white-space:nowrap}.top-artists-section .stat-value.revenue{color:var(--text-primary)}.top-artists-section .stat-value.commission{color:var(--success-color)}@media (max-width: 768px){.top-artists-section{padding:16px}.top-artists-section .artists-slider-container{padding:1rem 10px}.top-artists-section .artist-card{width:180px;padding:16px}.top-artists-section .artist-avatar{width:60px;height:60px}.top-artists-section .artist-initials{font-size:1.4rem}.top-artists-section .slider-nav-button{display:none!important}}.admin-revenue-stats-container{padding:20px;max-width:1700px;margin:0 auto}.admin-revenue-stats-container .revenue-stats-content{display:flex;flex-direction:column;gap:24px}.admin-revenue-stats-container .revenue-stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.admin-revenue-stats-container .loading-spinner{width:48px;height:48px;border:4px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;animation:admin-revenue-stats-spin 1s linear infinite}@keyframes admin-revenue-stats-spin{to{transform:rotate(360deg)}}.admin-revenue-stats-container .revenue-stats-loading p{color:var(--text-secondary);font-size:.95rem}.admin-revenue-stats-container .revenue-stats-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center}.admin-revenue-stats-container .revenue-stats-error p{color:var(--text-secondary);font-size:1rem}.admin-revenue-stats-container .btn-retry{background:var(--primary-color);color:var(--text-primary);border:none;padding:12px 24px;border-radius:var(--border-radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed)}.admin-revenue-stats-container .btn-retry:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width: 768px){.admin-revenue-stats-container{padding:16px}.admin-revenue-stats-container .revenue-stats-content{gap:16px}}.payment-logs-header{margin-bottom:20px}.payment-logs-header .header-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.payment-logs-header .header-left{display:flex;flex-direction:column;gap:4px}.payment-logs-header .header-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px}.payment-logs-header .header-icon{color:var(--primary-color);font-size:1.2rem}.payment-logs-header .header-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.payment-logs-header .last-refresh{color:var(--text-secondary);font-style:italic;opacity:.8}.payment-logs-header .header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.payment-logs-header .btn-auto-refresh{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s ease}.payment-logs-header .btn-auto-refresh:hover{background:#ffffff1a;color:var(--text-primary)}.payment-logs-header .btn-auto-refresh.active{background:#06ffa51a;border-color:#06ffa54d;color:var(--success-color, #06ffa5)}.payment-logs-header .btn-auto-refresh.active svg{color:var(--success-color, #06ffa5)}.payment-logs-header .btn-manual-refresh{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.payment-logs-header .btn-manual-refresh:hover{background:#ffffff1a;color:var(--primary-color);transform:rotate(45deg)}@media (max-width: 768px){.payment-logs-header .header-content{flex-direction:column;align-items:flex-start}.payment-logs-header .header-title{font-size:1.35rem}.payment-logs-header .header-subtitle{font-size:.8rem}.payment-logs-header .header-actions{align-self:flex-end}.payment-logs-header .btn-auto-refresh span{display:none}.payment-logs-header .btn-auto-refresh{padding:8px}}.payment-logs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px}.payment-logs-stats .stat-card{display:flex;align-items:center;gap:12px;background:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:14px 16px;animation:stats-fade-in .4s ease-out backwards}@keyframes stats-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.payment-logs-stats .stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1rem;flex-shrink:0}.payment-logs-stats .stat-info{display:flex;flex-direction:column;gap:2px;min-width:0}.payment-logs-stats .stat-value{font-size:1.3rem;font-weight:700;color:var(--text-primary);line-height:1}.payment-logs-stats .stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.payment-logs-stats{grid-template-columns:repeat(1,1fr);gap:10px}.payment-logs-stats .stat-card{padding:12px;gap:10px}.payment-logs-stats .stat-icon{width:36px;height:36px;font-size:.9rem}.payment-logs-stats .stat-value{font-size:1.1rem}}.payment-logs-filters{background:var(--bg-01);border-radius:var(--border-radius-sm);padding:16px;border:1px solid var(--glass-border)}.payment-logs-filters .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.payment-logs-filters .filter-group{display:flex;flex-direction:column;gap:6px}.payment-logs-filters .filter-group.filter-search{grid-column:span 1}.payment-logs-filters .filter-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.payment-logs-filters .filter-select,.payment-logs-filters .filter-input{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:.85rem;transition:all var(--transition-speed);box-sizing:border-box}.payment-logs-filters .filter-select:focus,.payment-logs-filters .filter-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.payment-logs-filters .filter-select{cursor:pointer}.payment-logs-filters .filter-input::placeholder{color:var(--text-secondary)}@media (max-width: 768px){.payment-logs-filters{padding:12px}.payment-logs-filters .filters-grid{grid-template-columns:1fr;gap:12px}}.payment-logs-list{background:var(--bg-01);border-radius:var(--border-radius-sm);border:1px solid var(--glass-border);overflow:hidden}.payment-logs-list .logs-cards{display:none}.payment-logs-list .logs-table-container{overflow-x:auto}.payment-logs-list .logs-table{width:100%;border-collapse:collapse}.payment-logs-list .logs-table thead{background:#ffffff0d}.payment-logs-list .logs-table th{padding:10px 12px;text-align:left;font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.payment-logs-list .logs-table tbody tr{border-top:1px solid var(--glass-border);transition:background var(--transition-speed);animation:logs-slide-in .4s ease-out backwards}@keyframes logs-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.payment-logs-list .logs-table tbody tr:hover{background:#ffffff08}.payment-logs-list .logs-table td{padding:10px 12px;font-size:.8rem;color:var(--text-primary);vertical-align:middle}.payment-logs-list .date{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.payment-logs-list .user-cell{display:flex;flex-direction:column;gap:1px}.payment-logs-list .user-name{font-weight:600;font-size:.8rem;color:var(--text-primary)}.payment-logs-list .user-email{font-size:.7rem;color:var(--text-secondary)}.payment-logs-list .artist-name{font-weight:500}.payment-logs-list .tx-type{font-size:.75rem;text-transform:capitalize;color:var(--text-secondary)}.payment-logs-list .amount{font-weight:600;white-space:nowrap}.payment-logs-list .order-id{font-family:monospace;font-size:.7rem;color:var(--text-secondary);cursor:default}.payment-logs-list .error-cell{font-size:.75rem;color:var(--text-secondary);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.payment-logs-list .error-cell.has-error{color:var(--error-color)}.payment-logs-list .btn-detail{background:none;border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;padding:6px 8px;border-radius:6px;font-size:.75rem;transition:all var(--transition-speed)}.payment-logs-list .btn-detail:hover{background:#c4963e1f;color:var(--primary-color);border-color:var(--primary-color)}.payment-logs-list .event-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:12px;font-size:.65rem;font-weight:600;white-space:nowrap}.payment-logs-list .status-badge{display:inline-block;padding:3px 8px;border-radius:10px;font-size:.65rem;font-weight:600;white-space:nowrap}.payment-logs-list .status-badge.status-success{background:#06ffa51f;color:var(--success-color)}.payment-logs-list .status-badge.status-failed{background:#ef476f1f;color:var(--error-color)}.payment-logs-list .status-badge.status-cancelled{background:#ffffff14;color:var(--text-secondary)}.payment-logs-list .status-badge.status-pending{background:#c4963e1f;color:var(--primary-color)}.payment-logs-list .status-badge.status-info{background:#3498db1f;color:#3498db}.payment-logs-list .source-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-secondary);font-weight:500}.payment-logs-list .logs-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--glass-border);flex-wrap:wrap}.payment-logs-list .pagination-left{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-secondary)}.payment-logs-list .pagination-limit-label{font-weight:500;white-space:nowrap}.payment-logs-list .pagination-limit-select{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);padding:4px 8px;font-size:.8rem;cursor:pointer;transition:all var(--transition-speed)}.payment-logs-list .pagination-limit-select:hover,.payment-logs-list .pagination-limit-select:focus{border-color:var(--primary-color);outline:none}.payment-logs-list .pagination-total{white-space:nowrap;opacity:.8}.payment-logs-list .pagination-pages{display:flex;align-items:center;gap:4px}.payment-logs-list .pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;transition:all var(--transition-speed)}.payment-logs-list .pagination-btn:hover:not(:disabled){background:#c4963e1f;border-color:var(--primary-color);color:var(--primary-color)}.payment-logs-list .pagination-btn:disabled{opacity:.35;cursor:not-allowed}.payment-logs-list .pagination-page-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ffffff0a;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;transition:all var(--transition-speed)}.payment-logs-list .pagination-page-btn:hover{background:#ffffff1a;color:var(--text-primary)}.payment-logs-list .pagination-page-btn.active{background:var(--primary-color);color:#000;font-weight:700;border-color:var(--primary-color)}.payment-logs-list .pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:28px;height:32px;color:var(--text-secondary);font-size:.85rem;pointer-events:none}.payment-logs-list .pagination-info{font-size:.8rem;color:var(--text-secondary);font-weight:500}.payment-logs-list .logs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--text-secondary)}.payment-logs-list .logs-empty svg{font-size:3rem;opacity:.3}.payment-logs-list .logs-empty p{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.payment-logs-list .logs-empty span{font-size:.85rem;text-align:center}@media (max-width: 1024px){.payment-logs-list .logs-table-container{display:none}.payment-logs-list .logs-cards{display:flex;flex-direction:column;gap:12px;padding:12px}.payment-logs-list .log-card{background:#ffffff0d;border-radius:var(--border-radius-sm);padding:14px;border:1px solid var(--glass-border);cursor:pointer;transition:border-color var(--transition-speed);animation:logs-slide-in .4s ease-out backwards}.payment-logs-list .log-card:hover{border-color:var(--primary-color)}.payment-logs-list .card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.payment-logs-list .card-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.payment-logs-list .detail-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.payment-logs-list .detail-label{font-size:.7rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.payment-logs-list .detail-value{font-size:.8rem;color:var(--text-primary);font-weight:500;text-align:right}.payment-logs-list .error-row .error-text{color:var(--error-color);font-size:.75rem}.payment-logs-list .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--glass-border)}}@media (max-width: 768px){.payment-logs-list .logs-cards{padding:10px;gap:10px}.payment-logs-list .log-card{padding:12px}.payment-logs-list .logs-pagination{flex-direction:column;gap:12px;align-items:center}.payment-logs-list .pagination-left,.payment-logs-list .pagination-pages{flex-wrap:wrap;justify-content:center}}.payment-log-detail-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:detail-overlay-in .2s ease-out}@keyframes detail-overlay-in{0%{opacity:0}to{opacity:1}}.payment-log-detail{background:var(--bg-02, #1a1a2e);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);width:100%;max-width:640px;max-height:85vh;overflow-y:auto;animation:detail-slide-in .25s ease-out}@keyframes detail-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-log-detail .detail-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--glass-border);position:sticky;top:0;background:var(--bg-02, #1a1a2e);z-index:1}.payment-log-detail .detail-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.payment-log-detail .btn-close{background:none;border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;padding:8px 10px;border-radius:8px;font-size:.85rem;transition:all var(--transition-speed)}.payment-log-detail .btn-close:hover{background:#ef476f26;color:var(--error-color);border-color:var(--error-color)}.payment-log-detail .detail-body{padding:20px}.payment-log-detail .detail-table{width:100%;border-collapse:collapse;margin-bottom:16px}.payment-log-detail .detail-table th{text-align:left;padding:8px 12px 8px 0;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;width:40%;vertical-align:top}.payment-log-detail .detail-table td{padding:8px 0;font-size:.85rem;color:var(--text-primary);word-break:break-all}.payment-log-detail .detail-table td.mono{font-family:monospace;font-size:.8rem;color:var(--primary-color)}.payment-log-detail .detail-table tr{border-bottom:1px solid rgba(255,255,255,.04)}.payment-log-detail .detail-section{margin-top:16px}.payment-log-detail .detail-section h3{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px}.payment-log-detail .error-content{background:#ef476f14;border:1px solid rgba(239,71,111,.2);border-radius:8px;padding:12px;font-size:.8rem;color:var(--error-color);white-space:pre-wrap;word-break:break-all;overflow-x:auto;margin:0;font-family:monospace}.payment-log-detail .metadata-content{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:8px;padding:12px;font-size:.75rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-all;overflow-x:auto;margin:0;font-family:monospace;max-height:200px;overflow-y:auto}@media (max-width: 768px){.payment-log-detail-overlay{padding:10px;align-items:flex-end}.payment-log-detail{max-height:90vh;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}.payment-log-detail .detail-header{padding:14px 16px}.payment-log-detail .detail-body{padding:16px}.payment-log-detail .detail-table th{font-size:.7rem;width:35%}.payment-log-detail .detail-table td{font-size:.8rem}}.admin-payment-logs{padding:20px;max-width:1700px;margin:0 auto}.admin-payment-logs .payment-logs-content{display:flex;flex-direction:column;gap:20px}.admin-payment-logs .payment-logs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.admin-payment-logs .loading-spinner{width:48px;height:48px;border:4px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;animation:payment-logs-spin 1s linear infinite}@keyframes payment-logs-spin{to{transform:rotate(360deg)}}.admin-payment-logs .payment-logs-loading p{color:var(--text-secondary);font-size:.95rem}.admin-payment-logs .payment-logs-error{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;text-align:center;color:var(--text-secondary)}.admin-payment-logs .btn-retry{padding:10px 24px;background:var(--primary-color);color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;transition:opacity var(--transition-speed)}.admin-payment-logs .btn-retry:hover{opacity:.85}@media (max-width: 768px){.admin-payment-logs{padding:5px}.admin-payment-logs .payment-logs-content{gap:16px}}.devenir-artiste-page{padding:20px 0;max-width:900px;margin:0 auto}.da-hero{text-align:center;padding:40px 30px;background:linear-gradient(135deg,#c4963e26,#c4963e0d);border:1px solid var(--glass-border);border-radius:var(--border-radius);margin-bottom:30px}.da-hero-icon{font-size:3em;color:var(--primary-color);margin-bottom:15px}.da-hero h1{font-size:1.8em;color:var(--text-primary);margin:0 0 10px}.da-hero p{font-size:1em;color:var(--text-secondary);max-width:600px;margin:0 auto}.da-status-banner{display:flex;align-items:center;gap:15px;padding:20px;border-radius:var(--border-radius);margin-bottom:30px;border:1px solid var(--glass-border)}.da-status-banner.status-pending{background:#ffd1661a;border-color:var(--warning-color)}.da-status-banner.status-approved{background:#67c0901a;border-color:var(--success-color)}.da-status-banner.status-rejected{background:#ef476f1a;border-color:var(--error-color)}.da-status-icon{font-size:1.8em;flex-shrink:0}.da-status-banner.status-pending .da-status-icon{color:var(--warning-color)}.da-status-banner.status-approved .da-status-icon{color:var(--success-color)}.da-status-banner.status-rejected .da-status-icon{color:var(--error-color)}.da-status-content h3{margin:0 0 5px;font-size:1.1em;color:var(--text-primary)}.da-status-content p{margin:0;font-size:.9em;color:var(--text-secondary)}.da-advantages{margin-bottom:30px}.da-advantages h2{font-size:1.3em;color:var(--text-primary);margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.da-advantages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.da-advantage-card{background-color:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:20px;transition:all var(--transition-speed)}.da-advantage-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #c4963e26}.da-advantage-icon{font-size:1.5em;color:var(--primary-color);margin-bottom:10px}.da-advantage-card h3{font-size:1em;color:var(--text-primary);margin:0 0 8px}.da-advantage-card p{font-size:.85em;color:var(--text-secondary);margin:0;line-height:1.5}.da-process{margin-bottom:30px}.da-process h2{font-size:1.3em;color:var(--text-primary);margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.da-steps{display:flex;flex-direction:column;gap:0}.da-step{display:flex;align-items:flex-start;gap:15px;padding:15px 0;position:relative}.da-step:not(:last-child):after{content:"";position:absolute;left:18px;top:50px;bottom:-15px;width:2px;background:var(--glass-border)}.da-step.step-completed:not(:last-child):after{background:var(--success-color)}.da-step-number{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85em;flex-shrink:0;border:2px solid var(--glass-border);color:var(--text-secondary);background:var(--card-bg);transition:all var(--transition-speed)}.da-step.step-active .da-step-number{border-color:var(--primary-color);color:var(--primary-color);background:#c4963e26}.da-step.step-completed .da-step-number{border-color:var(--success-color);color:var(--success-color);background:#67c09026}.da-step-content h4{margin:0 0 4px;font-size:.95em;color:var(--text-primary)}.da-step-content p{margin:0;font-size:.85em;color:var(--text-secondary)}.da-form-section{background-color:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:30px;margin-bottom:30px}.da-form-section h2{font-size:1.3em;color:var(--text-primary);margin:0 0 5px}.da-form-section .da-form-subtitle{font-size:.9em;color:var(--text-secondary);margin:0 0 25px}.da-form-group{margin-bottom:20px}.da-form-group label{display:block;margin-bottom:6px;font-size:.9em;color:var(--text-secondary);font-weight:500}.da-form-group label .required-star{color:var(--error-color)}.da-form-group input,.da-form-group textarea,.da-form-group select{width:100%;padding:12px;background-color:var(--bg-01);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--border-radius);font-size:.95em;transition:all var(--transition-speed);box-sizing:border-box}.da-form-group input:focus,.da-form-group textarea:focus,.da-form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c4963e1a}.da-form-group input:disabled,.da-form-group textarea:disabled,.da-form-group select:disabled{opacity:.6;cursor:not-allowed}.da-form-group textarea{resize:vertical;min-height:60px}.da-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.da-btn{padding:12px 24px;border:none;border-radius:var(--border-radius);font-weight:600;font-size:.95em;cursor:pointer;transition:all var(--transition-speed);display:inline-flex;align-items:center;gap:8px}.da-btn-primary{background-color:var(--primary-color);color:#fff}.da-btn-primary:hover{box-shadow:0 4px 12px #c4963e4d;transform:translateY(-1px)}.da-btn-primary:disabled{background-color:#fff3;color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.da-btn-secondary{background-color:var(--bg-02);color:var(--text-primary);border:1px solid var(--glass-border)}.da-btn-secondary:hover{border-color:var(--primary-color)}.da-payment-section{background-color:var(--card-bg);border:1px solid var(--success-color);border-radius:var(--border-radius);padding:30px;margin-bottom:30px}.da-payment-section h2{font-size:1.3em;color:var(--text-primary);margin:0 0 5px}.da-payment-section .da-payment-subtitle{font-size:.9em;color:var(--text-secondary);margin:0 0 25px}.da-fee-display{text-align:center;padding:20px;background:#c4963e1a;border-radius:var(--border-radius);margin-bottom:25px}.da-fee-amount{font-size:2em;font-weight:700;color:var(--primary-color);margin:0}.da-fee-label{font-size:.85em;color:var(--text-secondary);margin:5px 0 0}.da-payment-state{text-align:center;padding:30px 20px}.da-payment-state .state-icon{font-size:2.5em;margin-bottom:15px;display:block}.da-payment-state h3{margin:0 0 8px;font-size:1.1em;color:var(--text-primary)}.da-payment-state p{margin:0;font-size:.9em;color:var(--text-secondary)}.da-payment-state small{display:block;margin-top:10px;font-size:.8em;color:var(--text-muted)}.da-payment-state--processing .state-icon{color:var(--primary-color)}.da-payment-state--success .state-icon{color:var(--success-color)}.da-processing-warning{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;padding:10px 15px;background:#ffd1661a;border:1px solid rgba(255,209,102,.3);border-radius:var(--border-radius);font-size:.8em;color:var(--warning-color)}.da-payment-error{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:20px;background:#ef476f1a;border:1px solid rgba(239,71,111,.3);border-radius:var(--border-radius);font-size:.85em;color:var(--error-color)}.da-payment-error span{flex:1}.da-btn-retry{background:none;border:1px solid var(--error-color);color:var(--error-color);padding:5px 12px;border-radius:var(--border-radius);font-size:.85em;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap;transition:all var(--transition-speed)}.da-btn-retry:hover{background:#ef476f26}.da-paypal-section{margin-bottom:10px;min-height:50px}.da-paypal-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;color:var(--text-secondary);font-size:.9em}.da-lengo-section{width:100%}.da-security-note{text-align:center;font-size:.8em;color:var(--text-muted);margin:16px 0 0}.da-security-note svg{margin-right:4px}.da-status-banner.status-success{background:#67c09026;border-color:var(--success-color)}.da-status-banner.status-success .da-status-icon{color:var(--success-color)}.da-status-banner.status-processing{background:#00b4d81a;border-color:#00b4d8}.da-status-banner.status-processing .da-status-icon{color:#00b4d8}.da-payment-methods{display:flex;gap:12px;margin-bottom:20px}.da-payment-method-btn{flex:1;padding:15px;background-color:var(--bg-01);border:2px solid var(--glass-border);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;text-align:center;transition:all var(--transition-speed)}.da-payment-method-btn:hover{border-color:var(--primary-color)}.da-payment-method-btn.selected{border-color:var(--primary-color);background:#c4963e1a}.da-payment-method-btn .method-icon{font-size:1.5em;margin-bottom:8px;display:block}.da-payment-method-btn .method-label{font-size:.85em;font-weight:600}.da-payment-instructions{background-color:var(--bg-01);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:20px;margin-bottom:20px}.da-payment-instructions h4{margin:0 0 12px;font-size:.95em;color:var(--primary-color)}.da-payment-instructions ol{margin:0;padding-left:20px;color:var(--text-secondary);font-size:.9em}.da-payment-instructions ol li{margin-bottom:8px;line-height:1.5}.da-payment-instructions .da-phone-number{font-weight:700;color:var(--primary-color);font-family:monospace;font-size:1.1em}.da-loading{text-align:center;padding:60px 20px;color:var(--primary-color)}.da-loading p{margin-top:15px;color:var(--text-secondary)}@media (max-width: 768px){.devenir-artiste-page{padding:15px}.da-hero{padding:25px 20px}.da-hero h1{font-size:1.4em}.da-advantages-grid{grid-template-columns:1fr}.da-payment-methods{flex-direction:column}.da-payment-error{flex-direction:column;text-align:center}.da-form-actions{flex-direction:column}.da-btn{width:100%;justify-content:center}.da-form-section,.da-payment-section{padding:20px}}.payment-return-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);padding:20px;font-family:Inter,Segoe UI,sans-serif}.payment-return-card{background:#1e1e28f2;border-radius:20px;padding:40px;max-width:520px;width:100%;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.06);text-align:center}.payment-return-brand{margin-bottom:30px}.payment-return-logo{height:40px;object-fit:contain}.payment-return-content{display:flex;flex-direction:column;align-items:center;gap:16px}.payment-return-icon{font-size:4rem;margin-bottom:10px}.payment-return--success .payment-return-icon{color:#4caf50}.payment-return--pending .payment-return-icon,.payment-return--loading .payment-return-icon{color:#ff9800}.payment-return--failed .payment-return-icon,.payment-return--error .payment-return-icon{color:#f44336}.payment-return--timeout .payment-return-icon{color:#ff9800}.payment-return-content h1{font-size:1.6rem;font-weight:700;color:#fff;margin:0}.payment-return-content p{color:#ffffffb3;font-size:.95rem;line-height:1.6;margin:0}.payment-return-txid{font-size:.8rem!important;color:#fff6!important;word-break:break-all;font-family:monospace}.payment-return-help{font-size:.85rem!important;color:#ffffff80!important}.payment-return-progress{width:100%;max-width:300px;margin-top:10px}.payment-return-progress .progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.payment-return-progress .progress-fill{height:100%;background:linear-gradient(90deg,#ff9800,#ffc107);border-radius:3px;transition:width .5s ease}.payment-return-progress small{color:#fff6;font-size:.75rem}.payment-return-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;justify-content:center}.payment-return-actions .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-color, #FF6B00);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.payment-return-actions .btn-primary:hover{background:var(--primary-hover, #e65c00);transform:translateY(-1px)}.payment-return-actions .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.payment-return-actions .btn-secondary:hover{background:#ffffff0d;border-color:#fff6;color:#fff}@media (max-width: 480px){.payment-return-card{padding:24px}.payment-return-content h1{font-size:1.3rem}.payment-return-icon{font-size:3rem}.payment-return-actions{flex-direction:column;width:100%}.payment-return-actions .btn-primary,.payment-return-actions .btn-secondary{width:100%;justify-content:center}}.error-boundary-container{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem;width:100%}.error-boundary-card{background:var(--bg-02, #1a1a2e);border:1px solid var(--border-01, #333);border-radius:12px;padding:2rem;max-width:500px;text-align:center;color:var(--text-primary, #fff)}.error-boundary-card h2{margin:0 0 .5rem;font-size:1.2rem}.error-boundary-card p{margin:0 0 1rem;color:var(--text-secondary, #aaa);font-size:.9rem}.error-boundary-details{background:#0000004d;border-radius:6px;padding:.75rem;margin:0 0 1rem;font-size:.75rem;color:#ff6b6b;text-align:left;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary-actions{display:flex;gap:.75rem;justify-content:center}.error-boundary-btn{padding:.5rem 1.25rem;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:opacity .2s}.error-boundary-btn:hover{opacity:.85}.error-boundary-btn.retry{background:var(--accent, #6c5ce7);color:#fff}.error-boundary-btn.reload{background:var(--bg-03, #2d2d44);color:var(--text-primary, #fff)}body{margin:0;font-family:sans-serif;color:var(--text-primary)}.home-page{min-height:100vh;padding:20px;background-color:var(--truebg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}:root{--primary-color: #c4963e;--primary-dark: #d89a51;--success-color: #67C090;--warning-color: #FFD166;--error-color: #EF476F;--info-color: var(--primary-color);--white: #ffffff;--black: #000000;--sidebar-bg-fixed: #0f0f0f;--sidebar-text-fixed: #ffffff;--sidebar-hover-fixed: rgba(255, 255, 255, .1);--player-height: 70px;--header-height: 50px;--sidebar-width: 230px;--sidebar-collapsed: 80px;--border-radius: 5px;--border-radius-sm: 8px;--border-radius-lg: 16px;--transition-speed: .3s;--transition-smooth: cubic-bezier(.4, 0, .2, 1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primary-gradient: linear-gradient(135deg, var(--primary-color), var(--primary-dark));--glass-gradient: rgba(255, 255, 255, .05)}body,body.theme-sombre{--bg-main: #161616;--bg-content: #161616;--card-bg: #2a2a2a;--card-hover-bg: #333333;--glass-bg: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #888888;--border-color: rgba(255, 255, 255, .1);--card-border: rgba(255, 255, 255, .1);--card-border-hover: rgba(255, 255, 255, .2);--card-shadow: none;--card-shadow-hover: 0 10px 40px rgba(0, 0, 0, .4);--box-shadow-hover: 0 12px 48px rgba(78, 205, 196, .25);--bg-01: #2a2a2a;--bg-02: #3a3a3a;--glass-border: rgba(255, 255, 255, .1);--overlay-bg: rgba(15, 14, 23, .75)}body.theme-clair,body.theme-light,.light-theme{--bg-main: #f0f0f0;--bg-content: #f9f9f9;--card-bg: #ffffff;--card-hover-bg: #f5f5f5;--glass-bg: rgba(0, 0, 0, .03);--text-primary: #000000;--text-secondary: #555555;--text-muted: #888888;--border-color: rgba(0, 0, 0, .1);--card-border: rgba(0, 0, 0, .06);--card-border-hover: rgba(0, 0, 0, .1);--card-shadow: 0 8px 24px rgba(0, 0, 0, .08);--card-shadow-hover: 0 16px 40px rgba(0, 0, 0, .12);--box-shadow-hover: 0 16px 40px rgba(0, 0, 0, .12);--bg-01: #ffffff;--bg-02: #f5f5f5;--glass-border: rgba(0, 0, 0, .08);--overlay-bg: rgba(255, 255, 255, .85)}*{font-family:var(--font-family);box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--bg-main);color:var(--text-primary);transition:background-color var(--transition-speed),color var(--transition-speed)}@media (max-width: 768px){html,body{width:100vw;max-width:100vw;overflow-x:hidden}body{position:relative}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#555;border-radius:6px;border:2px solid var(--bg-main)}::-webkit-scrollbar-thumb:hover{background:#777}