.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000}.login-box{background:#1a1a1a;border-radius:4px;box-shadow:0 2px 8px #000c;border:1px solid #2a2a2a;width:100%;max-width:380px;padding:28px}.login-header{text-align:center;margin-bottom:24px}.login-header h1{font-size:22px;font-weight:700;color:#fff;margin-bottom:6px}.login-header p{color:#999;font-size:12px}.login-form{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;color:#ccc;font-weight:500;font-size:12px}.form-group input{width:100%;padding:8px 12px;border:1px solid #333333;border-radius:3px;font-size:13px;transition:border-color .2s;background:#0a0a0a;color:#fff}.form-group input:focus{outline:none;border-color:#666;box-shadow:0 0 0 2px #ffffff1a}.error-message{padding:10px;background:#1a1a1a;border:1px solid #ff4444;border-radius:3px;color:#f66;font-size:12px;margin-bottom:16px}.btn-block{width:100%;padding:10px;font-size:13px}.login-footer{text-align:center;color:#999;font-size:12px}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;padding:14px}.register-box{background:#1a1a1a;border-radius:4px;box-shadow:0 2px 8px #000c;width:100%;max-width:600px;padding:28px}.register-header{text-align:center;margin-bottom:20px}.register-header h1{margin:0 0 8px;font-size:22px;color:#fff}.register-header p{margin:0;color:#999;font-size:14px}.register-form{display:flex;flex-direction:column;gap:24px}.form-section{border:1px solid #333333;border-radius:4px;padding:14px;background:#0a0a0a}.form-section h3{margin:0 0 16px;font-size:13px;color:#fff;font-weight:600}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#fff;font-size:14px}.form-notice{background:#1a1a1a;border-left:4px solid #2196f3;padding:12px 16px;border-radius:4px}.form-notice p{margin:0;font-size:13px;color:#ccc}.error-message{padding:12px;background-color:#1a1a1a;color:#f66;border-radius:3px;font-size:14px;text-align:center}.btn-block{width:100%;margin-top:8px}.register-footer{margin-top:24px;text-align:center}.register-footer p{margin:0;color:#999;font-size:14px}.register-footer a{color:#667eea;text-decoration:none;font-weight:500}.register-footer a:hover{text-decoration:underline}@media (max-width: 768px){.register-box{padding:24px}.register-header h1{font-size:18px}}.dashboard{max-width:1600px}.dashboard-header{margin-bottom:20px}.dashboard-header h1{font-size:24px;font-weight:700;color:#fff;margin-bottom:6px}.dashboard-header p{color:#999;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.stat-card{background:#1a1a1a!important;border-radius:4px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #00000080;border:1px solid #2a2a2a!important;transition:border-color .2s}.stat-card:hover{border-color:#404040}.stat-icon{width:42px;height:42px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#2a2a2a!important}.stat-icon svg{color:#fff!important}.stat-content{flex:1}.stat-value{font-size:22px;font-weight:700;color:#fff!important;line-height:1;margin-bottom:3px}.stat-label{font-size:11px;color:#999!important}.card-header{border-bottom:1px solid #2a2a2a;padding-bottom:12px;margin-bottom:14px}.card-header h2{font-size:16px;font-weight:600;color:#fff}.content-table table{width:100%;border-collapse:collapse}.content-table th{text-align:left;padding:9px;background:#0a0a0a;color:#999;font-weight:600;font-size:11px;border-bottom:1px solid #2a2a2a}.content-table td{padding:10px 9px;border-bottom:1px solid #2a2a2a;font-size:12px;color:#ccc}.content-table tbody tr:hover{background:#0a0a0a}.empty-state{text-align:center;padding:40px 14px;color:#666}.empty-state p{margin-top:12px;font-size:13px}.loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:14px;color:#999}.content-list{max-width:1400px}.page-header{margin-bottom:24px}.page-header h1{font-size:22px;font-weight:700;color:#1e293b;margin-bottom:16px}.filter-tabs{display:flex;gap:8px;border-bottom:2px solid #e2e8f0}.filter-tab{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.filter-tab:hover{color:#3b82f6}.filter-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.content-table{width:100%;border-collapse:collapse}.content-table thead th{text-align:left;padding:12px;background:#f8fafc;color:#64748b;font-weight:600;font-size:13px;border-bottom:2px solid #e2e8f0}.content-table tbody td{padding:12px;border-bottom:1px solid #e2e8f0;font-size:14px;vertical-align:middle}.content-table tbody tr:hover{background:#f8fafc}.thumbnail{width:100%;height:45px;object-fit:cover;border-radius:4px}.content-title{font-weight:500;color:#1e293b;margin-bottom:4px}.episode-info{font-size:12px;color:#64748b}.series-info{font-size:13px;color:#475569}.text-muted{color:#cbd5e1}.action-buttons{display:flex;gap:4px}.icon-btn{padding:6px;background:#f1f5f9;border:none;border-radius:4px;cursor:pointer;color:#475569;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#e2e8f0;color:#1e293b}.icon-btn.danger:hover{background:#1a1a1a;color:#dc2626}.empty-state{text-align:center;padding:80px 20px;color:#94a3b8}.content-upload{max-width:900px}.page-header p{color:#64748b;margin-top:8px}.upload-form{background:#1a1a1a;border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:32px}.form-section{margin-bottom:20px;padding-bottom:32px;border-bottom:1px solid #e2e8f0}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{display:block;margin-bottom:8px;color:#334155;font-weight:500;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:3px;font-size:14px;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#666;box-shadow:0 0 0 3px #3b82f61a}.file-upload-box{border:2px dashed #e2e8f0;border-radius:4px;padding:14px;text-align:center;background:#f8fafc}.file-upload-box input[type=file]{width:100%}.uploaded-url{margin-top:12px;padding:8px;background:#1a1a1a;border-radius:4px;font-size:12px;color:#64748b;word-break:break-all}.thumbnail-preview{margin-top:12px;max-width:200px;max-height:120px;border-radius:4px;object-fit:cover}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e2e8f0}.form-actions .btn{min-width:120px}.title-list-container{padding:1.25rem}.title-list-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.title-list-container .page-header h1{font-size:.875rem;color:#fff;margin:0 0 .5rem}.title-list-container .page-header p{color:#999;margin:0}.empty-state{text-align:center;padding:4rem 2rem;background:#1a1a1a;border-radius:4px;box-shadow:0 1px 3px #00000080}.titles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.title-card{background:#1a1a1a;border-radius:4px;box-shadow:0 1px 3px #00000080;overflow:hidden;transition:transform .3s,box-shadow .3s}.title-card:hover{transform:translateY(-4px);box-shadow:0 2px 6px #000c}.title-thumbnail{position:relative;width:100%;height:200px;background:#0a0a0a;overflow:hidden}.title-thumbnail img{width:100%;height:100%;object-fit:cover}.series-badge{position:absolute;top:.75rem;right:.75rem;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.series-badge.series-badge{background:#007bffe6;color:#fff}.series-badge.single-badge{background:#28a745e6;color:#fff}.title-content{padding:1rem}.title-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.75rem;gap:.5rem}.title-header h3{font-size:.8125rem;color:#fff;margin:0;flex:1}.title-meta{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.content-type,.category{padding:.25rem .75rem;background:#2a2a2a;border-radius:4px;font-size:.875rem;color:#ccc}.title-description{color:#999;font-size:.875rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.title-stats{display:flex;gap:1rem;padding:.75rem 0;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;margin-bottom:1rem}.stat{display:flex;flex-direction:column;align-items:center;flex:1}.stat-label{font-size:.75rem;color:#666;margin-bottom:.25rem}.pending-changes-notice{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#1a1a1a;border-left:3px solid #ffc107;border-radius:4px;font-size:.875rem;color:#ccc;margin-bottom:1rem}.rejection-feedback{padding:.75rem;background:#1a1a1a;border-left:3px solid #dc3545;border-radius:4px;font-size:.875rem;color:#f66;margin-bottom:1rem}.rejection-feedback strong{display:block;margin-bottom:.25rem}.title-actions{display:flex;gap:.5rem;flex-wrap:wrap}.title-create-container{padding:1.25rem;max-width:900px;margin:0 auto}.title-create-container .page-header{margin-bottom:1.25rem}.title-create-container .page-header h1{font-size:.875rem;color:#fff;margin:1rem 0 .5rem}.title-create-container .page-header p{color:#999;margin:0}.title-create-form{background:#1a1a1a;border-radius:4px;padding:1.25rem;box-shadow:0 1px 3px #00000080}.title-detail-container{padding:1.25rem;max-width:1200px;margin:0 auto}.title-detail-container .page-header{margin-bottom:1.25rem}.error-state svg{color:#dc3545;margin-bottom:1rem}.title-info-card{background:#1a1a1a;border-radius:4px;box-shadow:0 1px 3px #00000080;padding:1.25rem;margin-bottom:1.25rem}.title-info-header{display:flex;gap:2rem;margin-bottom:1.5rem}.title-thumbnail-large{flex-shrink:0;width:250px;height:350px;border-radius:4px;overflow:hidden;background:#0a0a0a}.title-thumbnail-large img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#000;color:#fff;opacity:.3}.title-info-content{flex:1}.title-header-row{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem;gap:1rem}.title-header-row h1{font-size:.875rem;color:#fff;margin:0;flex:1}.title-meta-row{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.meta-item{font-size:.9375rem;color:#999}.meta-item strong{color:#fff;margin-right:.25rem}.title-description{color:#444;line-height:1.6;margin-bottom:1rem}.title-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{padding:.375rem .75rem;background:#2a2a2a;border-radius:16px;font-size:.875rem;color:#ccc}.title-stats-row{display:flex;gap:2rem;padding:1.5rem 0;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.875rem;color:#666;margin-bottom:.5rem}.stat-value{font-size:.875rem;font-weight:600;color:#fff}.title-actions{display:flex;gap:1rem}.pending-changes-alert,.rejection-alert{display:flex;align-items:start;gap:1rem;padding:1rem;border-radius:4px;margin-top:1.5rem}.pending-changes-alert{background:#1a1a1a;border-left:4px solid #ffc107;color:#ccc}.rejection-alert{background:#1a1a1a;border-left:4px solid #dc3545;color:#f66}.pending-changes-alert svg,.rejection-alert svg{flex-shrink:0;margin-top:.125rem}.pending-changes-alert strong,.rejection-alert strong{display:block;margin-bottom:.25rem;font-weight:600}.pending-changes-alert p,.rejection-alert p{margin:0;font-size:.9375rem}.contents-section{background:#1a1a1a;border-radius:4px;box-shadow:0 1px 3px #00000080;padding:1.25rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:.875rem;color:#fff;margin:0}.empty-state{text-align:center;padding:3rem 2rem}.empty-state svg{color:#ccc;margin-bottom:1rem}.empty-state p{color:#999;font-size:.875rem;margin-bottom:1.5rem}.contents-list{display:grid;gap:1.5rem}.content-card{display:flex;gap:1.5rem;padding:1rem;border:1px solid #2a2a2a;border-radius:4px;transition:box-shadow .3s}.content-card:hover{box-shadow:0 2px 8px #0000001a}.content-thumbnail{position:relative;flex-shrink:0;width:200px;height:120px;border-radius:4px;overflow:hidden;background:#0a0a0a}.content-thumbnail img{width:100%;height:100%;object-fit:cover}.content-thumbnail .thumbnail-placeholder{background:#000}.content-info{flex:1;display:flex;flex-direction:column}.content-info h3{font-size:.875rem;color:#fff;margin:0 0 .5rem}.episode-number{display:inline-block;padding:.125rem .5rem;background:#fff;color:#fff;border-radius:4px;font-size:.875rem;margin-right:.5rem}.content-description{color:#999;font-size:.9375rem;line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.tag-sm{padding:.25rem .625rem;background:#f1f3f5;border-radius:4px;font-size:.8125rem;color:#ccc}.deactivation-notice{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#1a1a1a;border-left:3px solid #ffc107;border-radius:4px;font-size:.875rem;color:#ccc;margin-bottom:.75rem}.content-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.status-badge.status-pending{background:#1a1a1a;color:#ccc}.status-badge.status-approved{background:#2a2a2a;color:#fff}.status-badge.status-rejected{background:#1a1a1a;color:#f66}.status-badge.publish-draft{background:#2a2a2a;color:#ccc}.status-badge.publish-pending{background:#1a1a1a;color:#ccc}.status-badge.publish-published{background:#2a2a2a;color:#fff}.status-badge.publish-rejected,.status-badge.publish-unpublished{background:#1a1a1a;color:#f66}.content-thumbnail .status-badge{position:absolute;top:.5rem;right:.5rem}.btn-danger:hover:not(:disabled){background:#2a2a2a}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background:#e0a800}@media (max-width: 768px){.title-info-header{flex-direction:column}.title-thumbnail-large{width:100%;height:300px}.content-card{flex-direction:column}.content-thumbnail{width:100%}}.title-edit-container{padding:1.25rem;max-width:900px;margin:0 auto}.title-edit-container .page-header{margin-bottom:1.25rem}.title-edit-container .page-header h1{font-size:.875rem;color:#fff;margin:1rem 0 .5rem}.title-edit-container .page-header p{color:#999;margin:0}.title-edit-form{background:#1a1a1a;border-radius:4px;padding:1.25rem;box-shadow:0 1px 3px #00000080}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#fff}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #333333;border-radius:4px;font-size:.8125rem;transition:border-color .3s}.form-group .input-disabled{background:#0a0a0a;color:#6c757d;cursor:not-allowed}.uploading-text{color:#007bff;font-style:italic}.thumbnail-preview{margin-top:1rem}.thumbnail-preview img{max-width:300px;max-height:300px;border-radius:4px;border:2px solid #333333}.image-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-preview-container{width:95vw;height:95vh;background:#1a1a1a;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.image-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#2a2a2a;border-bottom:1px solid #3a3a3a}.image-preview-title{display:flex;align-items:center;gap:16px;color:#fff;font-size:1.125rem;font-weight:600}.image-count{font-size:.875rem;color:#9ca3af;font-weight:400;background:#3a3a3a;padding:4px 12px;border-radius:12px}.mode-toggle{display:flex;gap:8px;background:#3a3a3a;padding:4px;border-radius:8px}.mode-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;color:#9ca3af;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9375rem}.mode-btn:hover{background:#4a4a4a;color:#fff}.mode-btn.active{background:#fff;color:#000}.close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3a3a3a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.close-btn:hover{background:#dc2626}.image-preview-content{flex:1;overflow:hidden;position:relative}.webtoon-mode{height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:24px 0;background:#0a0a0a}.webtoon-page{width:100%;max-width:900px;margin-bottom:0;display:flex;justify-content:center}.webtoon-page img{width:100%;height:auto;display:block}.webtoon-mode::-webkit-scrollbar{width:12px}.webtoon-mode::-webkit-scrollbar-track{background:#1a1a1a}.webtoon-mode::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:6px}.webtoon-mode::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.novel-mode{height:100%;display:flex;align-items:center;justify-content:center;gap:24px;padding:24px;background:#0a0a0a}.novel-page{flex:1;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.novel-page img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #00000080}.nav-btn{width:60px;height:60px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.nav-btn:hover:not(:disabled){background:#404040;border-color:#666;transform:scale(1.1)}.nav-btn:active:not(:disabled){transform:scale(.95)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.image-preview-footer{padding:16px 24px;background:#2a2a2a;border-top:1px solid #3a3a3a;display:flex;justify-content:center}.page-indicator{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-height:60px;overflow-y:auto;padding:4px}.page-dot{width:10px;height:10px;border-radius:50%;background:#4a4a4a;border:none;cursor:pointer;transition:all .2s;padding:0}.page-dot:hover{background:#6b7280;transform:scale(1.3)}.page-dot.active{background:#fff;width:32px;border-radius:5px}@media (max-width: 768px){.image-preview-container{width:100vw;height:100vh;border-radius:0}.image-preview-header{padding:12px 16px}.image-preview-title{font-size:1rem}.mode-btn span{display:none}.mode-btn{padding:8px 12px}.nav-btn{width:48px;height:48px}.novel-mode{gap:12px;padding:12px}.webtoon-page{max-width:100%}}@media (max-width: 480px){.mode-toggle{gap:4px}.mode-btn{padding:6px 10px}.nav-btn{width:40px;height:40px}}.content-create-container{padding:1.25rem;max-width:900px;margin:0 auto}.content-create-container .page-header{margin-bottom:1.25rem}.content-create-container .page-header h1{font-size:.875rem;color:#fff;margin:1rem 0 .5rem}.content-create-container .page-header p{color:#999;margin:0}.loading{text-align:center;padding:3rem;color:#999;font-size:.875rem}.error-state{text-align:center;padding:4rem 2rem;background:#1a1a1a;border-radius:4px;box-shadow:0 1px 3px #00000080}.error-state p{color:#999;font-size:.875rem;margin-bottom:1.5rem}.content-create-form{background:#1a1a1a;border-radius:4px;padding:1.25rem;box-shadow:0 1px 3px #00000080}.form-section{margin-bottom:1.25rem;padding-bottom:2rem;border-bottom:1px solid #2a2a2a}.form-section:last-of-type{border-bottom:none}.form-section h2{font-size:.8125rem;color:#fff;margin-bottom:1.5rem}.section-description{color:#999;font-size:.9375rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:#0a0a0a;border-left:3px solid #666666;border-radius:4px}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;color:#fff}.form-group input[type=text],.form-group input[type=number],.form-group input[type=file],.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #333333;border-radius:4px;font-size:.8125rem;transition:border-color .3s}.form-group input[type=file]{padding:.5rem}.form-group small{display:block;margin-top:.25rem;color:#999;font-size:.875rem}.form-group small.warning-text{color:#ccc;background:#1a1a1a;padding:.5rem;border-radius:4px;margin-top:.5rem}.file-upload-section{display:flex;flex-direction:column;gap:1rem}.uploading-text{color:#007bff;font-style:italic;font-size:.9375rem}.file-preview{margin-top:.5rem}.file-preview img{max-width:300px;max-height:300px;border-radius:4px;border:2px solid #333333}.file-info{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#2a2a2a;border-left:3px solid #28a745;border-radius:4px;color:#fff;font-size:.9375rem}.tag-input-container{display:flex;gap:.5rem;margin-bottom:1rem}.tag-input-container input{flex:1}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#2a2a2a;border-radius:16px;font-size:.875rem;color:#ccc}.tag button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:.8125rem;padding:0;margin-left:.25rem;line-height:1}.tag button:hover{color:#dc3545}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid #2a2a2a}.help-section{margin-top:2rem;padding:1rem;background:#0a0a0a;border-radius:4px;border-left:4px solid #666666}.help-section h3{font-size:.875rem;color:#fff;margin-bottom:1rem}.help-section ul{margin:0;padding-left:1.5rem}.help-section li{color:#999;margin-bottom:.5rem}.message{padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.message-error{background:#1a1a1a;color:#f66;border:1px solid #f5c6cb}.message-success{background:#2a2a2a;color:#fff;border:1px solid #c3e6cb}.message-close{background:none;border:none;font-size:.875rem;cursor:pointer;color:inherit;opacity:.7}.btn{padding:.75rem 1.5rem;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .3s;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#f0f0f0;color:#000}.btn-secondary{background:#1a1a1a;color:#ccc;border:1px solid #333333;color:#fff}.btn-secondary:hover:not(:disabled){background:#2a2a2a}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.hls-progress-container{padding:1rem;background:#000;border-radius:4px;margin-top:1rem;color:#fff}.hls-progress-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.hls-stage-text{font-weight:600;font-size:.8125rem}.progress-bar{width:100%;height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:#1a1a1a;transition:width .3s ease;border-radius:4px}.hls-progress-details{display:flex;gap:1rem;font-size:.875rem;opacity:.9;align-items:center}.current-resolution{padding:.25rem .625rem;background:#fff3;border-radius:4px;font-weight:500}.current-file{font-size:.8125rem;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.hls-success{background:#000;color:#fff;border:none}.hls-success svg{color:#fff}.hls-resolutions{display:block;margin-top:.25rem;font-size:.8125rem;opacity:.9}.hls-uploading{background:#1a1a1a;color:#fff;border:none;padding:16px;display:flex;flex-direction:column;gap:12px}.upload-status{display:flex;align-items:flex-start;gap:12px}.uploading-icon{flex-shrink:0;margin-top:2px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.upload-details{display:flex;flex-direction:column;gap:6px;flex:1}.upload-message{font-weight:600;font-size:.9375rem}.upload-file{font-size:.875rem;opacity:.95;font-family:Monaco,Courier New,monospace}.upload-count{font-size:.8125rem;opacity:.9}.upload-progress-bar{width:100%;height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden}.upload-progress-fill{height:100%;background:#1a1a1a;border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #ffffff80}.upload-progress-text{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:600}.file-progress{font-size:.8125rem;opacity:.9}.info-text{color:#28a745!important;font-weight:500}.image-upload-progress{background:#2a2a2a;color:#fff;border:none;padding:16px;display:flex;flex-direction:column;gap:12px;border-radius:4px;margin-top:1rem;margin-bottom:1rem}.image-grid-container{margin-top:1rem;padding:1rem;background:#0a0a0a;border-radius:4px;border:1px solid #333333}.image-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #333333}.image-grid-header span{font-weight:600;color:#fff;font-size:.8125rem}.image-grid-header small{color:#6b7280;font-size:.875rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;max-height:600px;overflow-y:auto;padding:.5rem}.image-grid-item{position:relative;aspect-ratio:3 / 4;border-radius:4px;overflow:hidden;background:#1a1a1a;border:2px solid #dee2e6;transition:all .3s;cursor:pointer}.image-grid-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:#666}.image-grid-item img{width:100%;height:100%;object-fit:cover}.image-number{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;z-index:2}.image-remove-btn{position:absolute;top:8px;right:8px;background:#dc3545e6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:2;opacity:0}.image-grid-item:hover .image-remove-btn{opacity:1}.image-remove-btn:hover{background:#dc3545;transform:scale(1.1)}.image-remove-btn:active{transform:scale(.95)}.image-badge{position:absolute;bottom:8px;left:8px;right:8px;background:#28a745e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-align:center;z-index:2}.image-badge.existing{background:#6c757de6}.image-grid::-webkit-scrollbar{width:8px}.image-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.image-grid::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.image-grid::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.image-grid-item{aspect-ratio:3 / 4}}@media (max-width: 480px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}}.content-preview-page{min-height:100vh;background-color:#f5f5f5;padding:14px}.preview-loading,.preview-error{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:#999}.preview-error{color:#dc3545}.preview-header{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;padding:20px 30px;border-radius:4px;margin-bottom:20px;box-shadow:0 1px 3px #00000080}.preview-title-info h1{margin:0 0 5px;font-size:18px;color:#fff}.preview-subtitle{margin:0;font-size:13px;color:#999}.preview-close-btn{background:#0a0a0a;border:none;padding:10px;border-radius:3px;cursor:pointer;transition:background .2s}.preview-close-btn:hover{background:#e0e0e0}.preview-content{max-width:1200px;margin:0 auto}.preview-section{background:#1a1a1a;padding:25px;border-radius:4px;margin-bottom:20px;box-shadow:0 1px 3px #00000080}.preview-section h2{margin:0 0 20px;font-size:20px;color:#fff;display:flex;align-items:center;gap:10px}.title-info-grid{display:grid;grid-template-columns:200px 1fr;gap:20px}.title-thumbnail img{width:100%;border-radius:4px}.title-details p{margin:10px 0;line-height:1.6}.title-details strong{color:#999;margin-right:8px}.video-preview-container,.image-preview-container,.audio-preview-container,.text-preview-container{display:flex;justify-content:center;align-items:center}.image-preview-container img{border-radius:4px;box-shadow:0 2px 8px #0000001a}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.metadata-grid p{margin:0;padding:10px;background:#0a0a0a;border-radius:3px}.metadata-grid strong{color:#999;margin-right:8px}.image-preview-actions{margin-bottom:20px}.image-grid-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:15px}.image-thumbnail{position:relative;aspect-ratio:3 / 4;border-radius:4px;overflow:hidden;background:#f0f0f0;border:2px solid #e0e0e0;transition:all .3s}.image-thumbnail:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:#666}.image-thumbnail img{width:100%;height:100%;object-fit:cover}.image-thumbnail .image-number{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;z-index:2}.image-thumbnail.more-images{display:flex;align-items:center;justify-content:center;background:#000;color:#fff;font-weight:600;font-size:.8125rem;cursor:pointer}.image-thumbnail.more-images:hover{transform:translateY(-4px) scale(1.05)}.btn{padding:10px 20px;border:none;border-radius:3px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:#f0f0f0;color:#000;transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}@media (max-width: 768px){.title-info-grid{grid-template-columns:1fr}.preview-header,.preview-section{padding:15px}.image-grid-preview{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}}@media (max-width: 480px){.image-grid-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}}.pending-approvals{max-width:1400px}.stats-summary{display:flex;gap:24px;margin-top:12px}.stat-item{display:flex;align-items:center;gap:6px;color:#999;font-size:14px}.approval-table{width:100%;border-collapse:collapse}.approval-table thead th{text-align:left;padding:12px;background:#0a0a0a;color:#999;font-weight:600;font-size:13px;border-bottom:2px solid #2a2a2a}.approval-table tbody td{padding:16px 12px;border-bottom:1px solid #2a2a2a;font-size:14px;vertical-align:top}.approval-table tbody tr:hover{background:#0a0a0a}.content-info{max-width:400px}.content-title{font-weight:600;color:#fff;margin-bottom:4px}.content-description{font-size:13px;color:#999;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-badge{display:inline-block;margin-top:6px;padding:2px 8px;background:#1a1a1a;color:#fff;border:1px solid #333333;border-radius:3px;font-size:11px;font-weight:600}.provider-info{font-size:14px;color:#ccc}.badge{display:inline-flex;align-items:center;gap:4px}.main-tabs{display:flex;gap:8px;margin:24px 0 16px;border-bottom:2px solid #2a2a2a}.main-tab{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;color:#999;font-weight:600;font-size:15px;cursor:pointer;margin-bottom:-2px;transition:all .2s}.main-tab:hover{color:#fff}.main-tab.active{color:#fff;border-bottom-color:#fff}.thumbnail{width:80px;height:60px;object-fit:cover;border-radius:4px}.thumbnail-placeholder{width:80px;height:60px;background:#0a0a0a;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;border:1px solid #2a2a2a}.rejection-reason{margin-top:8px;padding:8px;background:#1a1a1a;border-left:3px solid #f44336;border-radius:4px}.rejection-reason small{color:#f66;font-size:12px}.title-approval-detail{max-width:1200px;margin:0 auto;padding:24px}.detail-container{display:flex;flex-direction:column;gap:24px}.title-hero{display:flex;gap:24px;margin-bottom:20px}.title-thumbnail{width:300px;height:200px;object-fit:cover;border-radius:4px;flex-shrink:0}.thumbnail-placeholder{width:300px;height:200px;background:#0a0a0a;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.title-info h3{margin:0 0 12px;font-size:18px;color:#fff}.meta-info{display:flex;gap:24px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:24px}.btn-large{padding:16px 32px;font-size:13px;flex:1}@media (max-width: 768px){.title-hero{flex-direction:column}.title-thumbnail,.thumbnail-placeholder{width:100%}.action-buttons{flex-direction:column}.info-grid{grid-template-columns:1fr}}.content-approval-detail{max-width:1200px;margin:0 auto;padding:24px}.detail-container{display:grid;grid-template-columns:1fr;gap:24px}.card{background:#1a1a1a;border:1px solid #333333;border-radius:4px;overflow:hidden}.title-section{padding-bottom:24px;border-bottom:1px solid #e0e0e0;margin-bottom:24px}.title-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.title-info-header h3{margin:0;font-size:13px;color:#999}.title-info-content{display:flex;gap:16px}.title-thumbnail-sm{width:120px;height:80px;object-fit:cover;border-radius:3px;flex-shrink:0}.title-info-content h4{margin:0 0 8px;font-size:18px;color:#fff}.title-info-content p{margin:0;color:#999;font-size:14px;line-height:1.5}.episode-section{margin-bottom:24px}.episode-section h3{margin:0 0 8px;font-size:22px;color:#fff}.episode-title{margin:0 0 12px;font-size:13px;color:#999;font-weight:500}.description{color:#999;line-height:1.6;margin-bottom:16px}.meta-info{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.meta-item{display:flex;align-items:center;gap:6px;color:#999;font-size:14px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.info-item{display:flex;flex-direction:column;gap:6px}.video-section{padding-top:24px;border-top:1px solid #e0e0e0}.video-section h3{margin:0 0 16px;font-size:18px;color:#fff}.video-info{display:flex;flex-direction:column;gap:12px}.video-info>label{font-size:14px;color:#999;font-weight:600}.resolutions{display:flex;flex-direction:column;gap:8px}.resolution-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border:1px solid #333333;border-radius:3px}.resolution-name{font-weight:600;color:#fff;min-width:80px}.resolution-size{color:#999;font-size:13px;min-width:100px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.badge-success{background:#2a2a2a;color:#2e7d32}.badge-warning{background:#1a1a1a;color:#e65100}.badge-danger{background:#ffebee;color:#f66}.badge-secondary{background:#0a0a0a;color:#999}.rejection-info{margin-top:24px;padding:16px;background:#ffebee;border-left:4px solid #f44336;border-radius:4px}.rejection-info h4{margin:0 0 8px;color:#f66;font-size:14px;font-weight:600}.rejection-info p{margin:0;color:#f66;line-height:1.6}.action-section{display:flex;flex-direction:column;gap:16px}.action-card{position:sticky;top:24px}.action-buttons{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.btn-sm{padding:6px 12px;font-size:13px}.btn-large{padding:16px 32px;font-size:13px;flex:1;width:100%}.btn-info{background:#2196f3;color:#fff}.btn-info:hover{background:#1976d2}.reject-form h3{margin:0 0 16px;font-size:18px;color:#fff}.feedback-textarea{width:100%;padding:12px;border:1px solid #333333;border-radius:3px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:16px;transition:border-color .2s}.feedback-textarea:focus{outline:none;border-color:#666}.form-actions{display:flex;justify-content:flex-end;gap:12px}@media (max-width: 768px){.title-info-content{flex-direction:column}.title-thumbnail-sm{width:100%;height:auto}.action-buttons{flex-direction:column}.info-grid{grid-template-columns:1fr}.meta-info{flex-direction:column;gap:12px}}.cp-approvals-container{padding:24px;max-width:1400px;margin:0 auto}.message-success{background-color:#1a1a1a;color:#4caf50;border-left:4px solid #4caf50}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#1a1a1a;border:1px solid #333333;border-radius:4px;padding:14px;text-align:center}.stat-label{font-size:14px;color:#999;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700;color:#fff}.stat-pending .stat-value{color:#ff9800}.stat-approved .stat-value{color:#4caf50}.stat-rejected .stat-value{color:#f44336}.filter-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #2a2a2a}.filter-tabs button{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#999;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.filter-tabs button:hover{color:#fff;background:#0a0a0a}.filter-tabs button.active{color:#fff;border-bottom-color:#fff}.cp-list{display:flex;flex-direction:column;gap:16px}.cp-card{background:#1a1a1a;border:1px solid #333333;border-radius:4px;overflow:hidden;transition:box-shadow .2s}.cp-card:hover{box-shadow:0 4px 12px #00000080}.cp-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#0a0a0a;border-bottom:1px solid #2a2a2a}.cp-info{display:flex;align-items:center;gap:12px}.cp-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.cp-info h3{margin:0 0 4px;font-size:18px;color:#fff}.cp-info p{margin:0;font-size:14px;color:#999}.status-pending{background:#1a1a1a;color:#ff9800;border:1px solid #ff9800}.status-approved{background:#1a1a1a;color:#4caf50;border:1px solid #4caf50}.status-rejected{background:#1a1a1a;color:#f44336;border:1px solid #f44336}.cp-card-body{padding:24px}.cp-details{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.detail-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#999}.detail-item svg{color:#666}.cp-documents{margin-top:20px;padding-top:20px;border-top:1px solid #2a2a2a}.cp-documents h4{margin:0 0 12px;font-size:14px;color:#fff;font-weight:600}.document-list{display:flex;flex-wrap:wrap;gap:12px}.document-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#1a1a1a;border:1px solid #2196f3;border-radius:3px;color:#2196f3;text-decoration:none;font-size:13px;transition:all .2s}.document-link:hover{background:#0a0a0a;border-color:#1976d2}.document-missing{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#0a0a0a;border:1px solid #333333;border-radius:3px;color:#666;font-size:13px}.rejection-reason{margin-top:16px;padding:12px;background:#1a1a1a;border-left:4px solid #f44336;border-radius:4px;font-size:14px;color:#f66}.rejection-reason strong{display:block;margin-bottom:4px}.cp-card-actions{display:flex;gap:8px;padding:16px 24px;background:#0a0a0a;border-top:1px solid #2a2a2a}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary{background:#2a2a2a;color:#fff;border:1px solid #333333}.btn-secondary:hover{background:#404040}.modal-content{background:#1a1a1a;border-radius:4px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-body p{margin:0 0 16px;color:#999;font-size:14px}.rejection-textarea{width:100%;padding:12px;border:1px solid #333333;border-radius:3px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s;background:#0a0a0a;color:#fff}.rejection-textarea:focus{outline:none;border-color:#666}.modal-large .modal-content{max-width:1200px;width:95%}.cp-detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.cp-detail-stats .stat-card{background:#0a0a0a;border:1px solid #333333;border-radius:4px;padding:16px}.cp-detail-stats .stat-label{font-size:13px;color:#999;margin-bottom:8px;font-weight:500}.cp-detail-stats .stat-value{font-size:22px;font-weight:700;color:#fff}.titles-table{width:100%;border-collapse:collapse;background:#1a1a1a;border:1px solid #333333;border-radius:4px;overflow:hidden}.titles-table thead{background:#0a0a0a}.titles-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#fff;border-bottom:2px solid #2a2a2a}.titles-table td{padding:12px 16px;font-size:14px;color:#999;border-bottom:1px solid #2a2a2a}.titles-table tbody tr:last-child td{border-bottom:none}.titles-table tbody tr:hover{background:#0a0a0a}.title-thumbnail-small{width:60px;height:40px;border-radius:4px;object-fit:cover;background:#0a0a0a}.series-badge.series-badge{background:#1a1a1a;color:#1976d2;border:1px solid #1976d2}.series-badge.single-badge{background:#1a1a1a;color:#9c27b0;border:1px solid #9c27b0}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tabs button{white-space:nowrap}.cp-card-header{flex-direction:column;align-items:flex-start;gap:12px}.cp-card-actions{flex-direction:column}.btn{width:100%;justify-content:center}.modal-content{width:95%}}.cp-detail-page{max-width:1400px;margin:0 auto;padding:24px}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.page-header h1{margin:0;font-size:22px;color:#fff}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#1a1a1a;border:1px solid #333333;border-radius:4px;color:#999;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-back:hover{background:#0a0a0a;border-color:#d0d0d0}.message{padding:16px 40px 16px 16px;border-radius:4px;margin-bottom:24px;font-size:14px;position:relative}.message-close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;font-size:18px;color:inherit;cursor:pointer;opacity:.6;padding:0}.card{background:#1a1a1a;border:1px solid #333333;border-radius:4px;overflow:hidden;margin-bottom:24px}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f9f9f9;border-bottom:1px solid #e0e0e0}.card-header h2{margin:0;font-size:20px;color:#fff}.card-body{padding:24px}.cp-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{font-size:13px;color:#666;font-weight:500}.info-item span{font-size:13px;color:#fff;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{display:flex;gap:16px;padding:14px;background:#f9f9f9;border:1px solid #333333;border-radius:4px}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#1a1a1a;border-radius:4px;color:#667eea}.stat-info{display:flex;flex-direction:column;justify-content:center}.stat-label{font-size:13px;color:#999;margin-bottom:4px;font-weight:500}.stat-value{font-size:18px;font-weight:700;color:#fff}.titles-list{display:flex;flex-direction:column;gap:16px}.title-item{background:#1a1a1a;border:1px solid #333333;border-radius:4px;overflow:hidden;transition:box-shadow .2s}.title-item:hover{box-shadow:0 2px 8px #00000014}.title-row{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background .2s}.title-row:hover{background:#0a0a0a}.title-main{display:flex;gap:16px;align-items:center;flex:1}.title-info-text h4{margin:0 0 8px;font-size:18px;color:#fff}.title-meta{display:flex;gap:12px;align-items:center}.content-type{font-size:13px;color:#999;padding:4px 8px;background:#f0f0f0;border-radius:4px}.title-stats{display:flex;gap:24px;align-items:center}.stat-item-small{display:flex;flex-direction:column;align-items:center;min-width:80px}.stat-label-small{font-size:12px;color:#666;margin-bottom:4px}.stat-value-small{font-size:18px;font-weight:600;color:#fff}.stat-value-small.highlight{color:#4caf50}.expand-icon{display:flex;align-items:center;color:#999}.episodes-list{padding:16px;background:#f9f9f9;border-top:1px solid #e0e0e0}.episodes-list h5{margin:0 0 16px;font-size:13px;color:#fff}.empty-text{margin:0;padding:24px;text-align:center;color:#666}.episodes-table{width:100%;border-collapse:collapse;background:#1a1a1a;border:1px solid #333333;border-radius:3px;overflow:hidden}.episodes-table thead{background:#f0f0f0}.episodes-table th{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #e0e0e0}.episodes-table td{padding:10px 12px;font-size:13px;color:#999;border-bottom:1px solid #f5f5f5}.episodes-table tbody tr:last-child td{border-bottom:none}.episodes-table tbody tr:hover{background:#0a0a0a}.title-cell{display:flex;align-items:center;gap:12px}.title-thumbnail-small{width:60px;height:40px;border-radius:4px;object-fit:cover;background:#f0f0f0;flex-shrink:0}.thumbnail-placeholder-small{width:60px;height:40px;border-radius:4px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.title-cell span{font-weight:500;color:#fff}.series-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.series-badge.series-badge{background:#1a1a1a;color:#1976d2}.series-badge.single-badge{background:#f3e5f5;color:#7b1fa2}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:600}.status-pending{background:#1a1a1a;color:#e65100}.status-approved{background:#2a2a2a;color:#2e7d32}.status-rejected{background:#ffebee;color:#f66}.status-secondary{background:#0a0a0a;color:#999}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666;text-align:center}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:13px;color:#999}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.error-container p{font-size:13px;color:#999}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-preview{background:#2196f3;color:#fff;text-decoration:none;padding:6px 12px;font-size:13px}.btn-preview:hover{background:#1976d2}.btn-sm{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:3px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}@media (max-width: 768px){.cp-info-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.title-row{flex-direction:column;align-items:flex-start;gap:16px}.title-stats{width:100%;flex-wrap:wrap;gap:12px}.stat-item-small{min-width:60px}.episodes-table{font-size:12px}.episodes-table th,.episodes-table td{padding:8px 6px}.title-thumbnail-small,.thumbnail-placeholder-small{width:40px;height:30px}}.admin-management-container{padding:24px;max-width:1400px;margin:0 auto}.message-success{background-color:#2a2a2a;color:#fff;border-left:4px solid #ffffff}.admins-list{display:flex;flex-direction:column;gap:16px}.admin-card{background:#1a1a1a;border:1px solid #333333;border-radius:4px;overflow:hidden;transition:box-shadow .2s}.admin-card:hover{box-shadow:0 4px 12px #00000014}.admin-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#0a0a0a;border-bottom:1px solid #2a2a2a}.admin-info{display:flex;align-items:center;gap:12px}.admin-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.admin-info h3{margin:0 0 4px;font-size:18px;color:#fff}.admin-info p{margin:0;font-size:14px;color:#999}.admin-type-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;background:#1a1a1a;color:#ccc}.admin-card-body{padding:24px}.admin-details{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;font-size:14px}.detail-item .label{color:#999;font-weight:500}.detail-item .value{color:#fff}.badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600}.badge-approved{background:#2a2a2a;color:#2e7d32}.badge-pending{background:#1a1a1a;color:#e65100}.admin-card-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;background:#0a0a0a;border-top:1px solid #2a2a2a}.btn-primary{background:#fff;border:1px solid #333333;color:#000}.btn-primary:hover{background:#f0f0f0}.btn-secondary{background:#1a1a1a;border:1px solid #333333;color:#fff}.btn-secondary:hover{background:#2a2a2a}.btn-danger{background:#1a1a1a;border:1px solid #ff4444;color:#fff}.btn-danger:hover{background:#2a2a2a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #2a2a2a}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #333333;border-radius:3px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#666}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid #2a2a2a}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-card-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-card-actions{flex-direction:column}.btn{width:100%;justify-content:center}.modal-content{width:95%}}.admin-group-management{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{margin:0;font-size:22px;font-weight:600}.btn-primary{padding:10px 20px;background-color:#007bff;color:#000;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#0056b3}.error-message{padding:12px;background-color:#f8d7da;color:#f66;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:16px}.empty-message{text-align:center;padding:28px;color:#6c757d;font-size:13px}.groups-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.groups-table thead{background-color:#f8f9fa}.groups-table th{padding:12px 16px;text-align:left;font-weight:600;color:#ccc;border-bottom:2px solid #333333}.groups-table td{padding:12px 16px;border-bottom:1px solid #dee2e6}.groups-table tbody tr:hover{background-color:#f8f9fa}.group-name{font-weight:500;color:#212529}.group-desc{color:#6c757d;max-width:400px}.group-perms{color:#007bff;font-weight:500}.group-date{color:#6c757d;font-size:14px}.group-actions{display:flex;gap:8px}.btn-edit,.btn-delete{padding:6px 12px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.btn-edit{background-color:#fff;color:#fff}.btn-edit:hover{background-color:#218838}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:32px;border-radius:4px;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a}.modal-content h2{margin:0 0 24px;font-size:18px;font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#ccc}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#666;box-shadow:0 0 0 3px #007bff1a}.form-group textarea{resize:vertical}.form-note{padding:12px;background-color:#e7f3ff;border-left:4px solid #666666;color:#004085;font-size:14px;margin-bottom:20px;border-radius:4px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-submit{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background-color:#6c757d;color:#fff}.btn-cancel:hover{background-color:#5a6268}.btn-submit{background-color:#007bff;color:#fff}.btn-submit:hover{background-color:#0056b3}.group-permission-management{padding:24px;max-width:1600px;margin:0 auto}.group-permission-management h1{margin:0 0 24px;font-size:22px;font-weight:600;color:#fff}.error-message{padding:12px;background-color:#1a1a1a;color:#f66;border:1px solid #ff4444;border-radius:4px;margin-bottom:16px}.empty-message{text-align:center;padding:28px;color:#999;font-size:13px}.permission-container{display:flex;gap:24px;background-color:#1a1a1a;border-radius:4px;box-shadow:0 1px 3px #00000080;overflow:hidden;min-height:600px;border:1px solid #2a2a2a}.groups-sidebar{width:280px;background-color:#0a0a0a;padding:14px;border-right:1px solid #2a2a2a}.groups-sidebar h2{margin:0 0 16px;font-size:18px;font-weight:600;color:#fff}.groups-list{display:flex;flex-direction:column;gap:8px}.group-item{padding:12px;background-color:#1a1a1a;border:1px solid #333333;border-radius:3px;cursor:pointer;transition:all .2s;color:#ccc}.group-item:hover{border-color:#666;box-shadow:0 2px 4px #0000004d;background-color:#2a2a2a}.group-item.active{background-color:#fff;border-color:#fff;color:#000}.group-item-name{font-weight:500;margin-bottom:4px}.group-item.active .group-item-name{color:#000}.group-item-count{font-size:13px;color:#999}.group-item.active .group-item-count{color:#0009}.permissions-content{flex:1;padding:24px}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #2a2a2a}.content-header h2{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff}.group-description{margin:0;color:#999;font-size:14px}.header-actions{display:flex;gap:8px}.btn-primary,.btn-secondary{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background-color:#ccc}.btn-primary:disabled{background-color:#666;color:#999;cursor:not-allowed}.btn-secondary{background-color:#2a2a2a;color:#fff;border:1px solid #333333}.btn-secondary:hover{background-color:#404040}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:20px}.permission-checkbox{display:flex;align-items:center;padding:12px;background-color:#0a0a0a;border:1px solid #333333;border-radius:3px;cursor:pointer;transition:all .2s}.permission-checkbox:hover{background-color:#2a2a2a;border-color:#666}.permission-checkbox input[type=checkbox]{width:18px;height:18px;margin-right:10px;cursor:pointer}.permission-label{font-size:14px;font-weight:500;color:#fff;-webkit-user-select:none;user-select:none}.selected-permissions{margin-top:32px;padding:14px;background-color:#0a0a0a;border-radius:3px;border:1px solid #2a2a2a}.selected-permissions h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#fff}.permission-badges{display:flex;flex-wrap:wrap;gap:8px}.permission-badge{display:inline-block;padding:6px 12px;background-color:#fff;color:#000;border-radius:4px;font-size:13px;font-weight:500}.no-permissions{margin:0;color:#999;font-size:14px;font-style:italic}.category-management-container{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header p{margin:0;color:#999;font-size:14px}.message{position:relative;padding:12px 40px 12px 16px;border-radius:4px;margin-bottom:24px;font-size:14px}.message-close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;font-size:18px;color:inherit;cursor:pointer;opacity:.6;padding:0;width:24px;height:24px;line-height:1}.message-close:hover{opacity:1}.categories-list{min-height:400px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.empty-state p{margin-top:16px;font-size:13px}.category-card{background:#1a1a1a;border:1px solid #333333;border-radius:4px;padding:14px;transition:all .2s}.category-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.category-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.category-icon{color:#667eea;flex-shrink:0}.category-info h3{margin:0 0 4px;font-size:18px;color:#fff}.category-value{margin:0;font-size:12px;color:#666;font-family:monospace;background:#0a0a0a;padding:2px 6px;border-radius:4px;display:inline-block}.category-body{margin-bottom:16px}.category-description{margin:0 0 12px;color:#999;font-size:14px}.category-meta{display:flex;gap:12px}.category-order{font-size:12px;color:#666}.category-actions{display:flex;gap:8px;justify-content:flex-end}.category-edit-form{display:flex;flex-direction:column;gap:12px}.category-edit-form .category-actions{margin-top:8px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#667eea;color:#000}.btn-primary:hover{background:#5568d3}.btn-success{background:#4caf50;color:#fff}.btn-success:hover{background:#45a049}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#e53935}.btn-sm{padding:8px 12px;font-size:13px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:#fff;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #333333;border-radius:3px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#666}.form-group small{display:block;margin-top:4px;font-size:12px;color:#666}.input-disabled{background:#0a0a0a;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1a1a1a;border-radius:4px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:20px;color:#fff}.modal-close{background:none;border:none;font-size:22px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;line-height:1}.modal-close:hover{color:#999}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid #e0e0e0}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.categories-grid{grid-template-columns:1fr}.category-actions{flex-direction:column}.btn{width:100%;justify-content:center}.modal-content{width:95%}}.bonus-management{padding:24px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:20px}.header-content{display:flex;align-items:center;gap:16px}.header-icon{color:#667eea}.page-header h1{margin:0 0 4px;font-size:22px;color:#fff}.header-subtitle{margin:0;color:#999;font-size:14px}.alert{padding:12px 16px;border-radius:4px;margin-bottom:24px;font-size:14px}.alert-success{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.alert-error{background-color:#1a1a1a;color:#f66;border-left:4px solid #f44336}.bonus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:20px}.bonus-card{background:#1a1a1a;border:1px solid #333333;border-radius:4px;overflow:hidden;transition:all .2s}.bonus-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.bonus-card-header{background:#000;padding:14px;color:#fff;display:flex;align-items:center;gap:12px}.bonus-icon{font-size:32px}.bonus-card-header h3{margin:0;font-size:18px;font-weight:600}.bonus-card-body{padding:14px}.bonus-description{margin:0 0 16px;color:#999;font-size:14px;line-height:1.5}.edit-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;color:#fff;font-size:14px;font-weight:500}.form-input{width:100%;padding:10px 12px;border:1px solid #333333;border-radius:3px;font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:#666}.button-group{display:flex;gap:8px}.view-mode{display:flex;flex-direction:column;gap:16px}.gems-display{display:flex;justify-content:space-between;align-items:baseline;padding:12px;background:#0a0a0a;border-radius:4px}.gems-label{font-size:14px;color:#999}.gems-value{font-size:18px;font-weight:700;color:#f59e0b}.bonus-meta{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0;font-size:12px;color:#666}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#22c55e;color:#000}.btn-primary:hover{background:#16a34a}.btn-edit{background:#667eea;color:#fff;width:100%}.btn-edit:hover{background:#5568d3}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666;text-align:center}.empty-icon{color:#ddd;margin-bottom:16px}.empty-state p{margin:0;font-size:13px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.bonus-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.btn{width:100%}}.analytics{max-width:1400px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.stat-card.highlight{background:#1a1a1a;border-radius:4px;padding:24px;box-shadow:0 2px 8px #00000080;border:1px solid #2a2a2a}.stat-card.highlight .stat-content{margin-top:16px}.stat-card.highlight .stat-label{font-size:14px;color:#999;margin-bottom:8px}.stat-card.highlight .stat-value{font-size:32px;font-weight:700;color:#fff}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.top-content-list{display:flex;flex-direction:column;gap:12px}.top-content-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:4px;transition:background .2s;background:#1a1a1a;border:1px solid #2a2a2a}.top-content-item:hover{background:#2a2a2a}.rank{font-size:20px;font-weight:700;color:#fff;width:32px;text-align:center;flex-shrink:0}.content-thumbnail{width:80px;height:45px;object-fit:cover;border-radius:3px;flex-shrink:0}.content-details{flex:1;min-width:0}.content-details .content-title{font-weight:500;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-details .content-views{display:flex;align-items:center;gap:4px;font-size:12px;color:#999}.category-stats{display:flex;flex-direction:column;gap:16px}.category-item{padding:12px;border-radius:4px;background:#1a1a1a;border:1px solid #2a2a2a}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.category-name{font-weight:600;color:#fff;text-transform:capitalize}.category-count{font-size:13px;color:#999}.category-views{display:flex;align-items:center;gap:4px;font-size:12px;color:#999;margin-bottom:8px}.progress-bar{height:6px;background:#0a0a0a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#fff,#ccc);border-radius:3px;transition:width .3s ease}@media (max-width: 1024px){.analytics-grid{grid-template-columns:1fr}}.profile-container{padding:24px;max-width:1200px;margin:0 auto}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.profile-header h1{margin:0 0 4px;font-size:22px;color:#fff}.profile-header p{margin:0;color:#999;font-size:14px}.verification-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border:2px solid;border-radius:20px;font-weight:600;font-size:14px}.message{padding:12px 16px;border-radius:4px;margin-bottom:24px;font-size:14px}.message-success{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.message-error{background-color:#1a1a1a;color:#f66;border-left:4px solid #f44336}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-section{background:#1a1a1a;border:1px solid #333333;border-radius:4px;overflow:hidden}.section-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#0a0a0a;border-bottom:1px solid #e0e0e0}.section-header h2{margin:0;font-size:18px;color:#fff;font-weight:600}.section-body{padding:24px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#fff;font-size:14px}.form-group input{width:100%;padding:10px 12px;border:1px solid #333333;border-radius:3px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#666}.form-group input.disabled-input{background:#0a0a0a;color:#666;cursor:not-allowed}.form-group small{display:block;margin-top:4px;font-size:12px;color:#999}.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.document-item{display:flex;flex-direction:column;gap:8px}.document-label{font-weight:500;color:#fff;font-size:14px}.document-label .required{color:#f44336;margin-left:4px}.document-label .optional{color:#666;margin-left:4px;font-weight:400;font-size:12px}.document-upload{display:flex;flex-direction:column}.upload-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 16px;border:2px dashed #ddd;border-radius:4px;background:#0a0a0a;color:#999;font-size:14px;cursor:pointer;transition:all .2s}.upload-button:hover:not(:disabled){border-color:#666;background:#f0f4ff;color:#667eea}.upload-button:disabled{opacity:.6;cursor:not-allowed}.uploaded-file{display:flex;align-items:center;gap:8px;padding:12px;background:#2a2a2a;border:1px solid #4caf50;border-radius:3px}.uploaded-file a{flex:1;color:#2e7d32;text-decoration:none;font-size:14px}.uploaded-file a:hover{text-decoration:underline}.btn-sm{padding:6px 12px;font-size:12px;border-radius:4px;cursor:pointer;border:none;font-weight:500;transition:all .2s}.btn-secondary{background:#e0e0e0;color:#fff}.btn-secondary:hover{background:#d0d0d0}.document-notice{background:#1a1a1a;border-left:4px solid #ff9800;padding:12px 16px;border-radius:4px}.document-notice p{margin:4px 0;font-size:13px;color:#e65100}.profile-actions{display:flex;justify-content:flex-end;padding:24px;background:#1a1a1a;border:1px solid #333333;border-radius:4px}.btn-lg{padding:12px 32px;font-size:13px}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:13px;color:#999}@media (max-width: 768px){.profile-header{flex-direction:column;align-items:flex-start;gap:16px}.profile-header h1{font-size:18px}.document-grid,.form-row{grid-template-columns:1fr}.profile-actions{justify-content:stretch}.btn-lg{width:100%}}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#000;color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;border-right:1px solid #1a1a1a}.sidebar-header{padding:16px 14px;border-bottom:1px solid #1a1a1a}.sidebar-header h2{font-size:16px;font-weight:700;margin-bottom:8px}.user-info{display:flex;align-items:center;gap:6px;font-size:12px;color:#999}.role-badge{padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600}.role-badge.admin{background:#1a1a1a;color:#fff;border:1px solid #333333}.role-badge.content_provider{background:#1a1a1a;color:#ccc;border:1px solid #333333}.sidebar-nav{flex:1;padding:10px 0}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;color:#999;text-decoration:none;transition:all .2s;font-size:12px}.nav-item:hover{background:#1a1a1a;color:#fff}.nav-item.active{background:#1a1a1a;color:#fff;border-left:2px solid #ffffff}.logout-btn{display:flex;align-items:center;gap:10px;padding:9px 14px;background:transparent;border:none;border-top:1px solid #1a1a1a;color:#999;cursor:pointer;font-size:12px;transition:all .2s;width:100%;text-align:left}.logout-btn:hover{background:#1a1a1a;color:#fff}.main-content{flex:1;margin-left:220px;padding:20px;background:#0a0a0a;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#e5e5e5;font-size:13px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1400px;margin:0 auto;padding:0 16px}.btn{padding:6px 12px;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.btn-primary{background-color:#fff;color:#000;border:1px solid #333333}.btn-primary:hover{background-color:#f0f0f0}.btn-success{background-color:#2a2a2a;color:#fff;border:1px solid #404040}.btn-success:hover{background-color:#404040}.btn-danger{background-color:#1a1a1a;color:#fff;border:1px solid #ff4444}.btn-danger:hover{background-color:#2a2a2a}.btn-secondary{background-color:#1a1a1a;color:#ccc;border:1px solid #333333}.btn-secondary:hover{background-color:#2a2a2a}.card{background:#1a1a1a;border-radius:4px;box-shadow:0 1px 3px #00000080;border:1px solid #2a2a2a;padding:14px;margin-bottom:14px}.badge{display:inline-block;padding:3px 7px;border-radius:3px;font-size:11px;font-weight:600}.badge-success{background-color:#2a2a2a;color:#fff;border:1px solid #404040}.badge-warning{background-color:#1a1a1a;color:#ccc;border:1px solid #666666}.badge-danger{background-color:#1a1a1a;color:#fff;border:1px solid #ff4444}.badge-info{background-color:#1a1a1a;color:#fff;border:1px solid #666666}input,textarea,select{background-color:#0a0a0a;border:1px solid #333333;color:#fff;padding:7px 10px;border-radius:3px;font-size:12px;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:#666;box-shadow:0 0 0 2px #ffffff1a}input::placeholder,textarea::placeholder{color:#666}label{color:#ccc;font-size:12px;font-weight:500;display:block;margin-bottom:5px}table{width:100%;border-collapse:collapse;font-size:12px}table th{background:#0a0a0a;color:#999;font-weight:600;font-size:11px;text-align:left;padding:8px;border-bottom:1px solid #2a2a2a}table td{padding:9px 8px;border-bottom:1px solid #2a2a2a;color:#ccc}table tbody tr:hover{background:#0a0a0a}h1{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}h2{font-size:18px;font-weight:600;color:#fff;margin-bottom:6px}h3{font-size:15px;font-weight:600;color:#fff;margin-bottom:6px}a{color:#fff;text-decoration:none}a:hover{color:#ccc}