.notification-center{position:relative;display:inline-block}.notification-trigger{position:relative;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-trigger:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.notification-trigger.has-unread{color:var(--color-primary)}.notification-badge{position:absolute;top:-2px;right:-2px;background:#f44;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 2px;line-height:1;border:2px solid white;box-shadow:0 1px 3px #0003}.notification-dropdown{position:absolute;top:100%;right:0;width:320px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #0000001a;z-index:1000;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.notification-header{padding:16px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary)}.mark-all-read-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:background .2s ease}.mark-all-read-btn:hover{background:var(--color-bg-secondary)}.notification-list{flex:1;overflow-y:auto;max-height:300px}.notification-loading,.notification-empty{padding:32px 16px;text-align:center;color:var(--color-text-secondary)}.notification-empty{display:flex;flex-direction:column;align-items:center;gap:8px}.notification-empty p{margin:0;font-size:14px}.notification-item{padding:12px 16px;border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:all .2s ease;position:relative}.notification-item:hover{background:var(--color-bg-secondary);border-left:3px solid var(--color-primary)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#ff66000d}.notification-content{flex:1;display:flex;align-items:flex-start;gap:8px}.notification-icon{flex-shrink:0;margin-top:2px}.notification-text{flex:1}.notification-text h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.3}.notification-text p{margin:0 0 4px;font-size:13px;color:var(--color-text-secondary);line-height:1.4}.notification-time{font-size:11px;color:var(--color-text-tertiary)}.unread-indicator{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:6px;height:6px;background:var(--color-primary);border-radius:50%}.notification-delete{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;opacity:0}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background:var(--color-bg-tertiary);color:var(--color-error)}.notification-footer{padding:12px 16px;border-top:1px solid var(--color-border);text-align:center}.view-all-link{color:var(--color-primary);text-decoration:none;font-size:13px;font-weight:500;transition:color .2s ease}.view-all-link:hover{color:var(--color-primary-hover)}@media (max-width: 768px){.notification-dropdown{width:280px;right:-40px}}@media (prefers-color-scheme: dark){.notification-dropdown{box-shadow:0 8px 24px #0000004d}}.admin-layout{display:flex;min-height:100vh;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar{background:linear-gradient(180deg,#1a1a1a,#2d2d2d);color:#fff;transition:width .3s ease;display:flex;flex-direction:column;min-height:100vh;box-shadow:2px 0 10px #0000001a}.sidebar.open{width:260px}.sidebar.closed{width:80px}.sidebar-header{padding:20px;border-bottom:1px solid #404040;display:flex;align-items:center;justify-content:space-between;min-height:60px;position:relative}.logo h2{margin:0;color:#ff6b35;font-size:24px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.logo span{color:#ccc;font-size:12px;display:block;margin-top:4px}.sidebar.closed .logo{display:none}.sidebar.closed .sidebar-header{justify-content:center;padding:20px 10px}.sidebar.closed .sidebar-toggle{position:absolute;right:50%;transform:translate(50%)}.sidebar-toggle{background:none;border:none;color:#ccc;cursor:pointer;font-size:16px;padding:8px;border-radius:4px;transition:background-color .2s}.sidebar-toggle:hover{background-color:#404040}.sidebar-nav{flex:1;padding:20px 0}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#ccc;text-decoration:none;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background-color:#404040;color:#fff}.nav-item.active{background-color:#ff6b35;color:#fff;border-left-color:#ff8c42}.nav-icon{font-size:20px;margin-right:12px;min-width:20px}.sidebar.closed .nav-text{display:none}.sidebar.closed .nav-item{justify-content:center;padding:12px 10px}.sidebar.closed .nav-icon{margin-right:0}.sidebar-footer{padding:20px;border-top:1px solid #404040}.user-section{display:flex;flex-direction:column;gap:20px}.language-section{display:flex;flex-direction:column;gap:8px}.language-header{display:flex;align-items:center;gap:8px;color:#ccc;font-size:14px;font-weight:500}.language-select-sidebar{background:#404040;border:1px solid #555;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;outline:none;transition:all .2s}.language-select-sidebar:hover{background:#505050;border-color:#ff6b35}.language-select-sidebar:focus{border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533}.user-menu-section{position:relative}.user-info-btn{background:none;border:none;padding:0;cursor:pointer;width:100%;text-align:left;color:inherit;border-radius:8px;transition:background-color .2s}.user-info-btn:hover{background:#ffffff1a}.user-info{display:flex;align-items:center;padding:8px}.user-avatar{width:40px;height:40px;border-radius:50%;background:#ff6b35;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px;font-size:16px}.user-details{flex:1}.user-name{display:block;font-weight:500;font-size:14px;color:#fff}.user-role{display:block;color:#ccc;font-size:12px;text-transform:capitalize}.menu-arrow{margin-left:8px;transition:transform .2s;color:#ccc}.menu-arrow.rotated{transform:rotate(180deg)}.user-dropdown{position:absolute;bottom:100%;left:0;right:0;background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin-bottom:8px;box-shadow:0 4px 12px #0000004d;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:#ccc;cursor:pointer;font-size:14px;text-align:left;transition:all .2s;border-radius:8px}.dropdown-item:hover{background:#404040;color:#fff}.logout-item:hover{background:#dc3545;color:#fff}.user-info-collapsed{display:flex;justify-content:center;align-items:center}.sidebar.closed .user-section{align-items:center}.sidebar.closed .language-section,.sidebar.closed .user-menu-section{display:none}.sidebar.closed .user-info-collapsed{display:flex}.sidebar.open .user-info-collapsed{display:none}.sidebar.closed .user-avatar{margin-right:0}.main-content{flex:1;display:flex;flex-direction:column}.main-header{background:#000;border-bottom:1px solid #e5e5e5;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:100}.header-content{width:100%;display:flex;align-items:center;justify-content:space-between}.header-title{font-size:18px;font-weight:600;color:#333}.header-actions{display:flex;align-items:center;gap:16px}.page-content{flex:1;padding:0;overflow-y:auto}@media (max-width: 768px){.sidebar.open{width:100%;position:fixed;z-index:1000}.sidebar.closed{width:0;overflow:hidden}.page-content{padding:0}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-background{position:fixed;inset:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);z-index:-2}.login-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,107,53,.1) 0%,transparent 70%);z-index:-1}.login-content{width:100%;max-width:480px;padding:20px;z-index:1}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;overflow:hidden;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;padding:30px;text-align:center;position:relative}.logo h1{margin:0;font-size:32px;font-weight:700;letter-spacing:-1px}.logo span{display:block;margin-top:8px;font-size:16px;opacity:.9;font-weight:300}.language-switcher{position:absolute;top:20px;right:20px}.language-select{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;padding:6px 10px;font-size:12px;cursor:pointer;outline:none}.language-select option{background:#333;color:#fff}.login-form-container{padding:40px 30px 30px}.login-form-container h2{margin:0 0 30px;color:#333;font-size:24px;font-weight:600;text-align:center}.login-form,.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.form-group input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333;background:#fafafa;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#ff6b35;background:#fff;box-shadow:0 0 0 3px #ff6b351a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fff5f5;border:1px solid #feb2b2;color:#e53e3e;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.login-button{width:100%;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #ff6b354d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.login-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.login-footer p{margin:0;color:#999;font-size:12px}@media (max-width: 480px){.login-content{padding:10px}.login-header{padding:25px 20px}.logo h1{font-size:28px}.login-form-container{padding:30px 20px 20px}.login-form-container h2{font-size:20px}.form-group input{padding:12px 14px;font-size:16px}.login-button{padding:14px 20px}}.dashboard{max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:30px}.dashboard-header h1{margin:0 0 10px;color:#333;font-size:32px;font-weight:700}.dashboard-header p{margin:0;color:#666;font-size:16px}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.stat-icon{margin-right:20px;opacity:.8;color:#ff6b35}.stat-content h3{margin:0 0 5px;font-size:32px;font-weight:700;color:#333;line-height:1}.stat-content p{margin:0;color:#666;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dashboard-content{margin-top:40px}.dashboard-section h2{margin:0 0 25px;color:#333;font-size:24px;font-weight:600}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.activity-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.activity-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.activity-card h3{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;padding-bottom:12px;border-bottom:2px solid #ff6b35;display:inline-block}.activity-list{max-height:300px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f0f0f0}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-icon{margin-right:15px;margin-top:2px;opacity:.7;color:#6c757d}.activity-content{flex:1;min-width:0}.activity-content h4{margin:0 0 4px;color:#333;font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-content p{margin:0 0 4px;color:#666;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{color:#999;font-size:11px;font-weight:500}.no-data{color:#999;font-style:italic;text-align:center;padding:40px 20px;font-size:14px}@media (max-width: 768px){.dashboard-header h1{font-size:28px}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px}.stat-icon{margin-right:15px}.stat-content h3{font-size:28px}.activity-grid{grid-template-columns:1fr;gap:20px}.activity-card{padding:20px}.dashboard-section h2{font-size:20px}}@media (max-width: 480px){.dashboard-header h1{font-size:24px}.dashboard-header p{font-size:14px}.stat-card{padding:16px}.stat-icon{margin-right:12px}.stat-content h3{font-size:24px}.stat-content p{font-size:12px}.activity-card{padding:16px}.activity-card h3{font-size:16px}}.artist-form-page{padding:20px;max-width:1200px;margin:0 auto}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.form-header h1{margin:0;color:#1a1a1a;font-size:28px;font-weight:600}.form-actions{display:flex;gap:12px}.form-tabs{display:flex;background:#fff;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 2px 4px #0000001a;margin-bottom:0}.tab-button{padding:16px 24px;background:#f8f9fa;border:none;border-bottom:3px solid transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1;text-align:center}.tab-button:hover{background:#e9ecef;color:#333}.tab-button.active{background:#fff;color:#ff6b35;border-bottom-color:#ff6b35}.artist-form{background:#fff;border-radius:0 0 8px 8px;padding:32px;box-shadow:0 2px 4px #0000001a}.tab-content{max-width:800px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.form-row.triple{grid-template-columns:1fr 1fr 1fr}.form-group label{font-size:14px;font-weight:600;color:#333}.form-input,.form-select,.form-textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s ease;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.form-textarea{resize:vertical;min-height:100px}.genres-grid,.singing-languages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}.singing-language-checkbox{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff3e0;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.singing-language-checkbox:hover{background:#ffe0b2}.singing-language-checkbox input[type=checkbox]{display:none}.singing-language-checkbox .checkmark{width:20px;height:20px;border:2px solid #ff9800;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.singing-language-checkbox input[type=checkbox]:checked+.checkmark{background:#ff9800;border-color:#ff9800;color:#fff}.singing-language-checkbox input[type=checkbox]:checked+.checkmark:after{content:"✓";font-size:12px;font-weight:700}.singing-language-checkbox input[type=checkbox]:checked~span{color:#ff9800;font-weight:500}.form-help{margin:0 0 12px;font-size:13px;color:#666;line-height:1.4}.genre-checkbox{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.genre-checkbox:hover{background:#e9ecef}.genre-checkbox input[type=checkbox]{display:none}.genre-checkbox .checkmark{width:20px;height:20px;border:2px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.genre-checkbox input[type=checkbox]:checked+.checkmark{background:#ff6b35;border-color:#ff6b35;color:#fff}.genre-checkbox input[type=checkbox]:checked+.checkmark:after{content:"✓";font-size:12px;font-weight:700}.genre-checkbox input[type=checkbox]:checked~span{color:#ff6b35;font-weight:500}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;margin-top:8px}.checkbox-label input[type=checkbox]{display:none}.checkbox-label .checkmark{width:20px;height:20px;border:2px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#ff6b35;border-color:#ff6b35;color:#fff}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";font-size:12px;font-weight:700}.bio-language-tabs{display:flex;gap:4px;margin-bottom:24px}.language-tab{padding:10px 20px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.language-tab:hover{background:#e9ecef;color:#333}.language-tab.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.bio-forms,.image-upload-section{display:flex;flex-direction:column;gap:20px}.image-preview{align-self:flex-start}.image-preview img{width:120px;height:120px;object-fit:cover;border-radius:8px;border:2px solid #e0e0e0}.upload-controls{display:flex;flex-direction:column;gap:12px}.file-input{display:none}.file-input-label{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:#f8f9fa;border:2px dashed #ccc;border-radius:8px;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;align-self:flex-start}.file-input-label:hover{background:#e9ecef;border-color:#999;color:#333}.upload-help{font-size:12px;color:#666;margin:0}.upload-progress{display:flex;align-items:center;gap:12px;padding:12px;background:#e3f2fd;border-radius:6px;color:#1976d2;font-size:14px}.upload-progress .spinner{width:16px;height:16px;border:2px solid #bbdefb;border-top:2px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}@media (max-width: 768px){.artist-form-page{padding:16px}.form-header{flex-direction:column;gap:16px;align-items:stretch}.form-actions{justify-content:stretch}.form-actions .btn{flex:1}.form-tabs{flex-wrap:wrap}.tab-button{flex:none;min-width:120px}.artist-form{padding:20px}.form-row{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.form-row.triple,.genres-grid{grid-template-columns:1fr}.bio-language-tabs{flex-wrap:wrap}.image-upload-section{align-items:center;text-align:center}}@media (max-width: 480px){.form-header h1{font-size:24px}.tab-button{padding:12px 16px;font-size:13px}.artist-form{padding:16px}}.confirm-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.confirm-dialog{background:#fff;border-radius:12px;max-width:400px;width:100%;box-shadow:0 10px 25px #0000004d;overflow:hidden;animation:dialogSlideIn .3s ease-out}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header{padding:20px 24px 16px;border-bottom:1px solid #e0e0e0}.dialog-header.danger{background:linear-gradient(135deg,#ffebee,#fce4ec);border-bottom-color:#ffcdd2}.dialog-header.warning{background:linear-gradient(135deg,#fff8e1,#fff3c4);border-bottom-color:#ffe0b2}.dialog-header.info{background:linear-gradient(135deg,#e3f2fd,#e1f5fe);border-bottom-color:#bbdefb}.dialog-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.dialog-content{padding:20px 24px}.dialog-content p{margin:0;color:#555;line-height:1.5;font-size:14px}.dialog-actions{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:80px}.btn-secondary:hover{background:#f8f9fa;border-color:#ccc}.btn-danger:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 8px #f443364d}.btn-warning{background:#ff9800;color:#fff;border:2px solid transparent}.btn-warning:hover{background:#f57c00;transform:translateY(-1px);box-shadow:0 4px 8px #ff98004d}.btn-info{background:#2196f3;color:#fff;border:2px solid transparent}.btn-info:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}@media (max-width: 480px){.confirm-dialog{margin:20px;max-width:none}.dialog-actions{flex-direction:column}.btn{width:100%}}.artists-page{padding:20px;max-width:100%;overflow-x:hidden}.page-header{margin-bottom:24px}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-content h1{margin:0;color:#1a1a1a;font-size:28px;font-weight:600}.filters-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.filters-row{display:flex;gap:20px;align-items:end;flex-wrap:wrap}.search-box{position:relative;min-width:300px;flex:1}.search-input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#ff6b35}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:150px}.filter-group label{font-size:12px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px}.filter-select{padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s ease}.filter-select:focus{outline:none;border-color:#ff6b35}.stats-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:6px;margin-bottom:16px;font-size:14px;color:#666}.table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.artists-table{width:100%;border-collapse:collapse;font-size:14px}.artists-table th{background:#f8f9fa;padding:16px 12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;white-space:nowrap}.artists-table td{padding:16px 12px;border-bottom:1px solid #e0e0e0;vertical-align:middle}.artists-table tr:hover{background:#f8f9fa}.artist-row{cursor:pointer;transition:background-color .2s ease}.artist-row:hover{background-color:#f0f7ff}.profile-cell{display:flex;align-items:center;justify-content:center}.profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e0e0e0}.profile-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ff8c42);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.stage-name{font-weight:600;color:#1a1a1a}.genres-list{display:flex;flex-wrap:wrap;gap:4px;max-width:200px}.genre-tag{display:inline-block;padding:4px 8px;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.singing-languages-list{display:flex;flex-wrap:wrap;gap:4px;max-width:200px}.language-tag{display:inline-block;padding:4px 8px;background:#fff3e0;color:#f57c00;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.other-spec{font-style:italic;opacity:.8}.no-languages{color:#999;font-style:italic;font-size:12px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#e8f5e8;color:#2e7d32}.status-inactive{background:#fff3e0;color:#f57c00}.status-suspended{background:#ffebee;color:#d32f2f}.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:700}.verified-badge.verified{background:#e8f5e8;color:#2e7d32}.verified-badge.unverified{background:#f5f5f5;color:#999}.actions-cell{display:flex;gap:8px;align-items:center}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:2px solid transparent}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e55a2b,#ff7a2f);transform:translateY(-1px);box-shadow:0 4px 8px #ff6b354d}.btn-secondary{background:#fff;color:#333;border:2px solid #e0e0e0}.btn-secondary:hover:not(:disabled){background:#f8f9fa;border-color:#ccc}.btn-danger{background:#f44336;color:#fff;border:2px solid transparent}.btn-danger:hover:not(:disabled){background:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 8px #f443364d}.btn-small{padding:6px 12px;font-size:12px;min-width:auto}.spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.empty-state{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#666;font-style:italic}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.page-numbers{display:flex;gap:4px}.pagination .btn{min-width:40px;padding:8px 12px}@media (max-width: 1200px){.artists-table{font-size:13px}.artists-table th,.artists-table td{padding:12px 8px}}@media (max-width: 768px){.artists-page{padding:16px}.header-content{flex-direction:column;align-items:stretch}.filters-row{flex-direction:column;gap:16px}.search-box,.filter-group{min-width:auto}.stats-bar{flex-direction:column;gap:8px;text-align:center}.table-container{overflow-x:auto}.artists-table{min-width:800px}.pagination{flex-wrap:wrap}}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#666}.placeholder-page h2{margin-bottom:16px;color:#333}.placeholder-page ul{color:#555;line-height:1.6}.media-browser-modal{max-width:900px;width:90vw;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.media-browser-modal .modal-body{display:flex;flex-direction:column;height:100%;overflow:hidden}.folder-breadcrumb{display:flex;align-items:center;gap:4px;padding:12px 0;border-bottom:1px solid #e9ecef;margin-bottom:16px;font-size:14px}.breadcrumb-item{display:flex;align-items:center;gap:6px;background:none;border:none;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;font-size:14px}.breadcrumb-item:hover{background:#f8f9fa;color:#333}.breadcrumb-item.root{color:#ff6b35;font-weight:500}.breadcrumb-item.current{color:#333;font-weight:500;cursor:default}.breadcrumb-separator{color:#ccc;margin:0 4px}.media-browser-content{flex:1;overflow-y:auto;padding-right:4px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#666}.loading-state .loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.empty-state h4{margin:16px 0 8px;color:#333}.empty-state p{margin:0;font-size:14px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.folder-item{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e9ecef;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s}.folder-item:hover{border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b351a}.folder-item.subfolder{border-color:#d6d8db}.folder-item.subfolder:hover{border-color:#ff6b35}.folder-icon{color:#ff6b35;flex-shrink:0}.folder-info{flex:1;min-width:0}.folder-name{margin:0 0 4px;font-size:16px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count{margin:0;font-size:12px;color:#666}.section-title{margin:0 0 16px;font-size:18px;font-weight:600;color:#333;border-bottom:2px solid #f1f3f4;padding-bottom:8px}.subfolders-section{margin-bottom:32px}.files-section{margin-bottom:16px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.media-item{border:2px solid #e9ecef;border-radius:12px;background:#fff;overflow:hidden;transition:all .2s}.media-item.selectable{cursor:pointer}.media-item.selectable:hover{border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b351a}.media-item.selected{border-color:#ff6b35;box-shadow:0 4px 12px #ff6b3533}.media-preview{position:relative;width:100%;height:150px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-video,.media-audio{display:flex;flex-direction:column;align-items:center;gap:8px;color:#666}.media-video svg,.media-audio svg{width:32px;height:32px}.video-duration,.audio-duration{background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500}.selection-overlay{position:absolute;inset:0;background:#ff6b35cc;display:flex;align-items:center;justify-content:center;color:#fff;z-index:1}.media-filename{margin:0 0 8px;font-size:14px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666}.file-size{font-weight:500}.upload-date{font-size:11px}.selected-file-info{padding:16px;background:#f8f9fa;border-radius:8px;margin-top:16px;border:1px solid #e9ecef}.selected-file-info h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#333}.selected-file-details{display:flex;flex-direction:column;gap:4px}.selected-file-details .filename{font-weight:500;color:#333}.selected-file-details .file-meta{font-size:12px;color:#666}.media-browser-modal .modal-footer{padding-top:16px;border-top:1px solid #e9ecef;margin-top:16px}@media (max-width: 768px){.media-browser-modal{width:95vw;max-height:90vh}.folder-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.media-preview{height:80px}.breadcrumb-item{font-size:12px;padding:3px 6px}}.media-browser-content::-webkit-scrollbar{width:6px}.media-browser-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.media-browser-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.media-browser-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.media-viewer-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-viewer-modal{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;overflow:hidden}.media-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.media-viewer-title h3{margin:0;color:#2c3e50;font-size:18px;font-weight:600}.media-viewer-actions{display:flex;gap:8px}.btn-icon{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:#6c757d;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#e9ecef;color:#495057}.btn-icon.btn-close:hover{background:#dc3545;color:#fff}.media-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;background:#000;min-height:400px;position:relative}.media-viewer-image{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;opacity:0;transition:opacity .3s ease}.media-viewer-video{max-width:100%;max-height:70vh;width:auto;height:auto;border-radius:8px;background:#000;object-fit:contain}.media-viewer-footer{padding:12px 20px;border-top:1px solid #e9ecef;background:#f8f9fa}.media-info{margin:0;color:#6c757d;font-size:14px;text-align:center}@media (max-width: 768px){.media-viewer-overlay{padding:10px}.media-viewer-modal{max-width:95vw;max-height:95vh}.media-viewer-header{padding:12px 16px}.media-viewer-title h3{font-size:16px}.media-viewer-content{min-height:300px}.media-viewer-image,.media-viewer-video{max-height:60vh}.media-viewer-footer{padding:10px 16px}}.media-viewer-content.loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;z-index:1}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.artist-detail-page{padding:30px;max-width:none;width:100%;background:#f8f9fa;min-height:100vh;box-sizing:border-box}.artist-detail-loading,.artist-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.back-btn{background:none;border:none;color:#666;font-size:14px;cursor:pointer;margin-bottom:12px;padding:6px 0;transition:color .2s}.back-btn:hover{color:#ff6b35}.artist-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;width:100%}.artist-profile{display:flex;align-items:center;gap:20px;flex:1}.artist-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #f0f0f0}.artist-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;border:3px solid #f0f0f0}.artist-info h1{margin:0 0 4px;font-size:28px;font-weight:600;color:#1a1a1a}.real-name{margin:0 0 12px;color:#666;font-size:16px}.artist-badges{display:flex;gap:8px;flex-wrap:wrap}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.status-badge.status-active{background:#d4edda;color:#155724}.status-badge.status-inactive{background:#f8d7da;color:#721c24}.status-badge.status-suspended{background:#fff3cd;color:#856404}.verified-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.verified-badge.verified{background:#d1ecf1;color:#0c5460}.verified-badge.unverified{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.tab-icon{font-size:16px}.detail-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;min-height:400px;width:100%}.tab-content{width:100%;max-width:none}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%}.overview-grid-single-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.summary-card,.activity-card,.contact-card,.stats-card,.actions-card{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #eee;transition:all .2s ease}.artist-detail-page .activity-card:hover,.artist-detail-page .contact-card:hover,.artist-detail-page .stats-card:hover,.artist-detail-page .actions-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.summary-card h3,.activity-card h3,.contact-card h3,.stats-card h3,.actions-card h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.summary-stats{display:flex;flex-direction:column;gap:16px}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-label{font-size:12px;font-weight:500;color:#666;text-transform:uppercase}.stat-value{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-actions{display:flex;gap:4px}.status-btn{padding:4px 8px;border:1px solid #ddd;background:#fff;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s}.status-btn:hover{border-color:#ff6b35}.status-btn.active{background:#ff6b35;color:#fff;border-color:#ff6b35}.verify-btn{padding:4px 12px;border:1px solid #ff6b35;background:#fff;color:#ff6b35;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s}.verify-btn:hover{background:#ff6b35;color:#fff}.activity-list,.contact-list{display:flex;flex-direction:column;gap:12px}.activity-item,.contact-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0}.activity-icon,.contact-icon{width:32px;height:32px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid #eee;color:#6c757d;flex-shrink:0}.activity-details,.contact-details{flex:1;display:flex;flex-direction:column;gap:2px}.activity-text{font-size:14px;color:#333}.activity-time{font-size:12px;color:#666}.contact-label{font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.contact-value{font-size:14px;color:#333;word-break:break-word}.contact-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;color:#999;text-align:center}.contact-empty .empty-icon{color:#ccc}.contact-empty .empty-text{font-size:14px;color:#999}.quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quick-stat{text-align:center;padding:12px;background:#fff;border-radius:6px;border:1px solid #eee}.stat-number{display:block;font-size:24px;font-weight:600;color:#ff6b35;margin-bottom:4px}.stat-label{font-size:12px;color:#666;text-transform:uppercase}.quick-actions{display:flex;flex-direction:column;gap:8px}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.action-btn.primary{background:#ff6b35;color:#fff}.action-btn.primary:hover{background:#e55a2b}.action-btn.secondary{background:#fff;color:#333;border:1px solid #ddd}.action-btn.secondary:hover{border-color:#ff6b35;color:#ff6b35}.content-section,.media-section,.social-section,.finance-section{width:100%;max-width:none}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.section-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.section-actions{display:flex;gap:8px}.content-tabs,.media-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid #eee}.content-tab-btn,.media-tab-btn{padding:12px 20px;background:none;border:none;cursor:pointer;font-weight:500;color:#666;border-bottom:2px solid transparent;transition:all .2s}.content-tab-btn:hover,.media-tab-btn:hover{color:#ff6b35}.content-tab-btn.active,.media-tab-btn.active{color:#ff6b35;border-bottom-color:#ff6b35}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px;color:#666}.media-filters{margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.filter-group{display:flex;align-items:center;gap:12px}.filter-group label{font-weight:500;color:#333;margin:0;white-space:nowrap}.category-filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px;color:#333;cursor:pointer;transition:border-color .2s}.category-filter-select:hover,.category-filter-select:focus{border-color:#ff6b35;outline:none}.media-category{margin:8px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.category-badge{background:#ff6b35;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.subcategory-text{background:#e9ecef;color:#495057;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:500;font-style:italic}.media-filename{margin:0 0 4px;font-size:14px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.folder-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;font-size:14px}.folder-name-with-edit{display:flex;align-items:center;width:100%}.folder-name{font-weight:600;color:#333;display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;transition:all .2s;flex:1}.folder-edit-icon{opacity:.5;transition:all .2s;cursor:pointer;padding:2px;border-radius:2px}.folder-edit-icon:hover{opacity:1;color:#ff6b35;background:#ff6b351a}.folder-rename-input{display:flex;align-items:center;width:100%}.folder-rename-field{flex:1;padding:4px 8px;border:2px solid #ff6b35;border-radius:4px;font-size:14px;font-weight:600;background:#fff;outline:none}.rename-input{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-weight:600;color:#333;background:#fff;min-width:120px}.rename-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533}.btn-ghost{background:none;border:none;color:inherit}.breadcrumb-item{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;color:#6c757d;font-weight:500;padding:4px 8px;border-radius:4px;transition:all .2s}.breadcrumb-item:hover:not(.current){background:#ff6b351a;color:#ff6b35}.breadcrumb-item.root{color:#ff6b35;font-weight:600}.breadcrumb-item.current{color:#333;font-weight:600;cursor:default}.breadcrumb-separator{color:#adb5bd;font-weight:400}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.folder-item{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:120px}.folder-item:hover{border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3526}.folder-item.subfolder{background:#f8f9fa;border-color:#dee2e6;min-height:100px}.folder-item.subfolder:hover{background:#fff;border-color:#ff6b35}.folder-icon{margin-bottom:12px;color:#ff6b35;opacity:.8;transition:opacity .2s}.folder-item:hover .folder-icon{opacity:1}.folder-name{margin:0 0 4px;font-size:14px;font-weight:600;color:#333}.folder-count{margin:0;font-size:12px;color:#6c757d;line-height:1.4}.folder-content{display:flex;flex-direction:column;gap:24px}.subfolders-section,.files-section{width:100%}.section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#333;padding-bottom:8px;border-bottom:2px solid #e9ecef}.media-grid .media-item{transition:all .2s}.media-grid .media-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.empty-icon{margin-bottom:16px;opacity:.3;color:#6c757d}.empty-state h4{margin:0 0 8px;font-size:18px;color:#333}.social-accounts{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.social-account{display:flex;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #eee}.social-icon{width:48px;height:48px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:16px;border:1px solid #eee;color:#6c757d}.social-icon.instagram{color:#e4405f}.social-icon.facebook{color:#1877f2}.social-icon.tiktok{color:#000}.social-icon.youtube{color:red}.social-details{flex:1;display:flex;flex-direction:column;gap:4px}.social-name{font-weight:500;color:#333}.social-status.disconnected{font-size:12px;color:#666;display:flex;align-items:center}.social-status.connected{font-size:12px;color:#28a745;font-weight:500;display:flex;align-items:center}.social-connected-info{display:flex;flex-direction:column;gap:4px}.social-username{font-size:13px;color:#333;font-weight:500}.social-link{font-size:12px;color:#ff6b35;text-decoration:none;font-weight:500}.social-link:hover{text-decoration:underline}.loading-indicator{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.loading-indicator .spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite}.social-posts{margin-top:32px}.social-posts h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.social-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.social-stat{text-align:center}.stat-label{font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.social-actions{display:flex;gap:8px;align-items:center}.social-actions .btn-sm{padding:6px 12px;font-size:12px;border-radius:6px}.social-meta{font-size:12px;color:#888;font-style:italic}.social-sync{font-size:11px;color:#999}.social-disconnected-info{display:flex;flex-direction:column;gap:4px}.social-help{font-size:12px;color:#888;font-style:italic}.social-test-panel{margin:24px 0;padding:20px;background:#fff;border:1px solid #e9ecef;border-radius:12px}.social-test-panel h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.test-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.test-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px}.test-label{font-size:13px;color:#666;font-weight:500}.test-value{font-size:13px;color:#333;font-weight:600;font-family:monospace}.test-status.active{color:#28a745;font-weight:600}.test-status.inactive{color:#dc3545;font-weight:600}.activity-placeholder{text-align:center;padding:40px;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.activity-icon{color:#1877f2;margin-bottom:12px}.activity-placeholder p{margin:0 0 8px;font-weight:500;color:#333}.finance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.finance-stat{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center;border:1px solid #eee}.finance-value{font-size:24px;font-weight:600;color:#28a745;margin-bottom:8px}.finance-label{font-size:12px;color:#666;text-transform:uppercase;font-weight:500}.finance-history h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:6px;font-size:14px}.btn-primary:hover{background:#e55a2b}.btn-secondary{background:#fff;color:#333;border:1px solid #ddd}.btn-secondary:hover{border-color:#ff6b35;color:#ff6b35}.content-list,.social-accounts,.social-posts,.finance-stats,.finance-history{width:100%;max-width:none}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;width:100%;max-width:none}.media-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.media-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.media-preview{position:relative;width:100%;height:150px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.media-image{width:100%;height:100%;object-fit:cover}.media-video,.media-audio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#666;background:linear-gradient(135deg,#f8f9fa,#e9ecef);width:100%;height:100%}.video-duration,.audio-duration{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.media-info{padding:12px}.media-filename{font-size:14px;font-weight:600;color:#333;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#666}.media-meta span{background:#f8f9fa;padding:2px 6px;border-radius:4px}.photo-date-overlay{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:6px 12px;font-size:12px;font-weight:500;text-align:center}.audio-filename-overlay{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:6px 12px;font-size:12px;font-weight:500;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-actions{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .2s}.media-item:hover .media-actions{opacity:1}.media-stats{margin-bottom:24px}.media-stats .stat-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-state{width:100%;max-width:none}.finance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;width:100%}.social-accounts{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;width:100%}@media (max-width: 768px){.artist-detail-page{padding:16px}.artist-header{flex-direction:column;align-items:flex-start}.nav-tabs{flex-wrap:wrap}.nav-tab{flex:none;min-width:100px}.overview-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.quick-stats,.finance-stats{grid-template-columns:repeat(2,1fr)}}.content-stats{display:flex;gap:16px;margin-bottom:24px}.stat-card{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.stat-group{display:flex;gap:16px}.content-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:0}.content-tab-btn{background:none;border:none;padding:12px 20px;cursor:pointer;border-radius:6px 6px 0 0;font-weight:500;color:#666;transition:all .2s;border-bottom:2px solid transparent}.content-tab-btn:hover{background:#f8f9fa;color:#333}.content-tab-btn.active{color:#ff6b35;background:#fff5f2;border-bottom-color:#ff6b35}.content-list{min-height:300px}.songs-list,.albums-list{display:flex;flex-direction:column;gap:12px}.content-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #eee;transition:all .2s}.content-item:hover{background:#f0f0f0;border-color:#ddd}.content-item.clickable{cursor:pointer}.content-item.clickable:hover{background:#fff5f2;border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b351a}.content-item .item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ff6b35;color:#fff;border-radius:8px;flex-shrink:0}.content-item .item-info{flex:1;min-width:0}.item-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#333}.item-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.content-item .item-actions{display:flex;gap:8px;align-items:center}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d}.song-modal,.album-modal{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.modal-close:hover{background:#f0f0f0}.modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.add-song-modal .modal-footer,.album-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #eee;background:#f8f9fa;margin-top:0}.add-song-modal .modal-footer .btn,.album-modal .modal-footer .btn{display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}#create-album-form .form-group,#create-album-form .form-row{margin:5px}.form-layout-columns{display:flex;gap:32px;align-items:flex-start}.form-column-left,.form-column-right{flex:1}.form-column-left,.form-column-right{min-width:0}.language-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:0}.lang-tab{background:none;border:none;padding:8px 16px;cursor:pointer;border-radius:6px 6px 0 0;font-weight:500;color:#666;transition:all .2s;border-bottom:2px solid transparent;font-size:12px;text-transform:uppercase}.lang-tab:hover{background:#f8f9fa;color:#333}.lang-tab.active{color:#ff6b35;background:#fff5f2;border-bottom-color:#ff6b35}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-helper{color:#666;font-size:12px;margin-top:4px;display:block}.checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer;margin-bottom:0}.checkbox-label input[type=checkbox]{width:auto;margin:0}.form-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.form-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}.songs-selection{margin-bottom:24px}.songs-list.available,.songs-list.selected{border:1px solid #eee;border-radius:6px;max-height:200px;overflow-y:auto}.song-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #f0f0f0}.song-item:last-child{border-bottom:none}.song-info{flex:1;min-width:0}.song-title{font-weight:500;color:#333;margin-bottom:4px}.song-duration{font-size:12px;color:#666}.track-number{background:#ff6b35;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-right:12px}.song-controls{display:flex;gap:4px}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:14px}.btn-primary:hover:not(:disabled){background:#ff5722}.btn-secondary{background:#f8f9fa;color:#666;border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#ccc}@media (max-width: 768px){.content-stats{flex-direction:column;gap:16px}.stat-group{justify-content:space-between}.form-row{grid-template-columns:1fr;gap:12px}.content-item{flex-direction:column;align-items:flex-start;gap:12px}.content-item .item-actions{width:100%;justify-content:flex-end}.modal-content{margin:20px;width:calc(100% - 40px);max-width:none}.form-layout-columns{flex-direction:column;gap:20px}.songs-list.available,.songs-list.selected{max-height:150px}}.media-selection-options{display:flex;flex-direction:column;gap:16px}.media-option-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.option-separator{color:#666;font-style:italic;font-size:14px}.btn.btn-outline{background:transparent;border:2px solid #e9ecef;color:#666;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .2s;text-decoration:none;font-weight:500}.btn.btn-outline:hover{border-color:#ff6b35;color:#ff6b35;background:#fff5f2}.selected-media-file{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;margin-top:8px}.media-file-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.file-details .filename{font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-details .file-meta{font-size:12px;color:#666}.btn-small{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;border-radius:6px;border:none;cursor:pointer;transition:all .2s;font-weight:500}.btn-small.btn-danger{background:#dc3545;color:#fff}.btn-small.btn-danger:hover{background:#c82333}.selection-help{margin:12px 0 0;font-size:13px;color:#666;line-height:1.4}.status-info,.isrc-info{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px}.status-help,.isrc-help{margin:0;font-size:13px;color:#666;line-height:1.4}.isrc-placeholder{font-style:italic;color:#999;font-size:14px}.facebook-insights{margin-bottom:2rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.facebook-insights h4{color:#1877f2;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600}.facebook-insights h4{display:flex;align-items:center;gap:8px}.posts-list{display:flex;flex-direction:column;gap:.75rem}.post-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1rem;transition:all .2s ease;display:flex;gap:1rem;align-items:flex-start}.post-item:hover{box-shadow:0 2px 8px #0000001a;border-color:#d1d5db}.post-media{flex-shrink:0;width:80px}.post-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.post-message{font-size:.9rem;line-height:1.4;color:#333;margin:0;background:#f8f9fa;padding:.75rem;border-radius:6px;border:1px solid #e9ecef;font-weight:400}.post-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.8rem}.post-date{color:#666;font-weight:500}.post-engagement{display:flex;gap:1rem;align-items:center}.engagement-stat{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#666;font-weight:500}.post-media{margin:.5rem 0}.post-attachment{margin-bottom:.5rem}.post-image{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #e9ecef}.post-video-placeholder{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#666;font-size:.9rem}.social-platform-tabs{display:flex;gap:4px;margin-bottom:2rem;border-bottom:1px solid #e9ecef;padding-bottom:0}.social-tab-btn{background:none;border:none;padding:12px 20px;cursor:pointer;border-radius:6px 6px 0 0;font-weight:500;color:#666;transition:all .2s;border-bottom:2px solid transparent;display:flex;align-items:center;gap:8px;font-size:14px}.social-tab-btn:hover{background:#f8f9fa;color:#333}.social-tab-btn.active{color:#ff6b35;background:#fff5f2;border-bottom-color:#ff6b35}.connected-indicator{color:#28a745;font-size:8px;margin-left:4px}.activity-placeholder{text-align:center;padding:3rem 2rem;color:#666;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;border:2px dashed #dee2e6;margin:1rem 0}.activity-icon{margin-bottom:1rem;color:#1877f2;filter:drop-shadow(0 2px 4px rgba(24,119,242,.2))}.activity-placeholder p{font-size:1.1rem;margin-bottom:.5rem;font-weight:500;color:#333}.activity-placeholder small{color:#666;font-style:italic}.social-posts h4{margin-bottom:1.5rem;color:#333;display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.social-posts .empty-state{text-align:center;padding:3rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;border:2px dashed #dee2e6}.social-posts .empty-state .empty-icon{color:#1877f2;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(24,119,242,.2))}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #e9ecef}.form-control{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;transition:border-color .2s ease}.form-control:focus{outline:none;border-color:#1877f2;box-shadow:0 0 0 3px #1877f21a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-help{display:block;margin-top:.25rem;font-size:.85rem;color:#666;font-style:italic}.clickable-media{cursor:pointer;transition:all .2s ease;position:relative}.clickable-media:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026;z-index:10}.post-image.clickable-media:hover{filter:brightness(1.1)}.post-video-placeholder.clickable-media:hover{background:#e9ecef!important;border-color:#adb5bd!important}.clickable-media:after{content:"";position:absolute;inset:0;background:#0000;transition:background .2s ease;border-radius:inherit}.clickable-media:hover:after{background:#0000001a}.voice-card-tab{padding:0}.voice-card-section{max-width:1200px;margin:0 auto}.voice-card-section .section-header{text-align:center;margin-bottom:32px}.voice-card-section .section-header h3{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 12px;font-size:24px;font-weight:600;color:#1a1a1a}.voice-card-section .section-header p{color:#666;font-size:16px;max-width:600px;margin:0 auto;line-height:1.5}.voice-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:32px}.voice-card-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:24px}.voice-card-card h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1a1a1a}.personality-sliders{display:flex;flex-direction:column;gap:20px}.slider-group{display:flex;flex-direction:column;gap:8px}.slider-group label{font-weight:500;color:#333;font-size:14px}.slider-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.slider-group input[type=range]::-webkit-slider-thumb{appearance:-webkit-slider-thumb;width:20px;height:20px;border-radius:50%;background:#ff6b35;cursor:pointer;box-shadow:0 2px 4px #0003}.slider-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ff6b35;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#666;margin-top:4px}.style-options,.guidelines-section,.lexicon-section{display:flex;flex-direction:column;gap:16px}.voice-card-card .form-group{display:flex;flex-direction:column;gap:8px}.voice-card-card .form-group label{font-weight:500;color:#333;font-size:14px}.voice-card-card .form-group select,.voice-card-card .form-group textarea{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s;resize:vertical}.voice-card-card .form-group select:focus,.voice-card-card .form-group textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.voice-card-actions{display:flex;justify-content:flex-end;gap:12px;margin-bottom:32px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.voice-card-preview{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.voice-card-preview h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1a1a1a}.preview-description{margin:0 0 16px;color:#666;font-size:14px}.preview-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.preview-header{background:#e9ecef;padding:12px 16px;font-weight:500;font-size:14px;color:#495057}.preview-content{padding:16px;color:#1a1a1a;line-height:1.5;font-size:15px}@media (max-width: 768px){.voice-card-grid{grid-template-columns:1fr}.voice-card-actions{flex-direction:column;align-items:stretch}.voice-card-section .section-header h3{font-size:20px;flex-direction:column;gap:8px}}.media-upload-modal{max-width:600px;width:90vw;max-height:80vh;overflow-y:auto}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:6px;font-size:14px}.form-group select,.form-group input{width:100%;padding:10px 12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group select:focus,.form-group input:focus{outline:none;border-color:#ff6b35}.form-help{display:block;color:#666;font-size:12px;margin-top:4px}.subfolder-options{display:flex;flex-direction:column;gap:12px}.radio-group{display:flex;gap:20px;margin-bottom:8px}.radio-option{display:flex;align-items:center;gap:8px;font-weight:500;color:#333;cursor:pointer;margin-bottom:0}.radio-option input[type=radio]{width:auto;margin:0;cursor:pointer}.subfolder-select,.subfolder-input{width:100%;padding:10px 12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .2s}.subfolder-select:focus,.subfolder-input:focus{outline:none;border-color:#ff6b35}.file-drop-zone{border:2px dashed #d6d8db;border-radius:12px;padding:20px;text-align:center;background:#f8f9fa;transition:all .2s;cursor:pointer;max-height:120px;min-height:120px}.file-drop-zone:hover,.file-drop-zone.drag-active{border-color:#ff6b35;background:#fff5f2;transform:translateY(-2px)}.drop-zone-content{display:flex;flex-direction:row;align-items:center;gap:12px;color:#666;height:100%;justify-content:center}.drop-zone-content p{margin:0;font-size:14px}.file-select-btn{background:#ff6b35;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.file-select-btn:hover{background:#e55a2b}.selected-files{margin-top:20px}.selected-files h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}.files-list{max-height:200px;overflow-y:auto;border:1px solid #e9ecef;border-radius:8px;background:#fff}.file-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f1f3f4;gap:12px}.file-item:last-child{border-bottom:none}.file-name{flex:1;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:12px;color:#666;min-width:60px}.remove-file-btn{background:none;border:none;color:#dc3545;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.remove-file-btn:hover{background:#f8f9fa}.loading-spinner-small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.media-upload-modal .modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e9ecef;margin-top:20px}.media-upload-modal .modal-footer .btn{display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}@media (max-width: 768px){.media-upload-modal{width:95vw;max-height:90vh}.file-drop-zone{padding:20px}.drop-zone-content{flex-direction:column;gap:8px}.media-upload-modal .modal-footer{flex-direction:column}.media-upload-modal .modal-footer .btn{width:100%}}.media-detail-modal{max-width:600px;width:90vw;max-height:85vh;overflow-y:auto}.media-detail-content{display:flex;flex-direction:column;gap:16px}.media-detail-preview{display:flex;justify-content:center;align-items:center;background:#f8f9fa;border-radius:12px;padding:20px;min-height:200px}.media-detail-preview:has(.audio-player-container){min-height:80px;padding:16px 20px}.media-detail-preview:has(.video-player-container){min-height:200px;padding:16px 20px}.detail-preview-image{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.detail-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:#666}.preview-label{font-size:14px;font-weight:500;color:#666}.audio-player-container{width:100%;display:flex;flex-direction:column;gap:8px}.full-width-audio{width:100%}.video-player-container{width:100%;display:flex;flex-direction:column;gap:8px}.full-width-video{width:100%;max-height:300px;border-radius:8px}.audio-controls{display:flex;align-items:center;gap:16px;width:100%}.play-pause-btn{background:#ff6b35;color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0}.play-pause-btn:hover{background:#e55a2b}.audio-progress{display:flex;align-items:center;gap:12px;flex:1}.time-display{font-size:12px;color:#666;font-weight:500;min-width:35px;text-align:center}.progress-bar{flex:1;height:6px;border-radius:3px;background:#e9ecef;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#ff6b35;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.progress-bar::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ff6b35;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.progress-bar::-webkit-slider-track{height:6px;border-radius:3px;background:#e9ecef}.progress-bar::-moz-range-track{height:6px;border-radius:3px;background:#e9ecef;border:none}.media-detail-info{display:flex;flex-direction:column;gap:12px}.detail-section h3{margin:0 0 12px;font-size:15px;font-weight:600;color:#333;border-bottom:2px solid #e9ecef;padding-bottom:6px}.detail-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid #f1f3f4}.detail-item:last-child{border-bottom:none}.detail-item.single-column{width:100%}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}.detail-column{display:flex;flex-direction:column}.detail-column .detail-item{border-bottom:1px solid #f1f3f4}.detail-label{display:flex;align-items:center;gap:6px;min-width:100px;font-weight:500;color:#666;font-size:13px}.detail-label svg{color:#ff6b35;width:14px;height:14px}.detail-value{flex:1;font-size:13px;color:#333;word-break:break-word;line-height:1.3}.subcategory{color:#666;font-style:italic}.media-detail-modal .modal-footer{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #e9ecef;margin-top:16px}@media (max-width: 768px){.media-detail-modal{width:95vw;max-height:90vh}.media-detail-content{gap:16px}.detail-item{flex-direction:column;gap:8px;align-items:flex-start}.detail-label{min-width:auto;font-weight:600}.detail-preview-placeholder{min-height:150px}.detail-columns{grid-template-columns:1fr;gap:12px}.audio-controls{gap:12px}.play-pause-btn{width:40px;height:40px}.time-display{min-width:30px;font-size:11px}}.song-detail{padding:24px;max-width:1200px;margin:0 auto}.song-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e9ecef}.song-title-section{display:flex;align-items:flex-start;gap:16px;flex:1;position:relative}.song-icon{width:64px;height:64px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.song-title-info{flex:1}.song-title{margin:0 0 8px;font-size:32px;font-weight:700;color:#333}.song-meta{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.song-duration{font-weight:500}.song-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.song-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid #e9ecef}.tab-content{margin-top:24px}.lyrics-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px}.lyrics-content{margin-top:16px}.lyrics-content pre{white-space:pre-wrap;font-family:Georgia,serif;font-size:16px;line-height:1.8;color:#333;margin:0}.albums-section h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#333}.albums-list{display:flex;flex-direction:column;gap:12px}.album-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .2s}.album-item:hover{border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b351a}.album-icon{width:48px;height:48px;background:linear-gradient(135deg,#6c757d,#495057);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.album-info{flex:1}.album-title{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}.album-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.album-type{font-weight:500;background:#f8f9fa;padding:2px 6px;border-radius:4px}.album-actions{flex-shrink:0}@media (max-width: 768px){.song-detail{padding:16px}.song-header{flex-direction:column;gap:16px}.song-title-section{order:1}.song-actions{order:2;align-self:stretch;justify-content:space-between}.back-btn{order:0;align-self:flex-start}.song-title{font-size:24px}.overview-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.song-tabs{overflow-x:auto;gap:0}.tab-btn{white-space:nowrap;min-width:auto}.album-item{flex-direction:column;text-align:center}.album-actions{align-self:stretch}}.album-detail{padding:24px;max-width:1200px;margin:0 auto}.album-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e9ecef}.album-title-section{display:flex;align-items:flex-start;gap:20px;flex:1;position:relative}.back-btn-overlay{position:absolute;top:-8px;left:-8px;z-index:10;background:#000000b3;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.back-btn-overlay:hover{background:#000000d9;transform:translateY(-2px)}.album-cover{width:120px;height:120px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#f8f9fa;border:1px solid #e9ecef}.cover-image{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.album-title-info{flex:1;padding-top:8px}.album-type-badge{display:inline-block;padding:4px 12px;background:#ff6b35;color:#fff;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:8px}.album-title{margin:0 0 12px;font-size:32px;font-weight:700;color:#333;line-height:1.2}.album-meta{display:flex;align-items:center;gap:8px;color:#666;font-size:14px;flex-wrap:wrap}.album-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.album-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid #e9ecef}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.overview-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px}.overview-card h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#333}.tracks-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px}.tracks-list{display:flex;flex-direction:column;gap:2px;margin-top:16px}.track-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s}.track-item:hover{background:#f8f9fa}.track-number{width:24px;text-align:center;font-weight:500;color:#666;font-size:14px}.track-icon{color:#ff6b35;flex-shrink:0}.track-info{flex:1;min-width:0}.track-title{margin:0 0 4px;font-size:16px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.track-duration{font-family:Monaco,Menlo,monospace;font-weight:500}.explicit-badge{background:#dc3545;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.track-actions{display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .2s}.track-item:hover .track-actions{opacity:1}.marketing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.marketing-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px}.marketing-card h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#333}.analytics-grid{display:grid;gap:24px}.analytics-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px}.analytics-card h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#333}.info-grid{display:grid;gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f3f4}.info-item:last-child{border-bottom:none}.info-item label{font-weight:500;color:#666}.info-item span{color:#333}.code{font-family:Monaco,Menlo,monospace;background:#f8f9fa;padding:4px 8px;border-radius:4px;font-size:12px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-item{text-align:center;padding:16px;background:#f8f9fa;border-radius:8px}.stat-number{display:block;font-size:24px;font-weight:700;color:#ff6b35;margin-bottom:4px}.stat-label{font-size:12px;color:#666;text-transform:uppercase;font-weight:500}.description-card{grid-column:1 / -1}.description-card p{margin:0;line-height:1.6;color:#666}.separator{color:#ccc}.artist-name{color:#ff6b35;cursor:pointer;font-weight:500}.artist-name:hover{text-decoration:underline}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666}.empty-state svg{color:#ccc;margin-bottom:16px}.empty-state h4{margin:0 0 8px;color:#333}.empty-state p{margin:0 0 20px;font-size:14px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.error-state svg{color:#ccc;margin-bottom:16px}.error-state h3{margin:0 0 20px;color:#333}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s;color:#666;text-decoration:none}.back-btn:hover{background:#e9ecef;color:#333}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;cursor:pointer;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .2s}.tab-btn:hover{color:#333;background:#f8f9fa}.tab-btn.active{color:#ff6b35;border-bottom-color:#ff6b35;background:#fff5f2}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.status-draft{background:#fff3cd;color:#856404}.status-badge.status-published{background:#d4edda;color:#155724}.status-badge.status-archived{background:#f8d7da;color:#721c24}@media (max-width: 768px){.album-detail{padding:16px}.album-header{flex-direction:column;gap:16px}.album-title-section{order:1;flex-direction:column;text-align:center}.album-cover{align-self:center}.album-actions{order:2;align-self:stretch;justify-content:space-between}.back-btn{order:0;align-self:flex-start}.album-title{font-size:24px}.overview-grid,.marketing-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.album-tabs{overflow-x:auto;gap:0}.tab-btn{white-space:nowrap;min-width:auto}.track-item{flex-direction:column;text-align:center;gap:8px}.track-actions{opacity:1;align-self:stretch;justify-content:center}.track-number{order:-1}}.media-review-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.media-review-modal{background:#1a1a1a;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;color:#fff}.media-review-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333}.header-left h2{margin:0 0 4px;font-size:20px}.header-left p{margin:0;font-size:14px;color:#888}.close-btn{background:none;border:none;color:#888;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s}.close-btn:hover{background:#333;color:#fff}.media-review-body{flex:1;overflow-y:auto;padding:24px}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.material-card{background:#2a2a2a;border-radius:12px;border:2px solid #333;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.material-card:hover{border-color:#444;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.material-card.status-approved{border-color:#10b9814d}.material-card.status-rejected{border-color:#ef44444d}.material-card.status-submitted{border-color:#3b82f64d}.material-card-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333}.material-type-icon{color:#666}.material-card-body{padding:20px;flex:1}.material-card-body h4{margin:0 0 12px;font-size:16px;font-weight:600}.material-specs,.material-date,.material-notes{margin:8px 0;font-size:13px;color:#888}.material-notes{color:#aaa}.material-card-footer{padding:16px 20px;border-top:1px solid #333;display:flex;gap:12px;align-items:center}.view-btn{flex:1;background:#3b82f6;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.view-btn:hover{background:#2563eb}.card-reject-btn,.card-approve-btn{background:#333;border:none;padding:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.card-reject-btn{color:#ef4444}.card-reject-btn:hover{background:#ef444433}.card-approve-btn{color:#10b981}.card-approve-btn:hover{background:#10b98133}.media-navigation{display:flex;align-items:center;justify-content:center;gap:20px}.nav-btn{background:#333;border:none;color:#fff;padding:12px;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.nav-btn:hover:not(:disabled){background:#444}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.media-counter{font-size:16px;font-weight:600;min-width:80px;text-align:center}.material-info{text-align:center}.material-info h3{margin:0 0 12px;font-size:18px}.material-meta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.asset-type-badge{padding:4px 12px;border-radius:12px;background:#2563eb;font-size:12px;font-weight:600;text-transform:uppercase}.media-status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.media-status-badge.status-pending{background:#f59e0b;color:#fff}.media-status-badge.status-submitted{background:#3b82f6;color:#fff}.media-status-badge.status-approved{background:#10b981;color:#fff}.media-status-badge.status-rejected{background:#ef4444;color:#fff}.submitted-date{font-size:12px;color:#888}.required-specs,.artist-notes{margin-top:12px;padding:12px;background:#2a2a2a;border-radius:8px;text-align:left;font-size:14px}.media-display{flex:1;display:flex;align-items:center;justify-content:center;min-height:400px;background:#000;border-radius:8px;overflow:hidden;position:relative}.video-container,.audio-container,.image-container{width:100%;max-height:70vh;display:flex;align-items:center;justify-content:center}.media-preview-video,.media-preview-image{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain}.media-preview-audio{width:100%}.video-controls,.audio-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;background:#000000b3;padding:12px;border-radius:24px}.control-btn{background:#ffffff1a;border:none;color:#fff;padding:10px;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:#fff3}.no-media{display:flex;align-items:center;justify-content:center;color:#666;font-size:16px}.review-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.reject-btn,.approve-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.reject-btn{background:#ef4444;color:#fff}.reject-btn:hover{background:#dc2626}.approve-btn{background:#10b981;color:#fff}.approve-btn:hover{background:#059669}.already-reviewed{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#10b9811a;border-radius:8px;margin-top:20px}.already-reviewed.rejected{background:#ef44441a}.media-thumbnails{display:flex;gap:8px;padding:16px 24px;border-top:1px solid #333;overflow-x:auto;justify-content:center}.thumbnail{flex-shrink:0;width:80px;height:80px;background:#2a2a2a;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid transparent;transition:all .2s;position:relative}.thumbnail:hover{border-color:#444}.thumbnail.active{border-color:#3b82f6;background:#1e3a8a}.thumbnail.approved .thumbnail-indicator{color:#10b981}.thumbnail.rejected .thumbnail-indicator{color:#ef4444}.thumbnail-indicator{position:absolute;top:4px;right:4px}.thumbnail-label{font-size:11px;text-transform:uppercase;font-weight:600}.mrm-viewer-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.mrm-viewer-dialog{background:#1a1a1a;border-radius:12px;max-width:1400px;max-height:90vh;width:100%;display:flex;flex-direction:column;color:#fff}.mrm-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333}.mrm-viewer-header h3{margin:0;font-size:18px}.mrm-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;min-height:400px;background:#000}.mrm-viewer-footer{padding:20px 24px;border-top:1px solid #333;display:flex;justify-content:center}.mrm-viewer-actions{display:flex;gap:12px}.mrm-viewer-status{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#10b9811a;border-radius:8px}.mrm-viewer-status.rejected{background:#ef44441a}.post-builder-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.post-builder-modal{background:#1a1a1a;border-radius:12px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;color:#fff}.post-builder-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333}.post-builder-header .header-left h2{margin:0 0 4px;font-size:20px}.post-builder-header .header-left p{margin:0;font-size:14px;color:#888;text-transform:capitalize}.post-builder-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.error-banner{background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;color:#fca5a5}.requirements-info{background:#2a2a2a;border-radius:8px;padding:16px}.requirements-info h3{margin:0 0 12px;font-size:16px;color:#3b82f6}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.requirement-item{display:flex;flex-direction:column;gap:4px}.requirement-item strong{font-size:12px;color:#888}.requirement-item span{font-size:14px}.required-type{color:#10b981;font-weight:600;text-transform:uppercase}.media-upload-section h3,.caption-section h3,.schedule-section h3{margin:0 0 16px;font-size:16px}.upload-area{display:flex;flex-direction:column;gap:16px}.upload-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;background:#2a2a2a;border:2px dashed #444;border-radius:8px;color:#888;cursor:pointer;transition:all .2s;font-size:16px;font-weight:600}.upload-button:hover{border-color:#3b82f6;background:#1e3a8a;color:#fff}.selected-file-info{display:flex;align-items:center;gap:12px;padding:16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px}.selected-file-info .file-name{margin:0;font-weight:600;font-size:14px}.selected-file-info .file-size{margin:4px 0 0;font-size:12px;color:#888}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.media-item{background:#2a2a2a;border:2px solid transparent;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}.media-item:hover{border-color:#444;background:#333}.media-item.selected{border-color:#3b82f6;background:#1e3a8a}.selected-indicator{position:absolute;top:8px;right:8px;color:#3b82f6}.media-thumbnail{width:64px;height:64px;background:#1a1a1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666}.media-info{text-align:center;width:100%}.media-name{margin:0;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-size{margin:4px 0 0;font-size:11px;color:#888}.no-media-message{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#666;gap:12px}.caption-editor{width:100%;background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:12px;color:#fff;font-family:inherit;font-size:14px;resize:vertical;min-height:120px}.caption-editor:focus{outline:none;border-color:#3b82f6}.caption-counter{text-align:right;font-size:12px;color:#888;margin-top:8px}.schedule-display{display:grid;grid-template-columns:1fr 1fr;gap:16px}.schedule-info-item{display:flex;align-items:center;gap:12px;padding:16px;background:#2a2a2a;border:1px solid #444;border-radius:8px}.schedule-info-item svg{color:#3b82f6}.schedule-label{margin:0;font-size:12px;color:#888;text-transform:uppercase;font-weight:600}.schedule-value{margin:4px 0 0;font-size:16px;color:#fff;font-weight:600}.post-builder-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #333}.cancel-btn,.build-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.cancel-btn{background:#333;color:#fff}.cancel-btn:hover:not(:disabled){background:#444}.build-btn{background:#3b82f6;color:#fff}.build-btn:hover:not(:disabled){background:#2563eb}.cancel-btn:disabled,.build-btn:disabled{opacity:.5;cursor:not-allowed}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1)}.promo-campaigns{padding:24px;background:#000;min-height:100vh}.campaigns-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#999}.campaigns-loading .spin{animation:spin 1s linear infinite;margin-bottom:16px;color:#ff6b35}.campaigns-header{margin-bottom:32px}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.title-section{display:flex;align-items:flex-start;gap:16px}.title-section svg{color:#ff6b35;flex-shrink:0;margin-top:4px}.title-section h1{margin:0 0 8px;font-size:28px;font-weight:600;color:#fff}.title-section p{margin:0;color:#999;font-size:14px}.create-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ff6b35;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .2s ease}.create-btn:hover{background:#e55a2b;transform:translateY(-1px)}.review-summary-section{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:12px;padding:24px;margin-bottom:32px}.review-summary-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.review-summary-header svg{color:#ff6b35}.review-summary-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.review-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.review-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:20px;display:flex;gap:16px;align-items:center;transition:all .2s ease;cursor:pointer}.review-card:hover{transform:translateY(-2px);border-color:#3a3a3a}.review-card.needs-review{border-left:4px solid #fbbf24}.review-card.rejected{border-left:4px solid #f87171}.review-card.pending-admin{border-left:4px solid #60a5fa}.review-card.artist-approved{border-left:4px solid #4ade80}.review-icon{flex-shrink:0}.review-card.needs-review .review-icon{color:#fbbf24}.review-card.rejected .review-icon{color:#f87171}.review-card.pending-admin .review-icon{color:#60a5fa}.review-card.artist-approved .review-icon{color:#4ade80}.review-info{flex:1}.review-count{font-size:32px;font-weight:700;color:#fff;line-height:1;margin-bottom:8px}.review-label{font-size:14px;font-weight:600;color:#ccc;margin-bottom:4px}.review-description{font-size:12px;color:#666;line-height:1.4}.campaign-review-alerts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.review-alert{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.review-alert.needs-review{background:#fbbf241a;color:#fbbf24;border-color:#fbbf2433}.review-alert.needs-review:hover{background:#fbbf2433}.review-alert.rejected{background:#f871711a;color:#f87171;border-color:#f8717133}.review-alert.rejected:hover{background:#f8717133}.review-alert.pending-admin{background:#60a5fa1a;color:#60a5fa;border-color:#60a5fa33}.review-alert.pending-admin:hover{background:#60a5fa33}.review-alert.artist-approved{background:#4ade801a;color:#4ade80;border-color:#4ade8033}.review-alert.artist-approved:hover{background:#4ade8033}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;background:#0f0f0f;border-radius:12px;border:1px solid #2a2a2a}.empty-state svg{color:#666;margin-bottom:24px}.empty-state h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#fff}.empty-state p{margin:0 0 32px;color:#999;font-size:14px;max-width:400px}.create-first-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ff6b35;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-first-btn:hover{background:#e55a2b}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.campaign-card{background:#0f0f0f;border-radius:12px;padding:24px;border:1px solid #2a2a2a;transition:all .2s ease}.campaign-card:hover{transform:translateY(-2px);border-color:#3a3a3a;box-shadow:0 4px 12px #00000080}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.campaign-title{flex:1}.campaign-title h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff;line-height:1.3}.card-actions{display:flex;gap:8px}.card-actions button{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;background:none;border:1px solid #2a2a2a;border-radius:6px;color:#999;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500}.card-actions button:hover{border-color:#ff6b35;color:#ff6b35}.delete-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.draft{background:#6b728033;color:#9ca3af}.status-badge.scheduled{background:#3b82f633;color:#60a5fa}.status-badge.active{background:#22c55e33;color:#4ade80}.status-badge.completed{background:#8b5cf633;color:#a78bfa}.status-badge.paused{background:#fb923c33;color:#fb923c}.status-badge.cancelled{background:#ef444433;color:#f87171}.status-badge.needs-review{background:#fbbf2433;color:#fbbf24}.status-badge.rejected-by-artist{background:#f8717133;color:#f87171}.status-badge.pending-admin-review{background:#60a5fa33;color:#60a5fa}.status-badge.artist-approved{background:#4ade8033;color:#4ade80}.status-badge.approved{background:#22c55e4d;color:#22c55e}.campaign-info{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.info-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#999}.info-item svg{color:#666;flex-shrink:0}.campaign-stats{display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 0;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:18px;font-weight:600;color:#fff}.stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.campaign-platforms{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.platform-tag{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.platform-tag.facebook{background:#1877f233;color:#1877f2}.platform-tag.instagram{background:#e1306c33;color:#e1306c}.platform-tag.tiktok{background:#00f2ea33;color:#00f2ea}.platform-tag.youtube{background:#f003;color:red}.campaign-languages{font-size:13px;color:#999}.wizard-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wizard-modal{background:#1a1a1a;border-radius:16px;width:100%;max-width:900px;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #2a2a2a;box-shadow:0 25px 50px -12px #000c;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wizard-header{padding:32px 32px 24px;border-bottom:1px solid #2a2a2a;background:#ff6b35;display:flex;justify-content:space-between;align-items:center;position:relative}.wizard-header.posts-modal-header{background:#0f0f0f;padding:24px}.wizard-progress-container{flex:1;margin-right:24px}.wizard-progress-steps{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:relative;height:44px}.wizard-progress-line{position:absolute;top:50%;left:22px;right:22px;height:3px;background:#ffffff4d;border-radius:2px;transform:translateY(-50%);z-index:10}.wizard-progress-fill{position:absolute;top:50%;left:22px;height:3px;background:#fffc;border-radius:2px;transform:translateY(-50%);transition:width .4s ease;z-index:11}.wizard-step-circle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff3;color:#ffffffb3;font-weight:700;font-size:16px;position:relative;z-index:12;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.wizard-step-circle.active{background:#fff;color:#ff6b35;border-color:#fff;box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.close-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-btn:hover{background:#ffffff40;transform:scale(1.05)}.wizard-content{flex:1;padding:40px;overflow-y:auto;background:#000;min-height:400px}.wizard-step{background:#0f0f0f;border-radius:16px;padding:32px;border:1px solid #2a2a2a}.wizard-step h3{display:flex;align-items:center;gap:16px;margin:0 0 12px;font-size:24px;font-weight:700;color:#fff}.wizard-step h3 svg{color:#ff6b35;background:#ff6b351a;padding:12px;border-radius:12px;width:48px;height:48px}.wizard-step>p{margin:0 0 32px;color:#999;font-size:16px;line-height:1.6}.search-section{position:relative;margin-bottom:24px}.search-section svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#666;z-index:1}.search-section input{width:100%;padding:16px 16px 16px 48px;border:2px solid #2a2a2a;border-radius:10px;font-size:16px;background:#1a1a1a;color:#fff;transition:border-color .2s ease}.search-section input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;max-height:400px;overflow-y:auto;padding-right:8px}.artists-grid::-webkit-scrollbar{width:6px}.artists-grid::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.artists-grid::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}.artist-card{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #2a2a2a;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#1a1a1a;position:relative}.artist-card:hover{border-color:#ff6b35;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3533}.artist-card.selected{border-color:#ff6b35;background:#ff6b351a}.artist-info{flex:1}.artist-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#fff}.artist-info p{margin:0 0 8px;color:#999;font-size:14px}.album-count{font-size:12px;color:#666;background:#2a2a2a;padding:4px 8px;border-radius:12px;display:inline-block}.selected-icon{position:absolute;top:16px;right:16px;color:#4ade80}.promo-campaigns .wizard-step .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.promo-campaigns .wizard-step .form-group label{font-weight:500;color:#ccc;font-size:14px}.promo-campaigns .wizard-step .form-group input,.promo-campaigns .wizard-step .form-group select,.promo-campaigns .wizard-step .form-group textarea{padding:12px 16px;border:2px solid #2a2a2a;border-radius:8px;font-size:14px;background:#1a1a1a;color:#fff;transition:all .2s ease}.promo-campaigns .wizard-step .form-group input:focus,.promo-campaigns .wizard-step .form-group select:focus,.promo-campaigns .wizard-step .form-group textarea:focus{outline:none;border-color:#ff6b35;background:#0f0f0f;box-shadow:0 0 0 3px #ff6b351a}.promo-campaigns .wizard-step .form-group input:hover,.promo-campaigns .wizard-step .form-group select:hover,.promo-campaigns .wizard-step .form-group textarea:hover{border-color:#3a3a3a}.promo-campaigns .wizard-step .form-group textarea{resize:vertical;min-height:80px}.promo-campaigns .wizard-step .form-group small{color:#999;font-size:12px;line-height:1.4}.promo-campaigns .wizard-step .form-group select{cursor:pointer;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 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.promo-campaigns .wizard-step .form-group select option{background:#1a1a1a;color:#fff;padding:8px}.promo-campaigns .wizard-step .form-group input[type=number]{-moz-appearance:textfield}.promo-campaigns .wizard-step .form-group input[type=number]::-webkit-inner-spin-button,.promo-campaigns .wizard-step .form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.promo-campaigns .wizard-step .form-group input[type=date]{cursor:pointer}.promo-campaigns .wizard-step .form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.budget-breakdown{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:20px;margin-top:20px}.budget-breakdown h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff}.budget-items{display:flex;flex-direction:column;gap:12px}.budget-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f0f0f;border-radius:8px;border:1px solid #2a2a2a}.budget-item span:first-child{font-weight:500;color:#ccc;font-size:14px}.budget-item span:last-child{font-weight:600;color:#4ade80;font-size:16px}.language-options{display:flex;flex-direction:column;gap:12px}.language-option{display:flex;align-items:center;justify-content:center;padding:16px;border:2px solid #2a2a2a;border-radius:8px;background:#1a1a1a;cursor:pointer;transition:all .2s ease;font-weight:500;color:#ccc}.language-option:hover{border-color:#ff6b35;background:#ff6b350d}.language-option.selected{border-color:#ff6b35;background:#ff6b351a;color:#ff6b35}.campaign-content-options{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:20px;margin-top:20px}.campaign-section-label{display:block;margin-bottom:15px;font-size:16px;font-weight:600;color:#fff}.campaign-checkbox-group{display:flex;flex-direction:column;gap:12px}.campaign-checkbox-option{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.campaign-checkbox-option:hover{background:#2a2a2a}.campaign-checkbox-input{margin-top:2px;cursor:pointer;width:18px;height:18px;accent-color:#ff6b35}.campaign-checkbox-text{color:#ccc;font-size:14px;line-height:1.5}.platform-info{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:20px;margin-top:20px}.platform-info h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#fff}.platform-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.platform-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.platform-badge.facebook{background:#1877f233;color:#1877f2}.platform-badge.instagram{background:#e1306c33;color:#e1306c}.platform-badge.tiktok{background:#00f2ea33;color:#00f2ea}.platform-badge.youtube{background:#f003;color:red}.platform-note{font-size:13px;color:#999;line-height:1.5}.campaign-summary{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:20px;margin-top:20px}.campaign-summary h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff}.summary-items{display:flex;flex-direction:column;gap:8px}.summary-items>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #2a2a2a;color:#ccc}.summary-items>div:last-child{border-bottom:none}.summary-items>div span:last-child{font-weight:600;color:#fff}.wizard-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;border-top:1px solid #2a2a2a;background:#0f0f0f;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.wizard-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.wizard-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.wizard-btn.secondary{background:#1a1a1a;color:#ccc;border:1px solid #2a2a2a}.wizard-btn.secondary:hover:not(:disabled){background:#2a2a2a;color:#fff;transform:translateY(-1px)}.wizard-btn.primary{background:#ff6b35;color:#fff;box-shadow:0 4px 12px #ff6b354d}.wizard-btn.primary:hover:not(:disabled){background:#e55a2b;box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.wizard-btn.success{background:#22c55e;color:#fff;box-shadow:0 4px 12px #22c55e4d}.wizard-btn.success:hover:not(:disabled){background:#16a34a;box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.large-modal{width:95vw;max-width:1400px;height:90vh;max-height:none}.modal-title{display:flex;align-items:center;gap:12px}.modal-title svg{color:#ff6b35}.modal-title h2{margin:0;color:#fff;font-size:20px}.modal-title p{margin:2px 0 0;color:#999;font-size:14px}.modal-actions{display:flex;align-items:center;gap:12px}.generate-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ff6b35;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .2s ease}.generate-btn:hover:not(:disabled){background:#e55a2b;transform:translateY(-1px)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.generate-drafts-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4);border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease}.generate-drafts-btn:hover:not(:disabled){background:#fbbf244d;border-color:#fbbf2499}.generate-drafts-btn:disabled{opacity:.5;cursor:not-allowed}.status-filter-tabs{display:flex;gap:8px;padding:16px 24px;background:#000;border-bottom:1px solid #2a2a2a;overflow-x:auto}.status-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#999;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.status-tab:hover:not(.disabled){border-color:#ff6b35;color:#ff6b35}.status-tab.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.status-tab.disabled{opacity:.3;cursor:not-allowed}.status-tab-count{background:#fff3;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.status-tab.active .status-tab-count{background:#ffffff4d}.posts-content{flex:1;overflow:hidden;display:flex;flex-direction:column;background:#000}.posts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#999}.posts-list{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.post-card{background:#0f0f0f;border-radius:12px;padding:20px;border:1px solid #2a2a2a;transition:all .2s}.post-card:hover{border-color:#3a3a3a;box-shadow:0 4px 12px #00000080}.post-card.highlighted{border-color:#ff6b35;box-shadow:0 0 20px #ff6b354d;animation:highlight-pulse 2s ease-in-out}@keyframes highlight-pulse{0%,to{box-shadow:0 0 20px #ff6b354d}50%{box-shadow:0 0 30px #ff6b3580}}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.post-meta{display:flex;flex-direction:column;gap:8px}.post-platform{display:flex;align-items:center;gap:8px}.post-language{background:#2a2a2a;color:#ccc;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.post-schedule{display:flex;align-items:center;gap:6px;color:#999;font-size:14px}.post-status{display:flex;align-items:center;gap:8px}.paid-badge{display:flex;align-items:center;gap:4px;background:#fbbf2433;color:#fbbf24;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.rejection-reason{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:16px}.rejection-reason svg{color:#f87171;flex-shrink:0;margin-top:2px}.rejection-reason strong{color:#f87171;display:block;margin-bottom:4px;font-size:14px}.rejection-reason p{margin:0;color:#f87171;font-size:13px;line-height:1.5}.post-content{margin-bottom:16px}.post-template{margin-bottom:12px;color:#ccc;font-size:14px}.post-type{color:#999;font-weight:400;text-transform:capitalize}.post-caption{background:#1a1a1a;padding:16px;border-radius:8px;border-left:4px solid #ff6b35}.caption-text{color:#fff;line-height:1.5;margin-bottom:0}.no-caption{display:flex;align-items:center;gap:8px;color:#666;font-style:italic;padding:16px;background:#1a1a1a;border-radius:8px;border:1px dashed #3a3a3a}.post-budget{display:flex;align-items:center;gap:6px;color:#4ade80;font-size:14px;font-weight:500;margin-top:12px}.post-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.generate-single-btn,.approve-btn,.edit-btn,.regenerate-btn,.regenerate-visuals-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.generate-single-btn{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.generate-single-btn:hover:not(:disabled){background:#fbbf244d}.approve-btn{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.approve-btn:hover{background:#22c55e4d}.edit-btn{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.edit-btn:hover{background:#3b82f64d}.regenerate-btn{background:#fb923c33;color:#fb923c;border:1px solid rgba(251,146,60,.3)}.regenerate-btn:hover:not(:disabled){background:#fb923c4d}.regenerate-visuals-btn{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.regenerate-visuals-btn:hover:not(:disabled){background:#8b5cf64d}.visual-requirements{margin-top:16px;padding:16px;background:#0ea5e91a;border-radius:8px;border-left:4px solid #0ea5e9}.visual-requirements:has(.ai-visual-description){background:#22c55e1a;border-left-color:#22c55e}.visual-requirements h4{margin:0 0 12px;color:#fff;font-size:14px;font-weight:600}.requirements-list{display:flex;flex-wrap:wrap;gap:8px}.requirement-tag{background:#0ea5e933;color:#0ea5e9;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize}.ai-visual-description{color:#4ade80;line-height:1.6;font-size:14px;font-style:italic;background:#22c55e1a;padding:12px;border-radius:6px;border:1px solid rgba(34,197,94,.2)}.no-posts-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666;text-align:center}.no-posts-message svg{margin-bottom:16px}.no-posts-message h3{margin:0 0 8px;color:#fff;font-size:18px}.no-posts-message p{margin:0;color:#999;font-size:14px}.edit-content{padding:24px;background:#000}.edit-form{margin-bottom:24px}.edit-form label{display:block;margin-bottom:8px;color:#ccc;font-weight:500}.caption-textarea{width:100%;padding:12px;border:1px solid #3a3a3a;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;min-height:120px;background:#1a1a1a;color:#fff}.caption-textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.character-count{text-align:right;margin-top:4px;font-size:12px;color:#999}.edit-actions{display:flex;justify-content:flex-end;gap:12px}.cancel-btn{padding:8px 16px;background:#1a1a1a;color:#ccc;border:1px solid #3a3a3a;border-radius:6px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#2a2a2a;border-color:#4a4a4a}.save-btn{padding:8px 16px;background:#ff6b35;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .2s ease}.save-btn:hover{background:#e55a2b;transform:translateY(-1px)}.posts-table-container{flex:1;overflow-y:auto;display:flex;flex-direction:column}.posts-table{width:100%;border-collapse:collapse}.posts-table-header{background:#0f0f0f;border-bottom:2px solid #2a2a2a;position:sticky;top:0;z-index:10}.posts-table-header th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.post-row{border-bottom:1px solid #1a1a1a;border-left:3px solid transparent;cursor:pointer;transition:background .2s ease,border-color .2s ease}.post-row:nth-child(2n){background:#0a0a0a}.post-row:hover{background:#ff6b350d;border-left-color:#ff6b35}.post-row.highlighted{background:#ff6b351a;border-left-color:#ff6b35;animation:row-highlight 2s ease-in-out}@keyframes row-highlight{0%,to{background:#ff6b351a}50%{background:#ff6b3533}}.post-row.status-needs-review{border-left-color:#fbbf24}.post-row.status-rejected-by-artist{border-left-color:#f87171}.post-row.status-pending-admin-review{border-left-color:#60a5fa}.post-row.status-artist-approved{border-left-color:#4ade80}.post-row.status-approved{border-left-color:#22c55e}.post-row.status-scheduled{border-left-color:#60a5fa}.post-row.status-published{border-left-color:#a78bfa}.post-row td{padding:12px 16px;font-size:14px;color:#ccc;vertical-align:middle}.post-cell-status{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.needs-review{background:#fbbf24}.status-dot.rejected-by-artist{background:#f87171}.status-dot.pending-admin-review{background:#60a5fa}.status-dot.artist-approved{background:#4ade80}.status-dot.approved{background:#22c55e}.status-dot.scheduled{background:#60a5fa}.status-dot.published{background:#a78bfa}.status-dot.draft{background:#666}.post-cell-id{font-weight:700;color:#666;font-size:13px;font-family:monospace}.post-cell-platform .platform-badge{font-size:11px;padding:3px 8px}.post-cell-language{font-weight:600;font-size:12px;color:#999}.post-cell-template{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-cell-type{text-transform:capitalize;font-size:13px}.post-cell-budget{font-weight:500;color:#4ade80}.post-cell-actions{display:flex;gap:4px;justify-content:flex-end}.post-action-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0d;border:1px solid #2a2a2a;border-radius:4px;color:#999;cursor:pointer;transition:all .2s ease}.post-action-icon:hover{background:#ff6b351a;border-color:#ff6b35;color:#ff6b35}.post-detail-drawer{position:fixed;top:0;right:0;bottom:0;width:600px;background:#0f0f0f;border-left:1px solid #2a2a2a;z-index:1001;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;box-shadow:-4px 0 12px #00000080}.post-detail-drawer.open{transform:translate(0)}.post-detail-header{padding:24px;border-bottom:1px solid #2a2a2a;background:#000;display:flex;justify-content:space-between;align-items:flex-start}.post-detail-title{flex:1}.post-detail-title h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff}.post-detail-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.post-detail-content{flex:1;overflow-y:auto;padding:24px}.post-detail-section{margin-bottom:24px}.post-detail-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.post-detail-caption{background:#1a1a1a;padding:16px;border-radius:8px;border-left:4px solid #ff6b35;color:#fff;line-height:1.6;white-space:pre-wrap}.post-detail-empty{background:#1a1a1a;padding:16px;border-radius:8px;border:1px dashed #3a3a3a;color:#666;font-style:italic;text-align:center}.post-detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.post-detail-info-item{background:#1a1a1a;padding:12px;border-radius:6px;border:1px solid #2a2a2a}.post-detail-info-label{font-size:12px;color:#666;margin-bottom:4px}.post-detail-info-value{font-size:14px;color:#fff;font-weight:500}.post-detail-actions{padding:20px 24px;border-top:1px solid #2a2a2a;background:#000;display:flex;gap:8px;flex-wrap:wrap}.post-detail-drawer .close-btn{background:#ffffff0d;border:1px solid #2a2a2a;color:#999}.post-detail-drawer .close-btn:hover{background:#ffffff1a;border-color:#ff6b35;color:#ff6b35}@media (max-width: 768px){.promo-campaigns{padding:16px}.header-content{flex-direction:column;align-items:stretch;gap:16px}.campaigns-grid,.review-cards-grid{grid-template-columns:1fr}.wizard-modal{max-width:95vw;margin:10px}.wizard-content{padding:20px}.artists-grid{grid-template-columns:1fr}.artist-card{padding:16px}.campaign-stats{flex-direction:column;gap:12px;text-align:center}.wizard-footer{flex-direction:column;gap:12px}.wizard-btn{width:100%;justify-content:center}.large-modal{width:calc(100vw - 20px);height:calc(100vh - 20px);max-width:none;max-height:none}.post-header{flex-direction:column;gap:12px}.post-actions{justify-content:center}.modal-actions{flex-direction:column;gap:8px}.generate-btn{width:100%;justify-content:center}.status-filter-tabs{overflow-x:auto}}.settings-page{padding:30px;max-width:none;width:100%;background:#f8f9fa;min-height:100vh;box-sizing:border-box}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.detail-header{background:#fff;border-radius:12px;padding:16px 24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.settings-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;width:100%}.settings-title{display:flex;align-items:center;gap:16px;flex:1}.settings-title h1{margin:0 0 4px;font-size:28px;font-weight:600;color:#1a1a1a}.settings-title p{margin:0;color:#666;font-size:16px}.header-actions{display:flex;gap:12px}.detail-nav{background:#fff;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.nav-tabs{display:flex;border-bottom:1px solid #eee}.nav-tab{flex:1;background:none;border:none;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;color:#666;font-weight:500;border-bottom:3px solid transparent}.nav-tab:hover{background:#f8f9fa;color:#333}.nav-tab.active{color:#ff6b35;background:#fff5f2;border-bottom-color:#ff6b35}.detail-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;min-height:600px}.tab-content{width:100%}.settings-section{max-width:1000px;margin:0 auto}.section-header{margin-bottom:32px;text-align:center}.section-header h3{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 12px;font-size:24px;font-weight:600;color:#1a1a1a}.section-description{color:#666;font-size:16px;max-width:600px;margin:0 auto;line-height:1.5}.settings-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:24px;margin-bottom:24px}.settings-card h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1a1a1a}.card-description{margin:0 0 20px;color:#666;font-size:14px;line-height:1.4}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-header h4{margin:0}.budget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:20px}.budget-item{display:flex;flex-direction:column;gap:8px}.budget-item label{font-weight:500;color:#333;font-size:14px}.percentage-input{position:relative;display:flex;align-items:center}.percentage-input input{width:100%;padding:12px 40px 12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;font-weight:600;text-align:center;background:#fff}.percentage-input input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.percentage-symbol{position:absolute;right:16px;color:#666;font-weight:500;pointer-events:none}.validation-message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-weight:500;font-size:14px;margin-top:16px}.validation-message.valid{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.validation-message.invalid{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#333;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.input-with-unit{position:relative;display:flex;align-items:center}.input-with-unit input{width:100%;padding-right:60px}.input-unit{position:absolute;right:16px;color:#666;font-size:14px;pointer-events:none}.input-prefix{position:absolute;left:16px;color:#666;font-size:14px;pointer-events:none;z-index:1}.input-with-unit .input-prefix+input{padding-left:32px}.form-help{color:#666;font-size:12px;line-height:1.4}input[type=range]{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{appearance:-webkit-slider-thumb;width:20px;height:20px;border-radius:50%;background:#ff6b35;cursor:pointer;box-shadow:0 2px 4px #0003}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ff6b35;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:#666;margin-top:4px}.checkbox-group{display:flex;flex-direction:column;gap:16px}.checkbox-item{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border-radius:8px;transition:background-color .2s}.checkbox-item:hover{background:#ff6b350d}.checkbox-item input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid #ddd;border-radius:4px;background:#fff;position:relative;flex-shrink:0;transition:all .2s}.checkbox-item input[type=checkbox]:checked+.checkbox-custom{background:#ff6b35;border-color:#ff6b35}.checkbox-item input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-content{display:flex;flex-direction:column;gap:4px}.checkbox-label{font-weight:500;color:#333;font-size:14px}.checkbox-help{color:#666;font-size:12px;line-height:1.4}.posting-times-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.posting-time-group{display:flex;flex-direction:column;gap:12px}.platform-label{font-weight:600;color:#333;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.time-inputs{display:flex;flex-direction:column;gap:8px}.time-inputs input[type=time]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.voice-sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.voice-slider{display:flex;flex-direction:column;gap:8px}.voice-slider label{font-weight:500;color:#333;font-size:14px}.language-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.language-name{font-weight:500;color:#333;font-size:14px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.templates-list{display:flex;flex-direction:column;gap:16px}.templates-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;color:#1565c0;font-size:14px}.template-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#666;border:2px dashed #ddd;border-radius:12px}.template-placeholder svg{margin-bottom:16px;color:#ccc}.template-placeholder h4{margin:0 0 8px;font-size:18px;color:#333}.template-placeholder p{margin:0 0 8px;font-size:14px}.template-placeholder small{font-size:12px;color:#999}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;justify-content:center}.btn-primary{background:#ff6b35;color:#fff}.btn-primary:hover:not(:disabled){background:#e55a2b;transform:translateY(-1px)}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn-outline-secondary{background:transparent;color:#6c757d;border:1px solid #6c757d}.btn-outline-secondary:hover:not(:disabled){background:#6c757d;color:#fff}.btn-outline{background:transparent;color:#ff6b35;border:1px solid #ff6b35;font-size:12px;padding:6px 12px}.btn-sm{padding:6px 12px;font-size:12px}.spinner-sm{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.settings-page{padding:20px}.settings-header{flex-direction:column;align-items:flex-start;gap:16px}.nav-tabs{flex-direction:column}.nav-tab{flex:none}.budget-grid,.form-grid,.posting-times-grid,.voice-sliders,.language-list{grid-template-columns:1fr}}@media (max-width: 480px){.settings-page,.detail-header,.detail-nav,.detail-content{padding:16px}.settings-title{flex-direction:column;align-items:flex-start;gap:8px}.header-actions{width:100%;justify-content:flex-end}}.song-requests .page-container{padding:24px;background:#f8f9fa;min-height:calc(100vh - 60px)}.song-requests .page-header{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;border-left:4px solid #ff6b35}.song-requests .page-header h1{margin:0 0 8px;color:#333;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.song-requests .page-header p{margin:0;color:#666;font-size:16px;line-height:1.5}.song-requests .card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;overflow:hidden}.song-requests .card-body{padding:24px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--color-text-secondary);gap:16px}.status-filter{display:flex;gap:12px;flex-wrap:wrap}.filter-btn{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .2s ease}.filter-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-text-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.song-requests .requests-list{display:flex;flex-direction:column;gap:20px}.song-requests .request-item{border:1px solid #e9ecef;border-radius:12px;padding:24px;background:#fff;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.song-requests .request-item:hover{border-color:#ff6b35;box-shadow:0 4px 12px #ff6b3526;transform:translateY(-2px)}.song-requests .request-item.pending{border-left:4px solid #ffc107}.song-requests .request-item.approved{border-left:4px solid #28a745}.song-requests .request-item.rejected{border-left:4px solid #dc3545}.request-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}.request-title-section h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-text-primary)}.request-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.artist-name,.request-date{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--color-text-secondary)}.status-badge{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{color:var(--color-warning)}.status-approved{color:var(--color-success)}.status-rejected{color:var(--color-error)}.request-actions{display:flex;gap:8px;flex-shrink:0}.request-description{margin-bottom:12px}.request-description p{margin:0;color:var(--color-text-secondary);line-height:1.5}.audio-file-section{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-secondary);border-radius:6px;font-size:13px;color:var(--color-text-secondary);margin-bottom:12px}.request-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tag{background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:12px;padding:4px 8px;border-radius:4px;border:1px solid var(--color-border)}.admin-notes{background:var(--color-bg-tertiary);padding:12px;border-radius:6px;font-size:13px;color:var(--color-text-secondary);border-left:3px solid var(--color-primary)}.request-summary{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.request-summary h3{margin:0 0 4px;font-size:20px;color:var(--color-text-primary)}.request-summary p{margin:0;color:var(--color-text-secondary)}.approval-form{background:var(--color-bg-secondary);padding:16px;border-radius:8px;margin-bottom:20px}.request-details{max-height:60vh;overflow-y:auto;background:var(--color-bg-primary, #ffffff);padding:0}.song-requests .modal{background:var(--color-bg-primary, #ffffff)!important;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:700px;width:90%}.song-requests .modal-body{background:var(--color-bg-primary, #ffffff);padding:24px}.song-requests .modal-header{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;padding:20px 24px;border-radius:12px 12px 0 0;border-bottom:none}.song-requests .modal-header h2{color:#fff;margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:12px}.song-requests .modal-close{color:#fff;background:#fff3;border:none;border-radius:6px;padding:8px;cursor:pointer;transition:background .2s ease}.song-requests .modal-close:hover{background:#ffffff4d}.detail-row{display:grid;grid-template-columns:120px 1fr;align-items:start;margin-bottom:20px;gap:16px;padding:12px 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-row strong{color:#333;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.detail-row p{margin:0;color:#666;line-height:1.5;font-size:14px}.lyrics-text{background:#f8f9fa;padding:16px;border-radius:8px;font-family:Georgia,serif;line-height:1.6;color:#333;white-space:pre-wrap;border:1px solid #e9ecef;margin:0;font-size:14px;max-height:200px;overflow-y:auto}.audio-player{grid-column:1 / -1;background:#f8f9fa;padding:12px;border-radius:8px;border:1px solid #e9ecef}.descriptive-fields{margin-top:24px;padding-top:20px;border-top:2px solid #f0f0f0}.descriptive-fields h4{margin:0 0 16px;color:#ff6b35;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-grid div{padding:12px 16px;background:#f8f9fa;border-radius:8px;font-size:13px;border:1px solid #e9ecef;transition:all .2s ease}.detail-grid div:hover{background:#e9ecef;transform:translateY(-1px)}.detail-grid strong{color:#ff6b35;font-weight:600;margin-right:8px;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.song-requests .modal-footer{background:#f8f9fa;padding:20px 24px;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end}.song-requests .btn-success{background:#28a745;border:1px solid #28a745;color:#fff;padding:10px 20px;border-radius:6px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s ease}.song-requests .btn-success:hover{background:#218838;border-color:#218838;transform:translateY(-1px);box-shadow:0 2px 8px #28a7454d}.song-requests .btn-danger{background:#dc3545;border:1px solid #dc3545;color:#fff;padding:10px 20px;border-radius:6px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s ease}.song-requests .btn-danger:hover{background:#c82333;border-color:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.song-requests .btn-outline{background:transparent;border:1px solid #6c757d;color:#6c757d;padding:10px 20px;border-radius:6px;font-weight:500;transition:all .2s ease}.song-requests .btn-outline:hover{background:#6c757d;color:#fff;transform:translateY(-1px)}@media (max-width: 768px){.request-header{flex-direction:column;align-items:stretch}.request-actions{justify-content:flex-end}.status-filter{justify-content:center}.filter-btn{flex:1;justify-content:center;min-width:0}.detail-grid{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.request-item:hover{box-shadow:0 2px 8px #f603}}.media-picker-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:mediaPickerFadeIn .2s ease}@keyframes mediaPickerFadeIn{0%{opacity:0}to{opacity:1}}.media-picker-modal{background:#1a1a1a;border-radius:16px;width:100%;max-width:1000px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid #2a2a2a;animation:mediaPickerSlideUp .3s ease}@keyframes mediaPickerSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.media-picker-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #2a2a2a;background:#0f0f0f;border-radius:16px 16px 0 0}.media-picker-header-left{display:flex;align-items:center;gap:1rem;color:#ff6b35}.media-picker-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.media-picker-close-btn{background:none;border:none;color:#999;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.media-picker-close-btn:hover{background:#2a2a2a;color:#fff}.media-picker-body{flex:1;overflow-y:auto;padding:2rem;background:#0a0a0a;min-height:300px}.media-picker-loading-state,.media-picker-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#999;min-height:300px}.media-picker-empty-state svg{color:#444;margin-bottom:1rem}.media-picker-loading-state p,.media-picker-empty-state p{color:#999;margin:.5rem 0;font-size:1rem}.media-picker-loading-state .media-picker-spinner{animation:mediaPickerSpin 1s linear infinite;color:#ff6b35;margin-bottom:1rem}@keyframes mediaPickerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.media-picker-empty-hint{font-size:.9rem;margin-top:.5rem;color:#666!important}.media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}.media-picker-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;border:3px solid #2a2a2a;transition:all .2s ease;background:#0f0f0f}.media-picker-item:hover{border-color:#ff6b35;transform:translateY(-4px);box-shadow:0 8px 20px #ff6b354d}.media-picker-item.media-picker-selected{border-color:#ff6b35;box-shadow:0 0 0 4px #ff6b354d}.media-picker-thumbnail{width:100%;height:100%;object-fit:cover}.media-picker-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0f0f0f;color:#444;font-size:.875rem}.media-picker-selected-overlay{position:absolute;inset:0;background:#ff6b3580;display:flex;align-items:center;justify-content:center;color:#fff;animation:mediaPickerCheckmark .3s ease}@keyframes mediaPickerCheckmark{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.media-picker-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:.75rem .5rem .5rem;display:flex;flex-direction:column;gap:.25rem}.media-picker-category,.media-picker-subcategory{color:#fff;font-size:.75rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-picker-subcategory{color:#ccc;font-weight:400;font-size:.7rem}.media-picker-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #2a2a2a;background:#0f0f0f;border-radius:0 0 16px 16px}.media-picker-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem}.media-picker-btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none}.media-picker-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3566}.media-picker-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.media-picker-btn-secondary{background:#2a2a2a;color:#fff;border:2px solid #2a2a2a}.media-picker-btn-secondary:hover{background:#3a3a3a;border-color:#3a3a3a}@media (max-width: 768px){.media-picker-overlay{padding:1rem}.media-picker-modal{max-height:90vh}.media-picker-header,.media-picker-body,.media-picker-footer{padding:1rem}.media-picker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.media-picker-header h2{font-size:1.25rem}}.mobile-preview-container{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:12px;padding:24px;height:fit-content;max-height:calc(100vh - 48px);overflow-y:auto}.mobile-preview-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#fff}.mobile-preview-header svg{color:#ff6b35}.mobile-preview-header h3{margin:0;font-size:18px;font-weight:600}.mobile-phone-frame{background:#1a1a1a;border:12px solid #2a2a2a;border-radius:36px;padding:12px 8px;box-shadow:0 20px 60px #00000080;position:relative;max-width:375px;margin:0 auto}.mobile-phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:24px;background:#2a2a2a;border-radius:0 0 16px 16px;z-index:10}.mobile-phone-screen{border-radius:24px;overflow:hidden;height:667px;position:relative;background:var(--bg-color, #000000);color:var(--text-color, #ffffff);font-family:var(--font-family, "Arial"),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-phone-screen.template-minimal{background:linear-gradient(135deg,#000000f2,#1a1a1af2),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,107,0,.02) 10px,rgba(255,107,0,.02) 20px);background-color:var(--bg-color, #000000)}.mobile-phone-screen.template-bold{background:var(--bg-color, #000000);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px)}.mobile-phone-screen.template-gradient{background:linear-gradient(135deg,var(--bg-color, #000000) 0%,color-mix(in srgb,var(--bg-color, #000000) 80%,var(--button-color, #ff6b00) 20%) 50%,var(--bg-color, #000000) 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.mobile-phone-screen.has-bg-image{background:var(--bg-image-url) center/cover no-repeat!important;background-color:var(--bg-color, #000000)!important}.mobile-phone-screen.has-bg-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,#0000004d,#0006);pointer-events:none;z-index:0}.mobile-phone-screen.template-minimal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--button-color, #ff6b00),transparent 88%) 0%,transparent 40%),radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--button-color, #ff6b00),transparent 92%) 0%,transparent 40%);pointer-events:none;z-index:0;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{opacity:1}50%{opacity:.7}}.mobile-phone-bottom-bar{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:120px;height:4px;background:#3a3a3a;border-radius:2px}.artist-link-page-preview{height:100%;overflow-y:auto;overflow-x:hidden;padding:50px 24px 80px;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start}.artist-link-page-preview::-webkit-scrollbar{width:3px}.artist-link-page-preview::-webkit-scrollbar-track{background:transparent}.artist-link-page-preview::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.mobile-phone-screen .artist-header{text-align:center;margin-bottom:24px;position:relative;z-index:2;width:100%;display:flex;justify-content:center;align-items:center}.mobile-phone-screen .artist-name{font-size:32px;font-weight:800;margin:0 auto;color:var(--text-color, #ffffff)!important;letter-spacing:-.5px;text-shadow:0 4px 12px rgba(0,0,0,.5);text-align:center!important;display:block;width:100%;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:var(--text-color, #ffffff)!important}.section{margin-bottom:56px;position:relative;z-index:2}.section-title{font-size:13px;font-weight:800;margin-bottom:20px;text-align:center;color:var(--button-color, #ff6b00);letter-spacing:2.5px;text-transform:uppercase;position:relative;padding-bottom:0;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:0px}.section-title svg{opacity:.8}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,transparent,var(--button-color, #ff6b00),transparent);border-radius:2px}.platform-links{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:100%}.platform-button{width:100%;max-width:500px;padding:12px 32px 12px 56px;background:color-mix(in srgb,var(--button-color, #ff6b00),transparent 25%);color:var(--button-text-color, #ffffff);border:2px solid transparent;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px color-mix(in srgb,var(--button-color, #ff6b00),transparent 60%);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-family, "Arial"),sans-serif}.platform-button svg{position:absolute;left:20px;top:50%;transform:translateY(-50%)}.platform-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.platform-button:hover:before{left:100%}.platform-button:hover{transform:translateY(-2px);background:var(--button-color, #ff6b00);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 24px color-mix(in srgb,var(--button-color, #ff6b00),transparent 40%),0 0 0 1px #fff3 inset}.platform-button:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 16px color-mix(in srgb,var(--button-color, #ff6b00),transparent 70%)}.platform-name{position:relative;z-index:1}.presave-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);border-radius:24px;padding:32px;margin-bottom:20px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset;transition:all .3s ease}.presave-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006,0 0 0 1px #ff6b0033 inset;border-color:#ff6b004d}.presave-cover-art{display:flex;justify-content:center;margin-bottom:16px;position:relative}.presave-cover-art:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:calc(100% - 30px);max-width:140px;height:calc(100% + 12px);background:linear-gradient(135deg,var(--button-color, #ff6b00),#ff8c3a);opacity:.3;filter:blur(15px);border-radius:12px;z-index:0}.cover-art-image{width:160px;height:160px;border-radius:14px;object-fit:cover;box-shadow:0 10px 28px #00000080,0 0 0 1px #ffffff1a inset;position:relative;z-index:1}.presave-info{margin-bottom:16px;text-align:center}.release-title{font-size:20px;font-weight:800;margin:0 0 10px;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.release-date{font-size:14px;margin:8px 0;color:var(--button-color, #ff6b00);font-weight:600}.release-type{font-size:11px;text-transform:uppercase;opacity:.7;margin:6px 0;letter-spacing:1.5px;font-weight:700}.presave-buttons{display:flex;flex-direction:column;gap:8px}.presave-button{width:100%;padding:14px 22px;background:linear-gradient(135deg,var(--button-color, #ff6b00) 0%,color-mix(in srgb,var(--button-color, #ff6b00),#ffcc00 30%) 100%);color:var(--button-text-color, #ffffff);border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 5px 18px color-mix(in srgb,var(--button-color, #ff6b00),transparent 70%),0 0 0 1px #ffffff1a inset;position:relative;overflow:hidden;font-family:var(--font-family, "Arial"),sans-serif}.presave-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;pointer-events:none}.presave-button.spotify{background:linear-gradient(135deg,#1db954,#1ed760);box-shadow:0 4px 16px #1db95466,0 0 0 1px #ffffff1a inset}.page-footer{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:9px;opacity:.3;font-weight:500;letter-spacing:.5px;z-index:10;pointer-events:none}.page-footer p{margin:0}.preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.preview-placeholder p{color:#666;font-size:13px}.preview-disclaimer{text-align:center;font-size:12px;color:#666;margin:16px 0 0;font-style:italic}@media (max-width: 1400px){.mobile-phone-frame{max-width:320px}.mobile-phone-screen{height:568px}}@media (max-width: 1200px){.mobile-preview-container{position:relative;top:0;max-height:none}}.smartlinks-wrapper{display:grid;grid-template-columns:1fr 420px;gap:24px;padding:24px;background:#000;min-height:100vh;max-width:1800px;margin:0 auto;align-items:start}.smartlinks-container{min-width:0}.smartlinks-preview-drawer{position:sticky;top:24px;align-self:start}.smartlinks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px}.smartlinks-header-left{display:flex;align-items:flex-start;gap:16px}.smartlinks-header-left svg{color:#ff6b35;flex-shrink:0;margin-top:4px}.smartlinks-header-left h1{font-size:28px;font-weight:600;margin:0 0 8px;color:#fff}.smartlinks-header-subtitle{font-size:14px;color:#999;margin:0}.smartlinks-header-actions{display:flex;gap:12px}.smartlinks-card{background:#0f0f0f;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #2a2a2a;transition:all .2s ease}.smartlinks-card:hover{border-color:#3a3a3a}.smartlinks-card h3{font-size:18px;font-weight:600;margin:0 0 20px;color:#fff}.smartlinks-card-header-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.smartlinks-card-header-action h3{margin:0;display:flex;align-items:center}.smartlinks-section-description{font-size:13px;color:#666;margin:-10px 0 16px}.smartlinks-form-select,.smartlinks-form-input{width:100%;padding:12px 16px;border:2px solid #2a2a2a;border-radius:8px;font-size:15px;background:#1a1a1a;color:#fff;transition:all .2s ease}.smartlinks-form-select:hover,.smartlinks-form-input:hover{border-color:#3a3a3a}.smartlinks-form-select:focus,.smartlinks-form-input:focus{outline:none;border-color:#ff6b35;background:#0f0f0f;box-shadow:0 0 0 3px #ff6b351a}.smartlinks-form-select{cursor:pointer;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 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.smartlinks-form-select option{background:#1a1a1a;color:#fff;padding:8px}.smartlinks-form-group{margin-bottom:20px}.smartlinks-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#ccc}.smartlinks-slug-editor{display:flex;align-items:center;gap:8px}.smartlinks-slug-prefix{font-size:15px;color:#999;font-weight:500;white-space:nowrap}.smartlinks-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.smartlinks-color-picker{width:100%;height:50px;border:2px solid #2a2a2a;border-radius:8px;cursor:pointer;transition:border-color .2s ease;background:#1a1a1a}.smartlinks-color-picker:hover{border-color:#3a3a3a}.smartlinks-color-picker:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.smartlinks-image-upload-section{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.smartlinks-bg-preview{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;background:#1a1a1a;border:2px solid #2a2a2a;border-radius:8px}.smartlinks-bg-preview img,.smartlinks-bg-preview-img{width:100%;max-width:300px;height:180px;object-fit:cover;border-radius:6px;border:2px solid #2a2a2a}.smartlinks-btn-remove-bg{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content}.smartlinks-btn-remove-bg:hover{background:#ef444433;border-color:#ef44444d;transform:translateY(-1px)}.smartlinks-platform-row{display:grid;grid-template-columns:auto 1fr 2fr auto auto;gap:12px;margin-bottom:12px;align-items:center;padding:12px;background:#1a1a1a;border-radius:8px;border:1px solid #2a2a2a;transition:all .2s ease;cursor:grab}.smartlinks-platform-row:active{cursor:grabbing}.smartlinks-platform-row:hover{border-color:#3a3a3a;background:#1f1f1f}.smartlinks-drag-handle{display:flex;align-items:center;color:#666;cursor:grab;transition:color .2s ease}.smartlinks-drag-handle:hover{color:#ff6b35}.smartlinks-platform-row:active .smartlinks-drag-handle{cursor:grabbing}.smartlinks-visibility-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 12px;border-radius:6px;background:#0f0f0f;border:1px solid #2a2a2a;transition:all .2s ease;white-space:nowrap}.smartlinks-visibility-toggle:hover{border-color:#3a3a3a}.smartlinks-visibility-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#ff6b35;cursor:pointer}.smartlinks-visibility-toggle span{font-size:13px;color:#ccc}.smartlinks-empty-message{text-align:center;padding:40px;color:#666;font-size:14px;background:#1a1a1a;border-radius:8px;border:1px dashed #2a2a2a}.smartlinks-releases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.smartlinks-release-card{background:#1a1a1a;border:2px solid #2a2a2a;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;gap:16px;align-items:flex-start}.smartlinks-release-card:hover{border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3533}.smartlinks-release-card.smartlinks-selected{border-color:#ff6b35;background:#ff6b351a}.smartlinks-release-cover{width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#0f0f0f}.smartlinks-release-info{flex:1}.smartlinks-release-info h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#fff;line-height:1.3}.smartlinks-release-type{font-size:11px;color:#ff6b35;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}.smartlinks-release-date{font-size:13px;color:#999;margin:0 0 4px}.smartlinks-release-isrc{font-size:12px;color:#666;font-family:Courier New,monospace;margin:0}.smartlinks-selected-badge{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#ff6b35;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700}.smartlinks-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.smartlinks-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.smartlinks-btn-primary{background:#ff6b35;color:#fff;box-shadow:0 4px 12px #ff6b354d}.smartlinks-btn-primary:hover:not(:disabled){background:#e55a2b;transform:translateY(-1px);box-shadow:0 6px 16px #ff6b3566}.smartlinks-btn-secondary{background:#1a1a1a;color:#ccc;border:1px solid #2a2a2a}.smartlinks-btn-secondary:hover:not(:disabled){background:#2a2a2a;color:#fff;transform:translateY(-1px)}.smartlinks-btn-outline{background:transparent;color:#ff6b35;border:2px solid #ff6b35}.smartlinks-btn-outline:hover:not(:disabled){background:#ff6b351a;border-color:#ff8c3a;color:#ff8c3a}.smartlinks-btn-small{padding:8px 16px;font-size:14px}.smartlinks-btn-danger-icon{background:#ef44441a;color:#ef4444;padding:8px;border:1px solid rgba(239,68,68,.2);border-radius:6px;cursor:pointer;transition:all .2s ease}.smartlinks-btn-danger-icon:hover{background:#ef444433;border-color:#ef44444d;transform:scale(1.05)}@media (max-width: 1400px){.smartlinks-wrapper{grid-template-columns:1fr 360px;gap:20px}}@media (max-width: 1200px){.smartlinks-wrapper{grid-template-columns:1fr}.smartlinks-preview-drawer{order:-1;margin-bottom:24px}.smartlinks-platform-row{grid-template-columns:auto 1fr 1fr auto auto}}@media (max-width: 768px){.smartlinks-wrapper{padding:16px}.smartlinks-header{flex-direction:column;align-items:flex-start;gap:16px}.smartlinks-header-left,.smartlinks-header-actions{width:100%}.smartlinks-header-actions .smartlinks-btn{flex:1}.smartlinks-platform-row{grid-template-columns:1fr;gap:8px}.smartlinks-drag-handle{display:none}.smartlinks-theme-grid,.smartlinks-releases-grid{grid-template-columns:1fr}.smartlinks-slug-editor{flex-direction:column;align-items:flex-start}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.App{height:100%}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f5f5f5;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 10px #0000001a}.placeholder-page h2{margin-bottom:16px;color:#333;font-size:28px;font-weight:600}.placeholder-page p{color:#666;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #ff6b354d}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-outline{background:transparent;border:2px solid #ff6b35;color:#ff6b35}.btn-outline:hover:not(:disabled){background:#ff6b35;color:#fff}.btn-sm{padding:8px 16px;font-size:12px;min-height:36px}.btn-lg{padding:16px 32px;font-size:16px;min-height:52px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.form-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;background:#fff;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.form-input:disabled{opacity:.6;background:#f8f9fa;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical}.form-select{cursor:pointer}.form-error{color:#dc3545;font-size:12px;margin-top:4px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.card-header{padding:20px 24px;border-bottom:1px solid #e0e0e0}.card-title{margin:0;color:#333;font-size:18px;font-weight:600}.card-body{padding:24px}.card-footer{padding:20px 24px;border-top:1px solid #e0e0e0;background:#f8f9fa}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e0e0e0}.table th{background:#f8f9fa;font-weight:600;color:#555;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.table tbody tr:hover{background:#f8f9fa}.alert{padding:16px 20px;border-radius:8px;margin-bottom:20px;border:1px solid transparent}.alert-success{background:#d4edda;border-color:#c3e6cb;color:#155724}.alert-error{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}*:focus{outline:2px solid #ff6b35;outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #ff6b3533}@media (max-width: 768px){.btn{padding:10px 20px;font-size:14px}.form-input{padding:10px 14px;font-size:16px}.card-header,.card-body,.card-footer{padding:16px 20px}.table th,.table td{padding:8px 12px;font-size:14px}}
