.api-key-setup{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem}.setup-container{background:white;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:3rem;max-width:500px;width:100%}.setup-icon{display:flex;justify-content:center;margin-bottom:1.5rem;color:#667eea}.setup-title{font-size:2rem;font-weight:700;text-align:center;color:#333;margin-bottom:.5rem}.setup-subtitle{font-size:1.125rem;text-align:center;color:#666;margin-bottom:2rem}.setup-description{text-align:center;margin-bottom:2rem;color:#555;line-height:1.6}.setup-description p{margin-bottom:.5rem}.setup-form{margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.input-label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.95rem}.setup-input{width:100%;padding:.875rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s;font-family:Courier New,monospace}.setup-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.setup-input:disabled{background:#f5f5f5;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.95rem;margin-bottom:1rem}.setup-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.setup-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.setup-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.setup-info{background:#f8f9fa;border-radius:8px;padding:1.5rem;font-size:.9rem;color:#555}.setup-info p{margin-bottom:.75rem;font-weight:600}.setup-info ul{margin:0;padding-left:1.5rem;line-height:1.8}.setup-info code{background:white;padding:.125rem .375rem;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;border:1px solid #e0e0e0}@media (max-width: 768px){.api-key-setup{padding:1rem}.setup-container{padding:2rem 1.5rem}.setup-title{font-size:1.5rem}.setup-subtitle{font-size:1rem}}.app{min-height:100vh;display:flex;flex-direction:column}.role-badge.role-uploader{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);box-shadow:0 3px 10px #f39c124d}@keyframes pulse-glow{0%,to{box-shadow:0 2px 6px #667eea66}50%{box-shadow:0 2px 12px #667eea99}}.controls{background:white;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0}.controls>*{max-width:1400px;margin:0 auto}.search-form{display:flex;gap:1rem;margin-bottom:1rem}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f5f5f5;border:1px solid #ddd;border-radius:8px}.search-input{flex:1;border:none;background:none;font-size:1rem;outline:none}.search-btn{padding:.75rem 2rem;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s}.search-btn:hover{background:#218838}.filter-buttons{display:flex;gap:.75rem}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:white;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.filter-btn:hover{border-color:#007bff;color:#007bff}.filter-btn.active{background:#007bff;border-color:#007bff;color:#fff}.info-banner{background:#e3f2fd;border-bottom:1px solid #90caf9;padding:1rem 2rem}.info-banner-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:.75rem;color:#0d47a1}.info-icon{flex-shrink:0;color:#1976d2}.info-text{font-size:.95rem;line-height:1.5}.info-text strong{font-weight:600;color:#0d47a1}.content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.loading p,.empty p{font-size:1.125rem}.processes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}@media (max-width: 1200px){.processes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.processes-grid{grid-template-columns:1fr}}.process-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.process-card:hover{transform:translateY(-6px);box-shadow:0 8px 25px #00000026;border-color:#667eea33}.process-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background:#f5f5f5;overflow:hidden}.thumbnail-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;gap:.5rem}.thumbnail-badge{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:.5rem;border-radius:50%;box-shadow:0 4px 12px #10b98166;border:2px solid white}.process-info{padding:1.5rem;border-bottom:1px solid #f1f5f9;background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%)}.process-title{font-size:1.1rem;font-weight:600;color:#1e293b;line-height:1.4;color:#333;margin-bottom:.25rem;line-height:1.3;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.process-id{font-size:.875rem;color:#64748b;margin-bottom:.75rem;font-weight:500;background:#f1f5f9;padding:.375rem .75rem;border-radius:6px;display:inline-block}.process-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569;padding:.5rem 0;border-top:1px solid #f1f5f9;margin-top:.375rem;line-height:1.4}.process-meta svg{flex-shrink:0;color:#888}.meta-label{font-weight:500;color:#777}.meta-value{color:#333;font-weight:500}.channel-link{display:flex;align-items:center;gap:.375rem;color:#007bff;text-decoration:none;transition:all .2s;font-weight:500}.channel-link:hover{color:#0056b3;text-decoration:underline}.channel-link svg{color:inherit}.thumbnail-title-badge{background:#f3e8ff;padding:.375rem .5rem;border-radius:6px;border:1px solid #e9d5ff}.thumbnail-title-badge .meta-value{color:#7c3aed;font-weight:600}.process-actions{padding:.75rem 1rem;display:flex;gap:.5rem}.upload-btn,.delete-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.upload-btn{background:#007bff;color:#fff}.upload-btn:hover:not(.uploading){background:#0056b3}.upload-btn.uploading{background:#6c757d;cursor:not-allowed}.delete-btn{flex:0;background:#dc3545;color:#fff;padding:.75rem}.delete-btn:hover{background:#c82333}.pagination{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem 0}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:white;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#007bff;color:#007bff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:1rem;font-weight:500;color:#333;display:flex;flex-direction:column;align-items:center;gap:.25rem}.pagination-total{font-size:.875rem;color:#666;font-weight:400}.access-denied{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.access-denied-content{text-align:center;max-width:400px}.access-denied-icon{color:#e74c3c;margin-bottom:1rem}.access-denied h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0 0 1rem}.access-denied p{font-size:1rem;color:#7f8c8d;margin:.5rem 0;line-height:1.5}.access-denied strong{color:#2c3e50;font-weight:600}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.header-actions{width:100%;justify-content:stretch}.refresh-btn,.logout-btn{flex:1}.controls,.info-banner{padding:1rem}.info-text{font-size:.875rem}.search-form{flex-direction:column}.processes-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:1rem}}.process-title-container{width:100%;margin-bottom:.5rem}.process-title-display{display:flex;align-items:flex-start;gap:.5rem;width:100%}.process-edit-title-btn{background:none;border:1px solid transparent;color:#64748b;cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .25s ease;opacity:0;flex-shrink:0;min-width:32px;height:32px}.process-title-display:hover .process-edit-title-btn{opacity:1}.process-edit-title-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.process-edit-title-container{display:flex;align-items:center;gap:.5rem;width:100%}.process-edit-title-input{flex:1;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:500;background:white;outline:none;min-width:0;transition:all .25s ease}.process-edit-title-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fefefe}.process-edit-title-actions{display:flex;gap:.25rem;flex-shrink:0}.process-edit-save-btn,.process-edit-cancel-btn{background:none;border:1px solid transparent;cursor:pointer;padding:.625rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .25s ease;font-weight:500;min-width:36px;height:36px}.process-edit-save-btn{color:#16a34a;border-color:#16a34a}.process-edit-save-btn:hover{background:#16a34a;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.process-edit-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.process-edit-cancel-btn{color:#dc2626;border-color:#dc2626}.process-edit-cancel-btn:hover{background:#dc2626;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.process-thumbnail-title-display{display:flex;align-items:center;gap:.25rem;flex:1}.process-edit-thumbnail-title-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:.2rem;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;flex-shrink:0}.process-thumbnail-title-display:hover .process-edit-thumbnail-title-btn{opacity:1}.process-edit-thumbnail-title-btn:hover{background:#f8f9fa;color:#495057}.process-edit-thumbnail-title-container{display:flex;align-items:center;gap:.25rem;flex:1;min-width:0}.process-edit-thumbnail-title-input{flex:1;padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:white;outline:none;min-width:0;transition:all .25s ease}.process-edit-thumbnail-title-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fefefe}.process-edit-thumbnail-title-input:focus{border-color:#0056b3;box-shadow:0 0 0 .15rem #007bff40}.process-edit-thumbnail-title-actions{display:flex;gap:.2rem;flex-shrink:0}.thumbnail-title-badge{background:#e8f4fd!important;border:1px solid #b3d9f7!important;flex-direction:column!important;align-items:flex-start!important}.thumbnail-title-content{display:flex;flex-direction:column;gap:.25rem;width:100%}.thumbnail-title-badge .meta-label{font-weight:600;color:#2c5aa0;margin-bottom:.25rem}.thumbnail-title-badge .meta-value{color:#2c5aa0;font-weight:500;word-break:break-word;overflow-wrap:break-word;line-height:1.3}.description-meta,.reference-meta{background:#f8f9fa!important;border:1px solid #dee2e6!important;flex-direction:column!important;align-items:flex-start!important;padding:1rem!important;border-radius:8px!important;margin:.5rem 0!important}.description-content,.reference-content{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:.25rem}.description-meta .meta-label,.reference-meta .meta-label{font-weight:600;color:#495057;margin-bottom:.5rem;font-size:.875rem}.process-description-display,.process-reference-display{display:flex;align-items:flex-start;gap:.25rem;width:100%}.process-edit-description-btn,.process-edit-reference-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:.2rem;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;flex-shrink:0;margin-top:.1rem}.process-description-display:hover .process-edit-description-btn,.process-reference-display:hover .process-edit-reference-btn{opacity:1}.process-edit-description-btn:hover,.process-edit-reference-btn:hover{background:#f8f9fa;color:#495057}.process-edit-description-container,.process-edit-reference-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.process-edit-description-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;background:white;outline:none;resize:vertical;min-height:80px;font-family:inherit;transition:all .25s ease;line-height:1.5}.process-edit-reference-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;background:white;outline:none;transition:all .25s ease}.process-edit-description-input:focus,.process-edit-reference-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fefefe}.process-edit-description-actions,.process-edit-reference-actions{display:flex;gap:.25rem;align-self:flex-end}.description-meta .meta-value{color:#495057;line-height:1.4;white-space:pre-wrap;word-break:break-word;flex:1}.reference-link{display:inline-flex;align-items:center;gap:.25rem;color:#007bff;text-decoration:none;font-size:.85rem;transition:color .2s}.reference-link:hover{color:#0056b3;text-decoration:underline}.reference-content{display:flex;flex-direction:column;gap:.75rem}.youtube-thumbnail-preview{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.youtube-thumbnail-image{max-width:200px;height:auto;border-radius:8px;border:2px solid #dee2e6;box-shadow:0 4px 12px #00000026;transition:all .3s ease;cursor:pointer}.youtube-thumbnail-image:hover{transform:scale(1.02);box-shadow:0 8px 20px #0003;border-color:#667eea}.youtube-thumbnail-label{font-size:.8rem;color:#6c757d;font-weight:500;display:flex;align-items:center;gap:.25rem}.youtube-thumbnail-label:before{content:"🎥";font-size:.9rem}.thumbnail-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.thumbnail-modal-content{background:white;border-radius:16px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.thumbnail-modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.thumbnail-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b;flex:1;margin-right:1rem}.thumbnail-modal-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease}.thumbnail-modal-close:hover{background:#e2e8f0;color:#1e293b}.thumbnail-modal-body{padding:1.5rem;display:flex;justify-content:center;align-items:center;background:#f8fafc}.thumbnail-modal-image{max-width:100%;max-height:70vh;width:auto;height:auto;border-radius:8px;box-shadow:0 8px 20px #00000026}@media (max-width: 768px){.thumbnail-modal-content{max-width:95vw;max-height:95vh}.thumbnail-modal-header,.thumbnail-modal-body{padding:1rem}.thumbnail-modal-image{max-height:60vh}}.header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:none;padding:1.25rem 2rem;box-shadow:0 4px 12px #00000026}.header-content{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-title{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.header-title svg{color:#fff;flex-shrink:0}.header-title h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0;white-space:nowrap}.admin-badge,.role-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;color:#fff;border-radius:8px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 8px #0003;animation:pulse-glow 2s ease-in-out infinite;flex-shrink:0}.role-badge.role-admin{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);box-shadow:0 3px 10px #e74c3c4d}.role-badge.role-vidrush_admin{background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%);box-shadow:0 3px 10px #9b59b64d}.role-badge.role-vidrush_thumbnail_manager{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);box-shadow:0 3px 10px #3498db4d}.role-badge.role-user{background:linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%);box-shadow:0 3px 10px #95a5a64d}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #0003}50%{box-shadow:0 4px 16px #0000004d}}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.refresh-btn:hover:not(:disabled){background:rgba(255,255,255,.3);border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.refresh-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:rgba(255,255,255,.95);color:#667eea;border:2px solid white;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s;white-space:nowrap}.logout-btn:hover{background:white;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tab-navigation{background:white;border-bottom:2px solid #e0e0e0;padding:1rem 2rem;display:flex;gap:.5rem;width:100%;justify-content:center;margin:0 auto;overflow-x:auto;box-shadow:0 2px 4px #0000000d}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:#666;border:2px solid transparent;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s;white-space:nowrap}.tab-btn:hover{color:#667eea;background:#f8f9fa;border-color:#e0e0e0}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:transparent;font-weight:600;box-shadow:0 3px 10px #667eea4d}.tab-btn svg{flex-shrink:0}@media (max-width: 768px){.header{padding:1rem}.header-content,.header-title{gap:.75rem}.header-title h1{font-size:1.25rem}.header-title svg{width:24px;height:24px}.role-badge{font-size:.65rem;padding:.4rem .75rem}.tab-navigation{padding:.75rem 1rem;gap:.25rem}.tab-btn{padding:.6rem 1rem;font-size:.875rem}}.storage-page{display:flex;flex-direction:column;min-height:100vh}.storage-header{background:white;border-bottom:1px solid #e0e0e0;padding:1.5rem 2rem;box-shadow:0 2px 4px #0000001a}.storage-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.storage-title{display:flex;align-items:center;gap:1rem}.storage-title h2{font-size:1.5rem;font-weight:700;color:#333;margin:0}.storage-actions{display:flex;gap:.75rem}.upload-btn-main{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s}.upload-btn-main:hover{background:#0056b3}.storage-controls{background:white;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0}.storage-controls>*{max-width:1400px;margin:0 auto}.upload-progress-banner{background:#fff3cd;border-bottom:1px solid #ffc107;padding:1rem 2rem;display:flex;align-items:center;gap:1rem}.progress-info{flex:1;display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#007bff;transition:width .3s ease}.progress-percent{font-weight:600;color:#856404;min-width:3rem;text-align:right}.storage-info{max-width:1400px;margin:1rem auto 0;padding:0 2rem;display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#666;font-weight:500}.storage-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.thumbnails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.thumbnail-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.thumbnail-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.thumbnail-image-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#f5f5f5;overflow:hidden}.thumbnail-image{width:100%;height:100%;object-fit:cover}.thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .2s}.thumbnail-card:hover .thumbnail-overlay{opacity:1}.overlay-btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:none;border-radius:8px;cursor:pointer;color:#fff;transition:transform .2s}.overlay-btn:hover{transform:scale(1.1)}.download-btn-overlay{background:#28a745}.download-btn-overlay:hover{background:#218838}.delete-btn-overlay{background:#dc3545}.delete-btn-overlay:hover{background:#c82333}.thumbnail-info{padding:1rem}.thumbnail-filename{font-size:.95rem;font-weight:600;color:#333;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbnail-meta{display:flex;gap:.75rem;font-size:.8125rem;color:#666;margin-bottom:.25rem}.thumbnail-size{font-weight:500}.thumbnail-ext{text-transform:uppercase;font-weight:600;color:#007bff}.thumbnail-date{font-size:.75rem;color:#999}.loading,.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:#666}.empty-hint{font-size:.95rem;color:#999}@media (max-width: 768px){.storage-header-content{flex-direction:column;gap:1rem}.storage-actions{width:100%}.upload-btn-main,.refresh-btn{flex:1}.storage-controls{padding:1rem}.thumbnails-grid{grid-template-columns:1fr}}.vidrush-container{padding:2rem;max-width:1400px;margin:0 auto}.channels-section{animation:fadeIn .3s ease-in}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-header h2{font-size:1.8rem;font-weight:600;color:#2c3e50}.section-actions{display:flex;gap:.75rem;flex-wrap:wrap}.add-channel-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#27ae60 0%,#229954 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.add-channel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.refresh-btn-inline{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.refresh-btn-inline:hover{background:#2980b9;transform:translateY(-2px)}.refresh-btn-inline:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.add-channel-form{background:white;border:2px solid #3498db;border-radius:12px;padding:2rem;margin-bottom:2rem;animation:slideDown .3s ease-in}.add-channel-form h3{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0 0 1.5rem}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1rem}.channel-input{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .2s}.channel-input:focus{outline:none;border-color:#3498db}.submit-channel-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 2rem;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.submit-channel-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.submit-channel-btn:disabled{opacity:.6;cursor:not-allowed}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.channel-card-container{position:relative}.channel-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:white;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s;margin-bottom:.5rem}.channel-card:hover{border-color:#3498db;transform:translateY(-4px);box-shadow:0 8px 16px #3498db33}.auth-needed-badge{display:inline-block;padding:.25rem .6rem;background:#e74c3c;color:#fff;border-radius:4px;font-size:.7rem;font-weight:600;margin-top:.5rem}.channel-actions{display:flex;gap:.5rem;justify-content:flex-end;padding:0 .5rem}.oauth-btn,.delete-channel-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.oauth-btn{background:#3498db;color:#fff}.oauth-btn:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 2px 8px #3498db4d}.delete-channel-btn{background:#e74c3c;color:#fff}.delete-channel-btn:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 2px 8px #e74c3c4d}.channel-info h3{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem}.channel-id{font-size:.85rem;color:#7f8c8d;margin:0}.channel-arrow{color:#3498db}.videos-section{animation:fadeIn .3s ease-in}.videos-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#95a5a6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.back-btn:hover{background:#7f8c8d}.videos-header h2{flex:1;font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.search-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:white;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:2rem}.search-input-vidrush{flex:1;border:none;outline:none;font-size:1rem;color:#2c3e50}.search-input-vidrush::placeholder{color:#bdc3c7}.videos-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem;margin-bottom:2rem}@media (min-width: 640px){.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.videos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1200px){.videos-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1536px){.videos-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.video-card{background:white;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .3s}.video-card:hover{border-color:#3498db;box-shadow:0 8px 16px #3498db26}.video-thumbnail-container{position:relative;width:100%;padding-top:56.25%;background:#000;overflow:hidden}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.thumbnail-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}.thumbnail-upload-overlay:hover{background:rgba(0,0,0,.7)}.upload-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff;opacity:0;transition:opacity .3s}.thumbnail-upload-overlay:hover .upload-hint{opacity:1}.uploading-overlay{background:rgba(0,0,0,.7);width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.video-content{padding:1.25rem}.video-title{font-size:1rem;font-weight:600;color:#2c3e50;margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description{font-size:.85rem;color:#7f8c8d;line-height:1.5;margin:0 0 1rem}.video-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:#7f8c8d}.video-stats span{display:flex;align-items:center;gap:.4rem}.video-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{padding:.3rem .6rem;background:#ecf0f1;color:#7f8c8d;border-radius:4px;font-size:.75rem}.tag-more{padding:.3rem .6rem;background:#3498db;color:#fff;border-radius:4px;font-size:.75rem}.video-actions{display:flex;gap:.75rem}.edit-btn-video,.watch-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;text-decoration:none;transition:all .2s}.edit-btn-video{background:#3498db;color:#fff}.edit-btn-video:hover{background:#2980b9}.watch-btn{background:#e74c3c;color:#fff}.watch-btn:hover{background:#c0392b}.edit-form{animation:fadeIn .3s ease-in}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.edit-input,.edit-textarea{width:100%;padding:.6rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;font-family:inherit;transition:border-color .2s}.edit-input:focus,.edit-textarea:focus{outline:none;border-color:#3498db}.edit-textarea{resize:vertical;min-height:80px}.edit-actions{display:flex;gap:.75rem}.save-btn,.cancel-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.save-btn{background:#27ae60;color:#fff}.save-btn:hover{background:#229954}.save-btn:disabled{background:#95a5a6;cursor:not-allowed}.cancel-btn{background:#e74c3c;color:#fff}.cancel-btn:hover{background:#c0392b}.load-more{display:flex;justify-content:center;margin-top:2rem}.load-more-btn{display:flex;align-items:center;gap:.75rem;padding:.8rem 2rem;background:#3498db;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.load-more-btn:hover{background:#2980b9;transform:translateY(-2px)}.load-more-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#7f8c8d}.loading-center p{margin-top:1rem;font-size:1.1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#bdc3c7}.empty-state p{margin-top:1rem;font-size:1.1rem;color:#7f8c8d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.vidrush-container{padding:1rem}.channels-grid,.videos-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.videos-header{flex-wrap:wrap}.video-actions{flex-direction:column}.form-row{grid-template-columns:1fr}.add-channel-form{padding:1.5rem}.channel-actions{flex-direction:row;padding:0}}.thumbnail-processing-container{padding:2rem;max-width:1600px;margin:0 auto}.tp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.tp-header h2{font-size:1.8rem;font-weight:600;color:#2c3e50;margin:0}.tp-header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.create-entry-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#27ae60 0%,#229954 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.create-entry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.refresh-btn:hover{background:#2980b9;transform:translateY(-2px)}.refresh-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.create-form-card{background:white;border:2px solid #3498db;border-radius:12px;padding:2rem;margin-bottom:2rem;animation:slideDown .3s ease-in}.create-form-card h3{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0 0 1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.form-group textarea{resize:vertical;min-height:80px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 2rem;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tp-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tp-search-form{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:white;border:2px solid #e0e0e0;border-radius:12px;flex:1;min-width:300px}.tp-search-input{flex:1;border:none;outline:none;font-size:1rem;color:#2c3e50}.tp-search-input::placeholder{color:#bdc3c7}.search-btn{padding:.5rem 1rem;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.search-btn:hover{background:#2980b9}.tp-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.6rem 1.2rem;background:white;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.filter-btn:hover{border-color:#3498db}.filter-btn.active{background:#3498db;color:#fff;border-color:#3498db}.tp-entries-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;margin-bottom:2rem}@media (min-width: 768px){.tp-entries-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1200px){.tp-entries-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1600px){.tp-entries-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tp-entry-card{background:white;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .3s}.tp-entry-card:hover{border-color:#3498db;box-shadow:0 8px 16px #3498db26}.tp-entry-thumbnail{position:relative;width:100%;padding-top:56.25%;background:#000}.tp-thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.tp-thumbnail-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ecf0f1;color:#95a5a6}.tp-reference-thumbnail-container{position:absolute;top:0;left:0;width:100%;height:100%}.tp-reference-thumbnail{opacity:.85}.tp-reference-badge{position:absolute;top:8px;right:8px;background:rgba(52,152,219,.9);color:#fff;padding:.3rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:1;box-shadow:0 2px 4px #0003}.tp-quick-download-btn{position:absolute;top:8px;left:8px;background:rgba(46,204,113,.95);color:#fff;border:none;padding:.6rem;border-radius:50%;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #0000004d}.tp-quick-download-btn:hover{background:rgba(39,174,96,1);transform:scale(1.1);box-shadow:0 4px 12px #27ae6066}.tp-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}.tp-upload-overlay:hover{background:rgba(0,0,0,.7)}.tp-upload-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff;opacity:0;transition:opacity .3s}.tp-upload-overlay:hover .tp-upload-hint{opacity:1}.tp-uploading{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff;background:rgba(0,0,0,.7);width:100%;height:100%;justify-content:center}.tp-entry-content{padding:1.25rem}.tp-entry-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.tp-entry-title{font-size:1rem;font-weight:600;color:#2c3e50;margin:0;line-height:1.4;flex:1;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.status-badge{display:flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;white-space:nowrap}.status-pending{background:#fff3cd;color:#856404}.status-completed{background:#d4edda;color:#155724}.status-hidden{background:#f8d7da;color:#721c24}.tp-entry-description{font-size:.9rem;color:#7f8c8d;line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tp-reference-link{display:inline-flex;align-items:center;gap:.4rem;color:#3498db;font-size:.85rem;text-decoration:none;margin-bottom:1rem;transition:color .2s}.tp-reference-link:hover{color:#2980b9}.tp-entry-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid #ecf0f1}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.6rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.download-btn{background:#3498db;color:#fff}.download-btn:hover{background:#2980b9;transform:translateY(-2px)}.hide-btn{background:#f39c12;color:#fff}.hide-btn:hover{background:#e67e22;transform:translateY(-2px)}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover{background:#c0392b;transform:translateY(-2px)}.tp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#7f8c8d}.tp-loading p{margin-top:1rem;font-size:1.1rem}.tp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#bdc3c7}.tp-empty p{margin-top:1rem;font-size:1.1rem;color:#7f8c8d}.tp-pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:2rem 0}.page-btn{padding:.7rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.page-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.page-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.page-info{font-size:.9rem;color:#7f8c8d}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.thumbnail-processing-container{padding:1rem}.tp-header{flex-direction:column;align-items:flex-start}.tp-controls{flex-direction:column;align-items:stretch}.tp-search-form{min-width:100%}.tp-filters{width:100%;justify-content:space-between}.filter-btn{flex:1;text-align:center}.create-form-card{padding:1.5rem}}.tp-title-container{display:flex;align-items:flex-start;gap:.5rem;flex:1;min-width:0}.tp-edit-title-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;flex-shrink:0;margin-top:.1rem}.tp-title-container:hover .tp-edit-title-btn{opacity:1}.tp-edit-title-btn:hover{background:#f8f9fa;color:#495057}.tp-edit-title-container{display:flex;align-items:center;gap:.5rem;flex:1}.tp-edit-title-input{flex:1;padding:.5rem;border:2px solid #007bff;border-radius:4px;font-size:1rem;font-weight:600;background:white;outline:none}.tp-edit-title-input:focus{border-color:#0056b3;box-shadow:0 0 0 .2rem #007bff40}.tp-edit-title-actions{display:flex;gap:.25rem}.tp-edit-save-btn,.tp-edit-cancel-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.tp-edit-save-btn{color:#28a745}.tp-edit-save-btn:hover{background:#d4edda;color:#155724}.tp-edit-save-btn:disabled{opacity:.6;cursor:not-allowed}.tp-edit-cancel-btn{color:#dc3545}.tp-edit-cancel-btn:hover{background:#f8d7da;color:#721c24}*{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:#f5f5f5}#root{min-height:100vh}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}