.video-management-container{max-width:800px;margin:0 auto;padding:20px}.video-management-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:30px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.video-management-card h1{margin:0 0 20px;color:#333;font-size:28px;font-weight:600}.videos-list{display:flex;flex-direction:column;gap:15px}.video-item{display:flex;justify-content:space-between;align-items:flex-start;padding:15px;background:#f9f9f9;border-radius:8px;border-left:4px solid #667eea;gap:15px}.video-info{flex:1}.video-item h3{margin:0 0 8px;color:#333;font-size:18px;font-weight:600}.video-description{margin:0 0 10px;color:#666;font-size:14px;line-height:1.4}.video-meta{display:flex;gap:15px;font-size:13px;color:#888}.delete-btn{padding:8px 16px;background:#ff6b6b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;transition:all .3s ease}.delete-btn:hover:not(:disabled){background:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.delete-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:12px;background:#ffebee;border:1px solid #ef5350;border-radius:8px;color:#c62828;font-size:14px;margin-bottom:15px}.no-videos{text-align:center;color:#888;padding:30px;font-size:16px}@media (max-width: 600px){.video-management-container{padding:10px}.video-management-card{padding:20px}.video-item{flex-direction:column}.delete-btn{width:100%}}.video-upload-container{max-width:600px;margin:0 auto;padding:20px}.video-upload-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:30px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.video-upload-card h1{margin:0 0 20px;color:#333;font-size:28px;font-weight:600}.upload-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#555;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.file-input-wrapper{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-input-label{display:block;padding:12px 16px;background:#f5f5f5;border:2px dashed #ddd;border-radius:8px;cursor:pointer;text-align:center;color:#666;font-size:14px;transition:all .3s ease}.file-input-wrapper:hover .file-input-label{border-color:#999;background:#fafafa}.file-input:disabled~.file-input-label{opacity:.6;cursor:not-allowed}.form-input,.form-textarea{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.form-input:disabled,.form-textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.form-textarea{resize:vertical;min-height:100px}.progress-bar{width:100%;height:24px;background:#e0e0e0;border-radius:12px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.upload-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{padding:12px;background:#ffebee;border:1px solid #ef5350;border-radius:8px;color:#c62828;font-size:14px}.success-message{padding:12px;background:#e8f5e9;border:1px solid #4caf50;border-radius:8px;color:#2e7d32;font-size:14px}.upload-info{margin-top:20px;padding:15px;background:#f9f9f9;border-left:4px solid #667eea;border-radius:4px;font-size:13px;color:#666}.upload-info p{margin:8px 0;line-height:1.4}.upload-info strong{color:#333}@media (max-width: 600px){.video-upload-container{padding:10px}.video-upload-card{padding:20px}.video-upload-card h1{font-size:24px}}
