.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.login-card{background:white;border-radius:12px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:32px}.login-icon{color:#667eea;margin-bottom:16px}.login-header h1{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 8px}.login-header p{color:#718096;font-size:14px;margin:0}.login-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#2d3748}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#a0aec0;pointer-events:none}.input-wrapper input{width:100%;padding:12px 12px 12px 44px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s}.input-wrapper input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-wrapper input:disabled{background:#f7fafc;cursor:not-allowed}.login-button{padding:14px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button .spinner{animation:spin 1s linear infinite}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0;text-align:center}.login-footer p{color:#718096;font-size:13px;margin:0}.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}.process-thumbnail.process-thumbnail--empty{background:#f8fafc;outline:2px dashed #94a3b8;outline-offset:-2px}.process-thumbnail.process-thumbnail--empty:hover{outline-color:#667eea;background:#eef2ff}.process-thumbnail.drag-over{outline:3px dashed #667eea;outline-offset:-3px;background:#eef2ff}.process-thumbnail.drag-over *{pointer-events:none}.thumbnail-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;gap:.5rem}.thumbnail-placeholder.thumbnail-drop-zone{color:#64748b;gap:.35rem}.thumbnail-drop-zone .thumbnail-drop-zone-icon{color:#94a3b8;margin-bottom:.25rem}.thumbnail-drop-zone .thumbnail-drop-zone-title{font-size:.95rem;font-weight:600;color:#475569;margin:0}.thumbnail-drop-zone .thumbnail-drop-zone-sub{font-size:.8rem;color:#64748b;margin:0}.thumbnail-drop-zone .thumbnail-drop-zone-formats{font-size:.7rem;color:#94a3b8;margin-top:.25rem}.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}.thumbnail-details-section{margin-top:.75rem;padding:.75rem .875rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.thumbnail-details-heading{font-size:.8125rem;font-weight:600;color:#0f172a;margin:0 0 .5rem;letter-spacing:.02em}.thumbnail-details-section .process-meta{border-top:1px solid #e2e8f0;margin-top:.25rem;flex-wrap:wrap}.thumbnail-details-section .thumbnail-title-badge{border-top:none;margin-top:0}.thumbnail-youtube-ref-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.thumbnail-youtube-ref-block{display:flex;flex-direction:column;gap:.5rem;width:100%}.thumbnail-details-yt-preview{margin-top:.25rem}.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}.process-uploader-meta{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:.5rem .75rem;margin-top:.5rem;border-top:none}.process-uploader-meta .uploader-date{font-weight:400;color:#64748b;font-size:.8125rem}.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;min-height:4.5rem;resize:vertical;font-family:inherit;line-height:1.4;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-multiline{white-space:pre-wrap;word-break:break-word}.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}.reference-accordion{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:.5rem 0;overflow:hidden}.reference-accordion__summary{list-style:none;cursor:pointer;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;-webkit-user-select:none;user-select:none}.reference-accordion__summary::-webkit-details-marker{display:none}.reference-accordion__chevron{flex-shrink:0;color:#6c757d;transition:transform .2s ease}.reference-accordion[open] .reference-accordion__chevron{transform:rotate(180deg)}.reference-accordion__summary-inner{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0;flex:1}.reference-accordion__label{margin-bottom:0!important}.reference-accordion__badges{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.ref-badge{font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:4px;background:#e7f1ff;color:#0d6efd}.ref-badge--muted{background:#e9ecef;color:#6c757d;font-weight:500}.reference-accordion__panel{padding:0 1rem 1rem;border-top:1px solid #e9ecef}.reference-accordion__columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.reference-accordion__columns{grid-template-columns:1fr}}.reference-accordion__block-title{display:block;font-size:.75rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.35rem}.reference-accordion__block{min-width:0}.reference-accordion__block--empty .meta-value{font-size:.875rem}.reference-accordion__file-preview{margin-top:.5rem}.reference-accordion__preview-img{max-width:100%;max-height:min(240px,40vh);width:auto;height:auto;object-fit:contain;border-radius:6px}.reference-accordion__body{position:relative;flex-direction:column;align-items:stretch}.reference-accordion__edit-btn{align-self:flex-end;margin-top:.5rem;opacity:.85}.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-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}.section-wrapper{margin-bottom:2.5rem}.section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border, #e5e7eb);display:flex;align-items:center;gap:.5rem}.makemythumb-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:.375rem;font-size:.75rem;font-weight:600;margin-bottom:.75rem;box-shadow:0 2px 4px #667eea33}.badge-icon{font-size:1rem}.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-entry-thumbnail.tp-entry-thumbnail--empty{background:#f8fafc;outline:2px dashed #94a3b8;outline-offset:-2px}.tp-entry-thumbnail.tp-entry-thumbnail--empty:hover{outline-color:#667eea;background:#eef2ff}.tp-drop-zone-placeholder{background:transparent!important;color:#64748b;gap:.35rem}.tp-drop-zone-placeholder .tp-drop-zone-icon{color:#94a3b8;margin-bottom:.25rem}.tp-drop-zone-placeholder .tp-drop-zone-title{font-size:.95rem;font-weight:600;color:#475569;margin:0}.tp-drop-zone-placeholder .tp-drop-zone-sub{font-size:.8rem;color:#64748b;margin:0}.tp-drop-zone-placeholder .tp-drop-zone-formats{font-size:.7rem;color:#94a3b8;margin-top:.25rem}.tp-entry-thumbnail.tp-drag-over{outline:3px dashed #667eea;outline-offset:-3px;background:#eef2ff}.tp-entry-thumbnail.tp-drag-over *{pointer-events:none}.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}.status-rejected{background:#fde2e1;color:#b91c1c}.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-rejection-box{border:1px solid #fecaca;background:#fff5f5;border-radius:8px;padding:.75rem;margin-bottom:1rem}.tp-rejection-box strong{display:block;font-size:.85rem;color:#b91c1c;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.tp-rejection-box p{margin:0;font-size:.85rem;color:#7f1d1d;white-space:pre-wrap}.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}.DialogOverlay{background:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayShow .2s cubic-bezier(.16,1,.3,1)}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}.DialogContent{background:white;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:600px;max-height:85vh;padding:0;z-index:1001;display:flex;flex-direction:column;animation:contentShow .3s cubic-bezier(.16,1,.3,1)}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.DialogTitle{margin:0;padding:1.5rem 3rem 1.5rem 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);border-bottom:1px solid var(--border, #e5e7eb)}.IconButton{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary, #6b7280);border-radius:.375rem;transition:all .2s}.IconButton:hover{background:var(--gray-50, #f9fafb);color:var(--text-primary, #1f2937)}.IconButton:focus{outline:2px solid var(--primary, #3b82f6);outline-offset:2px}.RequestInfoBox{background:var(--gray-50, #f9fafb);padding:1rem;border-radius:.5rem;margin:1.5rem 1.5rem 1rem}.RequestInfoBox h4{margin:0 0 .5rem;color:var(--text-primary, #1f2937);font-size:1rem;font-weight:600}.RequestDesc{color:var(--text-secondary, #6b7280);font-size:.875rem;margin:.5rem 0;line-height:1.5}.RequestMeta{display:flex;gap:1rem;margin-top:.75rem;align-items:center;flex-wrap:wrap}.CreditBadge{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#d1fae5;color:#10b981;border-radius:.375rem;font-size:.8125rem;font-weight:600}.CustomerInfo{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary, #6b7280);font-size:.875rem}.SearchSection{margin:1rem 1.5rem}.SearchInputWrapper{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:1.5px solid var(--border, #e5e7eb);border-radius:.5rem;background:white;transition:all .2s}.SearchInputWrapper:focus-within{border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.SearchInputWrapper svg{color:var(--text-secondary, #6b7280);flex-shrink:0}.SearchInput{border:none;outline:none;flex:1;font-size:.875rem;color:var(--text-primary, #1f2937)}.SearchInput::placeholder{color:var(--text-secondary, #6b7280)}.FilterInfo{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#cffafe;color:#0891b2;border-radius:.5rem;margin:0 1.5rem 1rem;font-size:.875rem}.FilterInfo svg{flex-shrink:0}.FilterInfo strong{font-weight:600}.UserList{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;max-height:350px;overflow-y:auto}.UserList::-webkit-scrollbar{width:8px}.UserList::-webkit-scrollbar-track{background:var(--gray-50, #f9fafb);border-radius:4px}.UserList::-webkit-scrollbar-thumb{background:var(--border, #e5e7eb);border-radius:4px}.UserList::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #6b7280)}.UserItem{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:2px solid var(--border, #e5e7eb);border-radius:.5rem;cursor:pointer;transition:all .2s;background:white;text-align:left;width:100%}.UserItem:hover{border-color:var(--primary, #3b82f6);background:var(--gray-50, #f9fafb);transform:translate(4px);box-shadow:0 2px 8px #3b82f61a}.UserItem:active{transform:translate(2px)}.UserInfo{display:flex;align-items:center;gap:.75rem;flex:1}.UserAvatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.UserDetails{display:flex;flex-direction:column;gap:.25rem}.UserDetails strong{color:var(--text-primary, #1f2937);font-size:.9375rem}.UserRoles{display:flex;gap:.375rem;flex-wrap:wrap}.RoleTag{display:inline-block;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.RoleTag.role-thumbnail{background:#cffafe;color:#0891b2}.RoleTag.role-admin{background:#fee2e2;color:#dc2626}.RoleTag.role-manager{background:#fef3c7;color:#d97706}.RoleTag.role-scripter{background:#d1fae5;color:#059669}.SelectIcon{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--primary, #3b82f6);color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s}.UserItem:hover .SelectIcon{background:#2563eb;transform:scale(1.05)}.NoUsers{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary, #6b7280);text-align:center}.NoUsers svg{margin-bottom:.75rem;opacity:.5}.NoUsers p{margin:.5rem 0 .25rem;font-weight:500;color:var(--text-primary, #1f2937)}.NoUsers small{color:var(--text-secondary, #6b7280)}.TabsList{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border, #e5e7eb)}.TabsTrigger{all:unset;display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;color:var(--text-secondary, #6b7280);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;background:none}.TabsTrigger:hover{color:var(--text-primary, #1f2937);background:rgba(0,0,0,.02)}.TabsTrigger[data-state=active]{color:var(--primary, #3b82f6);border-bottom-color:var(--primary, #3b82f6);font-weight:600}.TabsTrigger:focus{outline:2px solid var(--primary, #3b82f6);outline-offset:2px;border-radius:.375rem}.TabsTrigger svg{flex-shrink:0}.TabsTrigger span{white-space:nowrap}@media (max-width: 640px){.TabsTrigger{padding:.75rem 1rem;font-size:.875rem}.TabsTrigger svg{width:16px;height:16px}}.thumbnail-requests{padding:2rem;max-width:1400px;margin:0 auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:white;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-secondary);border-radius:.375rem;transition:all .2s}.modal-close:hover{background:var(--gray-50);color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.request-info-box{background:var(--gray-50);padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.request-info-box h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem}.request-desc{color:var(--text-secondary);font-size:.875rem;margin:.5rem 0;line-height:1.5}.request-meta-info{display:flex;gap:1rem;margin-top:.75rem;align-items:center}.customer-info{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.875rem}.search-section{margin-bottom:1rem}.search-input-wrapper{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:white;transition:all .2s}.search-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.search-input-wrapper svg{color:var(--text-secondary);flex-shrink:0}.search-input{border:none;outline:none;flex:1;font-size:.875rem;color:var(--text-primary)}.search-input::placeholder{color:var(--text-secondary)}.filter-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--info-bg);color:var(--info);border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.filter-info svg{flex-shrink:0}.user-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.user-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:2px solid var(--border);border-radius:.5rem;cursor:pointer;transition:all .2s}.user-item:hover{border-color:var(--primary);background:var(--gray-50);transform:translate(2px)}.user-info{display:flex;align-items:center;gap:.75rem;flex:1}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-details strong{color:var(--text-primary);font-size:.9375rem}.user-roles{display:flex;gap:.375rem;flex-wrap:wrap}.role-tag{display:inline-block;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.role-tag.role-thumbnail{background:var(--info-bg);color:var(--info)}.role-tag.role-admin{background:var(--error-bg);color:var(--error)}.role-tag.role-manager{background:var(--warning-bg);color:var(--warning)}.role-tag.role-scripter{background:var(--success-bg);color:var(--success)}.btn-select{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.btn-select:hover{background:var(--primary-dark);transform:scale(1.05)}.no-users{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary);text-align:center}.no-users svg{margin-bottom:.75rem;opacity:.5}.no-users p{margin:.5rem 0 .25rem;font-weight:500;color:var(--text-primary)}.no-users small{color:var(--text-secondary)}.requests-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border)}.requests-tabs .tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;padding:1rem 1.5rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);transition:all .2s;margin-bottom:-2px}.requests-tabs .tab-btn:hover{color:var(--text-primary);background:rgba(0,0,0,.02)}.requests-tabs .tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.requests-content{min-height:400px}.request-filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.request-search{flex:1;min-width:240px;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:white}.request-search svg{color:var(--text-secondary)}.request-search input{border:none;outline:none;flex:1;font-size:.875rem;color:var(--text-primary)}.status-filter{display:flex;flex-direction:column;gap:.25rem;min-width:180px}.status-filter label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.status-filter select{border:1px solid var(--border);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;background:white;color:var(--text-primary)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.loading-state svg,.empty-state svg{margin-bottom:1rem;color:var(--text-secondary);opacity:.5}.empty-state h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{max-width:400px}.table-container{background:white;border:1px solid var(--border);border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.requests-table{width:100%;border-collapse:collapse;font-size:.875rem}.requests-table thead{background:var(--gray-50);border-bottom:2px solid var(--border)}.requests-table thead th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.requests-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .15s}.requests-table tbody tr:hover{background:var(--gray-50)}.requests-table tbody tr.row-delivered{background:var(--success-bg-light)}.requests-table tbody td{padding:1rem;vertical-align:middle}.cell-title{display:flex;flex-direction:column;gap:.25rem}.thumbnail-preview-container{margin-bottom:.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.thumbnail-preview{max-width:150px;max-height:120px;border-radius:.375rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.thumbnail-preview:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.thumbnail-dates{display:flex;flex-direction:column;gap:.125rem;align-items:center}.thumbnail-date{color:var(--text-secondary);font-size:.7rem;text-align:center;line-height:1.3}.cell-title strong{color:var(--text-primary);font-size:.9375rem}.description-preview{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.ref-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary);text-decoration:none;font-size:.75rem;margin-top:.25rem}.ref-link:hover{text-decoration:underline}.cell-customer,.cell-manager{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.text-muted{color:var(--text-secondary);font-style:italic}.assignment-status{margin-top:.25rem}.assignment-status small{color:var(--text-secondary);text-transform:capitalize}.date-text{color:var(--text-secondary);white-space:nowrap}.credit-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:var(--success-bg);color:var(--success);border-radius:1rem;font-size:.875rem;font-weight:600}.credit-badge-small{display:inline-flex;align-items:center;padding:.25rem .5rem;background:var(--success-bg);color:var(--success);border-radius:.375rem;font-size:.8125rem;font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-assigned{background:var(--info-bg);color:var(--info)}.badge-review{background:rgba(37,99,235,.12);color:var(--primary-dark)}.badge-delivered{background:var(--success-bg);color:var(--success)}.badge-approved{background:var(--success-bg-light);color:var(--success-dark)}.badge-rejected{background:var(--error-bg);color:var(--error)}.request-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:1rem}.reference-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);text-decoration:none;font-size:.875rem;margin-bottom:1rem;transition:color .2s}.reference-link:hover{color:var(--primary-dark);text-decoration:underline}.request-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1rem}.info-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.info-item svg{flex-shrink:0}.table-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.btn-table{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:none;white-space:nowrap}.btn-start{background:var(--primary);color:#fff}.btn-start:hover{background:var(--primary-dark)}.btn-approve{background:var(--success);color:#fff}.btn-approve:hover{background:var(--success-dark)}.btn-upload{background:var(--success);color:#fff}.btn-upload:hover{background:var(--success-dark)}.btn-upload:disabled{opacity:.6;cursor:not-allowed}.btn-download{background:var(--info);color:#fff}.btn-download:hover{background:var(--info-dark)}.btn-reject{background:var(--error);color:#fff}.btn-reject:hover{background:#dc2626}.btn-delete{background:var(--error);color:#fff}.btn-delete:hover{background:#dc2626}.btn-delete:disabled{opacity:.6;cursor:not-allowed}.btn-assign{background:var(--primary);color:#fff;padding:.375rem .625rem}.btn-assign:hover{background:var(--primary-dark)}.btn-assign:disabled{opacity:.5;cursor:not-allowed}.assign-inline{display:flex;gap:.375rem;align-items:center}.select-manager{padding:.375rem .5rem;border:1px solid var(--border);border-radius:.375rem;font-size:.8125rem;background:white;cursor:pointer;min-width:120px}.select-manager:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}:root{--primary: #3b82f6;--primary-dark: #2563eb;--success: #10b981;--success-dark: #059669;--success-bg: #d1fae5;--success-bg-light: #f0fdf4;--error: #ef4444;--error-bg: #fee2e2;--warning: #f59e0b;--warning-bg: #fef3c7;--info: #06b6d4;--info-dark: #0891b2;--info-bg: #cffafe;--text-primary: #1f2937;--text-secondary: #6b7280;--border: #e5e7eb;--gray-50: #f9fafb}@media (max-width: 1024px){.table-container{overflow-x:auto}.requests-table{min-width:900px}}@media (max-width: 768px){.thumbnail-requests{padding:1rem}.request-filters{flex-direction:column;align-items:stretch}.requests-tabs .tab-btn{padding:.75rem 1rem;font-size:.875rem}.requests-table{font-size:.8125rem}.requests-table thead th,.requests-table tbody td{padding:.75rem .5rem}}.tr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:9999}.tr-modal{background:#fff;width:min(900px,95%);max-height:90vh;border-radius:16px;box-shadow:0 20px 50px #0f172a40;display:flex;flex-direction:column}.tr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.tr-modal-header h3{margin:0;font-size:1.1rem;color:#111827}.tr-modal-close{border:none;background:transparent;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:999px;padding:.25rem;transition:all .2s}.tr-modal-close:hover{background:#f3f4f6;color:#111827}.tr-modal-body{padding:1.5rem;display:flex;justify-content:center;align-items:center;max-height:65vh}.tr-modal-image{max-width:100%;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 10px 25px #0000001a}.tr-modal-iframe{width:100%;height:400px;border:none;border-radius:12px;border:1px solid #e5e7eb}.tr-modal-placeholder{text-align:center;color:#9ca3af}.tr-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end}.tr-modal-button{display:inline-flex;align-items:center;gap:.35rem;border:none;border-radius:8px;padding:.5rem 1rem;background:#111827;color:#fff;cursor:pointer;text-decoration:none;transition:all .2s}.tr-modal-button.secondary{background:#e5e7eb;color:#111827}.tr-modal-button:hover{opacity:.9}.manage-overview{padding:1.5rem 2rem 2rem;max-width:800px;width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.manage-overview--wide{max-width:1200px}.manage-overview-lead{color:var(--text-secondary, #475569);font-size:.95rem;line-height:1.5;margin:0 0 1rem}.manage-accordion{margin-bottom:2rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-card, #fff);overflow:hidden}.manage-accordion-summary{display:flex;align-items:center;gap:.5rem;padding:.85rem 1rem;cursor:pointer;font-weight:600;font-size:1.05rem;list-style:none;-webkit-user-select:none;user-select:none}.manage-accordion-summary::-webkit-details-marker,.manage-accordion-summary::marker{display:none}.manage-accordion-summary:hover{background:var(--bg-hover, #f8fafc)}.manage-accordion[open] .manage-accordion-summary{border-bottom:1px solid var(--border-color, #e5e7eb)}.manage-accordion-title{flex:1;text-align:left}.manage-accordion-icon{flex-shrink:0;color:var(--text-secondary, #64748b)}.manage-accordion-badge{font-size:.75rem;font-weight:600;background:#e0e7ff;color:#3730a3;padding:.2rem .55rem;border-radius:999px;line-height:1.2}.manage-accordion-chevron{flex-shrink:0;color:var(--text-secondary, #64748b);transition:transform .2s ease}.manage-accordion[open] .manage-accordion-chevron{transform:rotate(180deg)}.manage-accordion-panel{padding:0}.manage-accordion-panel .manage-overview-table-wrapper{border:none;border-radius:0}.manage-section{margin-bottom:2rem}.manage-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;margin:0 0 .75rem}.manage-section-hint{font-size:.875rem;color:var(--text-secondary, #64748b);margin:0 0 1rem;line-height:1.5}.manage-section-hint code{font-size:.8125rem;background:#f1f5f9;padding:.1rem .35rem;border-radius:4px}.manage-muted{color:var(--text-secondary, #64748b);font-weight:400}.manage-id-suffix{font-size:.75rem}.manage-nowrap{white-space:nowrap}.manage-cell-title{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-cell-mono{font-family:ui-monospace,monospace;font-size:.8125rem}.manage-table--recent{font-size:.875rem}.manage-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:999px}.manage-badge--freelancer{background:#dbeafe;color:#1d4ed8}.manage-badge--staff{background:#f3e8ff;color:#6b21a8}.manage-freelancer-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px}.manage-freelancer-fields{display:flex;flex-wrap:wrap;gap:1rem}.manage-freelancer-fields label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:500;min-width:200px;flex:1}.manage-freelancer-fields input{padding:.5rem .65rem;border:1px solid var(--border-color, #cbd5e1);border-radius:6px;font-size:.9rem}.manage-optional{font-weight:400;color:var(--text-secondary, #64748b)}.manage-btn-primary{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.manage-btn-primary:hover:not(:disabled){background:#1d4ed8}.manage-btn-primary:disabled{opacity:.7;cursor:not-allowed}.manage-btn-small{padding:.35rem .65rem;font-size:.8125rem;border:1px solid var(--border-color, #cbd5e1);border-radius:6px;background:#fff;cursor:pointer}.manage-btn-small:hover:not(:disabled){background:#f1f5f9}.manage-create-success{padding:1rem;margin-bottom:1rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;font-size:.9rem}.manage-create-success p{margin:0 0 .5rem;word-break:break-word}.manage-copy-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8125rem;border:1px solid #34d399;border-radius:6px;background:#fff;cursor:pointer}.manage-subheading{font-size:.95rem;margin:1.25rem 0 .5rem}.manage-matrix-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-card, #fff)}.manage-user-month-matrix{min-width:max-content;margin:0;border:none;border-radius:0}.manage-user-month-matrix thead th{vertical-align:bottom;line-height:1.2}.manage-matrix-sticky-col{position:sticky;left:0;z-index:2;background:var(--bg-secondary, #f9fafb);text-align:left;min-width:10rem;max-width:14rem;box-shadow:4px 0 12px -4px #0000001f}.manage-user-month-matrix tbody .manage-matrix-sticky-col{background:var(--bg-card, #fff)}.manage-user-month-matrix tbody tr:hover .manage-matrix-sticky-col{background:var(--bg-hover, #f9fafb)}.manage-matrix-month-col{text-align:center;font-size:.78rem;min-width:5.25rem;max-width:6.5rem;white-space:normal}.manage-matrix-num{text-align:center;font-variant-numeric:tabular-nums}.manage-matrix-total-col{position:sticky;right:0;z-index:2;background:var(--bg-secondary, #f9fafb);text-align:center;min-width:3.75rem;box-shadow:-4px 0 12px -4px #0000001a}.manage-user-month-matrix tbody .manage-matrix-total-col{background:#f1f5f9}.manage-user-month-matrix tbody tr:hover .manage-matrix-total-col{background:#e2e8f0}.manage-overview-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--text-secondary, #666)}.manage-overview-loading .spin{animation:spin 1s linear infinite}.manage-overview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.manage-overview-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem}.manage-overview-refresh{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:var(--bg-secondary, #f0f0f0);border:1px solid var(--border-color, #ddd);border-radius:6px;cursor:pointer;font-size:.9rem}.manage-overview-refresh:hover:not(:disabled){background:var(--bg-hover, #e8e8e8)}.manage-overview-refresh:disabled{opacity:.6;cursor:not-allowed}.manage-overview-error{padding:1rem;margin-bottom:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c}.manage-overview-summary{margin-bottom:1.25rem;font-size:1rem}.manage-overview-table-wrapper{overflow-x:auto;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-card, #fff)}.manage-overview-table{width:100%;border-collapse:collapse;font-size:.95rem}.manage-overview-table th,.manage-overview-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color, #e5e7eb)}.manage-overview-table th{background:var(--bg-secondary, #f9fafb);font-weight:600}.manage-overview-table tbody tr:last-child td{border-bottom:none}.manage-overview-table tbody tr:hover{background:var(--bg-hover, #f9fafb)}.manage-overview-username{font-weight:500}.manage-overview-empty{text-align:center;color:var(--text-secondary, #6b7280);padding:2rem}*{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}